@govtechsg/sgds-web-component 3.14.0 → 3.14.1-rc.1

package/react/components/Sidebar/sidebar.cjs.js

@@ -0,0 +1,11 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lit = require('lit');
+
+var css_248z = lit.css`.sidebar{display:flex;flex-direction:column;height:100%;position:relative;transition:width var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);z-index:1100}.sidebar--expanded{width:var(--sgds-dimension-288)}.sidebar--collapsed{width:var(--sgds-dimension-72)}.sidebar-top{align-items:center;display:flex;gap:var(--sgds-gap-md);justify-content:space-between;padding:0 var(--sgds-padding-xs)}.sidebar--collapsed .sidebar-brand-name{display:none}.sidebar--collapsed .sidebar-top{justify-content:center}.sidebar-main{background-color:var(--sgds-bg-default);border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--sgds-padding-lg) 0;position:relative;z-index:1}.sidebar-wrapper{display:flex;flex-direction:column;height:100%;justify-content:space-between}.sidebar-content{display:flex;flex:1;flex-direction:column;gap:var(--sgds-gap-md);overflow-y:auto}.sidebar-nested-overlay{background-color:var(--sgds-surface-raised);bottom:0;left:0;opacity:0;overflow-y:scroll;padding:var(--sgds-padding-md) var(--sgds-padding-xs);pointer-events:none;position:absolute;top:0;transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);transition-property:opacity left;width:var(--sgds-dimension-288);z-index:0}.sidebar-nested-overlay.show{border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);left:var(--sgds-dimension-288);opacity:1;pointer-events:auto}.sidebar--collapsed .sidebar-nested-overlay.show{left:var(--sgds-dimension-72)}.sidebar::-webkit-scrollbar{width:var(--sgds-dimension-2)}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xs)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--sgds-color-subtle)}@media only screen and (max-width:511px){.sidebar--expanded{position:absolute;width:100dvw}.sidebar-nested-overlay{left:-100dvw;width:100dvw;z-index:2}.sidebar--collapsed .sidebar-nested-overlay.show,.sidebar-nested-overlay.show{left:0}}@media only screen and (max-width:767px){.sidebar--expanded,.sidebar-nested-overlay{width:var(--sgds-dimension-256)}.sidebar-nested-overlay,.sidebar-nested-overlay.show{left:var(--sgds-dimension-256)}}`;
+
+exports["default"] = css_248z;
+//# sourceMappingURL=sidebar.cjs.js.map

package/react/components/Sidebar/sidebar.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/react/components/Sidebar/sidebar.js

@@ -0,0 +1,7 @@
+'use client';
+import { css } from 'lit';
+
+var css_248z = css`.sidebar{display:flex;flex-direction:column;height:100%;position:relative;transition:width var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);z-index:1100}.sidebar--expanded{width:var(--sgds-dimension-288)}.sidebar--collapsed{width:var(--sgds-dimension-72)}.sidebar-top{align-items:center;display:flex;gap:var(--sgds-gap-md);justify-content:space-between;padding:0 var(--sgds-padding-xs)}.sidebar--collapsed .sidebar-brand-name{display:none}.sidebar--collapsed .sidebar-top{justify-content:center}.sidebar-main{background-color:var(--sgds-bg-default);border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--sgds-padding-lg) 0;position:relative;z-index:1}.sidebar-wrapper{display:flex;flex-direction:column;height:100%;justify-content:space-between}.sidebar-content{display:flex;flex:1;flex-direction:column;gap:var(--sgds-gap-md);overflow-y:auto}.sidebar-nested-overlay{background-color:var(--sgds-surface-raised);bottom:0;left:0;opacity:0;overflow-y:scroll;padding:var(--sgds-padding-md) var(--sgds-padding-xs);pointer-events:none;position:absolute;top:0;transition:all var(--sgds-motion-duration-standard) var(--sgds-motion-easing-standard);transition-property:opacity left;width:var(--sgds-dimension-288);z-index:0}.sidebar-nested-overlay.show{border-right:var(--sgds-border-width-1) solid var(--sgds-border-color-muted);left:var(--sgds-dimension-288);opacity:1;pointer-events:auto}.sidebar--collapsed .sidebar-nested-overlay.show{left:var(--sgds-dimension-72)}.sidebar::-webkit-scrollbar{width:var(--sgds-dimension-2)}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--sgds-border-color-muted);border-radius:var(--sgds-border-radius-xs)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--sgds-color-subtle)}@media only screen and (max-width:511px){.sidebar--expanded{position:absolute;width:100dvw}.sidebar-nested-overlay{left:-100dvw;width:100dvw;z-index:2}.sidebar--collapsed .sidebar-nested-overlay.show,.sidebar-nested-overlay.show{left:0}}@media only screen and (max-width:767px){.sidebar--expanded,.sidebar-nested-overlay{width:var(--sgds-dimension-256)}.sidebar-nested-overlay,.sidebar-nested-overlay.show{left:var(--sgds-dimension-256)}}`;
+
+export { css_248z as default };
+//# sourceMappingURL=sidebar.js.map

package/react/components/Sidebar/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/react/index.cjs.js

@@ -47,30 +47,34 @@ var index$E = require('./radio-group/index.cjs.js');
 var index$F = require('./radio/index.cjs.js');
 var index$G = require('./select-option/index.cjs.js');
 var index$H = require('./select/index.cjs.js');
-var index$I = require('./sidenav-item/index.cjs.js');
-var index$J = require('./sidenav-link/index.cjs.js');
-var index$K = require('./sidenav/index.cjs.js');
-var index$L = require('./skeleton/index.cjs.js');
-var index$M = require('./spinner/index.cjs.js');
-var index$N = require('./stepper/index.cjs.js');
-var index$O = require('./subnav-item/index.cjs.js');
-var index$P = require('./subnav/index.cjs.js');
-var index$Q = require('./switch/index.cjs.js');
-var index$R = require('./system-banner-item/index.cjs.js');
-var index$S = require('./system-banner/index.cjs.js');
-var index$T = require('./tab-group/index.cjs.js');
-var index$U = require('./tab-panel/index.cjs.js');
-var index$V = require('./tab/index.cjs.js');
-var index$W = require('./table-cell/index.cjs.js');
-var index$X = require('./table-head/index.cjs.js');
-var index$Y = require('./table-row/index.cjs.js');
-var index$Z = require('./table/index.cjs.js');
-var index$_ = require('./table-of-contents/index.cjs.js');
-var index$$ = require('./textarea/index.cjs.js');
-var index$10 = require('./thumbnail-card/index.cjs.js');
-var index$11 = require('./toast-container/index.cjs.js');
-var index$12 = require('./toast/index.cjs.js');
-var index$13 = require('./tooltip/index.cjs.js');
+var index$I = require('./sidebar-group/index.cjs.js');
+var index$J = require('./sidebar-item/index.cjs.js');
+var index$K = require('./sidebar-section/index.cjs.js');
+var index$L = require('./sidebar/index.cjs.js');
+var index$M = require('./sidenav-item/index.cjs.js');
+var index$N = require('./sidenav-link/index.cjs.js');
+var index$O = require('./sidenav/index.cjs.js');
+var index$P = require('./skeleton/index.cjs.js');
+var index$Q = require('./spinner/index.cjs.js');
+var index$R = require('./stepper/index.cjs.js');
+var index$S = require('./subnav-item/index.cjs.js');
+var index$T = require('./subnav/index.cjs.js');
+var index$U = require('./switch/index.cjs.js');
+var index$V = require('./system-banner-item/index.cjs.js');
+var index$W = require('./system-banner/index.cjs.js');
+var index$X = require('./tab-group/index.cjs.js');
+var index$Y = require('./tab-panel/index.cjs.js');
+var index$Z = require('./tab/index.cjs.js');
+var index$_ = require('./table-cell/index.cjs.js');
+var index$$ = require('./table-head/index.cjs.js');
+var index$10 = require('./table-row/index.cjs.js');
+var index$11 = require('./table/index.cjs.js');
+var index$12 = require('./table-of-contents/index.cjs.js');
+var index$13 = require('./textarea/index.cjs.js');
+var index$14 = require('./thumbnail-card/index.cjs.js');
+var index$15 = require('./toast-container/index.cjs.js');
+var index$16 = require('./toast/index.cjs.js');
+var index$17 = require('./tooltip/index.cjs.js');
 
 
 
@@ -118,28 +122,32 @@ exports.SgdsRadioGroup = index$E["default"];
 exports.SgdsRadio = index$F["default"];
 exports.SgdsSelectOption = index$G["default"];
 exports.SgdsSelect = index$H["default"];
-exports.SgdsSidenavItem = index$I["default"];
-exports.SgdsSidenavLink = index$J["default"];
-exports.SgdsSidenav = index$K["default"];
-exports.SgdsSkeleton = index$L["default"];
-exports.SgdsSpinner = index$M["default"];
-exports.SgdsStepper = index$N["default"];
-exports.SgdsSubnavItem = index$O["default"];
-exports.SgdsSubnav = index$P["default"];
-exports.SgdsSwitch = index$Q["default"];
-exports.SgdsSystemBannerItem = index$R["default"];
-exports.SgdsSystemBanner = index$S["default"];
-exports.SgdsTabGroup = index$T["default"];
-exports.SgdsTabPanel = index$U["default"];
-exports.SgdsTab = index$V["default"];
-exports.SgdsTableCell = index$W["default"];
-exports.SgdsTableHead = index$X["default"];
-exports.SgdsTableRow = index$Y["default"];
-exports.SgdsTable = index$Z["default"];
-exports.SgdsTableOfContents = index$_["default"];
-exports.SgdsTextarea = index$$["default"];
-exports.SgdsThumbnailCard = index$10["default"];
-exports.SgdsToastContainer = index$11["default"];
-exports.SgdsToast = index$12["default"];
-exports.SgdsTooltip = index$13["default"];
+exports.SgdsSidebarGroup = index$I["default"];
+exports.SgdsSidebarItem = index$J["default"];
+exports.SgdsSidebarSection = index$K["default"];
+exports.SgdsSidebar = index$L["default"];
+exports.SgdsSidenavItem = index$M["default"];
+exports.SgdsSidenavLink = index$N["default"];
+exports.SgdsSidenav = index$O["default"];
+exports.SgdsSkeleton = index$P["default"];
+exports.SgdsSpinner = index$Q["default"];
+exports.SgdsStepper = index$R["default"];
+exports.SgdsSubnavItem = index$S["default"];
+exports.SgdsSubnav = index$T["default"];
+exports.SgdsSwitch = index$U["default"];
+exports.SgdsSystemBannerItem = index$V["default"];
+exports.SgdsSystemBanner = index$W["default"];
+exports.SgdsTabGroup = index$X["default"];
+exports.SgdsTabPanel = index$Y["default"];
+exports.SgdsTab = index$Z["default"];
+exports.SgdsTableCell = index$_["default"];
+exports.SgdsTableHead = index$$["default"];
+exports.SgdsTableRow = index$10["default"];
+exports.SgdsTable = index$11["default"];
+exports.SgdsTableOfContents = index$12["default"];
+exports.SgdsTextarea = index$13["default"];
+exports.SgdsThumbnailCard = index$14["default"];
+exports.SgdsToastContainer = index$15["default"];
+exports.SgdsToast = index$16["default"];
+exports.SgdsTooltip = index$17["default"];
 //# sourceMappingURL=index.cjs.js.map

package/react/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/react/index.d.ts

@@ -42,6 +42,10 @@ export { default as SgdsRadioGroup } from './radio-group';
 export { default as SgdsRadio } from './radio';
 export { default as SgdsSelectOption } from './select-option';
 export { default as SgdsSelect } from './select';
+export { default as SgdsSidebarGroup } from './sidebar-group';
+export { default as SgdsSidebarItem } from './sidebar-item';
+export { default as SgdsSidebarSection } from './sidebar-section';
+export { default as SgdsSidebar } from './sidebar';
 export { default as SgdsSidenavItem } from './sidenav-item';
 export { default as SgdsSidenavLink } from './sidenav-link';
 export { default as SgdsSidenav } from './sidenav';

package/react/index.js

@@ -43,6 +43,10 @@ export { default as SgdsRadioGroup } from './radio-group/index.js';
 export { default as SgdsRadio } from './radio/index.js';
 export { default as SgdsSelectOption } from './select-option/index.js';
 export { default as SgdsSelect } from './select/index.js';
+export { default as SgdsSidebarGroup } from './sidebar-group/index.js';
+export { default as SgdsSidebarItem } from './sidebar-item/index.js';
+export { default as SgdsSidebarSection } from './sidebar-section/index.js';
+export { default as SgdsSidebar } from './sidebar/index.js';
 export { default as SgdsSidenavItem } from './sidenav-item/index.js';
 export { default as SgdsSidenavLink } from './sidenav-link/index.js';
 export { default as SgdsSidenav } from './sidenav/index.js';

package/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/react/sidebar/index.cjs.js

@@ -0,0 +1,42 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var react = require('@lit/react');
+var sgdsSidebar = require('../components/Sidebar/sgds-sidebar.cjs.js');
+var ceRegistry = require('../utils/ce-registry.cjs.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+ceRegistry.register("sgds-sidebar", sgdsSidebar.SgdsSidebar);
+var index = react.createComponent({
+    react: React__namespace,
+    tagName: "sgds-sidebar",
+    elementClass: sgdsSidebar.SgdsSidebar,
+    events: {
+        onSgdsSelect: "sgds-select"
+    }
+});
+
+exports["default"] = index;
+//# sourceMappingURL=index.cjs.js.map

package/react/sidebar/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/react/sidebar/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/Sidebar/sgds-sidebar\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-sidebar\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-sidebar\",\n  elementClass: Component,\n  events: {\n    onSgdsSelect: \"sgds-select\"\n  }\n});\n"],"names":["register","Component","createComponent","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKAA,mBAAQ,CAAC,cAAc,EAAEC,uBAAS,CAAC,CAAC;AAEpC,YAAeC,qBAAe,CAAC;AAC7B,IAAA,KAAK,EAAEC,gBAAK;AACZ,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAEF,uBAAS;AACvB,IAAA,MAAM,EAAE;AACN,QAAA,YAAY,EAAE,aAAa;AAC5B,KAAA;AACF,CAAA,CAAC;;;;"}

package/react/sidebar/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: React.ForwardRefExoticComponent<any>;
+export default _default;

package/react/sidebar/index.js

@@ -0,0 +1,18 @@
+'use client';
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { SgdsSidebar } from '../components/Sidebar/sgds-sidebar.js';
+import { register } from '../utils/ce-registry.js';
+
+register("sgds-sidebar", SgdsSidebar);
+var index = createComponent({
+    react: React,
+    tagName: "sgds-sidebar",
+    elementClass: SgdsSidebar,
+    events: {
+        onSgdsSelect: "sgds-select"
+    }
+});
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/react/sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/sidebar/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/Sidebar/sgds-sidebar\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-sidebar\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-sidebar\",\n  elementClass: Component,\n  events: {\n    onSgdsSelect: \"sgds-select\"\n  }\n});\n"],"names":["Component"],"mappings":";;;;;;AAKA,QAAQ,CAAC,cAAc,EAAEA,WAAS,CAAC,CAAC;AAEpC,YAAe,eAAe,CAAC;AAC7B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAEA,WAAS;AACvB,IAAA,MAAM,EAAE;AACN,QAAA,YAAY,EAAE,aAAa;AAC5B,KAAA;AACF,CAAA,CAAC;;;;"}

package/react/sidebar-group/index.cjs.js

@@ -0,0 +1,40 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var react = require('@lit/react');
+var sgdsSidebarGroup = require('../components/Sidebar/sgds-sidebar-group.cjs.js');
+var ceRegistry = require('../utils/ce-registry.cjs.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+ceRegistry.register("sgds-sidebar-group", sgdsSidebarGroup.SgdsSidebarGroup);
+var index = react.createComponent({
+    react: React__namespace,
+    tagName: "sgds-sidebar-group",
+    elementClass: sgdsSidebarGroup.SgdsSidebarGroup,
+    events: {}
+});
+
+exports["default"] = index;
+//# sourceMappingURL=index.cjs.js.map

package/react/sidebar-group/index.cjs.js.map

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

package/react/sidebar-group/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: React.ForwardRefExoticComponent<any>;
+export default _default;

package/react/sidebar-group/index.js

@@ -0,0 +1,16 @@
+'use client';
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { SgdsSidebarGroup } from '../components/Sidebar/sgds-sidebar-group.js';
+import { register } from '../utils/ce-registry.js';
+
+register("sgds-sidebar-group", SgdsSidebarGroup);
+var index = createComponent({
+    react: React,
+    tagName: "sgds-sidebar-group",
+    elementClass: SgdsSidebarGroup,
+    events: {}
+});
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/react/sidebar-group/index.js.map

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

package/react/sidebar-item/index.cjs.js

@@ -0,0 +1,40 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var react = require('@lit/react');
+var sgdsSidebarItem = require('../components/Sidebar/sgds-sidebar-item.cjs.js');
+var ceRegistry = require('../utils/ce-registry.cjs.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+ceRegistry.register("sgds-sidebar-item", sgdsSidebarItem.SgdsSidebarItem);
+var index = react.createComponent({
+    react: React__namespace,
+    tagName: "sgds-sidebar-item",
+    elementClass: sgdsSidebarItem.SgdsSidebarItem,
+    events: {}
+});
+
+exports["default"] = index;
+//# sourceMappingURL=index.cjs.js.map

package/react/sidebar-item/index.cjs.js.map

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

package/react/sidebar-item/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: React.ForwardRefExoticComponent<any>;
+export default _default;

package/react/sidebar-item/index.js

@@ -0,0 +1,16 @@
+'use client';
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { SgdsSidebarItem } from '../components/Sidebar/sgds-sidebar-item.js';
+import { register } from '../utils/ce-registry.js';
+
+register("sgds-sidebar-item", SgdsSidebarItem);
+var index = createComponent({
+    react: React,
+    tagName: "sgds-sidebar-item",
+    elementClass: SgdsSidebarItem,
+    events: {}
+});
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/react/sidebar-item/index.js.map

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

package/react/sidebar-section/index.cjs.js

@@ -0,0 +1,40 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var react = require('@lit/react');
+var sgdsSidebarSection = require('../components/Sidebar/sgds-sidebar-section.cjs.js');
+var ceRegistry = require('../utils/ce-registry.cjs.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+ceRegistry.register("sgds-sidebar-section", sgdsSidebarSection.SgdsSidebarSection);
+var index = react.createComponent({
+    react: React__namespace,
+    tagName: "sgds-sidebar-section",
+    elementClass: sgdsSidebarSection.SgdsSidebarSection,
+    events: {}
+});
+
+exports["default"] = index;
+//# sourceMappingURL=index.cjs.js.map

package/react/sidebar-section/index.cjs.js.map

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

package/react/sidebar-section/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: React.ForwardRefExoticComponent<any>;
+export default _default;

package/react/sidebar-section/index.js

@@ -0,0 +1,16 @@
+'use client';
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { SgdsSidebarSection } from '../components/Sidebar/sgds-sidebar-section.js';
+import { register } from '../utils/ce-registry.js';
+
+register("sgds-sidebar-section", SgdsSidebarSection);
+var index = createComponent({
+    react: React,
+    tagName: "sgds-sidebar-section",
+    elementClass: SgdsSidebarSection,
+    events: {}
+});
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/react/sidebar-section/index.js.map

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

package/themes/responsive.css

@@ -31,6 +31,12 @@
   /* Font Size - Overline */
   --sgds-font-size-overline-md: var(--sgds-font-size-14);
 
+  /* Font Size - Link */
+  --sgds-font-size-link-xs: var(--sgds-font-size-12);
+  --sgds-font-size-link-sm: var(--sgds-font-size-14);
+  --sgds-font-size-link-md: var(--sgds-font-size-16);
+  --sgds-font-size-link-lg: var(--sgds-font-size-18);
+
   /* Line Height */
   --sgds-line-height-3-xs: var(--sgds-line-height-16);
   --sgds-line-height-2-xs: var(--sgds-line-height-20);
@@ -118,6 +124,12 @@
     /* Font Size - Overline */
     --sgds-font-size-overline-md: var(--sgds-font-size-14);
 
+    /* Font Size - Link */
+    --sgds-font-size-link-xs: var(--sgds-font-size-12);
+    --sgds-font-size-link-sm: var(--sgds-font-size-14);
+    --sgds-font-size-link-md: var(--sgds-font-size-16);
+    --sgds-font-size-link-lg: var(--sgds-font-size-20);
+
     /* Line Height */
     --sgds-line-height-3-xs: var(--sgds-line-height-16);
     --sgds-line-height-2-xs: var(--sgds-line-height-20);
@@ -206,6 +218,12 @@
     /* Font Size - Overline */
     --sgds-font-size-overline-md: var(--sgds-font-size-14);
 
+    /* Font Size - Link */
+    --sgds-font-size-link-xs: var(--sgds-font-size-12);
+    --sgds-font-size-link-sm: var(--sgds-font-size-14);
+    --sgds-font-size-link-md: var(--sgds-font-size-16);
+    --sgds-font-size-link-lg: var(--sgds-font-size-20);
+
     /* Line Height */
     --sgds-line-height-3-xs: var(--sgds-line-height-16);
     --sgds-line-height-2-xs: var(--sgds-line-height-20);