@govtechsg/sgds-web-component 3.3.0 → 3.3.1

package/react/index.cjs.js

@@ -27,41 +27,45 @@ 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('./select/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('./subnav-item/index.cjs.js');
-var index$J = require('./subnav/index.cjs.js');
-var index$K = require('./switch/index.cjs.js');
-var index$L = require('./tab-group/index.cjs.js');
-var index$M = require('./tab-panel/index.cjs.js');
-var index$N = require('./tab/index.cjs.js');
-var index$O = require('./table-cell/index.cjs.js');
-var index$P = require('./table-head/index.cjs.js');
-var index$Q = require('./table-row/index.cjs.js');
-var index$R = require('./table/index.cjs.js');
-var index$S = require('./table-of-contents/index.cjs.js');
-var index$T = require('./textarea/index.cjs.js');
-var index$U = require('./toast-container/index.cjs.js');
-var index$V = require('./toast/index.cjs.js');
-var index$W = require('./tooltip/index.cjs.js');
+var index$o = require('./icon-card/index.cjs.js');
+var index$p = require('./icon-list/index.cjs.js');
+var index$q = require('./image-card/index.cjs.js');
+var index$r = require('./input/index.cjs.js');
+var index$s = require('./link/index.cjs.js');
+var index$t = require('./mainnav-dropdown/index.cjs.js');
+var index$u = require('./mainnav-item/index.cjs.js');
+var index$v = require('./mainnav/index.cjs.js');
+var index$w = require('./masthead/index.cjs.js');
+var index$x = require('./modal/index.cjs.js');
+var index$y = require('./overflow-menu/index.cjs.js');
+var index$z = require('./pagination/index.cjs.js');
+var index$A = require('./progress-bar/index.cjs.js');
+var index$B = require('./quantity-toggle/index.cjs.js');
+var index$C = require('./radio-group/index.cjs.js');
+var index$D = require('./radio/index.cjs.js');
+var index$E = require('./select/index.cjs.js');
+var index$F = require('./sidenav-item/index.cjs.js');
+var index$G = require('./sidenav-link/index.cjs.js');
+var index$H = require('./sidenav/index.cjs.js');
+var index$I = require('./skeleton/index.cjs.js');
+var index$J = require('./spinner/index.cjs.js');
+var index$K = require('./stepper/index.cjs.js');
+var index$L = require('./subnav-item/index.cjs.js');
+var index$M = require('./subnav/index.cjs.js');
+var index$N = require('./switch/index.cjs.js');
+var index$O = require('./tab-group/index.cjs.js');
+var index$P = require('./tab-panel/index.cjs.js');
+var index$Q = require('./tab/index.cjs.js');
+var index$R = require('./table-cell/index.cjs.js');
+var index$S = require('./table-head/index.cjs.js');
+var index$T = require('./table-row/index.cjs.js');
+var index$U = require('./table/index.cjs.js');
+var index$V = require('./table-of-contents/index.cjs.js');
+var index$W = require('./textarea/index.cjs.js');
+var index$X = require('./thumbnail-card/index.cjs.js');
+var index$Y = require('./toast-container/index.cjs.js');
+var index$Z = require('./toast/index.cjs.js');
+var index$_ = require('./tooltip/index.cjs.js');
 
 
 
@@ -89,39 +93,43 @@ 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.SgdsSelect = 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.SgdsSubnavItem = index$I["default"];
-exports.SgdsSubnav = index$J["default"];
-exports.SgdsSwitch = index$K["default"];
-exports.SgdsTabGroup = index$L["default"];
-exports.SgdsTabPanel = index$M["default"];
-exports.SgdsTab = index$N["default"];
-exports.SgdsTableCell = index$O["default"];
-exports.SgdsTableHead = index$P["default"];
-exports.SgdsTableRow = index$Q["default"];
-exports.SgdsTable = index$R["default"];
-exports.SgdsTableOfContents = index$S["default"];
-exports.SgdsTextarea = index$T["default"];
-exports.SgdsToastContainer = index$U["default"];
-exports.SgdsToast = index$V["default"];
-exports.SgdsTooltip = index$W["default"];
+exports.SgdsIconCard = index$o["default"];
+exports.SgdsIconList = index$p["default"];
+exports.SgdsImageCard = index$q["default"];
+exports.SgdsInput = index$r["default"];
+exports.SgdsLink = index$s["default"];
+exports.SgdsMainnavDropdown = index$t["default"];
+exports.SgdsMainnavItem = index$u["default"];
+exports.SgdsMainnav = index$v["default"];
+exports.SgdsMasthead = index$w["default"];
+exports.SgdsModal = index$x["default"];
+exports.SgdsOverflowMenu = index$y["default"];
+exports.SgdsPagination = index$z["default"];
+exports.SgdsProgressBar = index$A["default"];
+exports.SgdsQuantityToggle = index$B["default"];
+exports.SgdsRadioGroup = index$C["default"];
+exports.SgdsRadio = index$D["default"];
+exports.SgdsSelect = index$E["default"];
+exports.SgdsSidenavItem = index$F["default"];
+exports.SgdsSidenavLink = index$G["default"];
+exports.SgdsSidenav = index$H["default"];
+exports.SgdsSkeleton = index$I["default"];
+exports.SgdsSpinner = index$J["default"];
+exports.SgdsStepper = index$K["default"];
+exports.SgdsSubnavItem = index$L["default"];
+exports.SgdsSubnav = index$M["default"];
+exports.SgdsSwitch = index$N["default"];
+exports.SgdsTabGroup = index$O["default"];
+exports.SgdsTabPanel = index$P["default"];
+exports.SgdsTab = index$Q["default"];
+exports.SgdsTableCell = index$R["default"];
+exports.SgdsTableHead = index$S["default"];
+exports.SgdsTableRow = index$T["default"];
+exports.SgdsTable = index$U["default"];
+exports.SgdsTableOfContents = index$V["default"];
+exports.SgdsTextarea = index$W["default"];
+exports.SgdsThumbnailCard = index$X["default"];
+exports.SgdsToastContainer = index$Y["default"];
+exports.SgdsToast = index$Z["default"];
+exports.SgdsTooltip = index$_["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/{src/react → react}/index.d.ts

@@ -22,7 +22,9 @@ export { default as SgdsFooterItem } from './footer-item';
 export { default as SgdsFooter } from './footer';
 export { default as SgdsIcon } from './icon';
 export { default as SgdsIconButton } from './icon-button';
+export { default as SgdsIconCard } from './icon-card';
 export { default as SgdsIconList } from './icon-list';
+export { default as SgdsImageCard } from './image-card';
 export { default as SgdsInput } from './input';
 export { default as SgdsLink } from './link';
 export { default as SgdsMainnavDropdown } from './mainnav-dropdown';
@@ -30,6 +32,7 @@ export { default as SgdsMainnavItem } from './mainnav-item';
 export { default as SgdsMainnav } from './mainnav';
 export { default as SgdsMasthead } from './masthead';
 export { default as SgdsModal } from './modal';
+export { default as SgdsOverflowMenu } from './overflow-menu';
 export { default as SgdsPagination } from './pagination';
 export { default as SgdsProgressBar } from './progress-bar';
 export { default as SgdsQuantityToggle } from './quantity-toggle';
@@ -54,6 +57,7 @@ export { default as SgdsTableRow } from './table-row';
 export { default as SgdsTable } from './table';
 export { default as SgdsTableOfContents } from './table-of-contents';
 export { default as SgdsTextarea } from './textarea';
+export { default as SgdsThumbnailCard } from './thumbnail-card';
 export { default as SgdsToastContainer } from './toast-container';
 export { default as SgdsToast } from './toast';
 export { default as SgdsTooltip } from './tooltip';

package/react/index.js

@@ -23,7 +23,9 @@ export { default as SgdsFooterItem } from './footer-item/index.js';
 export { default as SgdsFooter } from './footer/index.js';
 export { default as SgdsIcon } from './icon/index.js';
 export { default as SgdsIconButton } from './icon-button/index.js';
+export { default as SgdsIconCard } from './icon-card/index.js';
 export { default as SgdsIconList } from './icon-list/index.js';
+export { default as SgdsImageCard } from './image-card/index.js';
 export { default as SgdsInput } from './input/index.js';
 export { default as SgdsLink } from './link/index.js';
 export { default as SgdsMainnavDropdown } from './mainnav-dropdown/index.js';
@@ -31,6 +33,7 @@ export { default as SgdsMainnavItem } from './mainnav-item/index.js';
 export { default as SgdsMainnav } from './mainnav/index.js';
 export { default as SgdsMasthead } from './masthead/index.js';
 export { default as SgdsModal } from './modal/index.js';
+export { default as SgdsOverflowMenu } from './overflow-menu/index.js';
 export { default as SgdsPagination } from './pagination/index.js';
 export { default as SgdsProgressBar } from './progress-bar/index.js';
 export { default as SgdsQuantityToggle } from './quantity-toggle/index.js';
@@ -55,6 +58,7 @@ export { default as SgdsTableRow } from './table-row/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 SgdsThumbnailCard } from './thumbnail-card/index.js';
 export { default as SgdsToastContainer } from './toast-container/index.js';
 export { default as SgdsToast } from './toast/index.js';
 export { default as SgdsTooltip } from './tooltip/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/overflow-menu/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 sgdsOverflowMenu = require('../components/OverflowMenu/sgds-overflow-menu.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-overflow-menu", sgdsOverflowMenu.SgdsOverflowMenu);
+var index = react.createComponent({
+    react: React__namespace,
+    tagName: "sgds-overflow-menu",
+    elementClass: sgdsOverflowMenu.SgdsOverflowMenu,
+    events: {}
+});
+
+exports["default"] = index;
+//# sourceMappingURL=index.cjs.js.map

package/react/overflow-menu/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/react/overflow-menu/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/OverflowMenu/sgds-overflow-menu\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-overflow-menu\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-overflow-menu\",\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/overflow-menu/index.js

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

package/react/overflow-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/react/overflow-menu/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/OverflowMenu/sgds-overflow-menu\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-overflow-menu\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-overflow-menu\",\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/thumbnail-card/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 sgdsThumbnailCard = require('../components/ThumbnailCard/sgds-thumbnail-card.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-thumbnail-card", sgdsThumbnailCard.SgdsThumbnailCard);
+var index = react.createComponent({
+    react: React__namespace,
+    tagName: "sgds-thumbnail-card",
+    elementClass: sgdsThumbnailCard.SgdsThumbnailCard,
+    events: {}
+});
+
+exports["default"] = index;
+//# sourceMappingURL=index.cjs.js.map

package/react/thumbnail-card/index.cjs.js.map

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

package/react/thumbnail-card/index.d.ts

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

package/react/thumbnail-card/index.js

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

package/react/thumbnail-card/index.js.map

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

package/react/toast/index.d.ts

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

package/react/toast-container/index.d.ts

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

package/react/tooltip/index.d.ts

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

package/react/utils/popper.cjs.js

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const referenceTargetWidth = {
+    name: "sameWidthAsTarget",
+    enabled: true,
+    phase: "beforeWrite",
+    requires: ["computeStyles"],
+    fn: ({ state }) => {
+        state.styles.popper.width = `${state.rects.reference.width}px`;
+    },
+    effect: ({ state }) => {
+        state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;
+    }
+};
+
+exports.referenceTargetWidth = referenceTargetWidth;
+//# sourceMappingURL=popper.cjs.js.map

package/react/utils/popper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popper.cjs.js","sources":["../../../src/utils/popper.ts"],"sourcesContent":["/**\n * Popper modifiers\n */\nimport { Modifier } from \"@popperjs/core\";\n\nexport const referenceTargetWidth: Modifier<\"sameWidthAsTarget\", object> = {\n  name: \"sameWidthAsTarget\",\n  enabled: true,\n  phase: \"beforeWrite\",\n  requires: [\"computeStyles\"],\n  fn: ({ state }) => {\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  },\n  effect: ({ state }) => {\n    state.elements.popper.style.width = `${(state.elements.reference as HTMLElement).offsetWidth}px`;\n  }\n};\n"],"names":[],"mappings":";;;;;AAKa,MAAA,oBAAoB,GAA0C;AACzE,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;AAC3B,IAAA,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;AAChB,QAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,CAAA,EAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;KAChE;AACD,IAAA,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;AACpB,QAAA,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAI,EAAA,KAAK,CAAC,QAAQ,CAAC,SAAyB,CAAC,WAAW,IAAI,CAAC;KAClG;;;;;"}

package/react/utils/popper.js

@@ -0,0 +1,16 @@
+'use client';
+const referenceTargetWidth = {
+    name: "sameWidthAsTarget",
+    enabled: true,
+    phase: "beforeWrite",
+    requires: ["computeStyles"],
+    fn: ({ state }) => {
+        state.styles.popper.width = `${state.rects.reference.width}px`;
+    },
+    effect: ({ state }) => {
+        state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;
+    }
+};
+
+export { referenceTargetWidth };
+//# sourceMappingURL=popper.js.map

package/react/utils/popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popper.js","sources":["../../../src/utils/popper.ts"],"sourcesContent":["/**\n * Popper modifiers\n */\nimport { Modifier } from \"@popperjs/core\";\n\nexport const referenceTargetWidth: Modifier<\"sameWidthAsTarget\", object> = {\n  name: \"sameWidthAsTarget\",\n  enabled: true,\n  phase: \"beforeWrite\",\n  requires: [\"computeStyles\"],\n  fn: ({ state }) => {\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  },\n  effect: ({ state }) => {\n    state.elements.popper.style.width = `${(state.elements.reference as HTMLElement).offsetWidth}px`;\n  }\n};\n"],"names":[],"mappings":";AAKa,MAAA,oBAAoB,GAA0C;AACzE,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;AAC3B,IAAA,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;AAChB,QAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,CAAA,EAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;KAChE;AACD,IAAA,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;AACpB,QAAA,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAI,EAAA,KAAK,CAAC,QAAQ,CAAC,SAAyB,CAAC,WAAW,IAAI,CAAC;KAClG;;;;;"}

package/utils/popper.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Popper modifiers
+ */
+import { Modifier } from "@popperjs/core";
+export declare const referenceTargetWidth: Modifier<"sameWidthAsTarget", object>;

package/utils/popper.js

@@ -0,0 +1,15 @@
+const referenceTargetWidth = {
+    name: "sameWidthAsTarget",
+    enabled: true,
+    phase: "beforeWrite",
+    requires: ["computeStyles"],
+    fn: ({ state }) => {
+        state.styles.popper.width = `${state.rects.reference.width}px`;
+    },
+    effect: ({ state }) => {
+        state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;
+    }
+};
+
+export { referenceTargetWidth };
+//# sourceMappingURL=popper.js.map

package/utils/popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popper.js","sources":["../../src/utils/popper.ts"],"sourcesContent":["/**\n * Popper modifiers\n */\nimport { Modifier } from \"@popperjs/core\";\n\nexport const referenceTargetWidth: Modifier<\"sameWidthAsTarget\", object> = {\n  name: \"sameWidthAsTarget\",\n  enabled: true,\n  phase: \"beforeWrite\",\n  requires: [\"computeStyles\"],\n  fn: ({ state }) => {\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  },\n  effect: ({ state }) => {\n    state.elements.popper.style.width = `${(state.elements.reference as HTMLElement).offsetWidth}px`;\n  }\n};\n"],"names":[],"mappings":"AAKa,MAAA,oBAAoB,GAA0C;AACzE,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;AAC3B,IAAA,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;AAChB,QAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,CAAA,EAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;KAChE;AACD,IAAA,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;AACpB,QAAA,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAI,EAAA,KAAK,CAAC,QAAQ,CAAC,SAAyB,CAAC,WAAW,IAAI,CAAC;KAClG;;;;;"}

package/internals/OverflowMenu/sgds-overflow-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-overflow-menu.js","sources":["../../../src/internals/OverflowMenu/sgds-overflow-menu.ts"],"sourcesContent":["import { html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport overflowMenuStyles from \"./overflow-menu.css\";\nimport { property } from \"lit/decorators.js\";\nimport { SgdsDropdown } from \"../../components/Dropdown/sgds-dropdown\";\nimport { SgdsDropdownItem } from \"../../components/Dropdown/sgds-dropdown-item\";\nimport { SgdsIcon } from \"../../components/Icon/sgds-icon\";\n/**\n * @summary An overflow menu is a UI element, often represented by three dots (⋮ or …), that opens a menu with additional actions or options.\n * @slot default - The overflow menu items. Pass in sgds-dropdown-items in this slot\n */\nexport class SgdsOverflowMenu extends SgdsElement {\n  static styles = [...SgdsElement.styles, overflowMenuStyles];\n  /** @internal */\n  static dependencies = {\n    \"sgds-dropdown\": SgdsDropdown,\n    \"sgds-dropdown-item\": SgdsDropdownItem,\n    \"sgds-icon\": SgdsIcon\n  };\n  /** Specifies a large or small button */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  render() {\n    return html`\n      <sgds-dropdown>\n        <button slot=\"toggler\" class=\"overflow-btn\">\n          <sgds-icon name=\"three-dots\" size=${this.size}></sgds-icon>\n        </button>\n        <slot></slot>\n      </sgds-dropdown>\n    `;\n  }\n}\n\nexport default SgdsOverflowMenu;\n"],"names":["overflowMenuStyles"],"mappings":";;;;;;;;;AAOA;;;AAGG;AACG,MAAO,gBAAiB,SAAQ,WAAW,CAAA;AAAjD,IAAA,WAAA,GAAA;;;QAS6C,IAAI,CAAA,IAAA,GAAgB,IAAI,CAAC;KAYrE;IAVC,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA,CAAA;;;AAG+B,4CAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;;;KAIlD,CAAC;KACH;;AAnBM,gBAAM,CAAA,MAAA,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAEA,QAAkB,CAA7C,CAA+C;AAC5D;AACO,gBAAA,CAAA,YAAY,GAAG;AACpB,IAAA,eAAe,EAAE,YAAY;AAC7B,IAAA,oBAAoB,EAAE,gBAAgB;AACtC,IAAA,WAAW,EAAE,QAAQ;AACtB,CAJkB,CAIjB;AAEyC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA0B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-overflow-menu.cjs.js","sources":["../../../../src/internals/OverflowMenu/sgds-overflow-menu.ts"],"sourcesContent":["import { html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport overflowMenuStyles from \"./overflow-menu.css\";\nimport { property } from \"lit/decorators.js\";\nimport { SgdsDropdown } from \"../../components/Dropdown/sgds-dropdown\";\nimport { SgdsDropdownItem } from \"../../components/Dropdown/sgds-dropdown-item\";\nimport { SgdsIcon } from \"../../components/Icon/sgds-icon\";\n/**\n * @summary An overflow menu is a UI element, often represented by three dots (⋮ or …), that opens a menu with additional actions or options.\n * @slot default - The overflow menu items. Pass in sgds-dropdown-items in this slot\n */\nexport class SgdsOverflowMenu extends SgdsElement {\n  static styles = [...SgdsElement.styles, overflowMenuStyles];\n  /** @internal */\n  static dependencies = {\n    \"sgds-dropdown\": SgdsDropdown,\n    \"sgds-dropdown-item\": SgdsDropdownItem,\n    \"sgds-icon\": SgdsIcon\n  };\n  /** Specifies a large or small button */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  render() {\n    return html`\n      <sgds-dropdown>\n        <button slot=\"toggler\" class=\"overflow-btn\">\n          <sgds-icon name=\"three-dots\" size=${this.size}></sgds-icon>\n        </button>\n        <slot></slot>\n      </sgds-dropdown>\n    `;\n  }\n}\n\nexport default SgdsOverflowMenu;\n"],"names":["SgdsElement","html","overflowMenuStyles","SgdsDropdown","SgdsDropdownItem","SgdsIcon","__decorate","property"],"mappings":";;;;;;;;;;;;;;AAOA;;;AAGG;AACG,MAAO,gBAAiB,SAAQA,sBAAW,CAAA;AAAjD,IAAA,WAAA,GAAA;;;QAS6C,IAAI,CAAA,IAAA,GAAgB,IAAI,CAAC;KAYrE;IAVC,MAAM,GAAA;AACJ,QAAA,OAAOC,QAAI,CAAA,CAAA;;;AAG+B,4CAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;;;KAIlD,CAAC;KACH;;AAnBM,gBAAM,CAAA,MAAA,GAAG,CAAC,GAAGD,sBAAW,CAAC,MAAM,EAAEE,uBAAkB,CAA7C,CAA+C;AAC5D;AACO,gBAAA,CAAA,YAAY,GAAG;AACpB,IAAA,eAAe,EAAEC,yBAAY;AAC7B,IAAA,oBAAoB,EAAEC,iCAAgB;AACtC,IAAA,WAAW,EAAEC,iBAAQ;AACtB,CAJkB,CAIjB;AAEyCC,gBAAA,CAAA;IAA1CC,sBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA0B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-overflow-menu.js","sources":["../../../../src/internals/OverflowMenu/sgds-overflow-menu.ts"],"sourcesContent":["import { html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport overflowMenuStyles from \"./overflow-menu.css\";\nimport { property } from \"lit/decorators.js\";\nimport { SgdsDropdown } from \"../../components/Dropdown/sgds-dropdown\";\nimport { SgdsDropdownItem } from \"../../components/Dropdown/sgds-dropdown-item\";\nimport { SgdsIcon } from \"../../components/Icon/sgds-icon\";\n/**\n * @summary An overflow menu is a UI element, often represented by three dots (⋮ or …), that opens a menu with additional actions or options.\n * @slot default - The overflow menu items. Pass in sgds-dropdown-items in this slot\n */\nexport class SgdsOverflowMenu extends SgdsElement {\n  static styles = [...SgdsElement.styles, overflowMenuStyles];\n  /** @internal */\n  static dependencies = {\n    \"sgds-dropdown\": SgdsDropdown,\n    \"sgds-dropdown-item\": SgdsDropdownItem,\n    \"sgds-icon\": SgdsIcon\n  };\n  /** Specifies a large or small button */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  render() {\n    return html`\n      <sgds-dropdown>\n        <button slot=\"toggler\" class=\"overflow-btn\">\n          <sgds-icon name=\"three-dots\" size=${this.size}></sgds-icon>\n        </button>\n        <slot></slot>\n      </sgds-dropdown>\n    `;\n  }\n}\n\nexport default SgdsOverflowMenu;\n"],"names":["overflowMenuStyles"],"mappings":";;;;;;;;;;AAOA;;;AAGG;AACG,MAAO,gBAAiB,SAAQ,WAAW,CAAA;AAAjD,IAAA,WAAA,GAAA;;;QAS6C,IAAI,CAAA,IAAA,GAAgB,IAAI,CAAC;KAYrE;IAVC,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA,CAAA;;;AAG+B,4CAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;;;KAIlD,CAAC;KACH;;AAnBM,gBAAM,CAAA,MAAA,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAEA,QAAkB,CAA7C,CAA+C;AAC5D;AACO,gBAAA,CAAA,YAAY,GAAG;AACpB,IAAA,eAAe,EAAE,YAAY;AAC7B,IAAA,oBAAoB,EAAE,gBAAgB;AACtC,IAAA,WAAW,EAAE,QAAQ;AACtB,CAJkB,CAIjB;AAEyC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA0B,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

package/scripts/figma/sync-figma-to-tokens/color.d.ts

@@ -1,8 +0,0 @@
-import { RGB, RGBA } from "@figma/rest-api-spec";
-/**
- * Compares two colors for approximate equality since converting between Figma RGBA objects (from 0 -> 1) and
- * hex colors can result in slight differences.
- */
-export declare function colorApproximatelyEqual(colorA: RGB | RGBA, colorB: RGB | RGBA): boolean;
-export declare function parseColor(color: string): RGB | RGBA;
-export declare function rgbToHex({ r, g, b, ...rest }: RGB | RGBA): string;

package/scripts/figma/sync-figma-to-tokens/figma_api.d.ts

@@ -1,8 +0,0 @@
-import { GetLocalVariablesResponse, PostVariablesRequestBody, PostVariablesResponse } from "@figma/rest-api-spec";
-export default class FigmaApi {
-    private baseUrl;
-    private token;
-    constructor(token: string);
-    getLocalVariables(fileKey: string): Promise<GetLocalVariablesResponse>;
-    postVariables(fileKey: string, payload: PostVariablesRequestBody): Promise<PostVariablesResponse>;
-}

package/scripts/figma/sync-figma-to-tokens/sync-figma-to-tokens.d.ts

@@ -1 +0,0 @@
-import "dotenv/config";

package/scripts/figma/sync-figma-to-tokens/token_export.d.ts

@@ -1,5 +0,0 @@
-import { GetLocalVariablesResponse } from "@figma/rest-api-spec";
-import { TokensFile } from "./token_types";
-export declare function tokenFilesFromLocalVariables(localVariablesResponse: GetLocalVariablesResponse): {
-    [fileName: string]: TokensFile;
-};

package/scripts/figma/sync-figma-to-tokens/token_types.d.ts

@@ -1,52 +0,0 @@
-/**
- * This file defines what design tokens and design token files look like in the codebase.
- *
- * Tokens are distinct from variables, in that a [token](https://tr.designtokens.org/format/#design-token)
- * is a name/value pair (with other properties), while a variable in Figma stores multiple values,
- * one for each mode.
- */
-import { VariableCodeSyntax, VariableScope } from "@figma/rest-api-spec";
-export interface Token {
-    /**
-     * The [type](https://tr.designtokens.org/format/#type-0) of the token.
-     *
-     * We allow `string` and `boolean` types in addition to the draft W3C spec's `color` and `number` types
-     * to align with the resolved types for Figma variables.
-     */
-    $type: "color" | "number" | "string" | "boolean";
-    $value: string | number | boolean;
-    $description?: string;
-    $extensions?: {
-        /**
-         * The `com.figma` namespace stores Figma-specific variable properties
-         */
-        "com.figma"?: {
-            hiddenFromPublishing?: boolean;
-            scopes?: VariableScope[];
-            codeSyntax?: VariableCodeSyntax;
-        };
-    };
-}
-export type TokenOrTokenGroup = Token | ({
-    [tokenName: string]: Token;
-} & {
-    $type?: never;
-    $value?: never;
-});
-/**
- * Defines what we expect a Design Tokens file to look like in the codebase.
- *
- * This format mostly adheres to the [draft W3C spec for Design Tokens](https://tr.designtokens.org/format/)
- * as of its most recent 24 July 2023 revision except for the $type property, for which
- * we allow `string` and `boolean` values in addition to the spec's `color` and `number` values.
- * We need to support `string` and `boolean` types to align with the resolved types for Figma variables.
- *
- * Additionally, we expect each tokens file to define tokens for a single variable collection and mode.
- * There currently isn't a way to represent modes or themes in the W3C community group design token specification.
- * Once the spec resolves how it wants to treat/handle modes, this code will be updated to reflect the new standard.
- *
- * Follow this discussion for updates: https://github.com/design-tokens/community-group/issues/210
- */
-export type TokensFile = {
-    [key: string]: TokenOrTokenGroup;
-};

package/scripts/figma/sync-figma-to-tokens/utils.d.ts

@@ -1,3 +0,0 @@
-export declare function areSetsEqual<T>(a: Set<T>, b: Set<T>): boolean;
-export declare function brightRed(msg: string): string;
-export declare function green(msg: string): string;

package/scripts/figma/sync-figma-to-tokens/write-tokens-to-css-var.d.ts

@@ -1,8 +0,0 @@
-export declare function arrangeSgdsFiles(fileName: string): string;
-export declare function saveToMap(filePath: string, map: Map<string, object>, mapKey: string): Promise<void>;
-/**
- * Converts a token name like '{sgds-dimension-320}' to a CSS var() reference.
- * Example: '{sgds-dimension-320}' => 'var(--sgds-dimension-320)'
- */
-export declare function tokenNameToCssVar(tokenName: string): string | undefined;
-export declare function tokenToCssVars(): Promise<void>;

package/src/base/card-element.d.ts

@@ -1,8 +0,0 @@
-import SgdsElement from "./sgds-element";
-export declare class CardElement extends SgdsElement {
-    static styles: import("lit").CSSResult[];
-    /** When true, hides the default border of the card. */
-    hideBorder: boolean;
-    /** When true, applies a tinted background color to the card. */
-    tinted: boolean;
-}