@govtechsg/sgds-web-component 1.2.2 → 1.3.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 (53) hide show
  1. package/Masthead/index.js +2 -2
  2. package/README.md +60 -74
  3. package/base/sgds-element.cjs2.js +1 -1
  4. package/base/sgds-element2.js +1 -1
  5. package/components/Accordion/index.umd.js +9 -4
  6. package/components/Accordion/index.umd.js.map +1 -1
  7. package/components/Accordion/sgds-accordion-item.cjs2.js +1 -1
  8. package/components/Accordion/sgds-accordion-item2.js +1 -1
  9. package/components/Accordion/sgds-accordion.cjs.js +5 -1
  10. package/components/Accordion/sgds-accordion.cjs.js.map +1 -1
  11. package/components/Accordion/sgds-accordion.cjs2.js +10 -0
  12. package/components/Accordion/sgds-accordion.cjs2.js.map +1 -0
  13. package/components/Accordion/sgds-accordion.d.ts +3 -0
  14. package/components/Accordion/sgds-accordion.js +5 -1
  15. package/components/Accordion/sgds-accordion.js.map +1 -1
  16. package/components/Accordion/sgds-accordion2.js +6 -0
  17. package/components/Accordion/sgds-accordion2.js.map +1 -0
  18. package/components/ActionCard/index.umd.js +1 -1
  19. package/components/Alert/index.umd.js +1 -1
  20. package/components/Badge/index.umd.js +1 -1
  21. package/components/Breadcrumb/index.umd.js +1 -1
  22. package/components/Button/index.umd.js +1 -1
  23. package/components/Card/index.umd.js +1 -1
  24. package/components/Checkbox/index.umd.js +1 -1
  25. package/components/ComboBox/index.umd.js +1 -1
  26. package/components/Datepicker/index.umd.js +1 -1
  27. package/components/Drawer/index.umd.js +1 -1
  28. package/components/Dropdown/index.umd.js +1 -1
  29. package/components/FileUpload/index.umd.js +1 -1
  30. package/components/Footer/index.umd.js +1 -1
  31. package/components/Input/index.umd.js +1 -1
  32. package/components/Mainnav/index.umd.js +1 -1
  33. package/components/Masthead/index.umd.js +2 -2
  34. package/components/Masthead/sgds-masthead.cjs2.js +1 -1
  35. package/components/Masthead/sgds-masthead2.js +1 -1
  36. package/components/Modal/index.umd.js +1 -1
  37. package/components/Pagination/index.umd.js +1 -1
  38. package/components/Progress/index.umd.js +1 -1
  39. package/components/QuantityToggle/index.umd.js +1 -1
  40. package/components/Radio/index.umd.js +1 -1
  41. package/components/Sidenav/index.umd.js +1 -1
  42. package/components/Spinner/index.umd.js +1 -1
  43. package/components/Stepper/index.umd.js +1 -1
  44. package/components/Tab/index.umd.js +1 -1
  45. package/components/Table/index.umd.js +1 -1
  46. package/components/Textarea/index.umd.js +1 -1
  47. package/components/Toast/index.umd.js +1 -1
  48. package/components/Tooltip/index.umd.js +1 -1
  49. package/components/index.umd.js +10 -5
  50. package/components/index.umd.js.map +1 -1
  51. package/index.umd.js +10 -5
  52. package/index.umd.js.map +1 -1
  53. package/package.json +2 -2
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var lit = require('lit');
6
6
 
7
- var css_248z = lit.css`:host{--masthead-font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;--masthead-text-color:#474747;--masthead-link-color:#2f5fd0;--masthead-link-color-hover:#4371d6;--masthead-mobile-font-size:0.6875rem;--masthead-mobile-padding-x:0.75rem;--masthead-fluid-padding-x:0.75rem;--masthead-crest-color:#ef3320}.sgds-masthead{background-color:#f0f0f0;color:var(--masthead-text-color);font-family:var(--masthead-font-family);font-size:.875rem}@media screen and (max-width:1023px){.sgds-masthead{font-size:var(--masthead-mobile-font-size)}.sgds-masthead .col,.sgds-masthead .row{padding-left:0;padding-right:0}.sgds-masthead .row{margin-left:0;margin-right:0}}.sg-crest{height:1.75rem;width:1.25rem}.sg-crest path{fill:var(--masthead-crest-color)}.masthead-layout{align-items:center;display:flex;gap:.25rem}.sgds-masthead-identify-icon{align-self:center;display:block;height:21px;transform:rotate(180deg);transition:all .3s ease-in-out 0s;user-select:none;width:12px}.sgds-masthead-identify-icon.show{transform:rotate(0deg)}.sgds-masthead-button{align-items:center;color:var(--masthead-link-color);cursor:pointer;display:flex}.sgds-masthead-button-text{text-decoration:underline}.sgds-masthead-button-text:hover{color:var(--masthead-link-color-hover)}.sgds-masthead-content{display:none;padding-bottom:3rem;padding-top:2.5rem}@media screen and (max-width:1023px){.sgds-masthead-content{padding-bottom:2rem;padding-top:1rem}}.sgds-masthead-content .content-grid{display:grid;gap:10rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (max-width:1023px){.sgds-masthead-content .content-grid{gap:1.5rem;grid-template-columns:1fr}.sgds-masthead-content .content-grid .banner-icon-inline{height:.6rem;margin-bottom:.1875rem;width:.6rem}}.sgds-masthead-content .content-grid .icon{margin-top:-.1em}.sgds-masthead-content .wrapper{display:flex;font-size:1rem;gap:1rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper{font-size:var(--masthead-mobile-font-size);gap:.5rem}}.sgds-masthead-content .wrapper .content .title{font-weight:600;margin-bottom:.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .content .title{margin-bottom:.25rem}}.sgds-masthead-content .wrapper .content article{line-height:1.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .content article{line-height:1.2rem}}.sgds-masthead-content .wrapper .banner-icon{width:1.125rem}.sgds-masthead-content .wrapper .banner-icon path{fill:var(--masthead-text-color)}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon{width:.75rem}}.sgds-masthead-content .wrapper .banner-icon svg{line-height:1.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon svg{width:1.25rem}}.sgds-masthead-content .wrapper .banner-icon-inline path{fill:var(--masthead-text-color)}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon-inline{height:.6rem;margin-bottom:.1875rem;width:.6rem}}.sgds-masthead-content.show{display:block}a[target=_blank]{text-decoration:none}a[target=_blank]:after{content:none}a.trusted-websites-link{align-items:center;color:var(--masthead-link-color);display:inline-flex;margin-left:.125rem}a.trusted-websites-link svg{fill:var(--masthead-link-color);margin-left:.125rem}a.trusted-websites-link:hover{color:var(--masthead-link-color-hover)}a.trusted-websites-link:hover svg{fill:var(--masthead-link-color-hover)}@media screen and (max-width:1023px){.trusted-websites-icon{width:.75rem}.sgds-masthead>.container{padding-left:var(--masthead-mobile-padding-x);padding-right:var(--masthead-mobile-padding-x)}}.sgds-masthead>.container-fluid{padding-left:var(--masthead-fluid-padding-x);padding-right:var(--masthead-fluid-padding-x)}@media screen and (max-width:1023px){.sgds-masthead>.container-fluid{padding-left:var(--masthead-mobile-padding-x);padding-right:var(--masthead-mobile-padding-x)}.sgds-masthead:not([fluid]) .container{margin:0}}`;
7
+ var css_248z = lit.css`:host{--masthead-font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif;--masthead-text-color:#474747;--masthead-link-color:#2f5fd0;--masthead-link-color-hover:#4371d6;--masthead-mobile-font-size:0.6875rem;--masthead-mobile-padding-x:0.75rem;--masthead-fluid-padding-x:0.75rem;--masthead-crest-color:#ef3320}.sgds-masthead{background-color:#f0f0f0;color:var(--masthead-text-color);font-family:var(--masthead-font-family);font-size:.875rem}@media screen and (max-width:1023px){.sgds-masthead{font-size:var(--masthead-mobile-font-size)}.sgds-masthead .col,.sgds-masthead .row{padding-left:0;padding-right:0}.sgds-masthead .row{margin-left:0;margin-right:0}}.sg-crest{height:1.75rem;width:1.25rem}.sg-crest path{fill:var(--masthead-crest-color)}.masthead-layout{align-items:center;display:flex;gap:.25rem}.sgds-masthead-identify-icon{align-self:center;display:block;height:21px;transform:rotate(180deg);transition:all .3s ease-in-out 0s;user-select:none;width:12px}.sgds-masthead-identify-icon.show{transform:rotate(0deg)}.sgds-masthead-button{align-items:center;color:var(--masthead-link-color);cursor:pointer;display:flex}.sgds-masthead-button-text{text-decoration:underline}.sgds-masthead-button-text:hover{color:var(--masthead-link-color-hover)}.sgds-masthead-content{display:none;padding-bottom:3rem;padding-top:2.5rem}@media screen and (max-width:1023px){.sgds-masthead-content{padding-bottom:2rem;padding-top:1rem}}.sgds-masthead-content .content-grid{display:grid;gap:10rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (max-width:1023px){.sgds-masthead-content .content-grid{gap:1.5rem;grid-template-columns:1fr}.sgds-masthead-content .content-grid .banner-icon-inline{height:.6rem;margin-bottom:.1875rem;width:.6rem}}.sgds-masthead-content .content-grid .icon{margin-top:-.1em}.sgds-masthead-content .wrapper{display:flex;font-size:1rem;gap:1rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper{font-size:var(--masthead-mobile-font-size);gap:.5rem}}.sgds-masthead-content .wrapper .content .title{font-weight:600;margin-bottom:.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .content .title{margin-bottom:.25rem}}.sgds-masthead-content .wrapper .content article{line-height:1.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .content article{line-height:1.2rem}}.sgds-masthead-content .wrapper .banner-icon{width:1.125rem}.sgds-masthead-content .wrapper .banner-icon path{fill:var(--masthead-text-color)}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon{width:.75rem}}.sgds-masthead-content .wrapper .banner-icon svg{line-height:1.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon svg{width:1.25rem}}.sgds-masthead-content .wrapper .banner-icon-inline path{fill:var(--masthead-text-color)}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon-inline{height:.6rem;margin-bottom:.1875rem;width:.6rem}}.sgds-masthead-content.show{display:block}a[target=_blank]{text-decoration:none}a[target=_blank]:after{content:none}a.trusted-websites-link{align-items:center;color:var(--masthead-link-color);display:inline-flex;margin-left:.125rem}a.trusted-websites-link svg{fill:var(--masthead-link-color);margin-left:.125rem}a.trusted-websites-link:hover{color:var(--masthead-link-color-hover)}a.trusted-websites-link:hover svg{fill:var(--masthead-link-color-hover)}@media screen and (max-width:1023px){.trusted-websites-icon{width:.75rem}.sgds-masthead>.container{padding-left:var(--masthead-mobile-padding-x);padding-right:var(--masthead-mobile-padding-x)}}.sgds-masthead>.container-fluid{padding-left:var(--masthead-fluid-padding-x);padding-right:var(--masthead-fluid-padding-x)}@media screen and (max-width:1023px){.sgds-masthead>.container-fluid{padding-left:var(--masthead-mobile-padding-x);padding-right:var(--masthead-mobile-padding-x)}.sgds-masthead:not([fluid]) .container{margin:0}}`;
8
8
 
9
9
  exports["default"] = css_248z;
10
10
  //# sourceMappingURL=sgds-masthead.cjs2.js.map
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = css`:host{--masthead-font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;--masthead-text-color:#474747;--masthead-link-color:#2f5fd0;--masthead-link-color-hover:#4371d6;--masthead-mobile-font-size:0.6875rem;--masthead-mobile-padding-x:0.75rem;--masthead-fluid-padding-x:0.75rem;--masthead-crest-color:#ef3320}.sgds-masthead{background-color:#f0f0f0;color:var(--masthead-text-color);font-family:var(--masthead-font-family);font-size:.875rem}@media screen and (max-width:1023px){.sgds-masthead{font-size:var(--masthead-mobile-font-size)}.sgds-masthead .col,.sgds-masthead .row{padding-left:0;padding-right:0}.sgds-masthead .row{margin-left:0;margin-right:0}}.sg-crest{height:1.75rem;width:1.25rem}.sg-crest path{fill:var(--masthead-crest-color)}.masthead-layout{align-items:center;display:flex;gap:.25rem}.sgds-masthead-identify-icon{align-self:center;display:block;height:21px;transform:rotate(180deg);transition:all .3s ease-in-out 0s;user-select:none;width:12px}.sgds-masthead-identify-icon.show{transform:rotate(0deg)}.sgds-masthead-button{align-items:center;color:var(--masthead-link-color);cursor:pointer;display:flex}.sgds-masthead-button-text{text-decoration:underline}.sgds-masthead-button-text:hover{color:var(--masthead-link-color-hover)}.sgds-masthead-content{display:none;padding-bottom:3rem;padding-top:2.5rem}@media screen and (max-width:1023px){.sgds-masthead-content{padding-bottom:2rem;padding-top:1rem}}.sgds-masthead-content .content-grid{display:grid;gap:10rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (max-width:1023px){.sgds-masthead-content .content-grid{gap:1.5rem;grid-template-columns:1fr}.sgds-masthead-content .content-grid .banner-icon-inline{height:.6rem;margin-bottom:.1875rem;width:.6rem}}.sgds-masthead-content .content-grid .icon{margin-top:-.1em}.sgds-masthead-content .wrapper{display:flex;font-size:1rem;gap:1rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper{font-size:var(--masthead-mobile-font-size);gap:.5rem}}.sgds-masthead-content .wrapper .content .title{font-weight:600;margin-bottom:.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .content .title{margin-bottom:.25rem}}.sgds-masthead-content .wrapper .content article{line-height:1.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .content article{line-height:1.2rem}}.sgds-masthead-content .wrapper .banner-icon{width:1.125rem}.sgds-masthead-content .wrapper .banner-icon path{fill:var(--masthead-text-color)}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon{width:.75rem}}.sgds-masthead-content .wrapper .banner-icon svg{line-height:1.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon svg{width:1.25rem}}.sgds-masthead-content .wrapper .banner-icon-inline path{fill:var(--masthead-text-color)}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon-inline{height:.6rem;margin-bottom:.1875rem;width:.6rem}}.sgds-masthead-content.show{display:block}a[target=_blank]{text-decoration:none}a[target=_blank]:after{content:none}a.trusted-websites-link{align-items:center;color:var(--masthead-link-color);display:inline-flex;margin-left:.125rem}a.trusted-websites-link svg{fill:var(--masthead-link-color);margin-left:.125rem}a.trusted-websites-link:hover{color:var(--masthead-link-color-hover)}a.trusted-websites-link:hover svg{fill:var(--masthead-link-color-hover)}@media screen and (max-width:1023px){.trusted-websites-icon{width:.75rem}.sgds-masthead>.container{padding-left:var(--masthead-mobile-padding-x);padding-right:var(--masthead-mobile-padding-x)}}.sgds-masthead>.container-fluid{padding-left:var(--masthead-fluid-padding-x);padding-right:var(--masthead-fluid-padding-x)}@media screen and (max-width:1023px){.sgds-masthead>.container-fluid{padding-left:var(--masthead-mobile-padding-x);padding-right:var(--masthead-mobile-padding-x)}.sgds-masthead:not([fluid]) .container{margin:0}}`;
3
+ var css_248z = css`:host{--masthead-font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif;--masthead-text-color:#474747;--masthead-link-color:#2f5fd0;--masthead-link-color-hover:#4371d6;--masthead-mobile-font-size:0.6875rem;--masthead-mobile-padding-x:0.75rem;--masthead-fluid-padding-x:0.75rem;--masthead-crest-color:#ef3320}.sgds-masthead{background-color:#f0f0f0;color:var(--masthead-text-color);font-family:var(--masthead-font-family);font-size:.875rem}@media screen and (max-width:1023px){.sgds-masthead{font-size:var(--masthead-mobile-font-size)}.sgds-masthead .col,.sgds-masthead .row{padding-left:0;padding-right:0}.sgds-masthead .row{margin-left:0;margin-right:0}}.sg-crest{height:1.75rem;width:1.25rem}.sg-crest path{fill:var(--masthead-crest-color)}.masthead-layout{align-items:center;display:flex;gap:.25rem}.sgds-masthead-identify-icon{align-self:center;display:block;height:21px;transform:rotate(180deg);transition:all .3s ease-in-out 0s;user-select:none;width:12px}.sgds-masthead-identify-icon.show{transform:rotate(0deg)}.sgds-masthead-button{align-items:center;color:var(--masthead-link-color);cursor:pointer;display:flex}.sgds-masthead-button-text{text-decoration:underline}.sgds-masthead-button-text:hover{color:var(--masthead-link-color-hover)}.sgds-masthead-content{display:none;padding-bottom:3rem;padding-top:2.5rem}@media screen and (max-width:1023px){.sgds-masthead-content{padding-bottom:2rem;padding-top:1rem}}.sgds-masthead-content .content-grid{display:grid;gap:10rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (max-width:1023px){.sgds-masthead-content .content-grid{gap:1.5rem;grid-template-columns:1fr}.sgds-masthead-content .content-grid .banner-icon-inline{height:.6rem;margin-bottom:.1875rem;width:.6rem}}.sgds-masthead-content .content-grid .icon{margin-top:-.1em}.sgds-masthead-content .wrapper{display:flex;font-size:1rem;gap:1rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper{font-size:var(--masthead-mobile-font-size);gap:.5rem}}.sgds-masthead-content .wrapper .content .title{font-weight:600;margin-bottom:.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .content .title{margin-bottom:.25rem}}.sgds-masthead-content .wrapper .content article{line-height:1.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .content article{line-height:1.2rem}}.sgds-masthead-content .wrapper .banner-icon{width:1.125rem}.sgds-masthead-content .wrapper .banner-icon path{fill:var(--masthead-text-color)}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon{width:.75rem}}.sgds-masthead-content .wrapper .banner-icon svg{line-height:1.5rem}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon svg{width:1.25rem}}.sgds-masthead-content .wrapper .banner-icon-inline path{fill:var(--masthead-text-color)}@media screen and (max-width:1023px){.sgds-masthead-content .wrapper .banner-icon-inline{height:.6rem;margin-bottom:.1875rem;width:.6rem}}.sgds-masthead-content.show{display:block}a[target=_blank]{text-decoration:none}a[target=_blank]:after{content:none}a.trusted-websites-link{align-items:center;color:var(--masthead-link-color);display:inline-flex;margin-left:.125rem}a.trusted-websites-link svg{fill:var(--masthead-link-color);margin-left:.125rem}a.trusted-websites-link:hover{color:var(--masthead-link-color-hover)}a.trusted-websites-link:hover svg{fill:var(--masthead-link-color-hover)}@media screen and (max-width:1023px){.trusted-websites-icon{width:.75rem}.sgds-masthead>.container{padding-left:var(--masthead-mobile-padding-x);padding-right:var(--masthead-mobile-padding-x)}}.sgds-masthead>.container-fluid{padding-left:var(--masthead-fluid-padding-x);padding-right:var(--masthead-fluid-padding-x)}@media screen and (max-width:1023px){.sgds-masthead>.container-fluid{padding-left:var(--masthead-mobile-padding-x);padding-right:var(--masthead-mobile-padding-x)}.sgds-masthead:not([fluid]) .container{margin:0}}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=sgds-masthead2.js.map