@govtechsg/sgds-web-component 3.1.1-rc.3 → 3.1.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 (117) hide show
  1. package/base/card.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/Card/index.umd.js +55 -9
  7. package/components/Card/index.umd.js.map +1 -1
  8. package/components/Card/sgds-card.js +7 -0
  9. package/components/Card/sgds-card.js.map +1 -1
  10. package/components/ComboBox/index.umd.js +0 -5
  11. package/components/ComboBox/index.umd.js.map +1 -1
  12. package/components/Mainnav/index.umd.js +2 -2
  13. package/components/Mainnav/index.umd.js.map +1 -1
  14. package/components/Mainnav/sgds-mainnav-item.d.ts +1 -1
  15. package/components/Mainnav/sgds-mainnav-item.js +2 -2
  16. package/components/Mainnav/sgds-mainnav-item.js.map +1 -1
  17. package/components/Modal/index.umd.js +5 -2
  18. package/components/Modal/index.umd.js.map +1 -1
  19. package/components/Modal/modal.js +1 -1
  20. package/components/Modal/sgds-modal.js +2 -1
  21. package/components/Modal/sgds-modal.js.map +1 -1
  22. package/components/Subnav/index.umd.js +2 -2
  23. package/components/Subnav/index.umd.js.map +1 -1
  24. package/components/Subnav/sgds-subnav-item.d.ts +1 -1
  25. package/components/Subnav/sgds-subnav-item.js +2 -2
  26. package/components/Subnav/sgds-subnav-item.js.map +1 -1
  27. package/components/Table/index.d.ts +4 -1
  28. package/components/Table/index.js +4 -1
  29. package/components/Table/index.js.map +1 -1
  30. package/components/Table/index.umd.js +125 -113
  31. package/components/Table/index.umd.js.map +1 -1
  32. package/components/Table/sgds-table.d.ts +34 -32
  33. package/components/Table/sgds-table.js +115 -109
  34. package/components/Table/sgds-table.js.map +1 -1
  35. package/components/Table/table-cell.js +6 -0
  36. package/components/Table/table-cell.js.map +1 -0
  37. package/components/Table/table-head.js +6 -0
  38. package/components/Table/table-head.js.map +1 -0
  39. package/components/Table/table-row.js +6 -0
  40. package/components/Table/table-row.js.map +1 -0
  41. package/components/Table/table.js +1 -1
  42. package/components/index.js +1 -1
  43. package/components/index.umd.js +263 -250
  44. package/components/index.umd.js.map +1 -1
  45. package/index.umd.js +260 -247
  46. package/index.umd.js.map +1 -1
  47. package/package.json +2 -2
  48. package/react/base/card.cjs.js +1 -1
  49. package/react/base/card.js +1 -1
  50. package/react/components/Badge/sgds-badge.cjs.js +0 -5
  51. package/react/components/Badge/sgds-badge.cjs.js.map +1 -1
  52. package/react/components/Badge/sgds-badge.js +0 -5
  53. package/react/components/Badge/sgds-badge.js.map +1 -1
  54. package/react/components/Card/sgds-card.cjs.js +7 -0
  55. package/react/components/Card/sgds-card.cjs.js.map +1 -1
  56. package/react/components/Card/sgds-card.js +7 -0
  57. package/react/components/Card/sgds-card.js.map +1 -1
  58. package/react/components/Mainnav/sgds-mainnav-item.cjs.js +2 -2
  59. package/react/components/Mainnav/sgds-mainnav-item.cjs.js.map +1 -1
  60. package/react/components/Mainnav/sgds-mainnav-item.js +2 -2
  61. package/react/components/Mainnav/sgds-mainnav-item.js.map +1 -1
  62. package/react/components/Modal/modal.cjs.js +1 -1
  63. package/react/components/Modal/modal.js +1 -1
  64. package/react/components/Modal/sgds-modal.cjs.js +2 -1
  65. package/react/components/Modal/sgds-modal.cjs.js.map +1 -1
  66. package/react/components/Modal/sgds-modal.js +2 -1
  67. package/react/components/Modal/sgds-modal.js.map +1 -1
  68. package/react/components/Subnav/sgds-subnav-item.cjs.js +2 -2
  69. package/react/components/Subnav/sgds-subnav-item.cjs.js.map +1 -1
  70. package/react/components/Subnav/sgds-subnav-item.js +2 -2
  71. package/react/components/Subnav/sgds-subnav-item.js.map +1 -1
  72. package/react/components/Table/sgds-table.cjs.js +117 -108
  73. package/react/components/Table/sgds-table.cjs.js.map +1 -1
  74. package/react/components/Table/sgds-table.js +115 -109
  75. package/react/components/Table/sgds-table.js.map +1 -1
  76. package/react/components/Table/table-cell.cjs.js +11 -0
  77. package/react/components/Table/table-cell.cjs.js.map +1 -0
  78. package/react/components/Table/table-cell.js +7 -0
  79. package/react/components/Table/table-cell.js.map +1 -0
  80. package/react/components/Table/table-head.cjs.js +11 -0
  81. package/react/components/Table/table-head.cjs.js.map +1 -0
  82. package/react/components/Table/table-head.js +7 -0
  83. package/react/components/Table/table-head.js.map +1 -0
  84. package/react/components/Table/table-row.cjs.js +11 -0
  85. package/react/components/Table/table-row.cjs.js.map +1 -0
  86. package/react/components/Table/table-row.js +7 -0
  87. package/react/components/Table/table-row.js.map +1 -0
  88. package/react/components/Table/table.cjs.js +1 -1
  89. package/react/components/Table/table.js +1 -1
  90. package/react/index.cjs.js +16 -10
  91. package/react/index.cjs.js.map +1 -1
  92. package/react/index.d.ts +3 -0
  93. package/react/index.js +3 -0
  94. package/react/index.js.map +1 -1
  95. package/react/table/index.cjs.js +1 -3
  96. package/react/table/index.cjs.js.map +1 -1
  97. package/react/table/index.js +1 -3
  98. package/react/table/index.js.map +1 -1
  99. package/react/table-cell/index.cjs.js +40 -0
  100. package/react/table-cell/index.cjs.js.map +1 -0
  101. package/react/table-cell/index.d.ts +2 -0
  102. package/react/table-cell/index.js +16 -0
  103. package/react/table-cell/index.js.map +1 -0
  104. package/react/table-head/index.cjs.js +40 -0
  105. package/react/table-head/index.cjs.js.map +1 -0
  106. package/react/table-head/index.d.ts +2 -0
  107. package/react/table-head/index.js +16 -0
  108. package/react/table-head/index.js.map +1 -0
  109. package/react/table-row/index.cjs.js +40 -0
  110. package/react/table-row/index.cjs.js.map +1 -0
  111. package/react/table-row/index.d.ts +2 -0
  112. package/react/table-row/index.js +16 -0
  113. package/react/table-row/index.js.map +1 -0
  114. package/react/utils/breakpoints.cjs.js.map +1 -1
  115. package/react/utils/breakpoints.js.map +1 -1
  116. package/utils/breakpoints.d.ts +1 -0
  117. package/utils/breakpoints.js.map +1 -1
package/base/card.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = css`:host([orientation=horizontal]) .card{flex-direction:row}:host(:not([hideBorder])) .card{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}:host([tinted]) .card{background-color:var(--sgds-bg-translucent-subtle);border:none}:host([orientation=horizontal]) .card-image{width:40%}:host([imagePosition=after]) .card-image{order:1}:host([orientation=vertical][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-left-radius:var(--sgds-border-radius-none);border-top-right-radius:var(--sgds-border-radius-none)}:host([orientation=horizontal][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-bottom-left-radius:var(--sgds-border-radius-none);border-top-left-radius:var(--sgds-border-radius-none)}:host([orientation=vertical][imageAdjustment="padding around"]) .card-image{padding:var(--sgds-padding-xl) var(--sgds-padding-xl) 0}:host([orientation=vertical][imageAdjustment="padding around"]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1))}:host([orientation=vertical]:not([imageAdjustment="aspect ratio"])) slot[name=image]::slotted(img){height:auto}:host([orientation=vertical][imageAdjustment="aspect ratio"]) slot[name=image]::slotted(img){object-fit:cover}.card{word-wrap:break-word;background-clip:border-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:none;display:flex;flex-direction:column;height:auto;min-width:0;position:relative;transition:box-shadow .3s ease}a.card{color:initial;text-decoration:none}@media (prefers-reduced-motion:reduce){.card{transition:none}}.card.disabled{cursor:not-allowed;opacity:var(--sgds-opacity-50)}.card:not(.disabled):hover{box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 8px 16px 0 hsla(0,0%,5%,.12)}a.card:focus{outline:0}a.card:not(.disabled):focus-visible{box-shadow:var(--sgds-box-shadow-focus)}.card-image{flex:1}.card-body{display:flex;flex:1;flex-direction:column;gap:var(--sgds-gap-lg);padding:var(--sgds-padding-xl)}.card-body,.card-title{color:var(--sgds-body-color-default)}.card-title{--sgds-font-size-5:var(--sgds-font-size-4);--sgds-font-size-6:var(--sgds-font-size-4);--sgds-margin-2-xs:var(--sgds-margin-none);--sgds-font-weight-bold:var(--sgds-font-weight-semibold);font-size:var(--sgds-font-size-4);font-weight:var(--sgds-font-weight-semibold)}.card-subtitle,.card-text,.card-title{margin-bottom:var(--sgds-margin-none)}slot[name=title]::slotted(a){--sgds-font-size-2:var(--sgds-font-size-4);--sgds-font-weight-regular:var(--sgds-font-weight-semibold);color:var(--sgds-link-color-default);font-size:var(--sgds-font-size-4);font-weight:var(--sgds-font-weight-semibold);text-decoration:none!important}slot[name=description]::slotted(*){color:var(--sgds-color-subtle)}slot[name=image]::slotted(img){border-top-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));display:block;width:100%}:host([orientation=horizontal]) slot[name=image]::slotted(img){border-bottom-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:var(--sgds-border-radius-none);height:100%;object-fit:cover}slot[name=link]::slotted(*){font-weight:700;margin-top:var(--sgds-padding-sm)}slot[name=link]::slotted(a){color:var(--sgds-link-color-default);display:inline-flex;gap:var(--sgds-gap-2-xs);text-decoration:none!important}slot[name=link]::slotted(a:focus),slot[name=link]::slotted(a:hover),slot[name=title]::slotted(a:focus),slot[name=title]::slotted(a:hover){color:var(--sgds-link-color-emphasis)}slot[name=link]::slotted(a:focus),slot[name=title]::slotted(a:focus){outline:0}slot[name=link]::slotted(a:focus-visible),slot[name=title]::slotted(a:focus-visible){box-shadow:var(--sgds-box-shadow-focus)}`;
3
+ var css_248z = css`:host([orientation=horizontal]) .card{flex-direction:row}:host([orientation=horizontal]) .card-body{flex:1}:host(:not([hideBorder])) .card{border:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}:host([tinted]) .card{background-color:var(--sgds-bg-translucent-subtle);border:none}:host([orientation=horizontal]) .card-image{width:40%}:host([imagePosition=after]) .card-image{order:1}:host([orientation=vertical][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-left-radius:var(--sgds-border-radius-none);border-top-right-radius:var(--sgds-border-radius-none)}:host([orientation=horizontal][imagePosition=after]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-bottom-left-radius:var(--sgds-border-radius-none);border-top-left-radius:var(--sgds-border-radius-none)}:host([orientation=vertical][imageAdjustment="padding around"]) .card-image{padding:var(--sgds-padding-xl) var(--sgds-padding-xl) 0}:host([orientation=vertical][imageAdjustment="padding around"]) slot[name=image]::slotted(img){border-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1))}:host([orientation=vertical]:not([imageAdjustment="aspect ratio"])) slot[name=image]::slotted(img){height:auto}:host([orientation=vertical][imageAdjustment="aspect ratio"]) slot[name=image]::slotted(img){object-fit:cover}.card{word-wrap:break-word;background-clip:border-box;background-color:var(--sgds-surface-default);border-radius:var(--sgds-border-radius-md);box-shadow:none;display:flex;flex-direction:column;height:100%;min-width:0;position:relative;transition:box-shadow .3s ease}a.card{color:initial;text-decoration:none}@media (prefers-reduced-motion:reduce){.card{transition:none}}.card.disabled{cursor:not-allowed;opacity:var(--sgds-opacity-50)}.card:not(.disabled):hover{box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 8px 16px 0 hsla(0,0%,5%,.12)}a.card:focus{outline:0}a.card:not(.disabled):focus-visible{box-shadow:var(--sgds-box-shadow-focus)}.card-image{flex:1}.card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--sgds-gap-lg);padding:var(--sgds-padding-xl)}.card-body,.card-title{color:var(--sgds-body-color-default)}.card-title{--sgds-font-size-5:var(--sgds-font-size-4);--sgds-font-size-6:var(--sgds-font-size-4);--sgds-margin-2-xs:var(--sgds-margin-none);--sgds-font-weight-bold:var(--sgds-font-weight-semibold);font-size:var(--sgds-font-size-4);font-weight:var(--sgds-font-weight-semibold)}.card-subtitle,.card-text,.card-title{margin-bottom:var(--sgds-margin-none)}slot[name=title]::slotted(a){--sgds-font-size-2:var(--sgds-font-size-4);--sgds-font-weight-regular:var(--sgds-font-weight-semibold);color:var(--sgds-link-color-default);font-size:var(--sgds-font-size-4);font-weight:var(--sgds-font-weight-semibold);text-decoration:none!important}slot[name=description]::slotted(*){color:var(--sgds-color-subtle)}slot[name=image]::slotted(img){border-top-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));display:block;width:100%}:host([orientation=horizontal]) slot[name=image]::slotted(img){border-bottom-left-radius:calc(var(--sgds-border-radius-md) - var(--sgds-border-width-1));border-top-right-radius:var(--sgds-border-radius-none);height:100%;object-fit:cover}slot[name=link]::slotted(*){font-weight:700;margin-top:auto;padding-top:var(--sgds-padding-sm)}slot[name=link]::slotted(a){color:var(--sgds-link-color-default);display:inline-flex;gap:var(--sgds-gap-2-xs);height:auto!important;text-decoration:none!important}slot[name=link]::slotted(a:focus),slot[name=link]::slotted(a:hover),slot[name=title]::slotted(a:focus),slot[name=title]::slotted(a:hover){color:var(--sgds-link-color-emphasis)}slot[name=link]::slotted(a:focus),slot[name=title]::slotted(a:focus){outline:0}slot[name=link]::slotted(a:focus-visible),slot[name=title]::slotted(a:focus-visible){box-shadow:var(--sgds-box-shadow-focus)}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=card.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() {