@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
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs.js","sources":["../../../src/react/data-table-head/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-head\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-head\", Component);\n\nexport default createComponent({\n react: React,\n tagName: \"sgds-data-table-head\",\n elementClass: Component,\n events: {}\n});\n"],"names":["register","Component","createComponent","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKAA,mBAAQ,CAAC,sBAAsB,EAAEC,mCAAS,CAAC,CAAC;AAE5C,YAAeC,qBAAe,CAAC;AAC7B,IAAA,KAAK,EAAEC,gBAAK;AACZ,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,YAAY,EAAEF,mCAAS;AACvB,IAAA,MAAM,EAAE,EAAE;AACX,CAAA,CAAC;;;;"}
@@ -0,0 +1,4 @@
1
+ import type { SgdsDataTableHeadProps } from '../../types/react';
2
+ import * as React from 'react';
3
+ declare const _default: React.ForwardRefExoticComponent<React.PropsWithChildren<SgdsDataTableHeadProps> & React.RefAttributes<HTMLElement>>;
4
+ export default _default;
@@ -0,0 +1,16 @@
1
+ 'use client';
2
+ import * as React from 'react';
3
+ import { createComponent } from '@lit/react';
4
+ import { SgdsDataTableHead } from '../components/DataTable/sgds-data-table-head.js';
5
+ import { register } from '../utils/ce-registry.js';
6
+
7
+ register("sgds-data-table-head", SgdsDataTableHead);
8
+ var index = createComponent({
9
+ react: React,
10
+ tagName: "sgds-data-table-head",
11
+ elementClass: SgdsDataTableHead,
12
+ events: {}
13
+ });
14
+
15
+ export { index as default };
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../src/react/data-table-head/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-head\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-head\", Component);\n\nexport default createComponent({\n react: React,\n tagName: \"sgds-data-table-head\",\n elementClass: Component,\n events: {}\n});\n"],"names":["Component"],"mappings":";;;;;;AAKA,QAAQ,CAAC,sBAAsB,EAAEA,iBAAS,CAAC,CAAC;AAE5C,YAAe,eAAe,CAAC;AAC7B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,YAAY,EAAEA,iBAAS;AACvB,IAAA,MAAM,EAAE,EAAE;AACX,CAAA,CAAC;;;;"}
@@ -0,0 +1,45 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var React = require('react');
7
+ var react = require('@lit/react');
8
+ var sgdsDataTableRow = require('../components/DataTable/sgds-data-table-row.cjs.js');
9
+ var ceRegistry = require('../utils/ce-registry.cjs.js');
10
+
11
+ function _interopNamespace(e) {
12
+ if (e && e.__esModule) return e;
13
+ var n = Object.create(null);
14
+ if (e) {
15
+ Object.keys(e).forEach(function (k) {
16
+ if (k !== 'default') {
17
+ var d = Object.getOwnPropertyDescriptor(e, k);
18
+ Object.defineProperty(n, k, d.get ? d : {
19
+ enumerable: true,
20
+ get: function () { return e[k]; }
21
+ });
22
+ }
23
+ });
24
+ }
25
+ n["default"] = e;
26
+ return Object.freeze(n);
27
+ }
28
+
29
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
30
+
31
+ ceRegistry.register("sgds-data-table-row", sgdsDataTableRow.SgdsDataTableRow);
32
+ var index = react.createComponent({
33
+ react: React__namespace,
34
+ tagName: "sgds-data-table-row",
35
+ elementClass: sgdsDataTableRow.SgdsDataTableRow,
36
+ events: {
37
+ onSgdsShow: "sgds-show",
38
+ onSgdsAfterShow: "sgds-after-show",
39
+ onSgdsHide: "sgds-hide",
40
+ onSgdsAfterHide: "sgds-after-hide"
41
+ }
42
+ });
43
+
44
+ exports["default"] = index;
45
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs.js","sources":["../../../src/react/data-table-row/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-row\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-row\", Component);\n\nexport default createComponent({\n react: React,\n tagName: \"sgds-data-table-row\",\n elementClass: Component,\n events: {\n onSgdsShow: \"sgds-show\",\n onSgdsAfterShow: \"sgds-after-show\",\n onSgdsHide: \"sgds-hide\",\n onSgdsAfterHide: \"sgds-after-hide\"\n }\n});\n"],"names":["register","Component","createComponent","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKAA,mBAAQ,CAAC,qBAAqB,EAAEC,iCAAS,CAAC,CAAC;AAE3C,YAAeC,qBAAe,CAAC;AAC7B,IAAA,KAAK,EAAEC,gBAAK;AACZ,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAEF,iCAAS;AACvB,IAAA,MAAM,EAAE;AACN,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,eAAe,EAAE,iBAAiB;AAClC,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,eAAe,EAAE,iBAAiB;AACnC,KAAA;AACF,CAAA,CAAC;;;;"}
@@ -0,0 +1,4 @@
1
+ import type { SgdsDataTableRowProps } from '../../types/react';
2
+ import * as React from 'react';
3
+ declare const _default: React.ForwardRefExoticComponent<React.PropsWithChildren<SgdsDataTableRowProps> & React.RefAttributes<HTMLElement>>;
4
+ export default _default;
@@ -0,0 +1,21 @@
1
+ 'use client';
2
+ import * as React from 'react';
3
+ import { createComponent } from '@lit/react';
4
+ import { SgdsDataTableRow } from '../components/DataTable/sgds-data-table-row.js';
5
+ import { register } from '../utils/ce-registry.js';
6
+
7
+ register("sgds-data-table-row", SgdsDataTableRow);
8
+ var index = createComponent({
9
+ react: React,
10
+ tagName: "sgds-data-table-row",
11
+ elementClass: SgdsDataTableRow,
12
+ events: {
13
+ onSgdsShow: "sgds-show",
14
+ onSgdsAfterShow: "sgds-after-show",
15
+ onSgdsHide: "sgds-hide",
16
+ onSgdsAfterHide: "sgds-after-hide"
17
+ }
18
+ });
19
+
20
+ export { index as default };
21
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../src/react/data-table-row/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/DataTable/sgds-data-table-row\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-data-table-row\", Component);\n\nexport default createComponent({\n react: React,\n tagName: \"sgds-data-table-row\",\n elementClass: Component,\n events: {\n onSgdsShow: \"sgds-show\",\n onSgdsAfterShow: \"sgds-after-show\",\n onSgdsHide: \"sgds-hide\",\n onSgdsAfterHide: \"sgds-after-hide\"\n }\n});\n"],"names":["Component"],"mappings":";;;;;;AAKA,QAAQ,CAAC,qBAAqB,EAAEA,gBAAS,CAAC,CAAC;AAE3C,YAAe,eAAe,CAAC;AAC7B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAEA,gBAAS;AACvB,IAAA,MAAM,EAAE;AACN,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,eAAe,EAAE,iBAAiB;AAClC,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,eAAe,EAAE,iBAAiB;AACnC,KAAA;AACF,CAAA,CAAC;;;;"}
@@ -8,74 +8,78 @@ 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('./breadcrumb-item/index.cjs.js');
12
- var index$6 = require('./breadcrumb/index.cjs.js');
13
- var index$7 = require('./button/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');
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('./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');
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');
79
83
 
80
84
 
81
85
 
@@ -84,72 +88,76 @@ exports.SgdsAccordion = index$1["default"];
84
88
  exports.SgdsAlertLink = index$2["default"];
85
89
  exports.SgdsAlert = index$3["default"];
86
90
  exports.SgdsBadge = index$4["default"];
87
- exports.SgdsBreadcrumbItem = index$5["default"];
88
- exports.SgdsBreadcrumb = index$6["default"];
89
- exports.SgdsButton = index$7["default"];
91
+ exports.SgdsButton = index$5["default"];
92
+ exports.SgdsBreadcrumbItem = index$6["default"];
93
+ exports.SgdsBreadcrumb = index$7["default"];
90
94
  exports.SgdsCard = index$8["default"];
91
95
  exports.SgdsCheckboxGroup = index$9["default"];
92
96
  exports.SgdsCheckbox = index$a["default"];
93
97
  exports.SgdsCloseButton = index$b["default"];
94
98
  exports.SgdsComboBoxOption = index$c["default"];
95
99
  exports.SgdsComboBox = index$d["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"];
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"];
155
163
  //# 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,15 +3,19 @@ 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';
6
7
  export { default as SgdsBreadcrumbItem } from './breadcrumb-item';
7
8
  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';
15
19
  export { default as SgdsDatepicker } from './datepicker';
16
20
  export { default as SgdsDescriptionListGroup } from './description-list-group';
17
21
  export { default as SgdsDescriptionList } from './description-list';
package/react/index.js CHANGED
@@ -4,15 +4,19 @@ 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';
7
8
  export { default as SgdsBreadcrumbItem } from './breadcrumb-item/index.js';
8
9
  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';
16
20
  export { default as SgdsDatepicker } from './datepicker/index.js';
17
21
  export { default as SgdsDescriptionListGroup } from './description-list-group/index.js';
18
22
  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-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)}`;
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)}`;
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-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
+ 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)}`;
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-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)}`;
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)}`;
4
4
 
5
5
  export { css_248z as default };
6
6
  //# sourceMappingURL=form-text-control.js.map