@govtechsg/sgds-web-component 3.26.1-rc.1 → 3.26.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 (119) hide show
  1. package/components/Checkbox/index.umd.min.js +233 -233
  2. package/components/Checkbox/index.umd.min.js.map +1 -1
  3. package/components/Checkbox/sgds-checkbox.d.ts +0 -1
  4. package/components/Checkbox/sgds-checkbox.js +1 -6
  5. package/components/Checkbox/sgds-checkbox.js.map +1 -1
  6. package/components/ComboBox/index.umd.min.js +241 -241
  7. package/components/ComboBox/index.umd.min.js.map +1 -1
  8. package/components/Datepicker/index.umd.min.js +86 -86
  9. package/components/Datepicker/index.umd.min.js.map +1 -1
  10. package/components/Input/index.umd.min.js +2 -2
  11. package/components/Input/index.umd.min.js.map +1 -1
  12. package/components/Input/input.js +1 -1
  13. package/components/QuantityToggle/index.umd.min.js +40 -40
  14. package/components/QuantityToggle/index.umd.min.js.map +1 -1
  15. package/components/QuantityToggle/sgds-quantity-toggle.d.ts +1 -2
  16. package/components/QuantityToggle/sgds-quantity-toggle.js +9 -18
  17. package/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
  18. package/components/Select/index.umd.min.js +1 -1
  19. package/components/Tab/index.umd.min.js +1 -1
  20. package/components/Tab/index.umd.min.js.map +1 -1
  21. package/components/Tab/tab-panel.js +1 -1
  22. package/components/Textarea/index.umd.min.js +1 -1
  23. package/components/Textarea/index.umd.min.js.map +1 -1
  24. package/components/Textarea/textarea.js +1 -1
  25. package/components/index.d.ts +0 -4
  26. package/components/index.js +0 -4
  27. package/components/index.js.map +1 -1
  28. package/components/index.umd.min.js +482 -576
  29. package/components/index.umd.min.js.map +1 -1
  30. package/css/fouc.css +1 -5
  31. package/custom-elements.json +3036 -4391
  32. package/index.d.ts +0 -1
  33. package/index.js +0 -1
  34. package/index.js.map +1 -1
  35. package/index.umd.min.js +311 -405
  36. package/index.umd.min.js.map +1 -1
  37. package/package.json +1 -1
  38. package/react/components/Checkbox/sgds-checkbox.cjs.js +1 -6
  39. package/react/components/Checkbox/sgds-checkbox.cjs.js.map +1 -1
  40. package/react/components/Checkbox/sgds-checkbox.js +1 -6
  41. package/react/components/Checkbox/sgds-checkbox.js.map +1 -1
  42. package/react/components/Input/input.cjs.js +1 -1
  43. package/react/components/Input/input.js +1 -1
  44. package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js +9 -18
  45. package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js.map +1 -1
  46. package/react/components/QuantityToggle/sgds-quantity-toggle.js +9 -18
  47. package/react/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
  48. package/react/components/Tab/tab-panel.cjs.js +1 -1
  49. package/react/components/Tab/tab-panel.js +1 -1
  50. package/react/components/Textarea/textarea.cjs.js +1 -1
  51. package/react/components/Textarea/textarea.js +1 -1
  52. package/react/index.cjs.js +124 -132
  53. package/react/index.cjs.js.map +1 -1
  54. package/react/index.d.ts +1 -5
  55. package/react/index.js +1 -5
  56. package/react/index.js.map +1 -1
  57. package/react/styles/form-text-control.cjs.js +1 -1
  58. package/react/styles/form-text-control.js +1 -1
  59. package/styles/form-text-control.js +1 -1
  60. package/types/react.d.ts +16 -109
  61. package/components/DataTable/data-table.js +0 -6
  62. package/components/DataTable/data-table.js.map +0 -1
  63. package/components/DataTable/index.d.ts +0 -12
  64. package/components/DataTable/index.js +0 -11
  65. package/components/DataTable/index.js.map +0 -1
  66. package/components/DataTable/index.umd.min.js +0 -2634
  67. package/components/DataTable/index.umd.min.js.map +0 -1
  68. package/components/DataTable/sgds-data-table-cell.d.ts +0 -15
  69. package/components/DataTable/sgds-data-table-cell.js +0 -32
  70. package/components/DataTable/sgds-data-table-cell.js.map +0 -1
  71. package/components/DataTable/sgds-data-table-head.d.ts +0 -28
  72. package/components/DataTable/sgds-data-table-head.js +0 -69
  73. package/components/DataTable/sgds-data-table-head.js.map +0 -1
  74. package/components/DataTable/sgds-data-table-row.d.ts +0 -76
  75. package/components/DataTable/sgds-data-table-row.js +0 -333
  76. package/components/DataTable/sgds-data-table-row.js.map +0 -1
  77. package/components/DataTable/sgds-data-table.d.ts +0 -82
  78. package/components/DataTable/sgds-data-table.js +0 -405
  79. package/components/DataTable/sgds-data-table.js.map +0 -1
  80. package/react/components/DataTable/data-table.cjs.js +0 -11
  81. package/react/components/DataTable/data-table.cjs.js.map +0 -1
  82. package/react/components/DataTable/data-table.js +0 -7
  83. package/react/components/DataTable/data-table.js.map +0 -1
  84. package/react/components/DataTable/sgds-data-table-cell.cjs.js +0 -38
  85. package/react/components/DataTable/sgds-data-table-cell.cjs.js.map +0 -1
  86. package/react/components/DataTable/sgds-data-table-cell.js +0 -33
  87. package/react/components/DataTable/sgds-data-table-cell.js.map +0 -1
  88. package/react/components/DataTable/sgds-data-table-head.cjs.js +0 -75
  89. package/react/components/DataTable/sgds-data-table-head.cjs.js.map +0 -1
  90. package/react/components/DataTable/sgds-data-table-head.js +0 -70
  91. package/react/components/DataTable/sgds-data-table-head.js.map +0 -1
  92. package/react/components/DataTable/sgds-data-table-row.cjs.js +0 -339
  93. package/react/components/DataTable/sgds-data-table-row.cjs.js.map +0 -1
  94. package/react/components/DataTable/sgds-data-table-row.js +0 -334
  95. package/react/components/DataTable/sgds-data-table-row.js.map +0 -1
  96. package/react/components/DataTable/sgds-data-table.cjs.js +0 -411
  97. package/react/components/DataTable/sgds-data-table.cjs.js.map +0 -1
  98. package/react/components/DataTable/sgds-data-table.js +0 -406
  99. package/react/components/DataTable/sgds-data-table.js.map +0 -1
  100. package/react/data-table/index.cjs.js +0 -44
  101. package/react/data-table/index.cjs.js.map +0 -1
  102. package/react/data-table/index.d.ts +0 -4
  103. package/react/data-table/index.js +0 -20
  104. package/react/data-table/index.js.map +0 -1
  105. package/react/data-table-cell/index.cjs.js +0 -40
  106. package/react/data-table-cell/index.cjs.js.map +0 -1
  107. package/react/data-table-cell/index.d.ts +0 -4
  108. package/react/data-table-cell/index.js +0 -16
  109. package/react/data-table-cell/index.js.map +0 -1
  110. package/react/data-table-head/index.cjs.js +0 -40
  111. package/react/data-table-head/index.cjs.js.map +0 -1
  112. package/react/data-table-head/index.d.ts +0 -4
  113. package/react/data-table-head/index.js +0 -16
  114. package/react/data-table-head/index.js.map +0 -1
  115. package/react/data-table-row/index.cjs.js +0 -45
  116. package/react/data-table-row/index.cjs.js.map +0 -1
  117. package/react/data-table-row/index.d.ts +0 -4
  118. package/react/data-table-row/index.js +0 -21
  119. package/react/data-table-row/index.js.map +0 -1
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import { css } from 'lit';
3
3
 
4
- var css_248z = css`textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;resize:vertical}textarea.form-control-group{min-height:var(--sgds-dimension-136);overflow:auto;padding:var(--sgds-form-padding-y) var(--sgds-form-padding-x)}.textarea-resize-none{resize:none}.textarea-resize-vertical{resize:vertical}.textarea-resize-auto{height:auto;overflow-y:hidden;resize:none}.textarea-info-container{display:flex;justify-content:space-between}.word-count{margin-left:auto}`;
4
+ var css_248z = css`textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;resize:vertical}textarea.form-control-group{height:auto;min-height:var(--sgds-dimension-136);overflow:auto;padding:var(--sgds-form-padding-y) var(--sgds-form-padding-x)}.textarea-resize-none{resize:none}.textarea-resize-vertical{resize:vertical}.textarea-resize-auto{height:auto;overflow-y:hidden;resize:none}.textarea-info-container{display:flex;justify-content:space-between}.word-count{margin-left:auto}`;
5
5
 
6
6
  export { css_248z as default };
7
7
  //# sourceMappingURL=textarea.js.map
@@ -8,78 +8,74 @@ var index$1 = require('./accordion/index.cjs.js');
8
8
  var index$2 = require('./alert-link/index.cjs.js');
9
9
  var index$3 = require('./alert/index.cjs.js');
10
10
  var index$4 = require('./badge/index.cjs.js');
11
- var index$5 = require('./button/index.cjs.js');
12
- var index$6 = require('./breadcrumb-item/index.cjs.js');
13
- var index$7 = require('./breadcrumb/index.cjs.js');
11
+ var index$5 = require('./breadcrumb-item/index.cjs.js');
12
+ var index$6 = require('./breadcrumb/index.cjs.js');
13
+ var index$7 = require('./button/index.cjs.js');
14
14
  var index$8 = require('./card/index.cjs.js');
15
15
  var index$9 = require('./checkbox-group/index.cjs.js');
16
16
  var index$a = require('./checkbox/index.cjs.js');
17
17
  var index$b = require('./close-button/index.cjs.js');
18
18
  var index$c = require('./combo-box-option/index.cjs.js');
19
19
  var index$d = require('./combo-box/index.cjs.js');
20
- var index$e = require('./data-table-cell/index.cjs.js');
21
- var index$f = require('./data-table-head/index.cjs.js');
22
- var index$g = require('./data-table-row/index.cjs.js');
23
- var index$h = require('./data-table/index.cjs.js');
24
- var index$i = require('./datepicker/index.cjs.js');
25
- var index$j = require('./description-list-group/index.cjs.js');
26
- var index$k = require('./description-list/index.cjs.js');
27
- var index$l = require('./divider/index.cjs.js');
28
- var index$m = require('./drawer/index.cjs.js');
29
- var index$n = require('./dropdown-item/index.cjs.js');
30
- var index$o = require('./dropdown/index.cjs.js');
31
- var index$p = require('./file-upload/index.cjs.js');
32
- var index$q = require('./footer-item/index.cjs.js');
33
- var index$r = require('./footer/index.cjs.js');
34
- var index$s = require('./icon/index.cjs.js');
35
- var index$t = require('./icon-button/index.cjs.js');
36
- var index$u = require('./icon-card/index.cjs.js');
37
- var index$v = require('./icon-list/index.cjs.js');
38
- var index$w = require('./image-card/index.cjs.js');
39
- var index$x = require('./input/index.cjs.js');
40
- var index$y = require('./link/index.cjs.js');
41
- var index$z = require('./mainnav-dropdown/index.cjs.js');
42
- var index$A = require('./mainnav-item/index.cjs.js');
43
- var index$B = require('./mainnav/index.cjs.js');
44
- var index$C = require('./masthead/index.cjs.js');
45
- var index$D = require('./modal/index.cjs.js');
46
- var index$E = require('./overflow-menu/index.cjs.js');
47
- var index$F = require('./pagination/index.cjs.js');
48
- var index$G = require('./progress-bar/index.cjs.js');
49
- var index$H = require('./quantity-toggle/index.cjs.js');
50
- var index$I = require('./radio-group/index.cjs.js');
51
- var index$J = require('./radio/index.cjs.js');
52
- var index$K = require('./select-option/index.cjs.js');
53
- var index$L = require('./select/index.cjs.js');
54
- var index$M = require('./sidebar-group/index.cjs.js');
55
- var index$N = require('./sidebar-item/index.cjs.js');
56
- var index$O = require('./sidebar-section/index.cjs.js');
57
- var index$P = require('./sidebar/index.cjs.js');
58
- var index$Q = require('./sidenav-item/index.cjs.js');
59
- var index$R = require('./sidenav-link/index.cjs.js');
60
- var index$S = require('./sidenav/index.cjs.js');
61
- var index$T = require('./skeleton/index.cjs.js');
62
- var index$U = require('./spinner/index.cjs.js');
63
- var index$V = require('./step/index.cjs.js');
64
- var index$W = require('./stepper/index.cjs.js');
65
- var index$X = require('./subnav-item/index.cjs.js');
66
- var index$Y = require('./subnav/index.cjs.js');
67
- var index$Z = require('./switch/index.cjs.js');
68
- var index$_ = require('./system-banner-item/index.cjs.js');
69
- var index$$ = require('./system-banner/index.cjs.js');
70
- var index$10 = require('./tab-group/index.cjs.js');
71
- var index$11 = require('./tab-panel/index.cjs.js');
72
- var index$12 = require('./tab/index.cjs.js');
73
- var index$13 = require('./table-cell/index.cjs.js');
74
- var index$14 = require('./table-head/index.cjs.js');
75
- var index$15 = require('./table-row/index.cjs.js');
76
- var index$16 = require('./table/index.cjs.js');
77
- var index$17 = require('./table-of-contents/index.cjs.js');
78
- var index$18 = require('./textarea/index.cjs.js');
79
- var index$19 = require('./thumbnail-card/index.cjs.js');
80
- var index$1a = require('./toast-container/index.cjs.js');
81
- var index$1b = require('./toast/index.cjs.js');
82
- var index$1c = require('./tooltip/index.cjs.js');
20
+ var index$e = require('./datepicker/index.cjs.js');
21
+ var index$f = require('./description-list-group/index.cjs.js');
22
+ var index$g = require('./description-list/index.cjs.js');
23
+ var index$h = require('./divider/index.cjs.js');
24
+ var index$i = require('./drawer/index.cjs.js');
25
+ var index$j = require('./dropdown-item/index.cjs.js');
26
+ var index$k = require('./dropdown/index.cjs.js');
27
+ var index$l = require('./file-upload/index.cjs.js');
28
+ var index$m = require('./footer-item/index.cjs.js');
29
+ var index$n = require('./footer/index.cjs.js');
30
+ var index$o = require('./icon/index.cjs.js');
31
+ var index$p = require('./icon-button/index.cjs.js');
32
+ var index$q = require('./icon-card/index.cjs.js');
33
+ var index$r = require('./icon-list/index.cjs.js');
34
+ var index$s = require('./image-card/index.cjs.js');
35
+ var index$t = require('./input/index.cjs.js');
36
+ var index$u = require('./link/index.cjs.js');
37
+ var index$v = require('./mainnav-dropdown/index.cjs.js');
38
+ var index$w = require('./mainnav-item/index.cjs.js');
39
+ var index$x = require('./mainnav/index.cjs.js');
40
+ var index$y = require('./masthead/index.cjs.js');
41
+ var index$z = require('./modal/index.cjs.js');
42
+ var index$A = require('./overflow-menu/index.cjs.js');
43
+ var index$B = require('./pagination/index.cjs.js');
44
+ var index$C = require('./progress-bar/index.cjs.js');
45
+ var index$D = require('./quantity-toggle/index.cjs.js');
46
+ var index$E = require('./radio-group/index.cjs.js');
47
+ var index$F = require('./radio/index.cjs.js');
48
+ var index$G = require('./select-option/index.cjs.js');
49
+ var index$H = require('./select/index.cjs.js');
50
+ var index$I = require('./sidebar-group/index.cjs.js');
51
+ var index$J = require('./sidebar-item/index.cjs.js');
52
+ var index$K = require('./sidebar-section/index.cjs.js');
53
+ var index$L = require('./sidebar/index.cjs.js');
54
+ var index$M = require('./sidenav-item/index.cjs.js');
55
+ var index$N = require('./sidenav-link/index.cjs.js');
56
+ var index$O = require('./sidenav/index.cjs.js');
57
+ var index$P = require('./skeleton/index.cjs.js');
58
+ var index$Q = require('./spinner/index.cjs.js');
59
+ var index$R = require('./step/index.cjs.js');
60
+ var index$S = require('./stepper/index.cjs.js');
61
+ var index$T = require('./subnav-item/index.cjs.js');
62
+ var index$U = require('./subnav/index.cjs.js');
63
+ var index$V = require('./switch/index.cjs.js');
64
+ var index$W = require('./system-banner-item/index.cjs.js');
65
+ var index$X = require('./system-banner/index.cjs.js');
66
+ var index$Y = require('./tab-group/index.cjs.js');
67
+ var index$Z = require('./tab-panel/index.cjs.js');
68
+ var index$_ = require('./tab/index.cjs.js');
69
+ var index$$ = require('./table-cell/index.cjs.js');
70
+ var index$10 = require('./table-head/index.cjs.js');
71
+ var index$11 = require('./table-row/index.cjs.js');
72
+ var index$12 = require('./table/index.cjs.js');
73
+ var index$13 = require('./table-of-contents/index.cjs.js');
74
+ var index$14 = require('./textarea/index.cjs.js');
75
+ var index$15 = require('./thumbnail-card/index.cjs.js');
76
+ var index$16 = require('./toast-container/index.cjs.js');
77
+ var index$17 = require('./toast/index.cjs.js');
78
+ var index$18 = require('./tooltip/index.cjs.js');
83
79
 
84
80
 
85
81
 
@@ -88,76 +84,72 @@ exports.SgdsAccordion = index$1["default"];
88
84
  exports.SgdsAlertLink = index$2["default"];
89
85
  exports.SgdsAlert = index$3["default"];
90
86
  exports.SgdsBadge = index$4["default"];
91
- exports.SgdsButton = index$5["default"];
92
- exports.SgdsBreadcrumbItem = index$6["default"];
93
- exports.SgdsBreadcrumb = index$7["default"];
87
+ exports.SgdsBreadcrumbItem = index$5["default"];
88
+ exports.SgdsBreadcrumb = index$6["default"];
89
+ exports.SgdsButton = index$7["default"];
94
90
  exports.SgdsCard = index$8["default"];
95
91
  exports.SgdsCheckboxGroup = index$9["default"];
96
92
  exports.SgdsCheckbox = index$a["default"];
97
93
  exports.SgdsCloseButton = index$b["default"];
98
94
  exports.SgdsComboBoxOption = index$c["default"];
99
95
  exports.SgdsComboBox = index$d["default"];
100
- exports.SgdsDataTableCell = index$e["default"];
101
- exports.SgdsDataTableHead = index$f["default"];
102
- exports.SgdsDataTableRow = index$g["default"];
103
- exports.SgdsDataTable = index$h["default"];
104
- exports.SgdsDatepicker = index$i["default"];
105
- exports.SgdsDescriptionListGroup = index$j["default"];
106
- exports.SgdsDescriptionList = index$k["default"];
107
- exports.SgdsDivider = index$l["default"];
108
- exports.SgdsDrawer = index$m["default"];
109
- exports.SgdsDropdownItem = index$n["default"];
110
- exports.SgdsDropdown = index$o["default"];
111
- exports.SgdsFileUpload = index$p["default"];
112
- exports.SgdsFooterItem = index$q["default"];
113
- exports.SgdsFooter = index$r["default"];
114
- exports.SgdsIcon = index$s["default"];
115
- exports.SgdsIconButton = index$t["default"];
116
- exports.SgdsIconCard = index$u["default"];
117
- exports.SgdsIconList = index$v["default"];
118
- exports.SgdsImageCard = index$w["default"];
119
- exports.SgdsInput = index$x["default"];
120
- exports.SgdsLink = index$y["default"];
121
- exports.SgdsMainnavDropdown = index$z["default"];
122
- exports.SgdsMainnavItem = index$A["default"];
123
- exports.SgdsMainnav = index$B["default"];
124
- exports.SgdsMasthead = index$C["default"];
125
- exports.SgdsModal = index$D["default"];
126
- exports.SgdsOverflowMenu = index$E["default"];
127
- exports.SgdsPagination = index$F["default"];
128
- exports.SgdsProgressBar = index$G["default"];
129
- exports.SgdsQuantityToggle = index$H["default"];
130
- exports.SgdsRadioGroup = index$I["default"];
131
- exports.SgdsRadio = index$J["default"];
132
- exports.SgdsSelectOption = index$K["default"];
133
- exports.SgdsSelect = index$L["default"];
134
- exports.SgdsSidebarGroup = index$M["default"];
135
- exports.SgdsSidebarItem = index$N["default"];
136
- exports.SgdsSidebarSection = index$O["default"];
137
- exports.SgdsSidebar = index$P["default"];
138
- exports.SgdsSidenavItem = index$Q["default"];
139
- exports.SgdsSidenavLink = index$R["default"];
140
- exports.SgdsSidenav = index$S["default"];
141
- exports.SgdsSkeleton = index$T["default"];
142
- exports.SgdsSpinner = index$U["default"];
143
- exports.SgdsStep = index$V["default"];
144
- exports.SgdsStepper = index$W["default"];
145
- exports.SgdsSubnavItem = index$X["default"];
146
- exports.SgdsSubnav = index$Y["default"];
147
- exports.SgdsSwitch = index$Z["default"];
148
- exports.SgdsSystemBannerItem = index$_["default"];
149
- exports.SgdsSystemBanner = index$$["default"];
150
- exports.SgdsTabGroup = index$10["default"];
151
- exports.SgdsTabPanel = index$11["default"];
152
- exports.SgdsTab = index$12["default"];
153
- exports.SgdsTableCell = index$13["default"];
154
- exports.SgdsTableHead = index$14["default"];
155
- exports.SgdsTableRow = index$15["default"];
156
- exports.SgdsTable = index$16["default"];
157
- exports.SgdsTableOfContents = index$17["default"];
158
- exports.SgdsTextarea = index$18["default"];
159
- exports.SgdsThumbnailCard = index$19["default"];
160
- exports.SgdsToastContainer = index$1a["default"];
161
- exports.SgdsToast = index$1b["default"];
162
- exports.SgdsTooltip = index$1c["default"];
96
+ exports.SgdsDatepicker = index$e["default"];
97
+ exports.SgdsDescriptionListGroup = index$f["default"];
98
+ exports.SgdsDescriptionList = index$g["default"];
99
+ exports.SgdsDivider = index$h["default"];
100
+ exports.SgdsDrawer = index$i["default"];
101
+ exports.SgdsDropdownItem = index$j["default"];
102
+ exports.SgdsDropdown = index$k["default"];
103
+ exports.SgdsFileUpload = index$l["default"];
104
+ exports.SgdsFooterItem = index$m["default"];
105
+ exports.SgdsFooter = index$n["default"];
106
+ exports.SgdsIcon = index$o["default"];
107
+ exports.SgdsIconButton = index$p["default"];
108
+ exports.SgdsIconCard = index$q["default"];
109
+ exports.SgdsIconList = index$r["default"];
110
+ exports.SgdsImageCard = index$s["default"];
111
+ exports.SgdsInput = index$t["default"];
112
+ exports.SgdsLink = index$u["default"];
113
+ exports.SgdsMainnavDropdown = index$v["default"];
114
+ exports.SgdsMainnavItem = index$w["default"];
115
+ exports.SgdsMainnav = index$x["default"];
116
+ exports.SgdsMasthead = index$y["default"];
117
+ exports.SgdsModal = index$z["default"];
118
+ exports.SgdsOverflowMenu = index$A["default"];
119
+ exports.SgdsPagination = index$B["default"];
120
+ exports.SgdsProgressBar = index$C["default"];
121
+ exports.SgdsQuantityToggle = index$D["default"];
122
+ exports.SgdsRadioGroup = index$E["default"];
123
+ exports.SgdsRadio = index$F["default"];
124
+ exports.SgdsSelectOption = index$G["default"];
125
+ exports.SgdsSelect = index$H["default"];
126
+ exports.SgdsSidebarGroup = index$I["default"];
127
+ exports.SgdsSidebarItem = index$J["default"];
128
+ exports.SgdsSidebarSection = index$K["default"];
129
+ exports.SgdsSidebar = index$L["default"];
130
+ exports.SgdsSidenavItem = index$M["default"];
131
+ exports.SgdsSidenavLink = index$N["default"];
132
+ exports.SgdsSidenav = index$O["default"];
133
+ exports.SgdsSkeleton = index$P["default"];
134
+ exports.SgdsSpinner = index$Q["default"];
135
+ exports.SgdsStep = index$R["default"];
136
+ exports.SgdsStepper = index$S["default"];
137
+ exports.SgdsSubnavItem = index$T["default"];
138
+ exports.SgdsSubnav = index$U["default"];
139
+ exports.SgdsSwitch = index$V["default"];
140
+ exports.SgdsSystemBannerItem = index$W["default"];
141
+ exports.SgdsSystemBanner = index$X["default"];
142
+ exports.SgdsTabGroup = index$Y["default"];
143
+ exports.SgdsTabPanel = index$Z["default"];
144
+ exports.SgdsTab = index$_["default"];
145
+ exports.SgdsTableCell = index$$["default"];
146
+ exports.SgdsTableHead = index$10["default"];
147
+ exports.SgdsTableRow = index$11["default"];
148
+ exports.SgdsTable = index$12["default"];
149
+ exports.SgdsTableOfContents = index$13["default"];
150
+ exports.SgdsTextarea = index$14["default"];
151
+ exports.SgdsThumbnailCard = index$15["default"];
152
+ exports.SgdsToastContainer = index$16["default"];
153
+ exports.SgdsToast = index$17["default"];
154
+ exports.SgdsTooltip = index$18["default"];
163
155
  //# sourceMappingURL=index.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/react/index.d.ts CHANGED
@@ -3,19 +3,15 @@ export { default as SgdsAccordion } from './accordion';
3
3
  export { default as SgdsAlertLink } from './alert-link';
4
4
  export { default as SgdsAlert } from './alert';
5
5
  export { default as SgdsBadge } from './badge';
6
- export { default as SgdsButton } from './button';
7
6
  export { default as SgdsBreadcrumbItem } from './breadcrumb-item';
8
7
  export { default as SgdsBreadcrumb } from './breadcrumb';
8
+ export { default as SgdsButton } from './button';
9
9
  export { default as SgdsCard } from './card';
10
10
  export { default as SgdsCheckboxGroup } from './checkbox-group';
11
11
  export { default as SgdsCheckbox } from './checkbox';
12
12
  export { default as SgdsCloseButton } from './close-button';
13
13
  export { default as SgdsComboBoxOption } from './combo-box-option';
14
14
  export { default as SgdsComboBox } from './combo-box';
15
- export { default as SgdsDataTableCell } from './data-table-cell';
16
- export { default as SgdsDataTableHead } from './data-table-head';
17
- export { default as SgdsDataTableRow } from './data-table-row';
18
- export { default as SgdsDataTable } from './data-table';
19
15
  export { default as SgdsDatepicker } from './datepicker';
20
16
  export { default as SgdsDescriptionListGroup } from './description-list-group';
21
17
  export { default as SgdsDescriptionList } from './description-list';
package/react/index.js CHANGED
@@ -4,19 +4,15 @@ export { default as SgdsAccordion } from './accordion/index.js';
4
4
  export { default as SgdsAlertLink } from './alert-link/index.js';
5
5
  export { default as SgdsAlert } from './alert/index.js';
6
6
  export { default as SgdsBadge } from './badge/index.js';
7
- export { default as SgdsButton } from './button/index.js';
8
7
  export { default as SgdsBreadcrumbItem } from './breadcrumb-item/index.js';
9
8
  export { default as SgdsBreadcrumb } from './breadcrumb/index.js';
9
+ export { default as SgdsButton } from './button/index.js';
10
10
  export { default as SgdsCard } from './card/index.js';
11
11
  export { default as SgdsCheckboxGroup } from './checkbox-group/index.js';
12
12
  export { default as SgdsCheckbox } from './checkbox/index.js';
13
13
  export { default as SgdsCloseButton } from './close-button/index.js';
14
14
  export { default as SgdsComboBoxOption } from './combo-box-option/index.js';
15
15
  export { default as SgdsComboBox } from './combo-box/index.js';
16
- export { default as SgdsDataTableCell } from './data-table-cell/index.js';
17
- export { default as SgdsDataTableHead } from './data-table-head/index.js';
18
- export { default as SgdsDataTableRow } from './data-table-row/index.js';
19
- export { default as SgdsDataTable } from './data-table/index.js';
20
16
  export { default as SgdsDatepicker } from './datepicker/index.js';
21
17
  export { default as SgdsDescriptionListGroup } from './description-list-group/index.js';
22
18
  export { default as SgdsDescriptionList } from './description-list/index.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var lit = require('lit');
7
7
 
8
- var css_248z = lit.css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-xl);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
8
+ var css_248z = lit.css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-md);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
9
9
 
10
10
  exports["default"] = css_248z;
11
11
  //# sourceMappingURL=form-text-control.cjs.js.map
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import { css } from 'lit';
3
3
 
4
- var css_248z = css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-xl);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
4
+ var css_248z = css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-md);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
5
5
 
6
6
  export { css_248z as default };
7
7
  //# sourceMappingURL=form-text-control.js.map
@@ -1,6 +1,6 @@
1
1
  import { css } from 'lit';
2
2
 
3
- var css_248z = css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-xl);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
3
+ var css_248z = css`.form-control-container{display:flex;flex-direction:column;gap:var(--sgds-form-gap-md)}.m-width-160{min-width:var(--sgds-dimension-160)}.m-width-256{min-width:var(--sgds-dimension-256)}.form-label{color:var(--sgds-form-color-default);font-size:var(--sgds-font-size-label-md);font-weight:var(--sgds-font-weight-semibold)}.form-control-group{align-items:center;background-color:var(--sgds-form-surface-default);border:var(--sgds-form-border-width-default) solid var(--sgds-border-color-default);border-radius:var(--input-border-radius,var(--sgds-form-border-radius-md));display:flex;gap:var(--sgds-form-gap-md);height:var(--sgds-dimension-48);justify-content:center;overflow:hidden;padding:0 var(--sgds-form-padding-x);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:-webkit-fill-available;width:-moz-available}.form-control{appearance:none;background-clip:padding-box;background:none;border:none;color:var(--sgds-form-color-default);display:block;flex-grow:1;font-family:var(--sgds-font-family-brand);font-size:var(--sgds-font-size-label-md);line-height:var(--sgds-line-height-xs);min-width:0;outline:none;padding:0;width:100%}.form-clearable{color:var(--sgds-color-subtle);cursor:pointer}.form-control-group:not(.disabled):not(.is-invalid):not(.readonly):not(:focus-within):hover{outline:var(--sgds-form-border-width-thick) solid var(--sgds-border-color-emphasis);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-group:not(.disabled):not(.is-invalid):focus-within{outline:var(--sgds-form-outline-focus);outline-offset:var(--sgds-form-outline-offset-focus)}.form-control-container.disabled{opacity:var(--sgds-opacity-40)}.form-control-group.disabled{background-color:var(--sgds-form-surface-muted);cursor:not-allowed}.form-control-group.readonly{background-color:var(--sgds-form-surface-raised)}.form-control-group.is-invalid:not(.disabled){border:var(--sgds-form-border-width-default) solid var(--sgds-form-danger-border-color-default)}.form-control-group:not(.disabled).is-invalid:focus-within{outline:var(--sgds-border-width-2) solid var(--sgds-form-danger-color-default);outline-offset:var(--sgds-form-outline-offset-focus)}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=form-text-control.js.map
package/types/react.d.ts CHANGED
@@ -193,6 +193,20 @@ Variants include: `primary`, `accent`, `success`, `danger`, `warning`, `cyan`, `
193
193
  onSgdsAfterHide?: SgdsEventHandler;
194
194
  }
195
195
 
196
+ // ── BreadcrumbItem ─────────────────────────────────────────────────────────────
197
+
198
+ export interface SgdsBreadcrumbItemProps extends SgdsBaseProps {
199
+ /** Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item */
200
+ active?: boolean;
201
+ }
202
+
203
+ // ── Breadcrumb ─────────────────────────────────────────────────────────────
204
+
205
+ export interface SgdsBreadcrumbProps extends SgdsBaseProps {
206
+ /** The aria-label of nav element within breadcrumb component. */
207
+ ariaLabel?: string;
208
+ }
209
+
196
210
  // ── Button ─────────────────────────────────────────────────────────────
197
211
 
198
212
  export interface SgdsButtonProps extends SgdsBaseProps {
@@ -249,20 +263,6 @@ value of this attribute must be an id of a form in the same document or shadow r
249
263
  onSgdsFocus?: SgdsEventHandler;
250
264
  }
251
265
 
252
- // ── BreadcrumbItem ─────────────────────────────────────────────────────────────
253
-
254
- export interface SgdsBreadcrumbItemProps extends SgdsBaseProps {
255
- /** Indicates the link matches the current location of the page. Programmatically handled by SgdsBreadcrumb to set this prop to true for the last breadcrumb item */
256
- active?: boolean;
257
- }
258
-
259
- // ── Breadcrumb ─────────────────────────────────────────────────────────────
260
-
261
- export interface SgdsBreadcrumbProps extends SgdsBaseProps {
262
- /** The aria-label of nav element within breadcrumb component. */
263
- ariaLabel?: string;
264
- }
265
-
266
266
  // ── Card ─────────────────────────────────────────────────────────────
267
267
 
268
268
  export interface SgdsCardProps extends SgdsBaseProps {
@@ -483,91 +483,6 @@ value: string;
483
483
  onSgdsAfterHide?: SgdsEventHandler;
484
484
  }
485
485
 
486
- // ── DataTableCell ─────────────────────────────────────────────────────────────
487
-
488
- export interface SgdsDataTableCellProps extends SgdsBaseProps {
489
- /** Number of columns this cell spans. */
490
- colspan?: number | undefined;
491
- /** Number of rows this cell spans. */
492
- rowspan?: number | undefined;
493
- }
494
-
495
- // ── DataTableHead ─────────────────────────────────────────────────────────────
496
-
497
- export interface SgdsDataTableHeadProps extends SgdsBaseProps {
498
- /** Sets the column width. */
499
- width?: string | undefined;
500
- /** Number of columns this cell spans. */
501
- colspan?: number | undefined;
502
- /** Number of rows this cell spans. */
503
- rowspan?: number | undefined;
504
- /** Text alignment for the header content. */
505
- textAlign?: "left" | "right";
506
- /** Current sort direction for this column. */
507
- ariasort?: "ascending" | "descending" | "none" | "other" | undefined;
508
- /** When true, clicking this header cycles through ascending → descending → none sort. */
509
- sorting?: boolean;
510
- /** Column key emitted in the row's internal sort payload, used to identify which column to sort. */
511
- sortKey?: string;
512
- }
513
-
514
- // ── DataTableRow ─────────────────────────────────────────────────────────────
515
-
516
- export interface SgdsDataTableRowProps extends SgdsBaseProps {
517
- /** Arbitrary data associated with this row. Returned in event detail on row selection. */
518
- rowData?: Record<string, unknown>;
519
- /** When true, the row has an expandable content area toggled by a chevron. */
520
- expand?: boolean;
521
- /** When true, the expandable content area is open. */
522
- open?: boolean;
523
- /** When true, the row is checked. */
524
- checked?: boolean;
525
- /** The checkbox rendered inside this row, if `showCheckbox` is true. */
526
- checkbox?: SgdsCheckbox | null;
527
- "onsgds-show"?: SgdsEventHandler;
528
- onSgdsShow?: SgdsEventHandler;
529
- "onsgds-after-show"?: SgdsEventHandler;
530
- onSgdsAfterShow?: SgdsEventHandler;
531
- "onsgds-hide"?: SgdsEventHandler;
532
- onSgdsHide?: SgdsEventHandler;
533
- "onsgds-after-hide"?: SgdsEventHandler;
534
- onSgdsAfterHide?: SgdsEventHandler;
535
- }
536
-
537
- // ── DataTable ─────────────────────────────────────────────────────────────
538
-
539
- export interface SgdsDataTableProps extends SgdsBaseProps {
540
- /** If true, renders a checkbox column for row selection. */
541
- multiSelect?: boolean;
542
- /** Total number of data items (for server-side pagination). */
543
- dataLength?: number;
544
- /** Current page (1-based). */
545
- currentPage?: number;
546
- /** Number of rows per page. */
547
- itemsPerPage?: number;
548
- /** Custom text shown on the footer's left side. */
549
- footerText?: string;
550
- /** If true, hides the footer (summary text and pagination controls). */
551
- hideFooter?: boolean;
552
- /** When true, shows a loading state and hides body rows. */
553
- isLoading?: boolean;
554
- /** When true, emits sort events for external handling instead of local sorting. */
555
- serverSort?: boolean;
556
- /** Controls the CSS `table-layout` algorithm.
557
- Use "auto" to let the browser size columns based on content, or "fixed" to distribute column widths evenly regardless of content. */
558
- layout?: "auto" | "fixed";
559
- /** Pagination mode. `client` (default) slices rows and renders pagination controls.
560
- `server` renders all slotted rows as-is — the caller is responsible for passing
561
- the correct page of data and handling `sgds-page-change` externally. */
562
- mode?: "client" | "server";
563
- "onsgds-row-select"?: SgdsEventHandler;
564
- onSgdsRowSelect?: SgdsEventHandler;
565
- "onsgds-sort"?: SgdsEventHandler;
566
- onSgdsSort?: SgdsEventHandler;
567
- "onsgds-page-change"?: SgdsEventHandler;
568
- onSgdsPageChange?: SgdsEventHandler;
569
- }
570
-
571
486
  // ── Datepicker ─────────────────────────────────────────────────────────────
572
487
 
573
488
  export interface SgdsDatepickerProps extends SgdsBaseProps {
@@ -1825,19 +1740,15 @@ declare module "react" {
1825
1740
  "sgds-alert-link": React.DetailedHTMLProps<SgdsAlertLinkProps, HTMLElement>;
1826
1741
  "sgds-alert": React.DetailedHTMLProps<SgdsAlertProps, HTMLElement>;
1827
1742
  "sgds-badge": React.DetailedHTMLProps<SgdsBadgeProps, HTMLElement>;
1828
- "sgds-button": React.DetailedHTMLProps<SgdsButtonProps, HTMLElement>;
1829
1743
  "sgds-breadcrumb-item": React.DetailedHTMLProps<SgdsBreadcrumbItemProps, HTMLElement>;
1830
1744
  "sgds-breadcrumb": React.DetailedHTMLProps<SgdsBreadcrumbProps, HTMLElement>;
1745
+ "sgds-button": React.DetailedHTMLProps<SgdsButtonProps, HTMLElement>;
1831
1746
  "sgds-card": React.DetailedHTMLProps<SgdsCardProps, HTMLElement>;
1832
1747
  "sgds-checkbox-group": React.DetailedHTMLProps<SgdsCheckboxGroupProps, HTMLElement>;
1833
1748
  "sgds-checkbox": React.DetailedHTMLProps<SgdsCheckboxProps, HTMLElement>;
1834
1749
  "sgds-close-button": React.DetailedHTMLProps<SgdsCloseButtonProps, HTMLElement>;
1835
1750
  "sgds-combo-box-option": React.DetailedHTMLProps<SgdsComboBoxOptionProps, HTMLElement>;
1836
1751
  "sgds-combo-box": React.DetailedHTMLProps<SgdsComboBoxProps, HTMLElement>;
1837
- "sgds-data-table-cell": React.DetailedHTMLProps<SgdsDataTableCellProps, HTMLElement>;
1838
- "sgds-data-table-head": React.DetailedHTMLProps<SgdsDataTableHeadProps, HTMLElement>;
1839
- "sgds-data-table-row": React.DetailedHTMLProps<SgdsDataTableRowProps, HTMLElement>;
1840
- "sgds-data-table": React.DetailedHTMLProps<SgdsDataTableProps, HTMLElement>;
1841
1752
  "sgds-datepicker": React.DetailedHTMLProps<SgdsDatepickerProps, HTMLElement>;
1842
1753
  "sgds-description-list-group": React.DetailedHTMLProps<SgdsDescriptionListGroupProps, HTMLElement>;
1843
1754
  "sgds-description-list": React.DetailedHTMLProps<SgdsDescriptionListProps, HTMLElement>;
@@ -1912,19 +1823,15 @@ declare global {
1912
1823
  "sgds-alert-link": HTMLElement;
1913
1824
  "sgds-alert": HTMLElement;
1914
1825
  "sgds-badge": HTMLElement;
1915
- "sgds-button": HTMLElement;
1916
1826
  "sgds-breadcrumb-item": HTMLElement;
1917
1827
  "sgds-breadcrumb": HTMLElement;
1828
+ "sgds-button": HTMLElement;
1918
1829
  "sgds-card": HTMLElement;
1919
1830
  "sgds-checkbox-group": HTMLElement;
1920
1831
  "sgds-checkbox": HTMLElement;
1921
1832
  "sgds-close-button": HTMLElement;
1922
1833
  "sgds-combo-box-option": HTMLElement;
1923
1834
  "sgds-combo-box": HTMLElement;
1924
- "sgds-data-table-cell": HTMLElement;
1925
- "sgds-data-table-head": HTMLElement;
1926
- "sgds-data-table-row": HTMLElement;
1927
- "sgds-data-table": HTMLElement;
1928
1835
  "sgds-datepicker": HTMLElement;
1929
1836
  "sgds-description-list-group": HTMLElement;
1930
1837
  "sgds-description-list": HTMLElement;
@@ -1,6 +0,0 @@
1
- import { css } from 'lit';
2
-
3
- var css_248z = css`:host{display:contents}:host([layout=fixed]) .table{table-layout:fixed}.table{border-collapse:collapse;display:table;table-layout:auto;width:100%}.data-table{border:var(--sgds-border-width-1) solid;border-color:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-md);display:flex;flex-direction:column;min-height:var(--sgds-dimension-56)}.footer{justify-content:space-between;padding:var(--sgds-padding-sm) var(--sgds-padding-lg)}.footer,.loading{align-items:center;display:flex}.loading{border-top:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.loading .loading-menu{gap:var(--sgds-gap-xs);pointer-events:none}.loading .loading-menu,.no-data{align-items:center;color:var(--sgds-text-color-subtle);display:flex}.no-data{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);justify-content:center;min-height:var(--sgds-dimension-128);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.active:not(.sort-icon),tr:hover:not([data-header-row]){background-color:var(--sgds-bg-translucent-subtle);transition:background-color .15s ease}td,th{border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);vertical-align:middle}.data-table-cell,.data-table-head{align-items:center;display:flex;min-height:var(--sgds-dimension-56);padding:var(--sgds-padding-sm) var(--sgds-padding-md)}.data-table-head{font-weight:var(--sgds-font-weight-semibold);gap:var(--sgds-gap-2-xs)}.sort,.sort-button{align-items:center;display:inline-flex}.sort-button{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-form-border-radius-md);color:var(--sgds-color-subtle);cursor:pointer;height:var(--sgds-dimension-24);justify-content:center;padding:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:var(--sgds-dimension-24)}.sort-button:hover{background-color:var(--sgds-bg-translucent-subtle);color:var(--sgds-color-default)}.sort-button:focus,.sort-button:focus-visible{background-color:var(--sgds-bg-translucent-subtle);border-color:transparent;outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.sort-button:disabled{background-color:var(--sgds-bg-transparent);color:var(--sgds-color-muted);cursor:not-allowed}.sort-button.active{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-default)}.sort-icon{display:inline-flex}.data-table-cell.align-right,.data-table-head.align-right{justify-content:flex-end;text-align:right}.control-cell{width:var(--sgds-dimension-56)}:host(.checkbox-cell) .data-table-cell,:host(.checkbox-cell) .data-table-head{padding:var(--sgds-padding-sm) var(--sgds-padding-md)}:host(.expand-cell) .data-table-cell{cursor:pointer;padding:var(--sgds-padding-md)}.expandable-td{border:0;padding:0}.expandable-content{background-color:var(--sgds-surface-raised);border-bottom:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);padding:var(--sgds-padding-2-xl);padding-left:var(--sgds-padding-4-xl)}.hidden{display:none}`;
4
-
5
- export { css_248z as default };
6
- //# sourceMappingURL=data-table.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
@@ -1,12 +0,0 @@
1
- import { SgdsDataTable } from "./sgds-data-table";
2
- import SgdsDataTableRow from "./sgds-data-table-row";
3
- import SgdsDataTableCell from "./sgds-data-table-cell";
4
- import SgdsDataTableHead from "./sgds-data-table-head";
5
- declare global {
6
- interface HTMLElementTagNameMap {
7
- "sgds-data-table": SgdsDataTable;
8
- "sgds-data-table-row": SgdsDataTableRow;
9
- "sgds-data-table-cell": SgdsDataTableCell;
10
- "sgds-data-table-head": SgdsDataTableHead;
11
- }
12
- }
@@ -1,11 +0,0 @@
1
- import { SgdsDataTable } from './sgds-data-table.js';
2
- import { SgdsDataTableRow } from './sgds-data-table-row.js';
3
- import { SgdsDataTableCell } from './sgds-data-table-cell.js';
4
- import { SgdsDataTableHead } from './sgds-data-table-head.js';
5
- import { register } from '../../utils/ce-registry.js';
6
-
7
- register("sgds-data-table", SgdsDataTable);
8
- register("sgds-data-table-row", SgdsDataTableRow);
9
- register("sgds-data-table-cell", SgdsDataTableCell);
10
- register("sgds-data-table-head", SgdsDataTableHead);
11
- //# sourceMappingURL=index.js.map