@govtechsg/sgds-web-component 3.12.0 → 3.13.0-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 (146) hide show
  1. package/Masthead/index.js +1 -1
  2. package/base/card.js +1 -1
  3. package/base/sidebar-element.d.ts +112 -0
  4. package/base/sidebar-element.js +281 -0
  5. package/base/sidebar-element.js.map +1 -0
  6. package/components/Card/index.umd.min.js +1 -1
  7. package/components/Card/index.umd.min.js.map +1 -1
  8. package/components/IconCard/icon-card.js +1 -1
  9. package/components/IconCard/index.umd.min.js +1 -1
  10. package/components/IconCard/index.umd.min.js.map +1 -1
  11. package/components/ImageCard/image-card.js +1 -1
  12. package/components/ImageCard/index.umd.min.js +1 -1
  13. package/components/ImageCard/index.umd.min.js.map +1 -1
  14. package/components/Masthead/index.umd.min.js +1 -1
  15. package/components/Masthead/index.umd.min.js.map +1 -1
  16. package/components/Masthead/masthead.js +1 -1
  17. package/components/Sidebar/index.d.ts +16 -0
  18. package/components/Sidebar/index.js +10 -0
  19. package/components/Sidebar/index.js.map +1 -0
  20. package/components/Sidebar/index.umd.min.js +2427 -0
  21. package/components/Sidebar/index.umd.min.js.map +1 -0
  22. package/components/Sidebar/sgds-sidebar-group.d.ts +51 -0
  23. package/components/Sidebar/sgds-sidebar-group.js +124 -0
  24. package/components/Sidebar/sgds-sidebar-group.js.map +1 -0
  25. package/components/Sidebar/sgds-sidebar-item.d.ts +25 -0
  26. package/components/Sidebar/sgds-sidebar-item.js +73 -0
  27. package/components/Sidebar/sgds-sidebar-item.js.map +1 -0
  28. package/components/Sidebar/sgds-sidebar-section.d.ts +55 -0
  29. package/components/Sidebar/sgds-sidebar-section.js +122 -0
  30. package/components/Sidebar/sgds-sidebar-section.js.map +1 -0
  31. package/components/Sidebar/sgds-sidebar.d.ts +88 -0
  32. package/components/Sidebar/sgds-sidebar.js +338 -0
  33. package/components/Sidebar/sgds-sidebar.js.map +1 -0
  34. package/components/Sidebar/sidebar-context.d.ts +51 -0
  35. package/components/Sidebar/sidebar-context.js +45 -0
  36. package/components/Sidebar/sidebar-context.js.map +1 -0
  37. package/components/Sidebar/sidebar-item.js +6 -0
  38. package/components/Sidebar/sidebar-item.js.map +1 -0
  39. package/components/Sidebar/sidebar-section.js +6 -0
  40. package/components/Sidebar/sidebar-section.js.map +1 -0
  41. package/components/Sidebar/sidebar.js +6 -0
  42. package/components/Sidebar/sidebar.js.map +1 -0
  43. package/components/SystemBanner/index.umd.min.js +9 -10
  44. package/components/SystemBanner/index.umd.min.js.map +1 -1
  45. package/components/SystemBanner/sgds-system-banner-item.d.ts +1 -2
  46. package/components/SystemBanner/sgds-system-banner-item.js +2 -7
  47. package/components/SystemBanner/sgds-system-banner-item.js.map +1 -1
  48. package/components/SystemBanner/system-banner-item.js +1 -1
  49. package/components/SystemBanner/system-banner.js +1 -1
  50. package/components/ThumbnailCard/index.umd.min.js +1 -1
  51. package/components/ThumbnailCard/index.umd.min.js.map +1 -1
  52. package/components/ThumbnailCard/thumbnail-card.js +1 -1
  53. package/components/index.d.ts +1 -0
  54. package/components/index.js +1 -0
  55. package/components/index.js.map +1 -1
  56. package/components/index.umd.min.js +87 -52
  57. package/components/index.umd.min.js.map +1 -1
  58. package/css/fouc.css +6 -2
  59. package/css/utility.css +2 -2
  60. package/index.d.ts +1 -0
  61. package/index.js +1 -0
  62. package/index.js.map +1 -1
  63. package/index.umd.min.js +164 -54
  64. package/index.umd.min.js.map +1 -1
  65. package/package.json +1 -1
  66. package/react/base/card.cjs.js +1 -1
  67. package/react/base/card.js +1 -1
  68. package/react/base/sidebar-element.cjs.js +286 -0
  69. package/react/base/sidebar-element.cjs.js.map +1 -0
  70. package/react/base/sidebar-element.js +282 -0
  71. package/react/base/sidebar-element.js.map +1 -0
  72. package/react/components/IconCard/icon-card.cjs.js +1 -1
  73. package/react/components/IconCard/icon-card.js +1 -1
  74. package/react/components/ImageCard/image-card.cjs.js +1 -1
  75. package/react/components/ImageCard/image-card.js +1 -1
  76. package/react/components/Masthead/masthead.cjs.js +1 -1
  77. package/react/components/Masthead/masthead.js +1 -1
  78. package/react/components/Sidebar/sgds-sidebar-group.cjs.js +130 -0
  79. package/react/components/Sidebar/sgds-sidebar-group.cjs.js.map +1 -0
  80. package/react/components/Sidebar/sgds-sidebar-group.js +125 -0
  81. package/react/components/Sidebar/sgds-sidebar-group.js.map +1 -0
  82. package/react/components/Sidebar/sgds-sidebar-item.cjs.js +79 -0
  83. package/react/components/Sidebar/sgds-sidebar-item.cjs.js.map +1 -0
  84. package/react/components/Sidebar/sgds-sidebar-item.js +74 -0
  85. package/react/components/Sidebar/sgds-sidebar-item.js.map +1 -0
  86. package/react/components/Sidebar/sgds-sidebar-section.cjs.js +128 -0
  87. package/react/components/Sidebar/sgds-sidebar-section.cjs.js.map +1 -0
  88. package/react/components/Sidebar/sgds-sidebar-section.js +123 -0
  89. package/react/components/Sidebar/sgds-sidebar-section.js.map +1 -0
  90. package/react/components/Sidebar/sgds-sidebar.cjs.js +344 -0
  91. package/react/components/Sidebar/sgds-sidebar.cjs.js.map +1 -0
  92. package/react/components/Sidebar/sgds-sidebar.js +339 -0
  93. package/react/components/Sidebar/sgds-sidebar.js.map +1 -0
  94. package/react/components/Sidebar/sidebar-context.cjs.js +54 -0
  95. package/react/components/Sidebar/sidebar-context.cjs.js.map +1 -0
  96. package/react/components/Sidebar/sidebar-context.js +46 -0
  97. package/react/components/Sidebar/sidebar-context.js.map +1 -0
  98. package/react/components/Sidebar/sidebar-item.cjs.js +11 -0
  99. package/react/components/Sidebar/sidebar-item.cjs.js.map +1 -0
  100. package/react/components/Sidebar/sidebar-item.js +7 -0
  101. package/react/components/Sidebar/sidebar-item.js.map +1 -0
  102. package/react/components/Sidebar/sidebar-section.cjs.js +11 -0
  103. package/react/components/Sidebar/sidebar-section.cjs.js.map +1 -0
  104. package/react/components/Sidebar/sidebar-section.js +7 -0
  105. package/react/components/Sidebar/sidebar-section.js.map +1 -0
  106. package/react/components/Sidebar/sidebar.cjs.js +11 -0
  107. package/react/components/Sidebar/sidebar.cjs.js.map +1 -0
  108. package/react/components/Sidebar/sidebar.js +7 -0
  109. package/react/components/Sidebar/sidebar.js.map +1 -0
  110. package/react/components/SystemBanner/sgds-system-banner-item.cjs.js +2 -7
  111. package/react/components/SystemBanner/sgds-system-banner-item.cjs.js.map +1 -1
  112. package/react/components/SystemBanner/sgds-system-banner-item.js +2 -7
  113. package/react/components/SystemBanner/sgds-system-banner-item.js.map +1 -1
  114. package/react/components/SystemBanner/system-banner-item.cjs.js +1 -1
  115. package/react/components/SystemBanner/system-banner-item.js +1 -1
  116. package/react/components/SystemBanner/system-banner.cjs.js +1 -1
  117. package/react/components/SystemBanner/system-banner.js +1 -1
  118. package/react/components/ThumbnailCard/thumbnail-card.cjs.js +1 -1
  119. package/react/components/ThumbnailCard/thumbnail-card.js +1 -1
  120. package/react/index.cjs.js +68 -60
  121. package/react/index.cjs.js.map +1 -1
  122. package/react/index.d.ts +6 -2
  123. package/react/index.js +6 -2
  124. package/react/index.js.map +1 -1
  125. package/react/sidebar/index.cjs.js +40 -0
  126. package/react/sidebar/index.cjs.js.map +1 -0
  127. package/react/sidebar/index.d.ts +2 -0
  128. package/react/sidebar/index.js +16 -0
  129. package/react/sidebar/index.js.map +1 -0
  130. package/react/sidebar-group/index.cjs.js +40 -0
  131. package/react/sidebar-group/index.cjs.js.map +1 -0
  132. package/react/sidebar-group/index.d.ts +2 -0
  133. package/react/sidebar-group/index.js +16 -0
  134. package/react/sidebar-group/index.js.map +1 -0
  135. package/react/sidebar-item/index.cjs.js +40 -0
  136. package/react/sidebar-item/index.cjs.js.map +1 -0
  137. package/react/sidebar-item/index.d.ts +2 -0
  138. package/react/sidebar-item/index.js +16 -0
  139. package/react/sidebar-item/index.js.map +1 -0
  140. package/react/sidebar-section/index.cjs.js +40 -0
  141. package/react/sidebar-section/index.cjs.js.map +1 -0
  142. package/react/sidebar-section/index.d.ts +2 -0
  143. package/react/sidebar-section/index.js +16 -0
  144. package/react/sidebar-section/index.js.map +1 -0
  145. package/themes/day.css +3 -1
  146. package/themes/night.css +2 -2
package/components/ThumbnailCard/thumbnail-card.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = css`:host([noPadding]) .card{background-color:inherit;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent)}:host([orientation=vertical][noPadding]) .card-body{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none)}:host([orientation=vertical][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none)}:host([orientation=horizontal][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl)}:host([orientation=horizontal][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none)}:host([tinted]:not([noPadding])) .card-tinted-bg{background-color:var(--sgds-bg-translucent-subtle);opacity:var(--sgds-opacity-50)}:host([orientation][noPadding]) .card-media{padding:var(--sgds-padding-none)}slot[name=thumbnail]::slotted(*){height:var(--sgds-dimension-64)!important;max-width:var(--sgds-dimension-128)!important;min-width:var(--sgds-dimension-64)!important;object-fit:contain;object-position:left;width:100%}`;
3
+ var css_248z = css`:host([noPadding]) .card{border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent)}:host(:not([noPadding])) .card:not(.disabled):hover{box-shadow:0 0 1px 0 hsla(0,0%,5%,.12),0 8px 16px 0 hsla(0,0%,5%,.12)}:host([orientation=vertical][noPadding]) .card-body{padding:var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none)}:host([orientation=vertical][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none)}:host([orientation=horizontal][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-none) var(--sgds-padding-xl)}:host([orientation=horizontal][imagePosition=after][noPadding]) .card-body{padding:var(--sgds-padding-none) var(--sgds-padding-xl) var(--sgds-padding-none) var(--sgds-padding-none)}:host([tinted]:not([noPadding])) .card-tinted-bg{background-color:var(--sgds-bg-translucent-subtle);opacity:var(--sgds-opacity-50)}:host([orientation][noPadding]) .card-media{padding:var(--sgds-padding-none)}slot[name=thumbnail]::slotted(*){height:var(--sgds-dimension-64)!important;max-width:var(--sgds-dimension-128)!important;min-width:var(--sgds-dimension-64)!important;object-fit:contain;object-position:left;width:100%}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=thumbnail-card.js.map
package/components/index.d.ts CHANGED
@@ -42,6 +42,7 @@ export * from "./Radio/sgds-radio";
42
42
  export * from "./Radio/sgds-radio-group";
43
43
  export * from "./Select/sgds-select";
44
44
  export * from "./Select/sgds-select-option";
45
+ export * from "./Sidebar/sgds-sidebar";
45
46
  export * from "./Sidenav/sgds-sidenav";
46
47
  export * from "./Sidenav/sgds-sidenav-item";
47
48
  export * from "./Sidenav/sgds-sidenav-link";
package/components/index.js CHANGED
@@ -42,6 +42,7 @@ export { SgdsRadio } from './Radio/sgds-radio.js';
42
42
  export { SgdsRadioGroup } from './Radio/sgds-radio-group.js';
43
43
  export { SgdsSelect } from './Select/sgds-select.js';
44
44
  export { SgdsSelectOption } from './Select/sgds-select-option.js';
45
+ export { SgdsSidebar } from './Sidebar/sgds-sidebar.js';
45
46
  export { SgdsSidenav } from './Sidenav/sgds-sidenav.js';
46
47
  export { SgdsSidenavItem } from './Sidenav/sgds-sidenav-item.js';
47
48
  export { SgdsSidenavLink } from './Sidenav/sgds-sidenav-link.js';
package/components/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}