@fabric-msft/fabric-web 4.0.0-beta.1 → 5.0.0

package/dist/esm/components/tag/tag.styles.js

@@ -1,153 +1,9 @@
-import { css } from "@microsoft/fast-element";
-import { display } from "@fluentui/web-components";
-import { borderRadiusCircular, borderRadiusMedium, colorNeutralBackground3, spacingHorizontalXXS, spacingHorizontalS, spacingVerticalXXS, spacingHorizontalSNudge, colorNeutralStroke1, colorBrandBackground2, colorBrandForeground1, typographyCaption1Styles, typographyCaption2Styles, typographyBody1Styles, colorNeutralBackground1, spacingHorizontalXS, colorNeutralBackgroundDisabled, colorNeutralForegroundDisabled, colorNeutralForeground2 } from "@fluentui/web-components";
-export const styles = css `
-  ${display("block")}
-  .caption1 {
-    ${typographyCaption1Styles}
-  }
-  .caption2 {
-    ${typographyCaption2Styles}
-  }
-  .body1 {
-    ${typographyBody1Styles}
-  }
-
-  :host {
-    height: 32px;
-    width: fit-content;
-    display: inline-flex;
-    align-items: center;
-    background-color: ${colorNeutralBackground3};
-    color: ${colorNeutralForeground2};
-    border-radius: ${borderRadiusMedium};
-    border: none;
-  }
-
-  :host([size="extraSmall"]) {
-    height: 20px;
-  }
-
-  :host([size="small"]) {
-    height: 24px;
-  }
-
-  :host([shape="circular"]) {
-    border-radius: ${borderRadiusCircular};
-  }
-
-  :host([appearance="outline"]) {
-    border: 1px solid ${colorNeutralStroke1};
-    background-color: unset;
-  }
-
-  :host([appearance="brand"]) {
-    background-color: ${colorBrandBackground2};
-    color: ${colorBrandForeground1};
-  }
-
-  :host([appearance="brand"]) fluent-button.dismissButton {
-    color: ${colorBrandForeground1};
-  }
-
-  :host([disabled]) {
-    color: ${colorNeutralForegroundDisabled};
-  }
-
-  :host([disabled]) ::slotted(*) {
-    color: ${colorNeutralForegroundDisabled};
-  }
-
-  fluent-button.dismissButton {
-    min-width: unset;
-    padding: 0px;
-    min-height: unset;
-    margin-left: 0px;
-    margin-right: ${spacingHorizontalSNudge};
-  }
-
-  :host([disabled]) fluent-button.dismissButton {
-    color: ${colorNeutralForegroundDisabled};
-  }
-  :host([size="extraSmall"]) fluent-button.dismissButton {
-    width: 12px;
-  }
-
-  :host([size="extraSmall"]) fluent-button.dismissButton svg {
-    height: 12px;
-  }
+import { css } from '@microsoft/fast-element';
+import { display, typographyCaption1Styles, typographyCaption2Styles, typographyBody1Styles, colorNeutralBackground3, colorNeutralForeground2, borderRadiusMedium, borderRadiusCircular, strokeWidthThin, colorNeutralStroke1, colorBrandBackground2, colorBrandForeground1, colorNeutralForegroundDisabled, spacingHorizontalNone, spacingHorizontalSNudge, spacingHorizontalXXS, spacingVerticalXXS, spacingHorizontalS, spacingHorizontalXS, spacingVerticalXXL, spacingVerticalXS, colorNeutralBackground1, colorNeutralBackgroundDisabled } from '@fluentui/web-components';
+import { sizeVerticalXXXL, sizeVerticalXL, sizeVerticalXXL, sizeHorizontalM, sizeVerticalM, sizeHorizontalL, sizeVerticalL } from '@fabric-msft/theme';
 
-  :host([size="small"]) fluent-button.dismissButton {
-    width: 16px;
-  }
-
-  :host([size="small"]) fluent-button.dismissButton svg {
-    height: 16px;
-  }
-
-  .container {
-    display: flex;
-    align-items: center;
-  }
-
-  .content {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-
-  .textContent {
-    display: flex;
-    flex-direction: column;
-    padding: 0 ${spacingHorizontalXXS};
-    padding-bottom: ${spacingVerticalXXS};
-    margin: ${spacingVerticalXXS} ${spacingHorizontalS};
-  }
-
-  :host(.hasLeadingIcon) .textContent {
-    margin-inline-start: ${spacingHorizontalXS};
-  }
-
-  :host([dismissButton]) .textContent {
-    margin-right: ${spacingHorizontalXS};
-  }
-
-  ::slotted([slot="leadingIcon"]) {
-    margin-right: 0px;
-    margin-left: ${spacingHorizontalS};
-    display: flex;
-    align-items: center;
-  }
-
-  :host([size="small"]) ::slotted([slot="leadingIcon"]),
-  :host([size="extraSmall"]) ::slotted([slot="leadingIcon"]) {
-    margin-left: ${spacingHorizontalSNudge};
-  }
-
-  ::slotted([slot="image"]) {
-    margin: ${spacingHorizontalXXS};
-    margin-right: 0px;
-    display: flex;
-    align-items: center;
-    height: 28px;
-  }
-
-  :host([size="small"]) ::slotted([slot="image"]) {
-    height: 20px;
-  }
-
-  :host([size="extraSmall"]) ::slotted([slot="image"]) {
-    height: 16px;
-  }
-
-  :host([appearance="brand"]) ::slotted([slot="image"]) {
-    background-color: ${colorBrandForeground1};
-    color: ${colorNeutralBackground1};
-  }
+const styles = css`
+  ${display("block")}
+  .caption1{${typographyCaption1Styles}}.caption2{${typographyCaption2Styles}}.body1{${typographyBody1Styles}}:host{height:${sizeVerticalXXXL};width:fit-content;display:inline-flex;align-items:center;background-color:${colorNeutralBackground3};color:${colorNeutralForeground2};border-radius:${borderRadiusMedium};border:none}:host([size="extraSmall"]){height:${sizeVerticalXL}}:host([size="small"]){height:${sizeVerticalXXL}}:host([shape="circular"]){border-radius:${borderRadiusCircular}}:host([appearance="outline"]){border:${strokeWidthThin} solid ${colorNeutralStroke1};background-color:unset}:host([appearance="brand"]){background-color:${colorBrandBackground2};color:${colorBrandForeground1}}:host([appearance="brand"]) fluent-button.dismissButton{color:${colorBrandForeground1}}:host([disabled]){color:${colorNeutralForegroundDisabled}}:host([disabled]) ::slotted(*){color:${colorNeutralForegroundDisabled}}fluent-button.dismissButton{min-width:unset;padding:${spacingHorizontalNone};min-height:unset;margin-inline-start:${spacingHorizontalNone};margin-inline-end:${spacingHorizontalSNudge}}:host([disabled]) fluent-button.dismissButton{color:${colorNeutralForegroundDisabled}}:host([size="extraSmall"]) fluent-button.dismissButton{width:${sizeHorizontalM}}:host([size="extraSmall"]) fluent-button.dismissButton svg{height:${sizeVerticalM}}:host([size="small"]) fluent-button.dismissButton{width:${sizeHorizontalL}}:host([size="small"]) fluent-button.dismissButton svg{height:${sizeVerticalL}}.container{display:flex;align-items:center}.content{display:flex;flex-direction:row;align-items:center}.textContent{display:flex;flex-direction:column;padding:0 ${spacingHorizontalXXS};padding-bottom:${spacingVerticalXXS};margin:${spacingVerticalXXS} ${spacingHorizontalS}}:host(.hasLeadingIcon) .textContent{margin-inline-start:${spacingHorizontalXS}}:host([dismissButton]) .textContent{margin-inline-end:${spacingHorizontalXS}}::slotted([slot="leadingIcon"]){margin-inline-end:${spacingHorizontalNone};margin-inline-start:${spacingHorizontalS};display:flex;align-items:center}:host([size="small"]) ::slotted([slot="leadingIcon"]),:host([size="extraSmall"]) ::slotted([slot="leadingIcon"]){margin-inline-start:${spacingHorizontalSNudge}}::slotted([slot="image"]){margin:${spacingHorizontalXXS};margin-inline-end:${spacingHorizontalNone};display:flex;align-items:center;height:calc(${spacingVerticalXXL} + ${spacingVerticalXS})}:host([size="small"]) ::slotted([slot="image"]){height:${sizeVerticalXL}}:host([size="extraSmall"]) ::slotted([slot="image"]){height:${sizeVerticalL}}:host([appearance="brand"]) ::slotted([slot="image"]){background-color:${colorBrandForeground1};color:${colorNeutralBackground1}}:host([disabled][appearance="brand"]) ::slotted([slot="image"]){background-color:${colorNeutralForegroundDisabled};color:${colorNeutralBackgroundDisabled}}`;
 
-  :host([disabled][appearance="brand"]) ::slotted([slot="image"]) {
-    background-color: ${colorNeutralForegroundDisabled};
-    color: ${colorNeutralBackgroundDisabled};
-  }
-`;
-//# sourceMappingURL=tag.styles.js.map
+export { styles };

package/dist/esm/components/tag/tag.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.styles.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACxB,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;MAEd,wBAAwB;;;MAGxB,wBAAwB;;;MAGxB,qBAAqB;;;;;;;;wBAQH,uBAAuB;aAClC,uBAAuB;qBACf,kBAAkB;;;;;;;;;;;;;qBAalB,oBAAoB;;;;wBAIjB,mBAAmB;;;;;wBAKnB,qBAAqB;aAChC,qBAAqB;;;;aAIrB,qBAAqB;;;;aAIrB,8BAA8B;;;;aAI9B,8BAA8B;;;;;;;;oBAQvB,uBAAuB;;;;aAI9B,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAgC1B,oBAAoB;sBACf,kBAAkB;cAC1B,kBAAkB,IAAI,kBAAkB;;;;2BAI3B,mBAAmB;;;;oBAI1B,mBAAmB;;;;;mBAKpB,kBAAkB;;;;;;;mBAOlB,uBAAuB;;;;cAI5B,oBAAoB;;;;;;;;;;;;;;;;wBAgBV,qBAAqB;aAChC,uBAAuB;;;;wBAIZ,8BAA8B;aACzC,8BAA8B;;CAE1C,CAAC"}
+{"version":3,"file":"tag.styles.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,eAAe,EACf,aAAa,EACb,aAAa,EACb,cAAc,EACd,eAAe,EACf,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;MAEd,wBAAwB;;;MAGxB,wBAAwB;;;MAGxB,qBAAqB;;;;cAIb,gBAAgB;;;;wBAIN,uBAAuB;aAClC,uBAAuB;qBACf,kBAAkB;;;;;cAKzB,cAAc;;;;cAId,eAAe;;;;qBAIR,oBAAoB;;;;cAI3B,eAAe,UAAU,mBAAmB;;;;;wBAKlC,qBAAqB;aAChC,qBAAqB;;;;aAIrB,qBAAqB;;;;aAIrB,8BAA8B;;;;aAI9B,8BAA8B;;;;;eAK5B,qBAAqB;;2BAET,qBAAqB;yBACvB,uBAAuB;;;;aAInC,8BAA8B;;;aAG9B,eAAe;;;;cAId,aAAa;;;;aAId,eAAe;;;;cAId,aAAa;;;;;;;;;;;;;;;;;iBAiBV,oBAAoB;sBACf,kBAAkB;cAC1B,kBAAkB,IAAI,kBAAkB;;;;2BAI3B,mBAAmB;;;;yBAIrB,mBAAmB;;;;yBAInB,qBAAqB;2BACnB,kBAAkB;;;;;;;2BAOlB,uBAAuB;;;;cAIpC,oBAAoB;yBACT,qBAAqB;;;mBAG3B,kBAAkB,MAAM,iBAAiB;;;;cAI9C,cAAc;;;;cAId,aAAa;;;;wBAIH,qBAAqB;aAChC,uBAAuB;;;;wBAIZ,8BAA8B;aACzC,8BAA8B;;CAE1C,CAAC"}

package/dist/esm/components/tag/tag.template.js

@@ -1,63 +1,13 @@
-import { html, slotted, when } from "@microsoft/fast-element";
-const dismissSVG = html `
-  <svg
-    width="21"
-    height="20"
-    viewBox="0 0 21 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M4.58859 4.21569L4.64645 4.14645C4.82001 3.97288 5.08944 3.9536 5.28431 4.08859L5.35355 4.14645L10.5 9.293L15.6464 4.14645C15.82 3.97288 16.0894 3.9536 16.2843 4.08859L16.3536 4.14645C16.5271 4.32001 16.5464 4.58944 16.4114 4.78431L16.3536 4.85355L11.207 10L16.3536 15.1464C16.5271 15.32 16.5464 15.5894 16.4114 15.7843L16.3536 15.8536C16.18 16.0271 15.9106 16.0464 15.7157 15.9114L15.6464 15.8536L10.5 10.707L5.35355 15.8536C5.17999 16.0271 4.91056 16.0464 4.71569 15.9114L4.64645 15.8536C4.47288 15.68 4.4536 15.4106 4.58859 15.2157L4.64645 15.1464L9.793 10L4.64645 4.85355C4.47288 4.67999 4.4536 4.41056 4.58859 4.21569L4.64645 4.14645L4.58859 4.21569Z"
-      fill="currentColor"
-    />
-  </svg>
-`;
+import { html, slotted, when, ref } from '@microsoft/fast-element';
+
+const dismissSVG = html`<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.58859 4.21569L4.64645 4.14645C4.82001 3.97288 5.08944 3.9536 5.28431 4.08859L5.35355 4.14645L10.5 9.293L15.6464 4.14645C15.82 3.97288 16.0894 3.9536 16.2843 4.08859L16.3536 4.14645C16.5271 4.32001 16.5464 4.58944 16.4114 4.78431L16.3536 4.85355L11.207 10L16.3536 15.1464C16.5271 15.32 16.5464 15.5894 16.4114 15.7843L16.3536 15.8536C16.18 16.0271 15.9106 16.0464 15.7157 15.9114L15.6464 15.8536L10.5 10.707L5.35355 15.8536C5.17999 16.0271 4.91056 16.0464 4.71569 15.9114L4.64645 15.8536C4.47288 15.68 4.4536 15.4106 4.58859 15.2157L4.64645 15.1464L9.793 10L4.64645 4.85355C4.47288 4.67999 4.4536 4.41056 4.58859 4.21569L4.64645 4.14645L4.58859 4.21569Z" fill="currentColor" /></svg>`;
 /**
  * The template for the {@link @fabric-msft/fabric-web#(Tag:class)} component.
  * @public
  */
-export function tagTemplate() {
-    return html `
-    <template>
-      <div
-        class="container"
-        part="container"
-        aria-disabled=${(x) => x.disabled}
-      >
-        <slot name="image" class="image" part="image"></slot>
-        <div class="content" part="content">
-          <slot name="leadingIcon" ${slotted("leadingIconSlotted")}></slot>
-          <div class="textContent" part="textContent">
-            <slot
-              name="text"
-              class="textPrimary ${(x) => x.textSizePrimary}"
-              ${slotted("textPrimarySlotted")}
-            ></slot>
-            <slot
-              name="textSecondary"
-              class="textSecondary caption2"
-              ${slotted("textSecondarySlotted")}
-            ></slot>
-            <slot></slot>
-          </div>
-
-          ${when((x) => x.dismissButton, html `
-              <fluent-button
-                class="dismissButton"
-                part="dismissButton"
-                @click=${(x) => x.emitDismissEvent()}
-                appearance="subtle"
-                ?disabled=${(x) => x.disabled}
-                aria-label="${(x) => x.textPrimaryContent}"
-              >
-                <slot name="dismissIcon">${dismissSVG}</slot>
-              </fluent-button>
-            `)}
-        </div>
-      </div>
-    </template>
-  `;
+function tagTemplate() {
+  return html`<template><div class="container" part="container" aria-disabled=${x => x.disabled}><slot name="image" class="image" part="image"></slot><div class="content" part="content"><slot name="leadingIcon" ${slotted("leadingIconSlotted")}></slot><div class="textContent" part="textContent"><slot name="text" class="textPrimary ${x => x.textSizePrimary}" ${slotted("textPrimarySlotted")}></slot><slot name="textSecondary" class="textSecondary caption2" ${slotted("textSecondarySlotted")}></slot><slot></slot></div>${when(x => x.dismissButton, html`<fluent-button class="dismissButton" part="dismissButton" ${ref("dismissButtonRef")} appearance="subtle" ?disabled=${x => x.disabled} aria-label="${x => x.textPrimaryContent}"><slot name="dismissIcon">${dismissSVG}</slot></fluent-button>`)}</div></div></template>`;
 }
-export const template = tagTemplate();
-//# sourceMappingURL=tag.template.js.map
+const template = tagTemplate();
+
+export { tagTemplate, template };

package/dist/esm/components/tag/tag.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.template.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/tag.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,IAAI,EACJ,OAAO,EACP,IAAI,EACL,MAAM,yBAAyB,CAAC;AAGjC,MAAM,UAAU,GAAG,IAAI,CAAA;;;;;;;;;;;;;CAatB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,WAAW;IACzB,OAAO,IAAI,CAAG;;;;;wBAKQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;qCAIJ,OAAO,CAAC,oBAAoB,CAAC;;;;mCAI/B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe;gBAC3C,OAAO,CAAC,oBAAoB,CAAC;;;;;gBAK7B,OAAO,CAAC,sBAAsB,CAAC;;;;;YAKnC,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,EACtB,IAAI,CAAA;;;;yBAIS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE;;4BAExB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;8BACf,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB;;2CAEd,UAAU;;aAExC,CACF;;;;GAIR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAA6B,WAAW,EAAE,CAAC"}
+{"version":3,"file":"tag.template.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/tag.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAInE,MAAM,UAAU,GAAG,IAAI,CAAA;;;;;;;;;;;;;CAatB,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,WAAW;IACzB,OAAO,IAAI,CAAG;;;;;wBAKQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;;;;qCAIJ,OAAO,CAAC,oBAAoB,CAAC;;;;mCAI/B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe;gBAC3C,OAAO,CAAC,oBAAoB,CAAC;;;;;gBAK7B,OAAO,CAAC,sBAAsB,CAAC;;;;;YAKnC,IAAI,CACJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,EACtB,IAAI,CAAA;;;;kBAIE,GAAG,CAAC,kBAAkB,CAAC;;4BAEb,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;8BACf,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB;;2CAEd,UAAU;;aAExC,CACF;;;;GAIR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAA6B,WAAW,EAAE,CAAC"}

package/dist/esm/components/teaching-bubble/define.js

@@ -1,4 +1,4 @@
-import { definition } from "./teaching-bubble.definition";
-import { DesignSystem } from "../design-system";
+import { definition } from "./teaching-bubble.definition.js";
+import { DesignSystem } from "../design-system.js";
 definition.define(DesignSystem.registry);
 //# sourceMappingURL=define.js.map

package/dist/esm/components/teaching-bubble/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/teaching-bubble/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/teaching-bubble/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/components/teaching-bubble/index.js

@@ -1,6 +1,6 @@
-export { TeachingBubble } from "./teaching-bubble";
-export { definition as TeachingBubbleDefinition } from "./teaching-bubble.definition";
-export { template as TeachingBubbleTemplate } from "./teaching-bubble.template";
-export { styles as TeachingBubbleStyles } from "./teaching-bubble.styles";
-export { TeachingBubbleSize, TeachingBubblePlacement, TeachingBubbleEventNames } from "./teaching-bubble.options";
+export { TeachingBubble } from "./teaching-bubble.js";
+export { definition as TeachingBubbleDefinition } from "./teaching-bubble.definition.js";
+export { template as TeachingBubbleTemplate } from "./teaching-bubble.template.js";
+export { styles as TeachingBubbleStyles } from "./teaching-bubble.styles.js";
+export { TeachingBubbleSizes, TeachingBubblePlacements, TeachingBubbleEventNames } from "./teaching-bubble.options.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/teaching-bubble/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/teaching-bubble/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACtF,OAAO,EAAE,QAAQ,IAAI,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,EACzB,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/teaching-bubble/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,UAAU,IAAI,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,QAAQ,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,8BAA8B,CAAC"}

package/dist/esm/components/teaching-bubble/teaching-bubble.definition.js

@@ -1,19 +1,21 @@
-import { DesignSystem } from "../design-system";
-import { TeachingBubble } from "./teaching-bubble";
-import { styles } from "./teaching-bubble.styles";
-import { template } from "./teaching-bubble.template";
+import { DesignSystem } from '../design-system.js';
+import { TeachingBubble } from './teaching-bubble.js';
+import { styles } from './teaching-bubble.styles.js';
+import { template } from './teaching-bubble.template.js';
+
 /**
  *
  * @public
  * @remarks
  * HTML Element: <fabric-teaching-bubble>
  */
-export const definition = TeachingBubble.compose({
-    name: `${DesignSystem.prefix}-teaching-bubble`,
-    template,
-    styles,
-    shadowOptions: {
-        mode: DesignSystem.shadowRootMode
-    }
+const definition = TeachingBubble.compose({
+  name: `${DesignSystem.prefix}-teaching-bubble`,
+  template,
+  styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
 });
-//# sourceMappingURL=teaching-bubble.definition.js.map
+
+export { definition };

package/dist/esm/components/teaching-bubble/teaching-bubble.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"teaching-bubble.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/teaching-bubble/teaching-bubble.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;IAC/C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,kBAAkB;IAC9C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"teaching-bubble.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/teaching-bubble/teaching-bubble.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;IAC/C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,kBAAkB;IAC9C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}