@govtechsg/sgds-web-component 3.1.1-rc.3 → 3.1.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 (75) hide show
  1. package/base/button.js +1 -1
  2. package/components/Badge/index.umd.js +0 -5
  3. package/components/Badge/index.umd.js.map +1 -1
  4. package/components/Badge/sgds-badge.js +0 -5
  5. package/components/Badge/sgds-badge.js.map +1 -1
  6. package/components/Button/index.umd.js +1 -1
  7. package/components/ComboBox/index.umd.js +0 -5
  8. package/components/ComboBox/index.umd.js.map +1 -1
  9. package/components/Datepicker/index.umd.js +1 -1
  10. package/components/FileUpload/index.umd.js +1 -1
  11. package/components/IconButton/index.umd.js +1 -1
  12. package/components/Mainnav/index.umd.js +3 -3
  13. package/components/Mainnav/index.umd.js.map +1 -1
  14. package/components/Modal/index.umd.js +5 -2
  15. package/components/Modal/index.umd.js.map +1 -1
  16. package/components/Modal/modal.js +1 -1
  17. package/components/Modal/sgds-modal.js +2 -1
  18. package/components/Modal/sgds-modal.js.map +1 -1
  19. package/components/Pagination/index.umd.js +1 -1
  20. package/components/QuantityToggle/index.umd.js +1 -1
  21. package/components/Subnav/index.umd.js +95 -67
  22. package/components/Subnav/index.umd.js.map +1 -1
  23. package/components/Subnav/sgds-subnav.d.ts +3 -4
  24. package/components/Subnav/sgds-subnav.js +95 -66
  25. package/components/Subnav/sgds-subnav.js.map +1 -1
  26. package/components/Subnav/subnav-item.js +1 -1
  27. package/components/Subnav/subnav.js +1 -1
  28. package/components/Table/index.umd.js +44 -106
  29. package/components/Table/index.umd.js.map +1 -1
  30. package/components/Table/sgds-table.d.ts +5 -31
  31. package/components/Table/sgds-table.js +42 -104
  32. package/components/Table/sgds-table.js.map +1 -1
  33. package/components/Table/table.js +1 -1
  34. package/components/index.umd.js +144 -182
  35. package/components/index.umd.js.map +1 -1
  36. package/index.umd.js +145 -183
  37. package/index.umd.js.map +1 -1
  38. package/package.json +2 -2
  39. package/react/base/button.cjs.js +1 -1
  40. package/react/base/button.js +1 -1
  41. package/react/components/Badge/sgds-badge.cjs.js +0 -5
  42. package/react/components/Badge/sgds-badge.cjs.js.map +1 -1
  43. package/react/components/Badge/sgds-badge.js +0 -5
  44. package/react/components/Badge/sgds-badge.js.map +1 -1
  45. package/react/components/Modal/modal.cjs.js +1 -1
  46. package/react/components/Modal/modal.js +1 -1
  47. package/react/components/Modal/sgds-modal.cjs.js +2 -1
  48. package/react/components/Modal/sgds-modal.cjs.js.map +1 -1
  49. package/react/components/Modal/sgds-modal.js +2 -1
  50. package/react/components/Modal/sgds-modal.js.map +1 -1
  51. package/react/components/Subnav/sgds-subnav.cjs.js +93 -64
  52. package/react/components/Subnav/sgds-subnav.cjs.js.map +1 -1
  53. package/react/components/Subnav/sgds-subnav.js +95 -66
  54. package/react/components/Subnav/sgds-subnav.js.map +1 -1
  55. package/react/components/Subnav/subnav-item.cjs.js +1 -1
  56. package/react/components/Subnav/subnav-item.js +1 -1
  57. package/react/components/Subnav/subnav.cjs.js +1 -1
  58. package/react/components/Subnav/subnav.js +1 -1
  59. package/react/components/Table/sgds-table.cjs.js +42 -104
  60. package/react/components/Table/sgds-table.cjs.js.map +1 -1
  61. package/react/components/Table/sgds-table.js +42 -104
  62. package/react/components/Table/sgds-table.js.map +1 -1
  63. package/react/components/Table/table.cjs.js +1 -1
  64. package/react/components/Table/table.js +1 -1
  65. package/react/table/index.cjs.js +1 -3
  66. package/react/table/index.cjs.js.map +1 -1
  67. package/react/table/index.js +1 -3
  68. package/react/table/index.js.map +1 -1
  69. package/react/utils/breakpoints.cjs.js +2 -2
  70. package/react/utils/breakpoints.cjs.js.map +1 -1
  71. package/react/utils/breakpoints.js +2 -2
  72. package/react/utils/breakpoints.js.map +1 -1
  73. package/utils/breakpoints.d.ts +3 -2
  74. package/utils/breakpoints.js +2 -2
  75. package/utils/breakpoints.js.map +1 -1
package/base/button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = 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)}`;
3
+ var css_248z = 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}@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)}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=button.js.map
package/components/Badge/index.umd.js CHANGED
@@ -4423,12 +4423,7 @@
4423
4423
  }
4424
4424
  /** Closes the badge */
4425
4425
  close() {
4426
- const sgdsHide = this.emit("sgds-hide", { cancelable: true });
4427
- if (sgdsHide.defaultPrevented) {
4428
- return;
4429
- }
4430
4426
  this.show = false;
4431
- this.emit("sgds-after-hide");
4432
4427
  }
4433
4428
  /**@internal */
4434
4429
  _handleShowChange() {