@govtechsg/sgds-web-component 3.26.0 → 3.26.1-rc.1

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 (130) hide show
  1. package/base/option-element.d.ts +1 -0
  2. package/base/option-element.js +8 -0
  3. package/base/option-element.js.map +1 -1
  4. package/components/Checkbox/index.umd.min.js +233 -233
  5. package/components/Checkbox/index.umd.min.js.map +1 -1
  6. package/components/Checkbox/sgds-checkbox.d.ts +1 -0
  7. package/components/Checkbox/sgds-checkbox.js +6 -1
  8. package/components/Checkbox/sgds-checkbox.js.map +1 -1
  9. package/components/ComboBox/index.umd.min.js +241 -241
  10. package/components/ComboBox/index.umd.min.js.map +1 -1
  11. package/components/DataTable/data-table.js +6 -0
  12. package/components/DataTable/data-table.js.map +1 -0
  13. package/components/DataTable/index.d.ts +12 -0
  14. package/components/DataTable/index.js +11 -0
  15. package/components/DataTable/index.js.map +1 -0
  16. package/components/DataTable/index.umd.min.js +2634 -0
  17. package/components/DataTable/index.umd.min.js.map +1 -0
  18. package/components/DataTable/sgds-data-table-cell.d.ts +15 -0
  19. package/components/DataTable/sgds-data-table-cell.js +32 -0
  20. package/components/DataTable/sgds-data-table-cell.js.map +1 -0
  21. package/components/DataTable/sgds-data-table-head.d.ts +28 -0
  22. package/components/DataTable/sgds-data-table-head.js +69 -0
  23. package/components/DataTable/sgds-data-table-head.js.map +1 -0
  24. package/components/DataTable/sgds-data-table-row.d.ts +76 -0
  25. package/components/DataTable/sgds-data-table-row.js +333 -0
  26. package/components/DataTable/sgds-data-table-row.js.map +1 -0
  27. package/components/DataTable/sgds-data-table.d.ts +82 -0
  28. package/components/DataTable/sgds-data-table.js +405 -0
  29. package/components/DataTable/sgds-data-table.js.map +1 -0
  30. package/components/Datepicker/index.umd.min.js +86 -86
  31. package/components/Datepicker/index.umd.min.js.map +1 -1
  32. package/components/Input/index.umd.min.js +2 -2
  33. package/components/Input/index.umd.min.js.map +1 -1
  34. package/components/Input/input.js +1 -1
  35. package/components/Modal/index.umd.min.js +1 -1
  36. package/components/Modal/index.umd.min.js.map +1 -1
  37. package/components/Modal/sgds-modal.js +1 -1
  38. package/components/Modal/sgds-modal.js.map +1 -1
  39. package/components/QuantityToggle/index.umd.min.js +2 -2
  40. package/components/QuantityToggle/index.umd.min.js.map +1 -1
  41. package/components/QuantityToggle/sgds-quantity-toggle.js +9 -11
  42. package/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
  43. package/components/Select/index.umd.min.js +29 -29
  44. package/components/Select/index.umd.min.js.map +1 -1
  45. package/components/Tab/index.umd.min.js +1 -1
  46. package/components/Tab/index.umd.min.js.map +1 -1
  47. package/components/Tab/tab-panel.js +1 -1
  48. package/components/Textarea/index.umd.min.js +1 -1
  49. package/components/index.d.ts +4 -0
  50. package/components/index.js +4 -0
  51. package/components/index.js.map +1 -1
  52. package/components/index.umd.min.js +575 -481
  53. package/components/index.umd.min.js.map +1 -1
  54. package/css/fouc.css +5 -1
  55. package/custom-elements.json +4061 -2672
  56. package/index.d.ts +1 -0
  57. package/index.js +1 -0
  58. package/index.js.map +1 -1
  59. package/index.umd.min.js +404 -310
  60. package/index.umd.min.js.map +1 -1
  61. package/package.json +1 -1
  62. package/react/base/option-element.cjs.js +8 -0
  63. package/react/base/option-element.cjs.js.map +1 -1
  64. package/react/base/option-element.js +8 -0
  65. package/react/base/option-element.js.map +1 -1
  66. package/react/components/Checkbox/sgds-checkbox.cjs.js +6 -1
  67. package/react/components/Checkbox/sgds-checkbox.cjs.js.map +1 -1
  68. package/react/components/Checkbox/sgds-checkbox.js +6 -1
  69. package/react/components/Checkbox/sgds-checkbox.js.map +1 -1
  70. package/react/components/DataTable/data-table.cjs.js +11 -0
  71. package/react/components/DataTable/data-table.cjs.js.map +1 -0
  72. package/react/components/DataTable/data-table.js +7 -0
  73. package/react/components/DataTable/data-table.js.map +1 -0
  74. package/react/components/DataTable/sgds-data-table-cell.cjs.js +38 -0
  75. package/react/components/DataTable/sgds-data-table-cell.cjs.js.map +1 -0
  76. package/react/components/DataTable/sgds-data-table-cell.js +33 -0
  77. package/react/components/DataTable/sgds-data-table-cell.js.map +1 -0
  78. package/react/components/DataTable/sgds-data-table-head.cjs.js +75 -0
  79. package/react/components/DataTable/sgds-data-table-head.cjs.js.map +1 -0
  80. package/react/components/DataTable/sgds-data-table-head.js +70 -0
  81. package/react/components/DataTable/sgds-data-table-head.js.map +1 -0
  82. package/react/components/DataTable/sgds-data-table-row.cjs.js +339 -0
  83. package/react/components/DataTable/sgds-data-table-row.cjs.js.map +1 -0
  84. package/react/components/DataTable/sgds-data-table-row.js +334 -0
  85. package/react/components/DataTable/sgds-data-table-row.js.map +1 -0
  86. package/react/components/DataTable/sgds-data-table.cjs.js +411 -0
  87. package/react/components/DataTable/sgds-data-table.cjs.js.map +1 -0
  88. package/react/components/DataTable/sgds-data-table.js +406 -0
  89. package/react/components/DataTable/sgds-data-table.js.map +1 -0
  90. package/react/components/Input/input.cjs.js +1 -1
  91. package/react/components/Input/input.js +1 -1
  92. package/react/components/Modal/sgds-modal.cjs.js +1 -1
  93. package/react/components/Modal/sgds-modal.cjs.js.map +1 -1
  94. package/react/components/Modal/sgds-modal.js +1 -1
  95. package/react/components/Modal/sgds-modal.js.map +1 -1
  96. package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js +9 -11
  97. package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js.map +1 -1
  98. package/react/components/QuantityToggle/sgds-quantity-toggle.js +9 -11
  99. package/react/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
  100. package/react/components/Tab/tab-panel.cjs.js +1 -1
  101. package/react/components/Tab/tab-panel.js +1 -1
  102. package/react/data-table/index.cjs.js +44 -0
  103. package/react/data-table/index.cjs.js.map +1 -0
  104. package/react/data-table/index.d.ts +4 -0
  105. package/react/data-table/index.js +20 -0
  106. package/react/data-table/index.js.map +1 -0
  107. package/react/data-table-cell/index.cjs.js +40 -0
  108. package/react/data-table-cell/index.cjs.js.map +1 -0
  109. package/react/data-table-cell/index.d.ts +4 -0
  110. package/react/data-table-cell/index.js +16 -0
  111. package/react/data-table-cell/index.js.map +1 -0
  112. package/react/data-table-head/index.cjs.js +40 -0
  113. package/react/data-table-head/index.cjs.js.map +1 -0
  114. package/react/data-table-head/index.d.ts +4 -0
  115. package/react/data-table-head/index.js +16 -0
  116. package/react/data-table-head/index.js.map +1 -0
  117. package/react/data-table-row/index.cjs.js +45 -0
  118. package/react/data-table-row/index.cjs.js.map +1 -0
  119. package/react/data-table-row/index.d.ts +4 -0
  120. package/react/data-table-row/index.js +21 -0
  121. package/react/data-table-row/index.js.map +1 -0
  122. package/react/index.cjs.js +132 -124
  123. package/react/index.cjs.js.map +1 -1
  124. package/react/index.d.ts +5 -1
  125. package/react/index.js +5 -1
  126. package/react/index.js.map +1 -1
  127. package/react/styles/form-text-control.cjs.js +1 -1
  128. package/react/styles/form-text-control.js +1 -1
  129. package/styles/form-text-control.js +1 -1
  130. package/types/react.d.ts +109 -16
package/components/Input/input.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = css`:host{--input-border-radius:var(--sgds-form-border-radius-md);--input-min-width:var(--sgds-dimension-160)}.form-control-container{min-width:var(--input-min-width)}:host(.quantity-toggle) input::-webkit-inner-spin-button{appearance:none;margin:0}:host(.quantity-toggle) input{text-align:center}.form-control-prefix,.form-control-suffix{color:var(--sgds-form-color-subtle);display:flex;flex-shrink:0;font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-xs)}.form-control-group.quantity-toggle{padding:0}sgds-icon[role=button]{cursor:pointer}sgds-icon[role=button]:focus,sgds-icon[role=button]:focus-visible{outline:var(--sgds-form-outline-focus)}.form-control-row{align-items:center;display:flex;gap:var(--sgds-gap-sm)}`;
3
+ var css_248z = css`:host{--input-border-radius:var(--sgds-form-border-radius-md);--input-min-width:var(--sgds-dimension-160)}.form-control-container{min-width:var(--input-min-width)}:host(.quantity-toggle) input::-webkit-inner-spin-button{appearance:none;margin:0}:host(.quantity-toggle) input{text-align:center}.form-control-prefix,.form-control-suffix{align-items:center;color:var(--sgds-form-color-subtle);display:flex;flex-shrink:0;font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-xs);height:100%;justify-content:center}.form-control-prefix{border-right:var(--sgds-form-border-width-default) solid var(--sgds-border-color-muted);padding-right:var(--sgds-form-padding-x)}.form-control-suffix{border-left:var(--sgds-form-border-width-default) solid var(--sgds-border-color-muted);padding-left:var(--sgds-form-padding-x)}.form-control-group.quantity-toggle{padding:0}sgds-icon[role=button]{cursor:pointer}sgds-icon[role=button]:focus,sgds-icon[role=button]:focus-visible{outline:var(--sgds-form-outline-focus)}.form-control-row{align-items:center;display:flex;gap:var(--sgds-gap-sm)}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=input.js.map
package/components/Modal/index.umd.min.js CHANGED
@@ -68,7 +68,7 @@ let xe;$e?.({LitElement:_e}),(ye.litElementVersions??=[]).push("4.2.2"),ye.litEl
68
68
  ></sgds-close-button>`}
69
69
  <div class="modal-header">
70
70
  <div class="modal-header__title-description">
71
- <slot class="modal-title" id="title" name="title"></slot>
71
+ <div id="title"><slot class="modal-title" name="title"></slot></div>
72
72
  <slot name="description"></slot>
73
73
  </div>
74
74
  </div>