@govtechsg/sgds-web-component 3.14.1-rc.0 → 3.15.0

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

@@ -1,11 +0,0 @@
-'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

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

package/react/components/Sidebar/sidebar.js

@@ -1,7 +0,0 @@
-'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

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

package/react/sidebar/index.cjs.js

@@ -1,42 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

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

package/react/sidebar/index.js

@@ -1,18 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,40 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

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

package/react/sidebar-group/index.js

@@ -1,16 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,40 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

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

package/react/sidebar-item/index.js

@@ -1,16 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,40 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

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

package/react/sidebar-section/index.js

@@ -1,16 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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;;;;"}