@lifesg/react-design-system 1.0.0-alpha.2 → 1.0.0-alpha.21

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 (277) hide show
  1. package/README.md +2 -0
  2. package/accordion/accordion-item.style.d.ts +5 -2
  3. package/accordion/accordion.style.d.ts +1 -1
  4. package/accordion/index.js +165 -172
  5. package/accordion/index.js.map +1 -1
  6. package/alert/alert.style.d.ts +4 -1
  7. package/alert/index.js +107 -119
  8. package/alert/index.js.map +1 -1
  9. package/animations/index.d.ts +1 -0
  10. package/animations/index.js +6 -3
  11. package/animations/index.js.map +1 -1
  12. package/animations/loading-dots-spinner/loading-dots-spinner.d.ts +2 -0
  13. package/animations/loading-dots-spinner/lottie-animation.d.ts +2 -0
  14. package/box-container/box-container.styles.d.ts +8 -1
  15. package/box-container/index.js +69 -74
  16. package/box-container/index.js.map +1 -1
  17. package/breadcrumb/breadcrumb.style.d.ts +4 -4
  18. package/breadcrumb/index.js +102 -106
  19. package/breadcrumb/index.js.map +1 -1
  20. package/breadcrumb/types.d.ts +5 -1
  21. package/button/button.d.ts +2 -2
  22. package/button/index.js +140 -143
  23. package/button/index.js.map +1 -1
  24. package/calendar/calendar-day.d.ts +11 -0
  25. package/calendar/calendar-day.style.d.ts +23 -0
  26. package/calendar/calendar-month.d.ts +12 -0
  27. package/calendar/calendar-month.style.d.ts +12 -0
  28. package/calendar/calendar-year.d.ts +12 -0
  29. package/calendar/calendar-year.style.d.ts +12 -0
  30. package/calendar/calendar.d.ts +4 -0
  31. package/calendar/calendar.style.d.ts +35 -0
  32. package/calendar/index.d.ts +2 -0
  33. package/calendar/index.js +381 -0
  34. package/calendar/index.js.map +1 -0
  35. package/calendar/package.json +7 -0
  36. package/calendar/types.d.ts +15 -0
  37. package/card/card.d.ts +3 -0
  38. package/card/card.style.d.ts +1 -0
  39. package/card/index.d.ts +1 -0
  40. package/card/index.js +132 -0
  41. package/card/index.js.map +1 -0
  42. package/{icon → card}/package.json +1 -1
  43. package/card/types.d.ts +4 -0
  44. package/checkbox/checkbox.d.ts +1 -1
  45. package/checkbox/checkbox.style.d.ts +4 -1
  46. package/checkbox/index.js +11 -21
  47. package/checkbox/index.js.map +1 -1
  48. package/cjs/index.js +2240 -1057
  49. package/cjs/index.js.map +1 -1
  50. package/color/color.d.ts +4 -59
  51. package/color/index.js +1 -1
  52. package/color/index.js.map +1 -1
  53. package/color/types.d.ts +5 -1
  54. package/date-input/date-input.d.ts +1 -1
  55. package/date-input/date-input.style.d.ts +2 -6
  56. package/date-input/index.js +132 -147
  57. package/date-input/index.js.map +1 -1
  58. package/date-input/types.d.ts +14 -16
  59. package/design-token/design-token.d.ts +4 -0
  60. package/design-token/index.d.ts +2 -0
  61. package/design-token/index.js +6 -0
  62. package/design-token/index.js.map +1 -0
  63. package/design-token/package.json +7 -0
  64. package/design-token/types.d.ts +7 -0
  65. package/error-display/error-display-data.d.ts +11 -0
  66. package/error-display/error-display.d.ts +3 -0
  67. package/error-display/error-display.style.d.ts +7 -0
  68. package/error-display/index.d.ts +2 -0
  69. package/error-display/index.js +323 -0
  70. package/error-display/index.js.map +1 -0
  71. package/error-display/package.json +7 -0
  72. package/error-display/types.d.ts +20 -0
  73. package/feedback-rating/feedback-rating-data.d.ts +5 -0
  74. package/feedback-rating/feedback-rating-stars-container-data.d.ts +3 -0
  75. package/feedback-rating/feedback-rating-stars-container.d.ts +3 -0
  76. package/feedback-rating/feedback-rating-stars-container.styles.d.ts +12 -0
  77. package/feedback-rating/feedback-rating.d.ts +3 -0
  78. package/feedback-rating/feedback-rating.styles.d.ts +5 -0
  79. package/feedback-rating/index.d.ts +2 -0
  80. package/feedback-rating/index.js +329 -0
  81. package/feedback-rating/index.js.map +1 -0
  82. package/feedback-rating/package.json +7 -0
  83. package/feedback-rating/types.d.ts +14 -0
  84. package/footer/footer-download-app.d.ts +2 -0
  85. package/footer/footer-download-app.style.d.ts +6 -0
  86. package/footer/footer-helper.d.ts +12 -0
  87. package/footer/footer.d.ts +3 -0
  88. package/footer/footer.style.d.ts +12 -0
  89. package/footer/index.d.ts +2 -0
  90. package/footer/index.js +373 -0
  91. package/footer/index.js.map +1 -0
  92. package/footer/package.json +7 -0
  93. package/footer/types.d.ts +31 -0
  94. package/form/form-custom-field.d.ts +3 -0
  95. package/form/form-input-group.d.ts +1 -1
  96. package/form/form-input.d.ts +1 -1
  97. package/form/form-label-addon.d.ts +1 -2
  98. package/form/form-label.d.ts +1 -1
  99. package/form/form-label.style.d.ts +1 -0
  100. package/form/form-phone-number-input.d.ts +3 -0
  101. package/form/form-textarea.d.ts +1 -1
  102. package/form/form-unit-number-input.d.ts +3 -0
  103. package/form/index.d.ts +9 -6
  104. package/form/index.js +771 -657
  105. package/form/index.js.map +1 -1
  106. package/form/types.d.ts +14 -5
  107. package/icon-button/icon-button.d.ts +1 -1
  108. package/icon-button/icon-button.style.d.ts +6 -1
  109. package/icon-button/index.js +9 -15
  110. package/icon-button/index.js.map +1 -1
  111. package/icon-button/types.d.ts +2 -3
  112. package/index.d.ts +12 -1
  113. package/index.js +2217 -1034
  114. package/index.js.map +1 -1
  115. package/input/index.js +93 -49
  116. package/input/index.js.map +1 -1
  117. package/input/input.d.ts +1 -1
  118. package/input/input.style.d.ts +9 -4
  119. package/input/types.d.ts +2 -0
  120. package/input-group/index.js +435 -343
  121. package/input-group/index.js.map +1 -1
  122. package/input-group/input-group-list-addon.d.ts +1 -1
  123. package/input-group/input-group-list-addon.style.d.ts +13 -2
  124. package/input-group/input-group.d.ts +1 -1
  125. package/input-group/input-group.style.d.ts +4 -8
  126. package/input-group/types.d.ts +11 -10
  127. package/input-select/index.js +286 -244
  128. package/input-select/index.js.map +1 -1
  129. package/input-select/input-select-wrapper.d.ts +1 -1
  130. package/input-select/input-select.d.ts +1 -1
  131. package/input-select/input-select.styles.d.ts +5 -1
  132. package/input-select/types.d.ts +15 -11
  133. package/input-textarea/index.js +132 -121
  134. package/input-textarea/index.js.map +1 -1
  135. package/input-textarea/textarea-counter.d.ts +2 -1
  136. package/input-textarea/textarea.d.ts +2 -2
  137. package/input-textarea/types.d.ts +1 -0
  138. package/layout/container.d.ts +3 -0
  139. package/layout/content.d.ts +3 -0
  140. package/layout/index.d.ts +7 -0
  141. package/layout/index.js +55 -0
  142. package/layout/index.js.map +1 -0
  143. package/layout/package.json +7 -0
  144. package/layout/section.d.ts +3 -0
  145. package/layout/types.d.ts +15 -0
  146. package/link-list/index.js +130 -130
  147. package/link-list/index.js.map +1 -1
  148. package/link-list/link-list.styles.d.ts +12 -2
  149. package/link-list/types.d.ts +1 -1
  150. package/masonry/index.js.map +1 -1
  151. package/masonry/masonry.d.ts +2 -2
  152. package/masthead/index.d.ts +1 -0
  153. package/masthead/index.js +9 -0
  154. package/masthead/index.js.map +1 -0
  155. package/masthead/masthead.d.ts +2 -0
  156. package/masthead/masthead.style.d.ts +1 -0
  157. package/masthead/package.json +7 -0
  158. package/media/index.js +1 -1
  159. package/media/index.js.map +1 -1
  160. package/media/media.d.ts +2 -1
  161. package/modal/index.d.ts +1 -1
  162. package/modal/index.js +30 -43
  163. package/modal/index.js.map +1 -1
  164. package/modal/modal-box.styles.d.ts +5 -2
  165. package/modal/modal.d.ts +1 -1
  166. package/modal/modal.styles.d.ts +1 -0
  167. package/modal/types.d.ts +4 -2
  168. package/navbar/brand.d.ts +10 -0
  169. package/navbar/brand.styles.d.ts +5 -0
  170. package/navbar/drawer.d.ts +3 -0
  171. package/navbar/drawer.styles.d.ts +15 -0
  172. package/navbar/index.d.ts +7 -0
  173. package/navbar/index.js +651 -0
  174. package/navbar/index.js.map +1 -0
  175. package/navbar/navbar-action-buttons.d.ts +10 -0
  176. package/navbar/navbar-action-buttons.styles.d.ts +9 -0
  177. package/navbar/navbar-items.d.ts +11 -0
  178. package/navbar/navbar-items.styles.d.ts +10 -0
  179. package/navbar/navbar.d.ts +3 -0
  180. package/navbar/navbar.styles.d.ts +19 -0
  181. package/navbar/package.json +7 -0
  182. package/navbar/types.d.ts +56 -0
  183. package/notification-banner/index.d.ts +3 -0
  184. package/notification-banner/index.js +266 -0
  185. package/notification-banner/index.js.map +1 -0
  186. package/notification-banner/notification-banner-hoc.d.ts +3 -0
  187. package/notification-banner/notification-banner.d.ts +6 -0
  188. package/notification-banner/notification-banner.styles.d.ts +15 -0
  189. package/notification-banner/package.json +7 -0
  190. package/notification-banner/types.d.ts +22 -0
  191. package/otp-input/index.d.ts +2 -0
  192. package/otp-input/index.js +600 -0
  193. package/otp-input/index.js.map +1 -0
  194. package/otp-input/otp-input.d.ts +3 -0
  195. package/otp-input/otp-input.styles.d.ts +5 -0
  196. package/otp-input/package.json +7 -0
  197. package/otp-input/types.d.ts +22 -0
  198. package/overlay/index.js +1 -1
  199. package/overlay/index.js.map +1 -1
  200. package/overlay/types.d.ts +1 -1
  201. package/package.json +4 -1
  202. package/phone-number-input/data/country-code.d.ts +1 -0
  203. package/phone-number-input/index.d.ts +2 -0
  204. package/phone-number-input/index.js +860 -0
  205. package/phone-number-input/index.js.map +1 -0
  206. package/phone-number-input/package.json +7 -0
  207. package/phone-number-input/phone-number-input-helper.d.ts +5 -0
  208. package/phone-number-input/phone-number-input.d.ts +3 -0
  209. package/phone-number-input/types.d.ts +51 -0
  210. package/popover/index.js +148 -153
  211. package/popover/index.js.map +1 -1
  212. package/popover/popover.styles.d.ts +1 -1
  213. package/popover/types.d.ts +3 -3
  214. package/progress-indicator/index.d.ts +2 -0
  215. package/progress-indicator/index.js +240 -0
  216. package/progress-indicator/index.js.map +1 -0
  217. package/progress-indicator/package.json +7 -0
  218. package/progress-indicator/progress-indicator.d.ts +3 -0
  219. package/progress-indicator/progress-indicator.style.d.ts +19 -0
  220. package/progress-indicator/types.d.ts +9 -0
  221. package/radio-button/index.js +7 -7
  222. package/radio-button/index.js.map +1 -1
  223. package/shared/dropdown-list/dropdown-list.d.ts +1 -1
  224. package/shared/dropdown-list/dropdown-list.styles.d.ts +6 -2
  225. package/shared/dropdown-list/dropdown-search.d.ts +2 -1
  226. package/shared/dropdown-list/dropdown-search.styles.d.ts +9 -1
  227. package/shared/dropdown-list/types.d.ts +22 -12
  228. package/shared/input-wrapper/input-wrapper.d.ts +8 -0
  229. package/smart-app-banner/index.d.ts +2 -0
  230. package/smart-app-banner/index.js +373 -0
  231. package/smart-app-banner/index.js.map +1 -0
  232. package/smart-app-banner/package.json +7 -0
  233. package/smart-app-banner/smart-app-banner.d.ts +3 -0
  234. package/smart-app-banner/smart-app-banner.styles.d.ts +31 -0
  235. package/smart-app-banner/types.d.ts +18 -0
  236. package/spec/design-token-spec/base-design-token-set.d.ts +2 -0
  237. package/text/index.js +62 -65
  238. package/text/index.js.map +1 -1
  239. package/text/text-style.d.ts +4 -100
  240. package/text-list/index.js +7 -7
  241. package/text-list/index.js.map +1 -1
  242. package/theme/design-token-helper.d.ts +2 -0
  243. package/theme/index.js +1 -1
  244. package/theme/index.js.map +1 -1
  245. package/theme/types.d.ts +12 -3
  246. package/timeline/index.js +95 -98
  247. package/timeline/index.js.map +1 -1
  248. package/timepicker/index.js +213 -207
  249. package/timepicker/index.js.map +1 -1
  250. package/timepicker/timepicker-dropdown.styles.d.ts +2 -2
  251. package/timepicker/types.d.ts +3 -3
  252. package/toggle-button/index.js +118 -121
  253. package/toggle-button/index.js.map +1 -1
  254. package/tooltip/index.js +127 -125
  255. package/tooltip/index.js.map +1 -1
  256. package/tooltip/tooltip.styles.d.ts +3 -1
  257. package/unit-number/index.d.ts +2 -0
  258. package/unit-number/index.js +357 -0
  259. package/unit-number/index.js.map +1 -0
  260. package/unit-number/package.json +7 -0
  261. package/unit-number/types.d.ts +27 -0
  262. package/unit-number/unit-number-input.d.ts +3 -0
  263. package/unit-number/unit-number-input.style.d.ts +11 -0
  264. package/util/calendar-helper.d.ts +10 -0
  265. package/util/date-helper.d.ts +19 -0
  266. package/util/index.d.ts +3 -0
  267. package/util/utility-types.d.ts +3 -0
  268. package/icon/arrow-right-icon.d.ts +0 -3
  269. package/icon/icon.d.ts +0 -3
  270. package/icon/index.d.ts +0 -2
  271. package/icon/index.js +0 -12
  272. package/icon/index.js.map +0 -1
  273. package/icon/info-icon.d.ts +0 -3
  274. package/icon/play-alt-icon.d.ts +0 -3
  275. package/icon/search-icon.d.ts +0 -3
  276. package/icon/shared.style.d.ts +0 -1
  277. package/icon/types.d.ts +0 -9
package/README.md CHANGED
@@ -66,3 +66,5 @@ import { Button } from "@lifesg/react-design-system/button";
66
66
  // Less ideal manner
67
67
  import { Button } from "@lifesg/react-design-system";
68
68
  ```
69
+
70
+ To see the full suite of components available, visit our [Storybook documentation](https://designsystem.life.gov.sg/react/index.html?path=/story/getting-started-installation--page).
package/accordion/accordion-item.style.d.ts CHANGED
@@ -6,8 +6,11 @@ export declare const Container: import("styled-components").StyledComponent<"div
6
6
  export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
7
7
  export declare const Title: import("styled-components").StyledComponent<"h3", any, import("..").TextProps & StyleProps, never>;
8
8
  export declare const TitleH4: import("styled-components").StyledComponent<"h4", any, import("..").TextProps & StyleProps, never>;
9
- export declare const ExpandCollapseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, StyleProps, never>;
10
- export declare const ChevronIcon: import("styled-components").StyledComponent<({ type, ...props }: import("..").IconProps) => JSX.Element, any, {}, never>;
9
+ export declare const ExpandCollapseButton: import("styled-components").StyledComponent<(props: import("../icon-button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, StyleProps, never>;
10
+ export declare const ChevronIcon: import("styled-components").StyledComponent<{
11
+ (props: import("react").SVGProps<SVGSVGElement>): JSX.Element;
12
+ displayName: string;
13
+ }, any, {}, never>;
11
14
  export declare const Expandable: import("styled-components").StyledComponent<import("react-spring").AnimatedComponent<"div">, any, StyleProps, never>;
12
15
  export declare const DescriptionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
13
16
  export {};
package/accordion/accordion.style.d.ts CHANGED
@@ -3,4 +3,4 @@ import { TitleStyleProps, TitleWrapperStyleProps } from "./types";
3
3
  export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
4
4
  export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, TitleWrapperStyleProps, never>;
5
5
  export declare const Title: import("styled-components").StyledComponent<"h2", any, import("..").TextProps & TitleStyleProps, never>;
6
- export declare const ExpandCollapseLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
6
+ export declare const ExpandCollapseLink: import("styled-components").StyledComponent<(props: import("../button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, {}, never>;