@govtechsg/sgds-web-component 3.6.0-rc.2 → 3.6.0

package/react/index.cjs.js

@@ -14,60 +14,63 @@ 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-option/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-card/index.cjs.js');
-var index$q = require('./icon-list/index.cjs.js');
-var index$r = require('./image-card/index.cjs.js');
-var index$s = require('./input/index.cjs.js');
-var index$t = require('./link/index.cjs.js');
-var index$u = require('./mainnav-dropdown/index.cjs.js');
-var index$v = require('./mainnav-item/index.cjs.js');
-var index$w = require('./mainnav/index.cjs.js');
-var index$x = require('./masthead/index.cjs.js');
-var index$y = require('./modal/index.cjs.js');
-var index$z = require('./overflow-menu/index.cjs.js');
-var index$A = require('./pagination/index.cjs.js');
-var index$B = require('./progress-bar/index.cjs.js');
-var index$C = require('./quantity-toggle/index.cjs.js');
-var index$D = require('./radio-group/index.cjs.js');
-var index$E = require('./radio/index.cjs.js');
-var index$F = require('./select-option/index.cjs.js');
-var index$G = require('./select/index.cjs.js');
-var index$H = require('./sidenav-item/index.cjs.js');
-var index$I = require('./sidenav-link/index.cjs.js');
-var index$J = require('./sidenav/index.cjs.js');
-var index$K = require('./skeleton/index.cjs.js');
-var index$L = require('./spinner/index.cjs.js');
-var index$M = require('./stepper/index.cjs.js');
-var index$N = require('./subnav-item/index.cjs.js');
-var index$O = require('./subnav/index.cjs.js');
-var index$P = require('./switch/index.cjs.js');
-var index$Q = require('./tab-group/index.cjs.js');
-var index$R = require('./tab-panel/index.cjs.js');
-var index$S = require('./tab/index.cjs.js');
-var index$T = require('./table-cell/index.cjs.js');
-var index$U = require('./table-head/index.cjs.js');
-var index$V = require('./table-row/index.cjs.js');
-var index$W = require('./table/index.cjs.js');
-var index$X = require('./table-of-contents/index.cjs.js');
-var index$Y = require('./textarea/index.cjs.js');
-var index$Z = require('./thumbnail-card/index.cjs.js');
-var index$_ = require('./toast-container/index.cjs.js');
-var index$$ = require('./toast/index.cjs.js');
-var index$10 = require('./tooltip/index.cjs.js');
+var index$b = require('./close-button/index.cjs.js');
+var index$c = require('./combo-box-option/index.cjs.js');
+var index$d = require('./combo-box/index.cjs.js');
+var index$e = require('./datepicker/index.cjs.js');
+var index$f = require('./description-list-group/index.cjs.js');
+var index$g = require('./description-list/index.cjs.js');
+var index$h = require('./divider/index.cjs.js');
+var index$i = require('./drawer/index.cjs.js');
+var index$j = require('./dropdown-item/index.cjs.js');
+var index$k = require('./dropdown/index.cjs.js');
+var index$l = require('./file-upload/index.cjs.js');
+var index$m = require('./footer-item/index.cjs.js');
+var index$n = require('./footer/index.cjs.js');
+var index$o = require('./icon/index.cjs.js');
+var index$p = require('./icon-button/index.cjs.js');
+var index$q = require('./icon-card/index.cjs.js');
+var index$r = require('./icon-list/index.cjs.js');
+var index$s = require('./image-card/index.cjs.js');
+var index$t = require('./input/index.cjs.js');
+var index$u = require('./link/index.cjs.js');
+var index$v = require('./mainnav-dropdown/index.cjs.js');
+var index$w = require('./mainnav-item/index.cjs.js');
+var index$x = require('./mainnav/index.cjs.js');
+var index$y = require('./masthead/index.cjs.js');
+var index$z = require('./modal/index.cjs.js');
+var index$A = require('./overflow-menu/index.cjs.js');
+var index$B = require('./pagination/index.cjs.js');
+var index$C = require('./progress-bar/index.cjs.js');
+var index$D = require('./quantity-toggle/index.cjs.js');
+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');
 
 
 
@@ -82,58 +85,61 @@ exports.SgdsButton = index$7["default"];
 exports.SgdsCard = index$8["default"];
 exports.SgdsCheckboxGroup = index$9["default"];
 exports.SgdsCheckbox = index$a["default"];
-exports.SgdsComboBoxOption = 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.SgdsIconCard = index$p["default"];
-exports.SgdsIconList = index$q["default"];
-exports.SgdsImageCard = index$r["default"];
-exports.SgdsInput = index$s["default"];
-exports.SgdsLink = index$t["default"];
-exports.SgdsMainnavDropdown = index$u["default"];
-exports.SgdsMainnavItem = index$v["default"];
-exports.SgdsMainnav = index$w["default"];
-exports.SgdsMasthead = index$x["default"];
-exports.SgdsModal = index$y["default"];
-exports.SgdsOverflowMenu = index$z["default"];
-exports.SgdsPagination = index$A["default"];
-exports.SgdsProgressBar = index$B["default"];
-exports.SgdsQuantityToggle = index$C["default"];
-exports.SgdsRadioGroup = index$D["default"];
-exports.SgdsRadio = index$E["default"];
-exports.SgdsSelectOption = index$F["default"];
-exports.SgdsSelect = index$G["default"];
-exports.SgdsSidenavItem = index$H["default"];
-exports.SgdsSidenavLink = index$I["default"];
-exports.SgdsSidenav = index$J["default"];
-exports.SgdsSkeleton = index$K["default"];
-exports.SgdsSpinner = index$L["default"];
-exports.SgdsStepper = index$M["default"];
-exports.SgdsSubnavItem = index$N["default"];
-exports.SgdsSubnav = index$O["default"];
-exports.SgdsSwitch = index$P["default"];
-exports.SgdsTabGroup = index$Q["default"];
-exports.SgdsTabPanel = index$R["default"];
-exports.SgdsTab = index$S["default"];
-exports.SgdsTableCell = index$T["default"];
-exports.SgdsTableHead = index$U["default"];
-exports.SgdsTableRow = index$V["default"];
-exports.SgdsTable = index$W["default"];
-exports.SgdsTableOfContents = index$X["default"];
-exports.SgdsTextarea = index$Y["default"];
-exports.SgdsThumbnailCard = index$Z["default"];
-exports.SgdsToastContainer = index$_["default"];
-exports.SgdsToast = index$$["default"];
-exports.SgdsTooltip = index$10["default"];
+exports.SgdsCloseButton = index$b["default"];
+exports.SgdsComboBoxOption = index$c["default"];
+exports.SgdsComboBox = index$d["default"];
+exports.SgdsDatepicker = index$e["default"];
+exports.SgdsDescriptionListGroup = index$f["default"];
+exports.SgdsDescriptionList = index$g["default"];
+exports.SgdsDivider = index$h["default"];
+exports.SgdsDrawer = index$i["default"];
+exports.SgdsDropdownItem = index$j["default"];
+exports.SgdsDropdown = index$k["default"];
+exports.SgdsFileUpload = index$l["default"];
+exports.SgdsFooterItem = index$m["default"];
+exports.SgdsFooter = index$n["default"];
+exports.SgdsIcon = index$o["default"];
+exports.SgdsIconButton = index$p["default"];
+exports.SgdsIconCard = index$q["default"];
+exports.SgdsIconList = index$r["default"];
+exports.SgdsImageCard = index$s["default"];
+exports.SgdsInput = index$t["default"];
+exports.SgdsLink = index$u["default"];
+exports.SgdsMainnavDropdown = index$v["default"];
+exports.SgdsMainnavItem = index$w["default"];
+exports.SgdsMainnav = index$x["default"];
+exports.SgdsMasthead = index$y["default"];
+exports.SgdsModal = index$z["default"];
+exports.SgdsOverflowMenu = index$A["default"];
+exports.SgdsPagination = index$B["default"];
+exports.SgdsProgressBar = index$C["default"];
+exports.SgdsQuantityToggle = index$D["default"];
+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"];
 //# 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

@@ -9,6 +9,7 @@ export { default as SgdsButton } from './button';
 export { default as SgdsCard } from './card';
 export { default as SgdsCheckboxGroup } from './checkbox-group';
 export { default as SgdsCheckbox } from './checkbox';
+export { default as SgdsCloseButton } from './close-button';
 export { default as SgdsComboBoxOption } from './combo-box-option';
 export { default as SgdsComboBox } from './combo-box';
 export { default as SgdsDatepicker } from './datepicker';
@@ -50,6 +51,8 @@ export { default as SgdsStepper } from './stepper';
 export { default as SgdsSubnavItem } from './subnav-item';
 export { default as SgdsSubnav } from './subnav';
 export { default as SgdsSwitch } from './switch';
+export { default as SgdsSystemBannerItem } from './system-banner-item';
+export { default as SgdsSystemBanner } from './system-banner';
 export { default as SgdsTabGroup } from './tab-group';
 export { default as SgdsTabPanel } from './tab-panel';
 export { default as SgdsTab } from './tab';

package/react/index.js

@@ -10,6 +10,7 @@ export { default as SgdsButton } from './button/index.js';
 export { default as SgdsCard } from './card/index.js';
 export { default as SgdsCheckboxGroup } from './checkbox-group/index.js';
 export { default as SgdsCheckbox } from './checkbox/index.js';
+export { default as SgdsCloseButton } from './close-button/index.js';
 export { default as SgdsComboBoxOption } from './combo-box-option/index.js';
 export { default as SgdsComboBox } from './combo-box/index.js';
 export { default as SgdsDatepicker } from './datepicker/index.js';
@@ -51,6 +52,8 @@ export { default as SgdsStepper } from './stepper/index.js';
 export { default as SgdsSubnavItem } from './subnav-item/index.js';
 export { default as SgdsSubnav } from './subnav/index.js';
 export { default as SgdsSwitch } from './switch/index.js';
+export { default as SgdsSystemBannerItem } from './system-banner-item/index.js';
+export { default as SgdsSystemBanner } from './system-banner/index.js';
 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';

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/system-banner/index.cjs.js

@@ -0,0 +1,43 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var react = require('@lit/react');
+var sgdsSystemBanner = require('../components/SystemBanner/sgds-system-banner.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-system-banner", sgdsSystemBanner.SgdsSystemBanner);
+var index = react.createComponent({
+    react: React__namespace,
+    tagName: "sgds-system-banner",
+    elementClass: sgdsSystemBanner.SgdsSystemBanner,
+    events: {
+        onSgdsShow: "sgds-show",
+        onSgdsHide: "sgds-hide"
+    }
+});
+
+exports["default"] = index;
+//# sourceMappingURL=index.cjs.js.map

package/react/system-banner/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/react/system-banner/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/SystemBanner/sgds-system-banner\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-system-banner\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-system-banner\",\n  elementClass: Component,\n  events: {\n    onSgdsShow: \"sgds-show\",\n    onSgdsHide: \"sgds-hide\"\n  }\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;AACN,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,UAAU,EAAE,WAAW;AACxB,KAAA;AACF,CAAA,CAAC;;;;"}

package/react/system-banner/index.d.ts

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

package/react/system-banner/index.js

@@ -0,0 +1,19 @@
+'use client';
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { SgdsSystemBanner } from '../components/SystemBanner/sgds-system-banner.js';
+import { register } from '../utils/ce-registry.js';
+
+register("sgds-system-banner", SgdsSystemBanner);
+var index = createComponent({
+    react: React,
+    tagName: "sgds-system-banner",
+    elementClass: SgdsSystemBanner,
+    events: {
+        onSgdsShow: "sgds-show",
+        onSgdsHide: "sgds-hide"
+    }
+});
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/react/system-banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/system-banner/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/SystemBanner/sgds-system-banner\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-system-banner\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-system-banner\",\n  elementClass: Component,\n  events: {\n    onSgdsShow: \"sgds-show\",\n    onSgdsHide: \"sgds-hide\"\n  }\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;AACN,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,UAAU,EAAE,WAAW;AACxB,KAAA;AACF,CAAA,CAAC;;;;"}

package/react/system-banner-item/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 sgdsSystemBannerItem = require('../components/SystemBanner/sgds-system-banner-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-system-banner-item", sgdsSystemBannerItem.SgdsSystemBannerItem);
+var index = react.createComponent({
+    react: React__namespace,
+    tagName: "sgds-system-banner-item",
+    elementClass: sgdsSystemBannerItem.SgdsSystemBannerItem,
+    events: {
+        onSgdsShowMore: "sgds-show-more"
+    }
+});
+
+exports["default"] = index;
+//# sourceMappingURL=index.cjs.js.map

package/react/system-banner-item/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/react/system-banner-item/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/SystemBanner/sgds-system-banner-item\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-system-banner-item\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-system-banner-item\",\n  elementClass: Component,\n  events: {\n    onSgdsShowMore: \"sgds-show-more\"\n  }\n});\n"],"names":["register","Component","createComponent","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKAA,mBAAQ,CAAC,yBAAyB,EAAEC,yCAAS,CAAC,CAAC;AAE/C,YAAeC,qBAAe,CAAC;AAC7B,IAAA,KAAK,EAAEC,gBAAK;AACZ,IAAA,OAAO,EAAE,yBAAyB;AAClC,IAAA,YAAY,EAAEF,yCAAS;AACvB,IAAA,MAAM,EAAE;AACN,QAAA,cAAc,EAAE,gBAAgB;AACjC,KAAA;AACF,CAAA,CAAC;;;;"}

package/react/system-banner-item/index.d.ts

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

package/react/system-banner-item/index.js

@@ -0,0 +1,18 @@
+'use client';
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { SgdsSystemBannerItem } from '../components/SystemBanner/sgds-system-banner-item.js';
+import { register } from '../utils/ce-registry.js';
+
+register("sgds-system-banner-item", SgdsSystemBannerItem);
+var index = createComponent({
+    react: React,
+    tagName: "sgds-system-banner-item",
+    elementClass: SgdsSystemBannerItem,
+    events: {
+        onSgdsShowMore: "sgds-show-more"
+    }
+});
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/react/system-banner-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/system-banner-item/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/SystemBanner/sgds-system-banner-item\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-system-banner-item\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-system-banner-item\",\n  elementClass: Component,\n  events: {\n    onSgdsShowMore: \"sgds-show-more\"\n  }\n});\n"],"names":["Component"],"mappings":";;;;;;AAKA,QAAQ,CAAC,yBAAyB,EAAEA,oBAAS,CAAC,CAAC;AAE/C,YAAe,eAAe,CAAC;AAC7B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,OAAO,EAAE,yBAAyB;AAClC,IAAA,YAAY,EAAEA,oBAAS;AACvB,IAAA,MAAM,EAAE;AACN,QAAA,cAAc,EAAE,gBAAgB;AACjC,KAAA;AACF,CAAA,CAAC;;;;"}

package/themes/root.css

@@ -22,7 +22,7 @@
   --sgds-purple-900: #460c5a;
 
   /* Primitive - Cyan Color */
-  --sgds-cyan-100: #DBf9fd;
+  --sgds-cyan-100: #dbf9fd;
   --sgds-cyan-200: #94edfa;
   --sgds-cyan-300: #24d5ee;
   --sgds-cyan-400: #1fb5ca;
@@ -343,9 +343,21 @@
   --sgds-outline-offset-focus: calc(-1 * var(--sgds-border-width-2));
   --sgds-form-outline-focus: var(--sgds-outline-focus);
   --sgds-form-outline-offset-focus: var(--sgds-outline-offset-focus);
-  
+
   /* Masthead and Mainnav Max Width and Padding */
   --sgds-mainnav-max-width: 1440px;
   --sgds-mainnav-padding-x: 2rem;
   --sgds-mainnav-mobile-padding-x: 1.25rem;
+
+  /* Foundation - Motion Easing  */
+  --sgds-motion-easing-enter: cubic-bezier(0.1, 0, 0.5, 0);
+  --sgds-motion-easing-exit: cubic-bezier(0.15, 0.6, 0.6, 1);
+  --sgds-motion-easing-standard: cubic-bezier(0.25, 0, 0.25, 1);
+  /* Foundation - Motion Duration  */
+  --sgds-motion-duration-faster: 100ms;
+  --sgds-motion-duration-fast: 200ms;
+  --sgds-motion-duration-standard: 300ms;
+  --sgds-motion-duration-slow: 400ms; 
+  --sgds-motion-duration-slower: 500ms;
+
 }

package/internals/CloseButton/close-button.js

@@ -1,6 +0,0 @@
-import { css } from 'lit';
-
-var css_248z = css`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}:host([size=sm]) .btn-close{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}:host([variant=light]) .btn-close{color:var(--sgds-color-fixed-light)}:host([variant=dark]) .btn-close{color:var(--sgds-color-fixed-dark)}.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:hover{background-color:var(--sgds-bg-translucent)}.btn-close:focus,.btn-close:focus-visible{background-color:var(--sgds-bg-translucent)}.btn-close:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.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/internals/CloseButton/sgds-close-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-close-button.js","sources":["../../../src/internals/CloseButton/sgds-close-button.ts"],"sourcesContent":["import { html, PropertyValueMap } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport closeButtonStyles from \"./close-button.css\";\nimport { warnUnregisteredElements } from \"../../utils/ce-registry\";\n/**\n * @summary Close button for closing actions. Used in Modal, Drawer, Alert and Toast.\n *\n * @cssprop --sgds-close-btn-border-radius - The border radius of close button border\n *\n */\nexport class SgdsCloseButton extends SgdsElement {\n  static styles = [...SgdsElement.styles, closeButtonStyles];\n\n  @property({ type: String }) ariaLabel = \"Close button\";\n\n  /** Specifies a large or small button */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  @property({ type: String, reflect: true }) variant: \"default\" | \"dark\" | \"light\" = \"default\";\n\n  private _handleClick() {\n    this.removeEventListener(\"click\", this._clickHandler);\n    this.addEventListener(\"click\", this._clickHandler);\n  }\n\n  private _clickHandler = () => {\n    return;\n  };\n\n  firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n\n    /** Cannot register sgds-icon as dependency due to some circular dependencies, so we check and warn instead */\n    warnUnregisteredElements(\"sgds-icon\");\n  }\n  render() {\n    return html`\n      <button class=\"btn-close\" aria-label=${ifDefined(this.ariaLabel)} @click=${this._handleClick}>\n        <sgds-icon name=\"cross\" size=${this.size}></sgds-icon>\n      </button>\n    `;\n  }\n}\n\nexport default SgdsCloseButton;\n"],"names":["closeButtonStyles"],"mappings":";;;;;;;;AAMA;;;;;AAKG;AACG,MAAO,eAAgB,SAAQ,WAAW,CAAA;AAAhD,IAAA,WAAA,GAAA;;QAG8B,IAAS,CAAA,SAAA,GAAG,cAAc,CAAC;;QAGZ,IAAI,CAAA,IAAA,GAAgB,IAAI,CAAC;QAEzB,IAAO,CAAA,OAAA,GAAiC,SAAS,CAAC;QAOrF,IAAa,CAAA,aAAA,GAAG,MAAK;YAC3B,OAAO;AACT,SAAC,CAAC;KAeH;IAtBS,YAAY,GAAA;QAClB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACtD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;KACpD;AAMD,IAAA,YAAY,CAAC,iBAAyC,EAAA;AACpD,QAAA,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;;QAGtC,wBAAwB,CAAC,WAAW,CAAC,CAAC;KACvC;IACD,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA,CAAA;6CAC8B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAW,QAAA,EAAA,IAAI,CAAC,YAAY,CAAA;AAC3D,qCAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;KAE3C,CAAC;KACH;;AA9BM,eAAM,CAAA,MAAA,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAEA,QAAiB,CAA5C,CAA8C;AAE/B,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAA4B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGZ,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA0B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEzB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAmD,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

package/react/internals/CloseButton/close-button.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`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}:host([size=sm]) .btn-close{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}:host([variant=light]) .btn-close{color:var(--sgds-color-fixed-light)}:host([variant=dark]) .btn-close{color:var(--sgds-color-fixed-dark)}.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:hover{background-color:var(--sgds-bg-translucent)}.btn-close:focus,.btn-close:focus-visible{background-color:var(--sgds-bg-translucent)}.btn-close:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.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 +0,0 @@
-'use client';
-import { css } from 'lit';
-
-var css_248z = css`:host{--sgds-close-btn-border-radius:var(--sgds-border-radius-sm);display:inline-flex}:host([size=sm]) .btn-close{height:var(--sgds-dimension-24);width:var(--sgds-dimension-24)}:host([variant=light]) .btn-close{color:var(--sgds-color-fixed-light)}:host([variant=dark]) .btn-close{color:var(--sgds-color-fixed-dark)}.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:hover{background-color:var(--sgds-bg-translucent)}.btn-close:focus,.btn-close:focus-visible{background-color:var(--sgds-bg-translucent)}.btn-close:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.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/CloseButton/sgds-close-button.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-close-button.cjs.js","sources":["../../../../src/internals/CloseButton/sgds-close-button.ts"],"sourcesContent":["import { html, PropertyValueMap } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport closeButtonStyles from \"./close-button.css\";\nimport { warnUnregisteredElements } from \"../../utils/ce-registry\";\n/**\n * @summary Close button for closing actions. Used in Modal, Drawer, Alert and Toast.\n *\n * @cssprop --sgds-close-btn-border-radius - The border radius of close button border\n *\n */\nexport class SgdsCloseButton extends SgdsElement {\n  static styles = [...SgdsElement.styles, closeButtonStyles];\n\n  @property({ type: String }) ariaLabel = \"Close button\";\n\n  /** Specifies a large or small button */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  @property({ type: String, reflect: true }) variant: \"default\" | \"dark\" | \"light\" = \"default\";\n\n  private _handleClick() {\n    this.removeEventListener(\"click\", this._clickHandler);\n    this.addEventListener(\"click\", this._clickHandler);\n  }\n\n  private _clickHandler = () => {\n    return;\n  };\n\n  firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n\n    /** Cannot register sgds-icon as dependency due to some circular dependencies, so we check and warn instead */\n    warnUnregisteredElements(\"sgds-icon\");\n  }\n  render() {\n    return html`\n      <button class=\"btn-close\" aria-label=${ifDefined(this.ariaLabel)} @click=${this._handleClick}>\n        <sgds-icon name=\"cross\" size=${this.size}></sgds-icon>\n      </button>\n    `;\n  }\n}\n\nexport default SgdsCloseButton;\n"],"names":["SgdsElement","warnUnregisteredElements","html","ifDefined","closeButtonStyles","__decorate","property"],"mappings":";;;;;;;;;;;;;AAMA;;;;;AAKG;AACG,MAAO,eAAgB,SAAQA,sBAAW,CAAA;AAAhD,IAAA,WAAA,GAAA;;QAG8B,IAAS,CAAA,SAAA,GAAG,cAAc,CAAC;;QAGZ,IAAI,CAAA,IAAA,GAAgB,IAAI,CAAC;QAEzB,IAAO,CAAA,OAAA,GAAiC,SAAS,CAAC;QAOrF,IAAa,CAAA,aAAA,GAAG,MAAK;YAC3B,OAAO;AACT,SAAC,CAAC;KAeH;IAtBS,YAAY,GAAA;QAClB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACtD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;KACpD;AAMD,IAAA,YAAY,CAAC,iBAAyC,EAAA;AACpD,QAAA,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;;QAGtCC,mCAAwB,CAAC,WAAW,CAAC,CAAC;KACvC;IACD,MAAM,GAAA;AACJ,QAAA,OAAOC,QAAI,CAAA,CAAA;6CAC8BC,sBAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAW,QAAA,EAAA,IAAI,CAAC,YAAY,CAAA;AAC3D,qCAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;KAE3C,CAAC;KACH;;AA9BM,eAAM,CAAA,MAAA,GAAG,CAAC,GAAGH,sBAAW,CAAC,MAAM,EAAEI,sBAAiB,CAA5C,CAA8C;AAE/BC,gBAAA,CAAA;AAA3B,IAAAC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAA4B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGZD,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA0B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEzBD,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAmD,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-close-button.js","sources":["../../../../src/internals/CloseButton/sgds-close-button.ts"],"sourcesContent":["import { html, PropertyValueMap } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport closeButtonStyles from \"./close-button.css\";\nimport { warnUnregisteredElements } from \"../../utils/ce-registry\";\n/**\n * @summary Close button for closing actions. Used in Modal, Drawer, Alert and Toast.\n *\n * @cssprop --sgds-close-btn-border-radius - The border radius of close button border\n *\n */\nexport class SgdsCloseButton extends SgdsElement {\n  static styles = [...SgdsElement.styles, closeButtonStyles];\n\n  @property({ type: String }) ariaLabel = \"Close button\";\n\n  /** Specifies a large or small button */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  @property({ type: String, reflect: true }) variant: \"default\" | \"dark\" | \"light\" = \"default\";\n\n  private _handleClick() {\n    this.removeEventListener(\"click\", this._clickHandler);\n    this.addEventListener(\"click\", this._clickHandler);\n  }\n\n  private _clickHandler = () => {\n    return;\n  };\n\n  firstUpdated(changedProperties: PropertyValueMap<this>) {\n    super.firstUpdated(changedProperties);\n\n    /** Cannot register sgds-icon as dependency due to some circular dependencies, so we check and warn instead */\n    warnUnregisteredElements(\"sgds-icon\");\n  }\n  render() {\n    return html`\n      <button class=\"btn-close\" aria-label=${ifDefined(this.ariaLabel)} @click=${this._handleClick}>\n        <sgds-icon name=\"cross\" size=${this.size}></sgds-icon>\n      </button>\n    `;\n  }\n}\n\nexport default SgdsCloseButton;\n"],"names":["closeButtonStyles"],"mappings":";;;;;;;;;AAMA;;;;;AAKG;AACG,MAAO,eAAgB,SAAQ,WAAW,CAAA;AAAhD,IAAA,WAAA,GAAA;;QAG8B,IAAS,CAAA,SAAA,GAAG,cAAc,CAAC;;QAGZ,IAAI,CAAA,IAAA,GAAgB,IAAI,CAAC;QAEzB,IAAO,CAAA,OAAA,GAAiC,SAAS,CAAC;QAOrF,IAAa,CAAA,aAAA,GAAG,MAAK;YAC3B,OAAO;AACT,SAAC,CAAC;KAeH;IAtBS,YAAY,GAAA;QAClB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACtD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;KACpD;AAMD,IAAA,YAAY,CAAC,iBAAyC,EAAA;AACpD,QAAA,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;;QAGtC,wBAAwB,CAAC,WAAW,CAAC,CAAC;KACvC;IACD,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA,CAAA;6CAC8B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAW,QAAA,EAAA,IAAI,CAAC,YAAY,CAAA;AAC3D,qCAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;KAE3C,CAAC;KACH;;AA9BM,eAAM,CAAA,MAAA,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAEA,QAAiB,CAA5C,CAA8C;AAE/B,UAAA,CAAA;AAA3B,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAA4B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGZ,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA0B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEzB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAmD,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

package/utils/test.d.ts

@@ -1,28 +0,0 @@
-/** A testing utility that measures an element's position and clicks on it. */
-export declare function clickOnElement(
-/** The element to click */
-el: Element, 
-/** The location of the element to click */
-position?: "top" | "right" | "bottom" | "left" | "center", 
-/** The horizontal offset to apply to the position when clicking */
-offsetX?: number, 
-/** The vertical offset to apply to the position when clicking */
-offsetY?: number): Promise<void>;
-/** A testing utility that drags an element with the mouse. */
-export declare function dragElement(
-/** The element to drag */
-el: Element, 
-/** The horizontal distance to drag in pixels */
-deltaX?: number, 
-/** The vertical distance to drag in pixels */
-deltaY?: number): Promise<void>;
-/** A testing utility that moves the mouse onto an element. */
-export declare function moveMouseOnElement(
-/** The element to click */
-el: Element, 
-/** The location of the element to click */
-position?: "top" | "right" | "bottom" | "left" | "center", 
-/** The horizontal offset to apply to the position when clicking */
-offsetX?: number, 
-/** The vertical offset to apply to the position when clicking */
-offsetY?: number): Promise<void>;