@govtechsg/sgds-web-component 3.0.0-rc.6 → 3.0.0

package/react/index.cjs.js

@@ -5,53 +5,53 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('./accordion-item/index.cjs.js');
 var index$1 = require('./accordion/index.cjs.js');
-var index$2 = require('./action-card/index.cjs.js');
-var index$3 = require('./alert-link/index.cjs.js');
-var index$4 = require('./alert/index.cjs.js');
-var index$5 = require('./badge/index.cjs.js');
-var index$6 = require('./breadcrumb-item/index.cjs.js');
-var index$7 = require('./breadcrumb/index.cjs.js');
-var index$8 = require('./button/index.cjs.js');
-var index$9 = require('./card/index.cjs.js');
-var index$a = require('./checkbox-group/index.cjs.js');
-var index$b = require('./checkbox/index.cjs.js');
-var index$c = require('./combo-box/index.cjs.js');
-var index$d = require('./datepicker/index.cjs.js');
-var index$e = require('./description-list-group/index.cjs.js');
-var index$f = require('./description-list/index.cjs.js');
-var index$g = require('./divider/index.cjs.js');
-var index$h = require('./drawer/index.cjs.js');
-var index$i = require('./dropdown-item/index.cjs.js');
-var index$j = require('./dropdown/index.cjs.js');
-var index$k = require('./file-upload/index.cjs.js');
-var index$l = require('./footer-item/index.cjs.js');
-var index$m = require('./footer/index.cjs.js');
-var index$n = require('./icon/index.cjs.js');
-var index$o = require('./icon-button/index.cjs.js');
-var index$p = require('./icon-list/index.cjs.js');
-var index$q = require('./input/index.cjs.js');
-var index$r = require('./link/index.cjs.js');
-var index$s = require('./mainnav-dropdown/index.cjs.js');
-var index$t = require('./mainnav-item/index.cjs.js');
-var index$u = require('./mainnav/index.cjs.js');
-var index$v = require('./masthead/index.cjs.js');
-var index$w = require('./modal/index.cjs.js');
-var index$x = require('./pagination/index.cjs.js');
-var index$y = require('./progress-bar/index.cjs.js');
-var index$z = require('./quantity-toggle/index.cjs.js');
-var index$A = require('./radio-group/index.cjs.js');
-var index$B = require('./radio/index.cjs.js');
-var index$C = require('./sidenav-item/index.cjs.js');
-var index$D = require('./sidenav-link/index.cjs.js');
-var index$E = require('./sidenav/index.cjs.js');
-var index$F = require('./skeleton/index.cjs.js');
-var index$G = require('./spinner/index.cjs.js');
-var index$H = require('./stepper/index.cjs.js');
-var index$I = require('./switch/index.cjs.js');
-var index$J = require('./tab-group/index.cjs.js');
-var index$K = require('./tab-panel/index.cjs.js');
-var index$L = require('./tab/index.cjs.js');
-var index$M = require('./table/index.cjs.js');
+var index$2 = require('./alert-link/index.cjs.js');
+var index$3 = require('./alert/index.cjs.js');
+var index$4 = require('./badge/index.cjs.js');
+var index$5 = require('./breadcrumb-item/index.cjs.js');
+var index$6 = require('./breadcrumb/index.cjs.js');
+var index$7 = require('./button/index.cjs.js');
+var index$8 = require('./card/index.cjs.js');
+var index$9 = require('./checkbox-group/index.cjs.js');
+var index$a = require('./checkbox/index.cjs.js');
+var index$b = require('./combo-box/index.cjs.js');
+var index$c = require('./datepicker/index.cjs.js');
+var index$d = require('./description-list-group/index.cjs.js');
+var index$e = require('./description-list/index.cjs.js');
+var index$f = require('./divider/index.cjs.js');
+var index$g = require('./drawer/index.cjs.js');
+var index$h = require('./dropdown-item/index.cjs.js');
+var index$i = require('./dropdown/index.cjs.js');
+var index$j = require('./file-upload/index.cjs.js');
+var index$k = require('./footer-item/index.cjs.js');
+var index$l = require('./footer/index.cjs.js');
+var index$m = require('./icon/index.cjs.js');
+var index$n = require('./icon-button/index.cjs.js');
+var index$o = require('./icon-list/index.cjs.js');
+var index$p = require('./input/index.cjs.js');
+var index$q = require('./link/index.cjs.js');
+var index$r = require('./mainnav-dropdown/index.cjs.js');
+var index$s = require('./mainnav-item/index.cjs.js');
+var index$t = require('./mainnav/index.cjs.js');
+var index$u = require('./masthead/index.cjs.js');
+var index$v = require('./modal/index.cjs.js');
+var index$w = require('./pagination/index.cjs.js');
+var index$x = require('./progress-bar/index.cjs.js');
+var index$y = require('./quantity-toggle/index.cjs.js');
+var index$z = require('./radio-group/index.cjs.js');
+var index$A = require('./radio/index.cjs.js');
+var index$B = require('./sidenav-item/index.cjs.js');
+var index$C = require('./sidenav-link/index.cjs.js');
+var index$D = require('./sidenav/index.cjs.js');
+var index$E = require('./skeleton/index.cjs.js');
+var index$F = require('./spinner/index.cjs.js');
+var index$G = require('./stepper/index.cjs.js');
+var index$H = require('./switch/index.cjs.js');
+var index$I = require('./tab-group/index.cjs.js');
+var index$J = require('./tab-panel/index.cjs.js');
+var index$K = require('./tab/index.cjs.js');
+var index$L = require('./table/index.cjs.js');
+var index$M = require('./table-of-contents/index.cjs.js');
 var index$N = require('./textarea/index.cjs.js');
 var index$O = require('./toast-container/index.cjs.js');
 var index$P = require('./toast/index.cjs.js');
@@ -61,53 +61,53 @@ var index$Q = require('./tooltip/index.cjs.js');
 
 exports.SgdsAccordionItem = index["default"];
 exports.SgdsAccordion = index$1["default"];
-exports.SgdsActionCard = index$2["default"];
-exports.SgdsAlertLink = index$3["default"];
-exports.SgdsAlert = index$4["default"];
-exports.SgdsBadge = index$5["default"];
-exports.SgdsBreadcrumbItem = index$6["default"];
-exports.SgdsBreadcrumb = index$7["default"];
-exports.SgdsButton = index$8["default"];
-exports.SgdsCard = index$9["default"];
-exports.SgdsCheckboxGroup = index$a["default"];
-exports.SgdsCheckbox = index$b["default"];
-exports.SgdsComboBox = index$c["default"];
-exports.SgdsDatepicker = index$d["default"];
-exports.SgdsDescriptionListGroup = index$e["default"];
-exports.SgdsDescriptionList = index$f["default"];
-exports.SgdsDivider = index$g["default"];
-exports.SgdsDrawer = index$h["default"];
-exports.SgdsDropdownItem = index$i["default"];
-exports.SgdsDropdown = index$j["default"];
-exports.SgdsFileUpload = index$k["default"];
-exports.SgdsFooterItem = index$l["default"];
-exports.SgdsFooter = index$m["default"];
-exports.SgdsIcon = index$n["default"];
-exports.SgdsIconButton = index$o["default"];
-exports.SgdsIconList = index$p["default"];
-exports.SgdsInput = index$q["default"];
-exports.SgdsLink = index$r["default"];
-exports.SgdsMainnavDropdown = index$s["default"];
-exports.SgdsMainnavItem = index$t["default"];
-exports.SgdsMainnav = index$u["default"];
-exports.SgdsMasthead = index$v["default"];
-exports.SgdsModal = index$w["default"];
-exports.SgdsPagination = index$x["default"];
-exports.SgdsProgressBar = index$y["default"];
-exports.SgdsQuantityToggle = index$z["default"];
-exports.SgdsRadioGroup = index$A["default"];
-exports.SgdsRadio = index$B["default"];
-exports.SgdsSidenavItem = index$C["default"];
-exports.SgdsSidenavLink = index$D["default"];
-exports.SgdsSidenav = index$E["default"];
-exports.SgdsSkeleton = index$F["default"];
-exports.SgdsSpinner = index$G["default"];
-exports.SgdsStepper = index$H["default"];
-exports.SgdsSwitch = index$I["default"];
-exports.SgdsTabGroup = index$J["default"];
-exports.SgdsTabPanel = index$K["default"];
-exports.SgdsTab = index$L["default"];
-exports.SgdsTable = index$M["default"];
+exports.SgdsAlertLink = index$2["default"];
+exports.SgdsAlert = index$3["default"];
+exports.SgdsBadge = index$4["default"];
+exports.SgdsBreadcrumbItem = index$5["default"];
+exports.SgdsBreadcrumb = index$6["default"];
+exports.SgdsButton = index$7["default"];
+exports.SgdsCard = index$8["default"];
+exports.SgdsCheckboxGroup = index$9["default"];
+exports.SgdsCheckbox = index$a["default"];
+exports.SgdsComboBox = index$b["default"];
+exports.SgdsDatepicker = index$c["default"];
+exports.SgdsDescriptionListGroup = index$d["default"];
+exports.SgdsDescriptionList = index$e["default"];
+exports.SgdsDivider = index$f["default"];
+exports.SgdsDrawer = index$g["default"];
+exports.SgdsDropdownItem = index$h["default"];
+exports.SgdsDropdown = index$i["default"];
+exports.SgdsFileUpload = index$j["default"];
+exports.SgdsFooterItem = index$k["default"];
+exports.SgdsFooter = index$l["default"];
+exports.SgdsIcon = index$m["default"];
+exports.SgdsIconButton = index$n["default"];
+exports.SgdsIconList = index$o["default"];
+exports.SgdsInput = index$p["default"];
+exports.SgdsLink = index$q["default"];
+exports.SgdsMainnavDropdown = index$r["default"];
+exports.SgdsMainnavItem = index$s["default"];
+exports.SgdsMainnav = index$t["default"];
+exports.SgdsMasthead = index$u["default"];
+exports.SgdsModal = index$v["default"];
+exports.SgdsPagination = index$w["default"];
+exports.SgdsProgressBar = index$x["default"];
+exports.SgdsQuantityToggle = index$y["default"];
+exports.SgdsRadioGroup = index$z["default"];
+exports.SgdsRadio = index$A["default"];
+exports.SgdsSidenavItem = index$B["default"];
+exports.SgdsSidenavLink = index$C["default"];
+exports.SgdsSidenav = index$D["default"];
+exports.SgdsSkeleton = index$E["default"];
+exports.SgdsSpinner = index$F["default"];
+exports.SgdsStepper = index$G["default"];
+exports.SgdsSwitch = index$H["default"];
+exports.SgdsTabGroup = index$I["default"];
+exports.SgdsTabPanel = index$J["default"];
+exports.SgdsTab = index$K["default"];
+exports.SgdsTable = index$L["default"];
+exports.SgdsTableOfContents = index$M["default"];
 exports.SgdsTextarea = index$N["default"];
 exports.SgdsToastContainer = index$O["default"];
 exports.SgdsToast = index$P["default"];

package/react/index.d.ts

@@ -1,6 +1,5 @@
 export { default as SgdsAccordionItem } from './accordion-item';
 export { default as SgdsAccordion } from './accordion';
-export { default as SgdsActionCard } from './action-card';
 export { default as SgdsAlertLink } from './alert-link';
 export { default as SgdsAlert } from './alert';
 export { default as SgdsBadge } from './badge';
@@ -47,6 +46,7 @@ export { default as SgdsTabGroup } from './tab-group';
 export { default as SgdsTabPanel } from './tab-panel';
 export { default as SgdsTab } from './tab';
 export { default as SgdsTable } from './table';
+export { default as SgdsTableOfContents } from './table-of-contents';
 export { default as SgdsTextarea } from './textarea';
 export { default as SgdsToastContainer } from './toast-container';
 export { default as SgdsToast } from './toast';

package/react/index.js

@@ -1,7 +1,6 @@
 'use client';
 export { default as SgdsAccordionItem } from './accordion-item/index.js';
 export { default as SgdsAccordion } from './accordion/index.js';
-export { default as SgdsActionCard } from './action-card/index.js';
 export { default as SgdsAlertLink } from './alert-link/index.js';
 export { default as SgdsAlert } from './alert/index.js';
 export { default as SgdsBadge } from './badge/index.js';
@@ -48,6 +47,7 @@ export { default as SgdsTabGroup } from './tab-group/index.js';
 export { default as SgdsTabPanel } from './tab-panel/index.js';
 export { default as SgdsTab } from './tab/index.js';
 export { default as SgdsTable } from './table/index.js';
+export { default as SgdsTableOfContents } from './table-of-contents/index.js';
 export { default as SgdsTextarea } from './textarea/index.js';
 export { default as SgdsToastContainer } from './toast-container/index.js';
 export { default as SgdsToast } from './toast/index.js';

package/react/internals/CloseButton/close-button.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var lit = require('lit');
 
-var css_248z = lit.css`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}.btn-close{align-items:center;background-color:var(--sgds-default-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-default-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close-light{color:var(--sgds-default-color-on-dark)}.btn-close-dark{color:var(--sgds-default-color-on-light)}.btn-close:hover{background-color:var(--sgds-default-bg-translucent)}.btn-close:focus,.btn-close:focus-visible{background-color:var(--sgds-default-bg-translucent);box-shadow:var(--sgds-box-shadow-focus);outline:0}.btn-close-sm{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.btn-close.btn-close-sm{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}`;
+var css_248z = lit.css`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}.btn-close{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close-light{color:var(--sgds-color-fixed-light)}.btn-close-dark{color:var(--sgds-color-fixed-dark)}.btn-close:hover{background-color:var(--sgds-bg-translucent)}.btn-close:focus,.btn-close:focus-visible{background-color:var(--sgds-bg-translucent);box-shadow:var(--sgds-box-shadow-focus);outline:0}.btn-close-sm{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.btn-close.btn-close-sm{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}`;
 
 exports["default"] = css_248z;
 //# sourceMappingURL=close-button.cjs.js.map

package/react/internals/CloseButton/close-button.js

@@ -1,7 +1,7 @@
 'use client';
 import { css } from 'lit';
 
-var css_248z = css`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}.btn-close{align-items:center;background-color:var(--sgds-default-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-default-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close-light{color:var(--sgds-default-color-on-dark)}.btn-close-dark{color:var(--sgds-default-color-on-light)}.btn-close:hover{background-color:var(--sgds-default-bg-translucent)}.btn-close:focus,.btn-close:focus-visible{background-color:var(--sgds-default-bg-translucent);box-shadow:var(--sgds-box-shadow-focus);outline:0}.btn-close-sm{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.btn-close.btn-close-sm{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}`;
+var css_248z = css`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}.btn-close{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border:var(--sgds-border-width-1) solid var(--sgds-border-color-transparent);border-radius:var(--sgds-close-btn-border-radius);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.btn-close-light{color:var(--sgds-color-fixed-light)}.btn-close-dark{color:var(--sgds-color-fixed-dark)}.btn-close:hover{background-color:var(--sgds-bg-translucent)}.btn-close:focus,.btn-close:focus-visible{background-color:var(--sgds-bg-translucent);box-shadow:var(--sgds-box-shadow-focus);outline:0}.btn-close-sm{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.btn-close.btn-close-sm{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}`;
 
 export { css_248z as default };
 //# sourceMappingURL=close-button.js.map

package/react/internals/OverflowMenu/overflow-menu.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var lit = require('lit');
 
-var css_248z = lit.css`:host([size=sm]) .overflow-btn{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.overflow-btn{align-items:center;background-color:var(--sgds-default-bg-transparent);border:0;border-radius:var(--sgds-border-radius-sm);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.overflow-btn:hover{background-color:var(--sgds-default-bg-translucent)}.overflow-btn:focus,.overflow-btn:focus-visible{background-color:var(--sgds-default-bg-translucent);box-shadow:var(--sgds-box-shadow-focus);outline:0}`;
+var css_248z = lit.css`:host([size=sm]) .overflow-btn{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.overflow-btn{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border-radius:var(--sgds-border-radius-sm);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.overflow-btn:hover{background-color:var(--sgds-bg-translucent-subtle)}.overflow-btn:focus,.overflow-btn:focus-visible{background-color:var(--sgds-bg-translucent-subtle);box-shadow:var(--sgds-box-shadow-focus);outline:0}`;
 
 exports["default"] = css_248z;
 //# sourceMappingURL=overflow-menu.cjs.js.map

package/react/internals/OverflowMenu/overflow-menu.js

@@ -1,7 +1,7 @@
 'use client';
 import { css } from 'lit';
 
-var css_248z = css`:host([size=sm]) .overflow-btn{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.overflow-btn{align-items:center;background-color:var(--sgds-default-bg-transparent);border:0;border-radius:var(--sgds-border-radius-sm);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.overflow-btn:hover{background-color:var(--sgds-default-bg-translucent)}.overflow-btn:focus,.overflow-btn:focus-visible{background-color:var(--sgds-default-bg-translucent);box-shadow:var(--sgds-box-shadow-focus);outline:0}`;
+var css_248z = css`:host([size=sm]) .overflow-btn{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}.overflow-btn{align-items:center;background-color:var(--sgds-bg-transparent);border:0;border-radius:var(--sgds-border-radius-sm);cursor:pointer;display:flex;height:var(--sgds-dimension-32);justify-content:center;padding:0;position:relative;width:var(--sgds-dimension-32)}.overflow-btn:hover{background-color:var(--sgds-bg-translucent-subtle)}.overflow-btn:focus,.overflow-btn:focus-visible{background-color:var(--sgds-bg-translucent-subtle);box-shadow:var(--sgds-box-shadow-focus);outline:0}`;
 
 export { css_248z as default };
 //# sourceMappingURL=overflow-menu.js.map

package/react/styles/feedback.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var lit = require('lit');
 
-var css_248z = lit.css`.invalid-feedback-container{display:flex;gap:var(--sgds-form-gap-sm)}.invalid-feedback,.invalid-feedback-container{color:var(--sgds-form-danger-color);line-height:var(--sgds-line-height-min)}.invalid-feedback{font-size:var(--sgds-font-size-1);font-weight:var(--sgds-font-weight-regular)}.valid-icon{color:var(--sgds-form-success-color)}`;
+var css_248z = lit.css`.invalid-feedback-container{display:flex;gap:var(--sgds-form-gap-sm)}.invalid-feedback,.invalid-feedback-container{color:var(--sgds-form-danger-color-default);line-height:var(--sgds-line-height-min)}.invalid-feedback{font-size:var(--sgds-font-size-1);font-weight:var(--sgds-font-weight-regular)}.valid-icon{color:var(--sgds-form-success-color-default)}`;
 
 exports["default"] = css_248z;
 //# sourceMappingURL=feedback.cjs.js.map

package/react/styles/feedback.js

@@ -1,7 +1,7 @@
 'use client';
 import { css } from 'lit';
 
-var css_248z = css`.invalid-feedback-container{display:flex;gap:var(--sgds-form-gap-sm)}.invalid-feedback,.invalid-feedback-container{color:var(--sgds-form-danger-color);line-height:var(--sgds-line-height-min)}.invalid-feedback{font-size:var(--sgds-font-size-1);font-weight:var(--sgds-font-weight-regular)}.valid-icon{color:var(--sgds-form-success-color)}`;
+var css_248z = css`.invalid-feedback-container{display:flex;gap:var(--sgds-form-gap-sm)}.invalid-feedback,.invalid-feedback-container{color:var(--sgds-form-danger-color-default);line-height:var(--sgds-line-height-min)}.invalid-feedback{font-size:var(--sgds-font-size-1);font-weight:var(--sgds-font-weight-regular)}.valid-icon{color:var(--sgds-form-success-color-default)}`;
 
 export { css_248z as default };
 //# sourceMappingURL=feedback.js.map

package/react/{action-card → table-of-contents}/index.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var react = require('@lit/react');
-var sgdsActionCard = require('../components/ActionCard/sgds-action-card.cjs.js');
+var sgdsTableOfContents = require('../components/TableOfContents/sgds-table-of-contents.cjs.js');
 var ceRegistry = require('../utils/ce-registry.cjs.js');
 
 function _interopNamespace(e) {
@@ -28,14 +28,12 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-ceRegistry.register("sgds-action-card", sgdsActionCard.SgdsActionCard);
+ceRegistry.register("sgds-table-of-contents", sgdsTableOfContents.SgdsTableOfContents);
 var index = react.createComponent({
     react: React__namespace,
-    tagName: "sgds-action-card",
-    elementClass: sgdsActionCard.SgdsActionCard,
-    events: {
-        onSgdsChange: "sgds-change"
-    }
+    tagName: "sgds-table-of-contents",
+    elementClass: sgdsTableOfContents.SgdsTableOfContents,
+    events: {}
 });
 
 exports["default"] = index;

package/react/table-of-contents/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/react/table-of-contents/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/TableOfContents/sgds-table-of-contents\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-table-of-contents\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-table-of-contents\",\n  elementClass: Component,\n  events: {}\n});\n"],"names":["register","Component","createComponent","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKAA,mBAAQ,CAAC,wBAAwB,EAAEC,uCAAS,CAAC,CAAC;AAE9C,YAAeC,qBAAe,CAAC;AAC7B,IAAA,KAAK,EAAEC,gBAAK;AACZ,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,YAAY,EAAEF,uCAAS;AACvB,IAAA,MAAM,EAAE,EAAE;AACX,CAAA,CAAC;;;;"}

package/react/{action-card → table-of-contents}/index.js

@@ -1,17 +1,15 @@
 'use client';
 import * as React from 'react';
 import { createComponent } from '@lit/react';
-import { SgdsActionCard } from '../components/ActionCard/sgds-action-card.js';
+import { SgdsTableOfContents } from '../components/TableOfContents/sgds-table-of-contents.js';
 import { register } from '../utils/ce-registry.js';
 
-register("sgds-action-card", SgdsActionCard);
+register("sgds-table-of-contents", SgdsTableOfContents);
 var index = createComponent({
     react: React,
-    tagName: "sgds-action-card",
-    elementClass: SgdsActionCard,
-    events: {
-        onSgdsChange: "sgds-change"
-    }
+    tagName: "sgds-table-of-contents",
+    elementClass: SgdsTableOfContents,
+    events: {}
 });
 
 export { index as default };

package/react/table-of-contents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/table-of-contents/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/TableOfContents/sgds-table-of-contents\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-table-of-contents\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-table-of-contents\",\n  elementClass: Component,\n  events: {}\n});\n"],"names":["Component"],"mappings":";;;;;;AAKA,QAAQ,CAAC,wBAAwB,EAAEA,mBAAS,CAAC,CAAC;AAE9C,YAAe,eAAe,CAAC;AAC7B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,YAAY,EAAEA,mBAAS;AACvB,IAAA,MAAM,EAAE,EAAE;AACX,CAAA,CAAC;;;;"}

package/styles/feedback.js

@@ -1,6 +1,6 @@
 import { css } from 'lit';
 
-var css_248z = css`.invalid-feedback-container{display:flex;gap:var(--sgds-form-gap-sm)}.invalid-feedback,.invalid-feedback-container{color:var(--sgds-form-danger-color);line-height:var(--sgds-line-height-min)}.invalid-feedback{font-size:var(--sgds-font-size-1);font-weight:var(--sgds-font-weight-regular)}.valid-icon{color:var(--sgds-form-success-color)}`;
+var css_248z = css`.invalid-feedback-container{display:flex;gap:var(--sgds-form-gap-sm)}.invalid-feedback,.invalid-feedback-container{color:var(--sgds-form-danger-color-default);line-height:var(--sgds-line-height-min)}.invalid-feedback{font-size:var(--sgds-font-size-1);font-weight:var(--sgds-font-weight-regular)}.valid-icon{color:var(--sgds-form-success-color-default)}`;
 
 export { css_248z as default };
 //# sourceMappingURL=feedback.js.map