@govtechsg/sgds-web-component 3.2.0-rc.4 → 3.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 (196) hide show
  1. package/Masthead/index.js +46 -15
  2. package/base/card-element.js +2 -53
  3. package/base/card-element.js.map +1 -1
  4. package/base/card.js +1 -1
  5. package/components/Breadcrumb/index.umd.js +3 -3
  6. package/components/Breadcrumb/index.umd.js.map +1 -1
  7. package/components/Breadcrumb/sgds-breadcrumb.js +1 -1
  8. package/components/Breadcrumb/sgds-breadcrumb.js.map +1 -1
  9. package/components/Card/card.js +1 -1
  10. package/components/Card/index.umd.js +76 -87
  11. package/components/Card/index.umd.js.map +1 -1
  12. package/components/Card/sgds-card.js +56 -16
  13. package/components/Card/sgds-card.js.map +1 -1
  14. package/components/Dropdown/dropdown.js +1 -1
  15. package/components/Dropdown/index.umd.js +1 -1
  16. package/components/Footer/index.umd.js +40 -84
  17. package/components/Footer/index.umd.js.map +1 -1
  18. package/components/Footer/sgds-footer.js +41 -36
  19. package/components/Footer/sgds-footer.js.map +1 -1
  20. package/components/Link/index.umd.js +2 -2
  21. package/components/Link/index.umd.js.map +1 -1
  22. package/components/Link/link.js +1 -1
  23. package/components/Link/sgds-link.js +1 -1
  24. package/components/Link/sgds-link.js.map +1 -1
  25. package/components/Mainnav/index.umd.js +4 -4
  26. package/components/Mainnav/index.umd.js.map +1 -1
  27. package/components/Mainnav/mainnav-item.js +1 -1
  28. package/components/Mainnav/mainnav.js +1 -1
  29. package/components/Mainnav/sgds-mainnav.js +1 -1
  30. package/components/Mainnav/sgds-mainnav.js.map +1 -1
  31. package/components/Masthead/index.umd.js +46 -15
  32. package/components/Masthead/index.umd.js.map +1 -1
  33. package/components/Masthead/masthead.js +1 -1
  34. package/components/Masthead/sgds-masthead.js +45 -14
  35. package/components/Masthead/sgds-masthead.js.map +1 -1
  36. package/components/index.js +0 -4
  37. package/components/index.js.map +1 -1
  38. package/components/index.umd.js +281 -502
  39. package/components/index.umd.js.map +1 -1
  40. package/css/reboot.css +0 -1
  41. package/index.js +0 -4
  42. package/index.js.map +1 -1
  43. package/index.umd.js +295 -520
  44. package/index.umd.js.map +1 -1
  45. package/{components → internals}/OverflowMenu/sgds-overflow-menu.js +3 -3
  46. package/internals/OverflowMenu/sgds-overflow-menu.js.map +1 -0
  47. package/package.json +1 -1
  48. package/react/base/card-element.cjs.js +1 -52
  49. package/react/base/card-element.cjs.js.map +1 -1
  50. package/react/base/card-element.js +2 -53
  51. package/react/base/card-element.js.map +1 -1
  52. package/react/base/card.cjs.js +1 -1
  53. package/react/base/card.js +1 -1
  54. package/react/components/Breadcrumb/sgds-breadcrumb.cjs.js +1 -1
  55. package/react/components/Breadcrumb/sgds-breadcrumb.cjs.js.map +1 -1
  56. package/react/components/Breadcrumb/sgds-breadcrumb.js +1 -1
  57. package/react/components/Breadcrumb/sgds-breadcrumb.js.map +1 -1
  58. package/react/components/Card/card.cjs.js +1 -1
  59. package/react/components/Card/card.js +1 -1
  60. package/react/components/Card/sgds-card.cjs.js +55 -15
  61. package/react/components/Card/sgds-card.cjs.js.map +1 -1
  62. package/react/components/Card/sgds-card.js +56 -16
  63. package/react/components/Card/sgds-card.js.map +1 -1
  64. package/react/components/Dropdown/dropdown.cjs.js +1 -1
  65. package/react/components/Dropdown/dropdown.js +1 -1
  66. package/react/components/Footer/sgds-footer.cjs.js +40 -35
  67. package/react/components/Footer/sgds-footer.cjs.js.map +1 -1
  68. package/react/components/Footer/sgds-footer.js +41 -36
  69. package/react/components/Footer/sgds-footer.js.map +1 -1
  70. package/react/components/Link/link.cjs.js +1 -1
  71. package/react/components/Link/link.js +1 -1
  72. package/react/components/Link/sgds-link.cjs.js +1 -1
  73. package/react/components/Link/sgds-link.cjs.js.map +1 -1
  74. package/react/components/Link/sgds-link.js +1 -1
  75. package/react/components/Link/sgds-link.js.map +1 -1
  76. package/react/components/Mainnav/mainnav-item.cjs.js +1 -1
  77. package/react/components/Mainnav/mainnav-item.js +1 -1
  78. package/react/components/Mainnav/mainnav.cjs.js +1 -1
  79. package/react/components/Mainnav/mainnav.js +1 -1
  80. package/react/components/Mainnav/sgds-mainnav.cjs.js +1 -1
  81. package/react/components/Mainnav/sgds-mainnav.cjs.js.map +1 -1
  82. package/react/components/Mainnav/sgds-mainnav.js +1 -1
  83. package/react/components/Mainnav/sgds-mainnav.js.map +1 -1
  84. package/react/components/Masthead/masthead.cjs.js +1 -1
  85. package/react/components/Masthead/masthead.js +1 -1
  86. package/react/components/Masthead/sgds-masthead.cjs.js +45 -14
  87. package/react/components/Masthead/sgds-masthead.cjs.js.map +1 -1
  88. package/react/components/Masthead/sgds-masthead.js +45 -14
  89. package/react/components/Masthead/sgds-masthead.js.map +1 -1
  90. package/react/index.cjs.js +70 -78
  91. package/react/index.cjs.js.map +1 -1
  92. package/react/index.js +0 -4
  93. package/react/index.js.map +1 -1
  94. package/react/{components → internals}/OverflowMenu/sgds-overflow-menu.cjs.js +3 -3
  95. package/react/internals/OverflowMenu/sgds-overflow-menu.cjs.js.map +1 -0
  96. package/react/{components → internals}/OverflowMenu/sgds-overflow-menu.js +3 -3
  97. package/react/internals/OverflowMenu/sgds-overflow-menu.js.map +1 -0
  98. package/src/base/card-element.d.ts +0 -14
  99. package/src/components/Breadcrumb/sgds-breadcrumb.d.ts +1 -1
  100. package/src/components/Card/sgds-card.d.ts +15 -4
  101. package/src/components/Footer/sgds-footer.d.ts +1 -1
  102. package/src/components/Link/sgds-link.d.ts +2 -2
  103. package/src/components/index.d.ts +0 -4
  104. package/src/index.d.ts +0 -4
  105. package/src/{components → internals}/OverflowMenu/sgds-overflow-menu.d.ts +3 -3
  106. package/src/react/index.d.ts +0 -4
  107. package/themes/root.css +2 -0
  108. package/components/IconCard/icon-card.js +0 -6
  109. package/components/IconCard/icon-card.js.map +0 -1
  110. package/components/IconCard/index.js +0 -4
  111. package/components/IconCard/index.js.map +0 -1
  112. package/components/IconCard/index.umd.js +0 -4760
  113. package/components/IconCard/index.umd.js.map +0 -1
  114. package/components/IconCard/sgds-icon-card.js +0 -83
  115. package/components/IconCard/sgds-icon-card.js.map +0 -1
  116. package/components/ImageCard/image-card.js +0 -6
  117. package/components/ImageCard/image-card.js.map +0 -1
  118. package/components/ImageCard/index.js +0 -4
  119. package/components/ImageCard/index.js.map +0 -1
  120. package/components/ImageCard/index.umd.js +0 -4774
  121. package/components/ImageCard/index.umd.js.map +0 -1
  122. package/components/ImageCard/sgds-image-card.js +0 -97
  123. package/components/ImageCard/sgds-image-card.js.map +0 -1
  124. package/components/OverflowMenu/index.js +0 -5
  125. package/components/OverflowMenu/index.js.map +0 -1
  126. package/components/OverflowMenu/index.umd.js +0 -11129
  127. package/components/OverflowMenu/index.umd.js.map +0 -1
  128. package/components/OverflowMenu/sgds-overflow-menu.js.map +0 -1
  129. package/components/ThumbnailCard/index.js +0 -4
  130. package/components/ThumbnailCard/index.js.map +0 -1
  131. package/components/ThumbnailCard/index.umd.js +0 -4764
  132. package/components/ThumbnailCard/index.umd.js.map +0 -1
  133. package/components/ThumbnailCard/sgds-thumbnail-card.js +0 -87
  134. package/components/ThumbnailCard/sgds-thumbnail-card.js.map +0 -1
  135. package/components/ThumbnailCard/thumbnail-card.js +0 -6
  136. package/components/ThumbnailCard/thumbnail-card.js.map +0 -1
  137. package/react/components/IconCard/icon-card.cjs.js +0 -11
  138. package/react/components/IconCard/icon-card.cjs.js.map +0 -1
  139. package/react/components/IconCard/icon-card.js +0 -7
  140. package/react/components/IconCard/icon-card.js.map +0 -1
  141. package/react/components/IconCard/sgds-icon-card.cjs.js +0 -89
  142. package/react/components/IconCard/sgds-icon-card.cjs.js.map +0 -1
  143. package/react/components/IconCard/sgds-icon-card.js +0 -84
  144. package/react/components/IconCard/sgds-icon-card.js.map +0 -1
  145. package/react/components/ImageCard/image-card.cjs.js +0 -11
  146. package/react/components/ImageCard/image-card.cjs.js.map +0 -1
  147. package/react/components/ImageCard/image-card.js +0 -7
  148. package/react/components/ImageCard/image-card.js.map +0 -1
  149. package/react/components/ImageCard/sgds-image-card.cjs.js +0 -103
  150. package/react/components/ImageCard/sgds-image-card.cjs.js.map +0 -1
  151. package/react/components/ImageCard/sgds-image-card.js +0 -98
  152. package/react/components/ImageCard/sgds-image-card.js.map +0 -1
  153. package/react/components/OverflowMenu/sgds-overflow-menu.cjs.js.map +0 -1
  154. package/react/components/OverflowMenu/sgds-overflow-menu.js.map +0 -1
  155. package/react/components/ThumbnailCard/sgds-thumbnail-card.cjs.js +0 -93
  156. package/react/components/ThumbnailCard/sgds-thumbnail-card.cjs.js.map +0 -1
  157. package/react/components/ThumbnailCard/sgds-thumbnail-card.js +0 -88
  158. package/react/components/ThumbnailCard/sgds-thumbnail-card.js.map +0 -1
  159. package/react/components/ThumbnailCard/thumbnail-card.cjs.js +0 -11
  160. package/react/components/ThumbnailCard/thumbnail-card.cjs.js.map +0 -1
  161. package/react/components/ThumbnailCard/thumbnail-card.js +0 -7
  162. package/react/components/ThumbnailCard/thumbnail-card.js.map +0 -1
  163. package/react/icon-card/index.cjs.js +0 -40
  164. package/react/icon-card/index.cjs.js.map +0 -1
  165. package/react/icon-card/index.js +0 -16
  166. package/react/icon-card/index.js.map +0 -1
  167. package/react/image-card/index.cjs.js +0 -40
  168. package/react/image-card/index.cjs.js.map +0 -1
  169. package/react/image-card/index.js +0 -16
  170. package/react/image-card/index.js.map +0 -1
  171. package/react/overflow-menu/index.cjs.js +0 -40
  172. package/react/overflow-menu/index.cjs.js.map +0 -1
  173. package/react/overflow-menu/index.js +0 -16
  174. package/react/overflow-menu/index.js.map +0 -1
  175. package/react/thumbnail-card/index.cjs.js +0 -40
  176. package/react/thumbnail-card/index.cjs.js.map +0 -1
  177. package/react/thumbnail-card/index.js +0 -16
  178. package/react/thumbnail-card/index.js.map +0 -1
  179. package/src/components/Card/types.d.ts +0 -3
  180. package/src/components/IconCard/index.d.ts +0 -6
  181. package/src/components/IconCard/sgds-icon-card.d.ts +0 -24
  182. package/src/components/ImageCard/index.d.ts +0 -6
  183. package/src/components/ImageCard/sgds-image-card.d.ts +0 -30
  184. package/src/components/ThumbnailCard/index.d.ts +0 -6
  185. package/src/components/ThumbnailCard/sgds-thumbnail-card.d.ts +0 -24
  186. package/src/react/icon-card/index.d.ts +0 -2
  187. package/src/react/image-card/index.d.ts +0 -2
  188. package/src/react/overflow-menu/index.d.ts +0 -2
  189. package/src/react/thumbnail-card/index.d.ts +0 -2
  190. /package/{components → internals}/OverflowMenu/overflow-menu.js +0 -0
  191. /package/{components → internals}/OverflowMenu/overflow-menu.js.map +0 -0
  192. /package/react/{components → internals}/OverflowMenu/overflow-menu.cjs.js +0 -0
  193. /package/react/{components → internals}/OverflowMenu/overflow-menu.cjs.js.map +0 -0
  194. /package/react/{components → internals}/OverflowMenu/overflow-menu.js +0 -0
  195. /package/react/{components → internals}/OverflowMenu/overflow-menu.js.map +0 -0
  196. /package/src/{components → internals}/OverflowMenu/index.d.ts +0 -0
@@ -22,9 +22,7 @@ export { default as SgdsFooterItem } from './footer-item';
22
22
  export { default as SgdsFooter } from './footer';
23
23
  export { default as SgdsIcon } from './icon';
24
24
  export { default as SgdsIconButton } from './icon-button';
25
- export { default as SgdsIconCard } from './icon-card';
26
25
  export { default as SgdsIconList } from './icon-list';
27
- export { default as SgdsImageCard } from './image-card';
28
26
  export { default as SgdsInput } from './input';
29
27
  export { default as SgdsLink } from './link';
30
28
  export { default as SgdsMainnavDropdown } from './mainnav-dropdown';
@@ -32,7 +30,6 @@ export { default as SgdsMainnavItem } from './mainnav-item';
32
30
  export { default as SgdsMainnav } from './mainnav';
33
31
  export { default as SgdsMasthead } from './masthead';
34
32
  export { default as SgdsModal } from './modal';
35
- export { default as SgdsOverflowMenu } from './overflow-menu';
36
33
  export { default as SgdsPagination } from './pagination';
37
34
  export { default as SgdsProgressBar } from './progress-bar';
38
35
  export { default as SgdsQuantityToggle } from './quantity-toggle';
@@ -57,7 +54,6 @@ export { default as SgdsTableRow } from './table-row';
57
54
  export { default as SgdsTable } from './table';
58
55
  export { default as SgdsTableOfContents } from './table-of-contents';
59
56
  export { default as SgdsTextarea } from './textarea';
60
- export { default as SgdsThumbnailCard } from './thumbnail-card';
61
57
  export { default as SgdsToastContainer } from './toast-container';
62
58
  export { default as SgdsToast } from './toast';
63
59
  export { default as SgdsTooltip } from './tooltip';
package/themes/root.css CHANGED
@@ -132,6 +132,7 @@
132
132
  --sgds-font-weight-bold: 700;
133
133
 
134
134
  /* Primitive - Font Size */
135
+ --sgds-font-size-0: 0.75rem;
135
136
  --sgds-font-size-1: 0.875rem;
136
137
  --sgds-font-size-2: 1rem;
137
138
  --sgds-font-size-3: 1.25rem;
@@ -161,6 +162,7 @@
161
162
  --sgds-line-height-body: 1.5;
162
163
  --sgds-line-height-heading: 1.2;
163
164
  --sgds-line-height-min: 20px;
165
+ --sgds-line-height-16: 16px;
164
166
 
165
167
  /* Primitive - Opacity */
166
168
  --sgds-opacity-0: 0;
@@ -1,6 +0,0 @@
1
- import { css } from 'lit';
2
-
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)}`;
4
-
5
- export { css_248z as default };
6
- //# sourceMappingURL=icon-card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-card.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -1,4 +0,0 @@
1
- import { SgdsIconCard } from './sgds-icon-card.js';
2
-
3
- customElements.define("sgds-icon-card", SgdsIconCard);
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/IconCard/index.ts"],"sourcesContent":["import { SgdsIconCard } from \"./sgds-icon-card\";\n\ncustomElements.define(\"sgds-icon-card\", SgdsIconCard);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"sgds-icon-card\": SgdsIconCard;\n }\n}\n"],"names":[],"mappings":";;AAEA,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC"}