@lifesg/react-design-system 4.0.0-alpha.7 → 4.0.0-alpha.8

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 (76) hide show
  1. package/button/button.js +1 -1
  2. package/button/button.js.map +1 -1
  3. package/button/button.styles.d.ts +1 -0
  4. package/button/button.styles.js +1 -1
  5. package/button/button.styles.js.map +1 -1
  6. package/button/button.styles_19i4dfq.css +21 -0
  7. package/cjs/button/button.js +1 -1
  8. package/cjs/button/button.js.map +1 -1
  9. package/cjs/button/button.styles.js +1 -1
  10. package/cjs/button/button.styles.js.map +1 -1
  11. package/cjs/button/button.styles_19i4dfq.css +21 -0
  12. package/cjs/data-table/data-table.js +1 -1
  13. package/cjs/data-table/data-table.js.map +1 -1
  14. package/cjs/data-table/data-table.styles.js +1 -1
  15. package/cjs/data-table/data-table.styles.js.map +1 -1
  16. package/cjs/data-table/{data-table.styles_rxganh.css → data-table.styles_1tnlmhe.css} +7 -6
  17. package/cjs/error-display/error-display-data.js +1 -1
  18. package/cjs/error-display/error-display-data.js.map +1 -1
  19. package/cjs/filter/addons/filter-item-checkbox.styles.js +1 -1
  20. package/cjs/filter/addons/filter-item-checkbox.styles.js.map +1 -1
  21. package/{filter/addons/filter-item-checkbox.styles_7degw7.css → cjs/filter/addons/filter-item-checkbox.styles_6nbpdl.css} +1 -1
  22. package/cjs/filter/filter-item.styles.js +1 -1
  23. package/cjs/filter/filter-item.styles.js.map +1 -1
  24. package/cjs/filter/{filter-item.styles_cphjnj.css → filter-item.styles_1yixp8h.css} +1 -1
  25. package/cjs/filter/filter-modal.styles.js +1 -1
  26. package/cjs/filter/filter-modal.styles.js.map +1 -1
  27. package/{filter/filter-modal.styles_qw3xlg.css → cjs/filter/filter-modal.styles_kuth21.css} +1 -1
  28. package/cjs/filter/filter-sidebar.styles.js +1 -1
  29. package/cjs/filter/filter-sidebar.styles.js.map +1 -1
  30. package/cjs/filter/{filter-sidebar.styles_1otwpjl.css → filter-sidebar.styles_rbfq4f.css} +1 -1
  31. package/cjs/singpass-button/singpass-button.styles.js +1 -1
  32. package/cjs/singpass-button/singpass-button.styles.js.map +1 -1
  33. package/cjs/singpass-button/{singpass-button.styles_1miyex3.css → singpass-button.styles_1fj2lru.css} +1 -1
  34. package/cjs/smart-app-banner/smart-app-banner.styles.js +1 -1
  35. package/cjs/smart-app-banner/smart-app-banner.styles.js.map +1 -1
  36. package/cjs/smart-app-banner/{smart-app-banner.styles_15u6yv4.css → smart-app-banner.styles_r6yjq9.css} +1 -1
  37. package/cjs/toast/toast.styles.js +1 -1
  38. package/cjs/toast/toast.styles.js.map +1 -1
  39. package/{toast/toast.styles_1e0l60w.css → cjs/toast/toast.styles_57j3lf.css} +1 -1
  40. package/data-table/data-table.d.ts +1 -1
  41. package/data-table/data-table.js +1 -1
  42. package/data-table/data-table.js.map +1 -1
  43. package/data-table/data-table.styles.d.ts +1 -0
  44. package/data-table/data-table.styles.js +1 -1
  45. package/data-table/data-table.styles.js.map +1 -1
  46. package/data-table/{data-table.styles_rxganh.css → data-table.styles_1tnlmhe.css} +7 -6
  47. package/data-table/types.d.ts +2 -0
  48. package/error-display/error-display-data.js +1 -1
  49. package/error-display/error-display-data.js.map +1 -1
  50. package/filter/addons/filter-item-checkbox.styles.js +1 -1
  51. package/filter/addons/filter-item-checkbox.styles.js.map +1 -1
  52. package/{cjs/filter/addons/filter-item-checkbox.styles_7degw7.css → filter/addons/filter-item-checkbox.styles_6nbpdl.css} +1 -1
  53. package/filter/filter-item.styles.js +1 -1
  54. package/filter/filter-item.styles.js.map +1 -1
  55. package/filter/{filter-item.styles_cphjnj.css → filter-item.styles_1yixp8h.css} +1 -1
  56. package/filter/filter-modal.styles.js +1 -1
  57. package/filter/filter-modal.styles.js.map +1 -1
  58. package/{cjs/filter/filter-modal.styles_qw3xlg.css → filter/filter-modal.styles_kuth21.css} +1 -1
  59. package/filter/filter-sidebar.styles.js +1 -1
  60. package/filter/filter-sidebar.styles.js.map +1 -1
  61. package/filter/{filter-sidebar.styles_1otwpjl.css → filter-sidebar.styles_rbfq4f.css} +1 -1
  62. package/package.json +1 -1
  63. package/singpass-button/singpass-button.styles.js +1 -1
  64. package/singpass-button/singpass-button.styles.js.map +1 -1
  65. package/singpass-button/{singpass-button.styles_1miyex3.css → singpass-button.styles_1fj2lru.css} +1 -1
  66. package/smart-app-banner/smart-app-banner.styles.js +1 -1
  67. package/smart-app-banner/smart-app-banner.styles.js.map +1 -1
  68. package/smart-app-banner/{smart-app-banner.styles_15u6yv4.css → smart-app-banner.styles_r6yjq9.css} +1 -1
  69. package/theme/styles/pa.css +0 -41
  70. package/toast/toast.styles.js +1 -1
  71. package/toast/toast.styles.js.map +1 -1
  72. package/{cjs/toast/toast.styles_1e0l60w.css → toast/toast.styles_57j3lf.css} +1 -1
  73. package/tools/storybook-argtypes/services/arg-types-row-builder.d.ts +6 -0
  74. package/tools/storybook-argtypes/types.d.ts +13 -1
  75. package/button/button.styles_1pxy0co.css +0 -20
  76. package/cjs/button/button.styles_1pxy0co.css +0 -20
package/button/button.styles_1pxy0co.css DELETED
@@ -1,20 +0,0 @@
1
- @layer fds{.mf6do54{border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;-webkit-transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-default);transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-default);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:var(--fds-spacing-8) var(--fds-spacing-16);gap:0.5rem;border-radius:var(--fds-radius-sm);}.mf6do54 svg,.mf6do54 img{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1em;width:1em;}
2
- .moaxzdy{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
3
- .m1en642a{min-width:4rem;}
4
- .m1jxbf2q{background-color:var(--fds-colour-bg-primary);color:var(--fds-colour-text-inverse);}@media (pointer: fine){.m1jxbf2q:hover,.m1jxbf2q:active{background-color:var(--fds-colour-bg-primary-hover);}}
5
- .mharb8i{background-color:var(--fds-colour-bg-error-strong);color:var(--fds-colour-text-inverse);}@media (pointer: fine){.mharb8i:hover,.mharb8i:active{background-color:var(--fds-colour-bg-error-strong-hover);}}
6
- .mbs4ndg{background-color:var(--fds-colour-bg);border-color:var(--fds-colour-border-primary);color:var(--fds-colour-text-primary);}@media (pointer: fine){.mbs4ndg:hover,.mbs4ndg:active{background-color:var(--fds-colour-bg-hover-neutral);}}
7
- .m1taerhv{background-color:var(--fds-colour-bg);border-color:var(--fds-colour-border-error-strong);color:var(--fds-colour-text-error);}@media (pointer: fine){.m1taerhv:hover,.m1taerhv:active{background-color:var(--fds-colour-bg-hover-neutral);}}
8
- .m8hnmz5{background-color:var(--fds-colour-bg);border-color:var(--fds-colour-border);color:var(--fds-colour-text-primary);}@media (pointer: fine){.m8hnmz5:hover,.m8hnmz5:active{background-color:var(--fds-colour-bg-hover-neutral);}}
9
- .m53fwwa{background-color:var(--fds-colour-bg);border-color:var(--fds-colour-border);color:var(--fds-colour-text-error);}@media (pointer: fine){.m53fwwa:hover,.m53fwwa:active{background-color:var(--fds-colour-bg-hover-neutral);}}
10
- .m1557ko0{background-color:transparent;color:var(--fds-colour-text-primary);}@media (pointer: fine){.m1557ko0:hover,.m1557ko0:active{background-color:var(--fds-colour-bg-hover-neutral);}}
11
- .m70z5yw{background-color:transparent;color:var(--fds-colour-text-error);}@media (pointer: fine){.m70z5yw:hover,.m70z5yw:active{background-color:var(--fds-colour-bg-hover-neutral);}}
12
- .mc532iy{background-color:var(--fds-colour-bg-disabled);cursor:not-allowed;color:var(--fds-colour-text-disabled);}.mc532iy:hover{box-shadow:none;}
13
- .m1knftbn{height:3rem;font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-xs);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-heading-lh-xs);letter-spacing:var(--fds-font-heading-ls-xs);}:where(body.fds-breakpoint-xxs-max) .m1knftbn{height:auto;}
14
- .m18n5exw{height:3rem;width:3rem;}
15
- .m3n7mqo{height:2.5rem;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}:where(body.fds-breakpoint-xxs-max) .m3n7mqo{height:auto;}
16
- .m1ytkx3r{height:2.5rem;width:2.5rem;}
17
- .m1c1mlhm{height:4rem;font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-heading-lh-md);letter-spacing:var(--fds-font-heading-ls-md);}:where(body.fds-breakpoint-xxs-max) .m1c1mlhm{height:auto;}
18
- .me78sau{height:4rem;width:4rem;}
19
- .s17i3scc{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
20
- .s1joklnz{margin-right:0.5rem;}}
package/cjs/button/button.styles_1pxy0co.css DELETED
@@ -1,20 +0,0 @@
1
- @layer fds{.mf6do54{border:var(--fds-border-width-010) var(--fds-border-style-solid) transparent;-webkit-transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-default);transition:all var(--fds-motion-duration-250) var(--fds-motion-timing-ease-default);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:var(--fds-spacing-8) var(--fds-spacing-16);gap:0.5rem;border-radius:var(--fds-radius-sm);}.mf6do54 svg,.mf6do54 img{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1em;width:1em;}
2
- .moaxzdy{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
3
- .m1en642a{min-width:4rem;}
4
- .m1jxbf2q{background-color:var(--fds-colour-bg-primary);color:var(--fds-colour-text-inverse);}@media (pointer: fine){.m1jxbf2q:hover,.m1jxbf2q:active{background-color:var(--fds-colour-bg-primary-hover);}}
5
- .mharb8i{background-color:var(--fds-colour-bg-error-strong);color:var(--fds-colour-text-inverse);}@media (pointer: fine){.mharb8i:hover,.mharb8i:active{background-color:var(--fds-colour-bg-error-strong-hover);}}
6
- .mbs4ndg{background-color:var(--fds-colour-bg);border-color:var(--fds-colour-border-primary);color:var(--fds-colour-text-primary);}@media (pointer: fine){.mbs4ndg:hover,.mbs4ndg:active{background-color:var(--fds-colour-bg-hover-neutral);}}
7
- .m1taerhv{background-color:var(--fds-colour-bg);border-color:var(--fds-colour-border-error-strong);color:var(--fds-colour-text-error);}@media (pointer: fine){.m1taerhv:hover,.m1taerhv:active{background-color:var(--fds-colour-bg-hover-neutral);}}
8
- .m8hnmz5{background-color:var(--fds-colour-bg);border-color:var(--fds-colour-border);color:var(--fds-colour-text-primary);}@media (pointer: fine){.m8hnmz5:hover,.m8hnmz5:active{background-color:var(--fds-colour-bg-hover-neutral);}}
9
- .m53fwwa{background-color:var(--fds-colour-bg);border-color:var(--fds-colour-border);color:var(--fds-colour-text-error);}@media (pointer: fine){.m53fwwa:hover,.m53fwwa:active{background-color:var(--fds-colour-bg-hover-neutral);}}
10
- .m1557ko0{background-color:transparent;color:var(--fds-colour-text-primary);}@media (pointer: fine){.m1557ko0:hover,.m1557ko0:active{background-color:var(--fds-colour-bg-hover-neutral);}}
11
- .m70z5yw{background-color:transparent;color:var(--fds-colour-text-error);}@media (pointer: fine){.m70z5yw:hover,.m70z5yw:active{background-color:var(--fds-colour-bg-hover-neutral);}}
12
- .mc532iy{background-color:var(--fds-colour-bg-disabled);cursor:not-allowed;color:var(--fds-colour-text-disabled);}.mc532iy:hover{box-shadow:none;}
13
- .m1knftbn{height:3rem;font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-xs);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-heading-lh-xs);letter-spacing:var(--fds-font-heading-ls-xs);}:where(body.fds-breakpoint-xxs-max) .m1knftbn{height:auto;}
14
- .m18n5exw{height:3rem;width:3rem;}
15
- .m3n7mqo{height:2.5rem;font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}:where(body.fds-breakpoint-xxs-max) .m3n7mqo{height:auto;}
16
- .m1ytkx3r{height:2.5rem;width:2.5rem;}
17
- .m1c1mlhm{height:4rem;font-family:var(--fds-font-family-heading);font-variant:var(--fds-font-variant);font-size:var(--fds-font-heading-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-heading-lh-md);letter-spacing:var(--fds-font-heading-ls-md);}:where(body.fds-breakpoint-xxs-max) .m1c1mlhm{height:auto;}
18
- .me78sau{height:4rem;width:4rem;}
19
- .s17i3scc{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
20
- .s1joklnz{margin-right:0.5rem;}}