@govtechsg/sgds-web-component 3.15.1-rc.0 → 3.15.1-rc.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 (90) hide show
  1. package/components/Accordion/index.umd.min.js +3 -3
  2. package/components/Accordion/index.umd.min.js.map +1 -1
  3. package/components/Accordion/sgds-accordion-item.d.ts +3 -0
  4. package/components/Accordion/sgds-accordion-item.js +6 -1
  5. package/components/Accordion/sgds-accordion-item.js.map +1 -1
  6. package/components/Badge/index.umd.min.js +1 -1
  7. package/components/Badge/index.umd.min.js.map +1 -1
  8. package/components/Breadcrumb/index.umd.min.js +6 -6
  9. package/components/Breadcrumb/index.umd.min.js.map +1 -1
  10. package/components/ComboBox/index.umd.min.js +2 -2
  11. package/components/ComboBox/index.umd.min.js.map +1 -1
  12. package/components/Datepicker/index.umd.min.js +1 -1
  13. package/components/Datepicker/index.umd.min.js.map +1 -1
  14. package/components/Drawer/drawer.js +1 -1
  15. package/components/Drawer/index.umd.min.js +1 -1
  16. package/components/Drawer/index.umd.min.js.map +1 -1
  17. package/components/Dropdown/dropdown-menu.js +1 -1
  18. package/components/Dropdown/index.umd.min.js +1 -1
  19. package/components/Dropdown/index.umd.min.js.map +1 -1
  20. package/components/Mainnav/index.umd.min.js +9 -9
  21. package/components/Mainnav/index.umd.min.js.map +1 -1
  22. package/components/Mainnav/mainnav.js +1 -1
  23. package/components/Modal/index.umd.min.js +12 -12
  24. package/components/Modal/index.umd.min.js.map +1 -1
  25. package/components/Modal/modal.js +1 -1
  26. package/components/Modal/sgds-modal.d.ts +2 -0
  27. package/components/Modal/sgds-modal.js +13 -6
  28. package/components/Modal/sgds-modal.js.map +1 -1
  29. package/components/OverflowMenu/index.umd.min.js +6 -6
  30. package/components/OverflowMenu/index.umd.min.js.map +1 -1
  31. package/components/Select/index.umd.min.js +1 -1
  32. package/components/Select/index.umd.min.js.map +1 -1
  33. package/components/Subnav/index.umd.min.js +1 -1
  34. package/components/Subnav/index.umd.min.js.map +1 -1
  35. package/components/Subnav/subnav.js +1 -1
  36. package/components/Table/index.umd.min.js +2 -2
  37. package/components/Table/index.umd.min.js.map +1 -1
  38. package/components/Table/table-head.js +1 -1
  39. package/components/Table/table.js +1 -1
  40. package/components/Toast/index.umd.min.js +1 -1
  41. package/components/Toast/index.umd.min.js.map +1 -1
  42. package/components/Toast/toast-container.js +1 -1
  43. package/components/Tooltip/index.umd.min.js +1 -1
  44. package/components/Tooltip/index.umd.min.js.map +1 -1
  45. package/components/Tooltip/tooltip.js +1 -1
  46. package/components/index.umd.min.js +18 -18
  47. package/components/index.umd.min.js.map +1 -1
  48. package/css/utility.css +26 -4
  49. package/index.umd.min.js +18 -18
  50. package/index.umd.min.js.map +1 -1
  51. package/package.json +1 -1
  52. package/react/components/Accordion/sgds-accordion-item.cjs.js +6 -1
  53. package/react/components/Accordion/sgds-accordion-item.cjs.js.map +1 -1
  54. package/react/components/Accordion/sgds-accordion-item.js +6 -1
  55. package/react/components/Accordion/sgds-accordion-item.js.map +1 -1
  56. package/react/components/Drawer/drawer.cjs.js +1 -1
  57. package/react/components/Drawer/drawer.js +1 -1
  58. package/react/components/Dropdown/dropdown-menu.cjs.js +1 -1
  59. package/react/components/Dropdown/dropdown-menu.js +1 -1
  60. package/react/components/Mainnav/mainnav.cjs.js +1 -1
  61. package/react/components/Mainnav/mainnav.js +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 +12 -5
  65. package/react/components/Modal/sgds-modal.cjs.js.map +1 -1
  66. package/react/components/Modal/sgds-modal.js +13 -6
  67. package/react/components/Modal/sgds-modal.js.map +1 -1
  68. package/react/components/Subnav/subnav.cjs.js +1 -1
  69. package/react/components/Subnav/subnav.js +1 -1
  70. package/react/components/Table/table-head.cjs.js +1 -1
  71. package/react/components/Table/table-head.js +1 -1
  72. package/react/components/Table/table.cjs.js +1 -1
  73. package/react/components/Table/table.js +1 -1
  74. package/react/components/Toast/toast-container.cjs.js +1 -1
  75. package/react/components/Toast/toast-container.js +1 -1
  76. package/react/components/Tooltip/tooltip.cjs.js +1 -1
  77. package/react/components/Tooltip/tooltip.js +1 -1
  78. package/themes/blue.css +11 -0
  79. package/themes/cyan.css +11 -0
  80. package/themes/gt/blue.css +11 -0
  81. package/themes/gt/cyan.css +11 -0
  82. package/themes/gt/magenta.css +11 -0
  83. package/themes/gt/pink.css +11 -0
  84. package/themes/gt/purple.css +11 -0
  85. package/themes/gt/red.css +11 -0
  86. package/themes/magenta.css +11 -0
  87. package/themes/pink.css +11 -0
  88. package/themes/purple.css +11 -0
  89. package/themes/red.css +11 -0
  90. package/themes/root.css +25 -3
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = css`:host{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:table-cell;vertical-align:middle}:host([headerBackground]){background-color:var(--sgds-surface-raised)}.table-head{align-items:center;display:flex;font-weight:700;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}`;
3
+ var css_248z = css`:host{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);display:table-cell;vertical-align:middle}:host([headerBackground]){background-color:var(--sgds-surface-raised)}.table-head{align-items:center;display:flex;font-weight:var(--sgds-font-weight-semibold);min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=table-head.js.map
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = css`tbody,td,th,thead,tr{border:var(--sgds-border-width-0) solid;border-color:inherit}th{text-align:-webkit-match-parent}table{border-collapse:collapse;caption-side:bottom}.table{display:table;width:100%}.hidden{display:none}.table>:not(caption) td,.table>:not(caption) th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}.table>:not(caption) td>div,.table>:not(caption) th>div{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-emphasis)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}:host([tableBorder]) .table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-bottom:0}:host([tableBorder]) .table.no-border{border:0}:host([headerBackground]) th{background-color:var(--sgds-surface-raised)}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1399.98px){.table-responsive-xxl{-webkit-overflow-scrolling:touch;overflow-x:auto}}`;
3
+ var css_248z = css`tbody,td,th,thead,tr{border:var(--sgds-border-width-0) solid;border-color:inherit}th{font-weight:var(--sgds-font-weight-semibold);text-align:-webkit-match-parent}table{border-collapse:collapse;caption-side:bottom}.table{display:table;width:100%}.hidden{display:none}.table>:not(caption) td,.table>:not(caption) th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted)}.table>:not(caption) td>div,.table>:not(caption) th>div{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-emphasis)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}:host([tableBorder]) .table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-bottom:0}:host([tableBorder]) .table.no-border{border:0}:host([headerBackground]) th{background-color:var(--sgds-surface-raised)}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1399.98px){.table-responsive-xxl{-webkit-overflow-scrolling:touch;overflow-x:auto}}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=table.js.map
@@ -74,7 +74,7 @@ const Zt=1;class Jt{constructor(t){}get _$isConnected(){return this._$parent._$i
74
74
  * @license
75
75
  * Copyright 2020 Google LLC
76
76
  * SPDX-License-Identifier: BSD-3-Clause
77
- */var Xt;const Gt=Symbol.for(""),Kt=t=>{if(t?.r===Gt)return t?._$litStatic$},Qt=new Map,te=(ee=Q,(t,...e)=>{const s=e.length;let i,o;const n=[],r=[];let a,l=0,d=!1;for(;l<s;){for(a=t[l];l<s&&void 0!==(o=e[l],i=Kt(o));)a+=i+t[++l],d=!0;l!==s&&r.push(o),n.push(a),l++}if(l===s&&n.push(t[s]),d){const s=n.join("$$lit$$");void 0===(t=Qt.get(s))&&(n.raw=n,Qt.set(s,t=n)),e=r}return ee(t,...e)});var ee,se=r`.top-start{top:var(--toast-container-top)}.middle-start,.top-start{left:var(--toast-container-left)}.middle-start{top:50%;transform:translateY(-50%)}.middle-center{left:50%;top:50%;transform:translate(-50%,-50%)}.middle-end{right:var(--toast-container-right);top:50%;transform:translateY(-50%)}.toast-container{--toast-container-top:calc(108px + var(--sgds-spacer-8));--toast-container-right:var(--sgds-spacer-8);--toast-container-left:var(--sgds-spacer-8);--toast-container-bottom:var(--sgds-spacer-8);max-width:100%;pointer-events:none;position:fixed;width:max-content;z-index:1200}.top-center{left:50%;transform:translateX(-50%)}.top-center,.top-end{top:var(--toast-container-top)}.top-end{right:var(--toast-container-right)}.bottom-start{left:var(--toast-container-left)}.bottom-center,.bottom-start{bottom:var(--toast-container-bottom)}.bottom-center{left:50%;transform:translateX(-50%)}.bottom-end{bottom:var(--toast-container-bottom);right:var(--toast-container-right)}slot{display:flex;flex-direction:column;gap:.5rem}`;class ie extends Nt{render(){return te`
77
+ */var Xt;const Gt=Symbol.for(""),Kt=t=>{if(t?.r===Gt)return t?._$litStatic$},Qt=new Map,te=(ee=Q,(t,...e)=>{const s=e.length;let i,o;const n=[],r=[];let a,l=0,d=!1;for(;l<s;){for(a=t[l];l<s&&void 0!==(o=e[l],i=Kt(o));)a+=i+t[++l],d=!0;l!==s&&r.push(o),n.push(a),l++}if(l===s&&n.push(t[s]),d){const s=n.join("$$lit$$");void 0===(t=Qt.get(s))&&(n.raw=n,Qt.set(s,t=n)),e=r}return ee(t,...e)});var ee,se=r`.top-start{top:var(--toast-container-top)}.middle-start,.top-start{left:var(--toast-container-left)}.middle-start{top:50%;transform:translateY(-50%)}.middle-center{left:50%;top:50%;transform:translate(-50%,-50%)}.middle-end{right:var(--toast-container-right);top:50%;transform:translateY(-50%)}.toast-container{--toast-container-top:calc(108px + var(--sgds-spacer-8));--toast-container-right:var(--sgds-spacer-8);--toast-container-left:var(--sgds-spacer-8);--toast-container-bottom:var(--sgds-spacer-8);max-width:100%;pointer-events:none;position:fixed;width:max-content;z-index:var(--sgds-z-index-overlay)}.top-center{left:50%;transform:translateX(-50%)}.top-center,.top-end{top:var(--toast-container-top)}.top-end{right:var(--toast-container-right)}.bottom-start{left:var(--toast-container-left)}.bottom-center,.bottom-start{bottom:var(--toast-container-bottom)}.bottom-center{left:50%;transform:translateX(-50%)}.bottom-end{bottom:var(--toast-container-bottom);right:var(--toast-container-right)}slot{display:flex;gap:var(--sgds-layout-gap-md)}:host([position^=top]) slot{flex-direction:column-reverse}:host([position^=bottom]) slot{flex-direction:column}`;class ie extends Nt{render(){return te`
78
78
  <div
79
79
  class=${Yt({"toast-container":!0,[this.position]:this.position})}
80
80
  >