@govtechsg/sgds-web-component 3.3.0 → 3.3.1-rc.2

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

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