@fluentui/web-components 3.0.0-rc.15 → 3.0.0-rc.16

package/dist/esm/switch/switch.styles.js

@@ -1,7 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { checkedState } from '../styles/states/index.js';
 import { borderRadiusCircular, colorCompoundBrandBackground, colorCompoundBrandBackgroundHover, colorCompoundBrandBackgroundPressed, colorNeutralBackgroundDisabled, colorNeutralForeground3, colorNeutralForeground3Hover, colorNeutralForeground3Pressed, colorNeutralForegroundDisabled, colorNeutralForegroundInverted, colorNeutralForegroundInvertedHover, colorNeutralForegroundInvertedPressed, colorNeutralStrokeAccessible, colorNeutralStrokeAccessibleHover, colorNeutralStrokeAccessiblePressed, colorNeutralStrokeDisabled, colorStrokeFocus2, colorTransparentBackground, colorTransparentStroke, curveEasyEase, durationNormal, shadow4, spacingHorizontalXXS, strokeWidthThick, } from '../theme/design-tokens.js';
-import { forcedColorsStylesheetBehavior } from '../utils/behaviors/match-media-stylesheet-behavior.js';
 import { display } from '../utils/display.js';
 export const styles = css `
   ${display('inline-flex')}
@@ -98,7 +97,8 @@ export const styles = css `
     outline-offset: 1px;
     box-shadow: ${shadow4}, 0 0 0 2px ${colorStrokeFocus2};
   }
-`.withBehaviors(forcedColorsStylesheetBehavior(css `
+
+  @media (forced-colors: active) {
     :host {
       border-color: InactiveBorder;
     }
@@ -122,5 +122,6 @@ export const styles = css `
     :host(${checkedState}:disabled) .checked-indicator {
       background-color: GrayText;
     }
-  `));
+  }
+`;
 //# sourceMappingURL=switch.styles.js.map

package/dist/esm/switch/switch.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.styles.js","sourceRoot":"","sources":["../../../src/switch/switch.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,EAC9B,mCAAmC,EACnC,qCAAqC,EACrC,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,iBAAiB,EACjB,0BAA0B,EAC1B,sBAAsB,EACtB,aAAa,EACb,cAAc,EACd,OAAO,EACP,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;iBAST,oBAAoB;;;wBAGb,0BAA0B;wBAC1B,4BAA4B;qBAC/B,oBAAoB;;;;;;;;;oBASrB,iCAAiC;;;oBAGjC,mCAAmC;;;;wBAI/B,0BAA0B;;;;UAIxC,YAAY;kBACJ,4BAA4B;oBAC1B,4BAA4B;;UAEtC,YAAY;kBACJ,iCAAiC;oBAC/B,iCAAiC;;UAE3C,YAAY;kBACJ,mCAAmC;oBACjC,mCAAmC;;UAE7C,YAAY;kBACJ,8BAA8B;oBAC5B,0BAA0B;;;;;;;wBAOtB,uBAAuB;2BACpB,cAAc;kCACP,aAAa;;;UAGrC,YAAY;wBACE,8BAA8B;;;UAG5C,YAAY;kBACJ,mCAAmC;;UAE3C,YAAY;kBACJ,qCAAqC;;;wBAG/B,4BAA4B;;;wBAG5B,8BAA8B;;;;kBAIpC,8BAA8B;;UAEtC,YAAY;kBACJ,8BAA8B;;;;;;;;oBAQ5B,sBAAsB;eAC3B,gBAAgB,UAAU,sBAAsB;;kBAE7C,OAAO,eAAe,iBAAiB;;CAExD,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;YAIxB,YAAY;YACZ,YAAY;YACZ,YAAY;;;;;;;;;YASZ,YAAY;YACZ,YAAY;YACZ,YAAY;;;;YAIZ,YAAY;;;GAGrB,CAAC,CACH,CAAC"}
+{"version":3,"file":"switch.styles.js","sourceRoot":"","sources":["../../../src/switch/switch.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,8BAA8B,EAC9B,mCAAmC,EACnC,qCAAqC,EACrC,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,iBAAiB,EACjB,0BAA0B,EAC1B,sBAAsB,EACtB,aAAa,EACb,cAAc,EACd,OAAO,EACP,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;iBAST,oBAAoB;;;wBAGb,0BAA0B;wBAC1B,4BAA4B;qBAC/B,oBAAoB;;;;;;;;;oBASrB,iCAAiC;;;oBAGjC,mCAAmC;;;;wBAI/B,0BAA0B;;;;UAIxC,YAAY;kBACJ,4BAA4B;oBAC1B,4BAA4B;;UAEtC,YAAY;kBACJ,iCAAiC;oBAC/B,iCAAiC;;UAE3C,YAAY;kBACJ,mCAAmC;oBACjC,mCAAmC;;UAE7C,YAAY;kBACJ,8BAA8B;oBAC5B,0BAA0B;;;;;;;wBAOtB,uBAAuB;2BACpB,cAAc;kCACP,aAAa;;;UAGrC,YAAY;wBACE,8BAA8B;;;UAG5C,YAAY;kBACJ,mCAAmC;;UAE3C,YAAY;kBACJ,qCAAqC;;;wBAG/B,4BAA4B;;;wBAG5B,8BAA8B;;;;kBAIpC,8BAA8B;;UAEtC,YAAY;kBACJ,8BAA8B;;;;;;;;oBAQ5B,sBAAsB;eAC3B,gBAAgB,UAAU,sBAAsB;;kBAE7C,OAAO,eAAe,iBAAiB;;;;;;;YAO7C,YAAY;YACZ,YAAY;YACZ,YAAY;;;;;;;;;YASZ,YAAY;YACZ,YAAY;YACZ,YAAY;;;;YAIZ,YAAY;;;;CAIvB,CAAC"}

package/dist/esm/switch/switch.template.js

@@ -1,5 +1,5 @@
 import { html } from '@microsoft/fast-element';
-import { staticallyCompose } from '../utils/index.js';
+import { staticallyCompose } from '../utils/template-helpers.js';
 export function switchTemplate(options = {}) {
     return html `
     <template

package/dist/esm/switch/switch.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.template.js","sourceRoot":"","sources":["../../../src/switch/switch.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,MAAM,UAAU,cAAc,CAAmB,UAAyB,EAAE;IAC1E,OAAO,IAAI,CAAG;;gBAEA,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;gBAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;kBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;gBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAsB,CAAC;;4BAEtC,iBAAiB,CAAC,OAAO,CAAC,MAAM,CAAC;;GAE1D,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,CAAC;IAClE,MAAM,EAAE,kEAAkE;CAC3E,CAAC,CAAC"}
+{"version":3,"file":"switch.template.js","sourceRoot":"","sources":["../../../src/switch/switch.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAGjE,MAAM,UAAU,cAAc,CAAmB,UAAyB,EAAE;IAC1E,OAAO,IAAI,CAAG;;gBAEA,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;gBAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;kBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;gBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAsB,CAAC;;4BAEtC,iBAAiB,CAAC,OAAO,CAAC,MAAM,CAAC;;GAE1D,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAgC,cAAc,CAAC;IAClE,MAAM,EAAE,kEAAkE;CAC3E,CAAC,CAAC"}

package/dist/esm/tab/index.d.ts

@@ -4,3 +4,4 @@ export { Tab } from './tab.js';
 export type { TabOptions } from './tab.js';
 export { styles as TabStyles } from './tab.styles.js';
 export { template as TabTemplate } from './tab.template.js';
+export { tagName as TabTagName } from './tab.options.js';

package/dist/esm/tab/index.js

@@ -3,4 +3,5 @@ export { isTab } from './tab.options.js';
 export { Tab } from './tab.js';
 export { styles as TabStyles } from './tab.styles.js';
 export { template as TabTemplate } from './tab.template.js';
+export { tagName as TabTagName } from './tab.options.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/tab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/esm/tab/tab.d.ts

@@ -19,6 +19,7 @@ export declare class Tab extends FASTElement {
      * HTML Attribute: disabled
      */
     disabled: boolean;
+    protected disabledChanged(prev: boolean, next: boolean): void;
     /**
      * Internal text content stylesheet, used to set the content of the `::after`
      * pseudo element to prevent layout shift when the font weight changes on selection.
@@ -33,6 +34,7 @@ export declare class Tab extends FASTElement {
     elementInternals: ElementInternals;
     constructor();
     connectedCallback(): void;
+    private setDisabledSideEffect;
 }
 export interface Tab extends StartEnd {
 }

package/dist/esm/tab/tab.definition.js

@@ -1,9 +1,9 @@
-import { FluentDesignSystem } from '../fluent-design-system.js';
+import { tagName } from './tab.options.js';
 import { Tab } from './tab.js';
 import { template } from './tab.template.js';
 import { styles } from './tab.styles.js';
 export const definition = Tab.compose({
-    name: `${FluentDesignSystem.prefix}-tab`,
+    name: tagName,
     template,
     styles,
 });

package/dist/esm/tab/tab.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.definition.js","sourceRoot":"","sources":["../../../src/tab/tab.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,MAAM;IACxC,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
+{"version":3,"file":"tab.definition.js","sourceRoot":"","sources":["../../../src/tab/tab.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,IAAI,EAAE,OAAO;IACb,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}

package/dist/esm/tab/tab.js

@@ -8,6 +8,9 @@ import { applyMixins } from '../utils/apply-mixins.js';
  * @tag fluent-tab
  */
 export class Tab extends FASTElement {
+    disabledChanged(prev, next) {
+        this.setDisabledSideEffect(next);
+    }
     constructor() {
         super();
         /**
@@ -21,9 +24,7 @@ export class Tab extends FASTElement {
     connectedCallback() {
         super.connectedCallback();
         this.slot ||= 'tab';
-        if (this.disabled) {
-            this.setAttribute('aria-disabled', 'true');
-        }
+        this.setDisabledSideEffect(this.disabled);
         if (this.styles) {
             this.$fastController.removeStyles(this.styles);
         }
@@ -34,6 +35,15 @@ export class Tab extends FASTElement {
     `;
         this.$fastController.addStyles(this.styles);
     }
+    setDisabledSideEffect(disabled) {
+        if (disabled) {
+            this.setAttribute('aria-disabled', 'true');
+        }
+        else {
+            this.removeAttribute('aria-disabled');
+        }
+        this.tabIndex = disabled && this.getAttribute('aria-selected') !== 'true' ? -1 : 0;
+    }
 }
 __decorate([
     attr({ mode: 'boolean' })

package/dist/esm/tab/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/tab/tab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAsB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAQvD;;;;GAIG;AACH,MAAM,OAAO,GAAI,SAAQ,WAAW;IAwBlC;QACE,KAAK,EAAE,CAAC;QARV;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAKjE,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,KAAK,CAAC;IACrC,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC;QAEpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAC7C,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,GAAG,CAAA;;0BAEK,IAAI,CAAC,WAAkB;;KAE5C,CAAC;QAEF,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;CACF;AA3CQ;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;qCACA;AA+C5B,WAAW,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/tab/tab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAsB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAQvD;;;;GAIG;AACH,MAAM,OAAO,GAAI,SAAQ,WAAW;IASxB,eAAe,CAAC,IAAa,EAAE,IAAa;QACpD,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAgBD;QACE,KAAK,EAAE,CAAC;QARV;;;;WAIG;QACI,qBAAgB,GAAqB,IAAI,CAAC,eAAe,EAAE,CAAC;QAKjE,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,KAAK,CAAC;IACrC,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC;QAEpB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE1C,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,GAAG,CAAA;;0BAEK,IAAI,CAAC,WAAqB;;KAE/C,CAAC;QAEF,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAEO,qBAAqB,CAAC,QAAiB;QAC7C,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QACxC,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrF,CAAC;CACF;AArDQ;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;qCACA;AAyD5B,WAAW,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC"}

package/dist/esm/tab/tab.options.d.ts

@@ -8,3 +8,9 @@ import type { Tab } from './tab.js';
  * @public
  */
 export declare function isTab(element?: Node | null, tagName?: string): element is Tab;
+/**
+ * The tag name for the tab element.
+ *
+ * @public
+ */
+export declare const tagName: "fluent-tab";

package/dist/esm/tab/tab.options.js

@@ -1,3 +1,4 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
 /**
  * Predicate function that determines if the element should be considered a tab.
  *
@@ -12,4 +13,10 @@ export function isTab(element, tagName = '-tab') {
     }
     return element.tagName.toLowerCase().endsWith(tagName);
 }
+/**
+ * The tag name for the tab element.
+ *
+ * @public
+ */
+export const tagName = `${FluentDesignSystem.prefix}-tab`;
 //# sourceMappingURL=tab.options.js.map

package/dist/esm/tab/tab.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.options.js","sourceRoot":"","sources":["../../../src/tab/tab.options.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK,CAAC,OAAqB,EAAE,UAAkB,MAAM;IACnE,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACtE,CAAC"}
+{"version":3,"file":"tab.options.js","sourceRoot":"","sources":["../../../src/tab/tab.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK,CAAC,OAAqB,EAAE,UAAkB,MAAM;IACnE,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACtE,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,kBAAkB,CAAC,MAAM,MAAe,CAAC"}

package/dist/esm/tab/tab.styles.js

@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { display, forcedColorsStylesheetBehavior } from '../utils/index.js';
+import { display } from '../utils/display.js';
 import { borderRadiusCircular, borderRadiusMedium, borderRadiusSmall, colorCompoundBrandStroke, colorNeutralForeground1, colorNeutralForeground2, colorNeutralForegroundDisabled, colorNeutralStroke1Hover, colorStrokeFocus1, colorStrokeFocus2, fontFamilyBase, fontSizeBase300, fontWeightSemibold, lineHeightBase300, spacingHorizontalM, spacingHorizontalMNudge, } from '../theme/design-tokens.js';
 export const styles = css `
   ${display('inline-flex')}
@@ -59,6 +59,23 @@ export const styles = css `
     z-index: 1;
   }
 
+  /*
+   * TODO: Remove '(text-size-adjust: auto)' after this bug is fixed:
+   * https://bugs.webkit.org/show_bug.cgi?id=298646
+   * Also remove the same trick from tablist.styles.ts.
+   * Using '@supports (text-size-adjust: auto)' here to exclude Safari 26 from
+   * using CSS Anchor Positioning here because it crashes.
+   */
+  @supports (anchor-name: --a) and (text-size-adjust: auto) {
+    :host([aria-selected='true'])::after {
+      background-color: transparent;
+    }
+
+    :host([aria-selected='true']:hover)::after {
+      background-color: ${colorNeutralStroke1Hover};
+    }
+  }
+
   :host([aria-selected='true'][disabled])::after {
     background-color: ${colorNeutralForegroundDisabled};
   }
@@ -71,6 +88,7 @@ export const styles = css `
     cursor: not-allowed;
     fill: ${colorNeutralForegroundDisabled};
     color: ${colorNeutralForegroundDisabled};
+    pointer-events: none;
   }
 
   :host([disabled]:hover)::after {
@@ -95,9 +113,11 @@ export const styles = css `
   :host([data-hasIndent]) .tab-content {
     grid-column: 2;
   }
-`.withBehaviors(forcedColorsStylesheetBehavior(css `
+
+  @media (forced-colors: active) {
     :host([aria-selected='true'])::after {
       background-color: Highlight;
     }
-  `));
+  }
+`;
 //# sourceMappingURL=tab.styles.js.map

package/dist/esm/tab/tab.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.styles.js","sourceRoot":"","sources":["../../../src/tab/tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,wBAAwB,EACxB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;mBASP,iBAAiB;mBACjB,cAAc;iBAChB,eAAe;aACnB,uBAAuB;;;eAGrB,kBAAkB,IAAI,uBAAuB;qBACvC,kBAAkB;;;;;;;;;;aAU1B,uBAAuB;mBACjB,kBAAkB;;;;;;;;mBAQlB,iBAAiB;mBACjB,kBAAkB;;;;wBAIb,wBAAwB;qBAC3B,oBAAoB;;;;;;;;wBAQjB,wBAAwB;qBAC3B,oBAAoB;;;;;;;;wBAQjB,8BAA8B;;;;;;;;;YAS1C,8BAA8B;aAC7B,8BAA8B;;;;;;;;;;;;qBAYtB,iBAAiB;4BACV,iBAAiB;yBACpB,iBAAiB;;;;;;;;;;;CAWzC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;GAIjC,CAAC,CACH,CAAC"}
+{"version":3,"file":"tab.styles.js","sourceRoot":"","sources":["../../../src/tab/tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,wBAAwB,EACxB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;mBASP,iBAAiB;mBACjB,cAAc;iBAChB,eAAe;aACnB,uBAAuB;;;eAGrB,kBAAkB,IAAI,uBAAuB;qBACvC,kBAAkB;;;;;;;;;;aAU1B,uBAAuB;mBACjB,kBAAkB;;;;;;;;mBAQlB,iBAAiB;mBACjB,kBAAkB;;;;wBAIb,wBAAwB;qBAC3B,oBAAoB;;;;;;;;wBAQjB,wBAAwB;qBAC3B,oBAAoB;;;;;;;;;;;;;;;;;;;;0BAoBf,wBAAwB;;;;;wBAK1B,8BAA8B;;;;;;;;;YAS1C,8BAA8B;aAC7B,8BAA8B;;;;;;;;;;;;;qBAatB,iBAAiB;4BACV,iBAAiB;yBACpB,iBAAiB;;;;;;;;;;;;;;;;;CAiBzC,CAAC"}

package/dist/esm/tab/tab.template.js

@@ -1,8 +1,8 @@
 import { html } from '@microsoft/fast-element';
-import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
+import { endSlotTemplate, startSlotTemplate } from '../patterns/start-end.js';
 export function tabTemplate(options = {}) {
     return html `
-    <template slot="tab" role="tab" aria-disabled="${x => x.disabled}">
+    <template slot="tab" role="tab">
       ${startSlotTemplate(options)}
       <span class="tab-content"><slot></slot></span>
       ${endSlotTemplate(options)}

package/dist/esm/tab/tab.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.template.js","sourceRoot":"","sources":["../../../src/tab/tab.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,MAAM,UAAU,WAAW,CAAgB,UAAsB,EAAE;IACjE,OAAO,IAAI,CAAG;qDACqC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;QAC5D,iBAAiB,CAAC,OAAO,CAAC;;QAE1B,eAAe,CAAC,OAAO,CAAC;;GAE7B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC"}
+{"version":3,"file":"tab.template.js","sourceRoot":"","sources":["../../../src/tab/tab.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG9E,MAAM,UAAU,WAAW,CAAgB,UAAsB,EAAE;IACjE,OAAO,IAAI,CAAG;;QAER,iBAAiB,CAAC,OAAO,CAAC;;QAE1B,eAAe,CAAC,OAAO,CAAC;;GAE7B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC"}

package/dist/esm/tablist/index.d.ts

@@ -4,3 +4,4 @@ export { Tablist } from './tablist.js';
 export { TablistAppearance, TablistOrientation, TablistSize } from './tablist.options.js';
 export { styles as TablistStyles } from './tablist.styles.js';
 export { template as TablistTemplate } from './tablist.template.js';
+export { tagName as TablistTagName } from './tablist.options.js';

package/dist/esm/tablist/index.js

@@ -4,4 +4,5 @@ export { Tablist } from './tablist.js';
 export { TablistAppearance, TablistOrientation, TablistSize } from './tablist.options.js';
 export { styles as TablistStyles } from './tablist.styles.js';
 export { template as TablistTemplate } from './tablist.template.js';
+export { tagName as TablistTagName } from './tablist.options.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/tablist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tablist/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC1F,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tablist/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC1F,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/esm/tablist/tablist.base.d.ts

@@ -19,13 +19,7 @@ export declare class BaseTablist extends FASTElement {
      * HTML Attribute: disabled.
      */
     disabled: boolean;
-    /**
-     * Handles disabled changes
-     * @param prev - previous value
-     * @param next - next value
-     *
-     * @internal
-     */
+    /** @internal */
     protected disabledChanged(prev: boolean, next: boolean): void;
     /**
      * The orientation
@@ -34,9 +28,6 @@ export declare class BaseTablist extends FASTElement {
      * HTML Attribute: orientation
      */
     orientation: TablistOrientation;
-    /**
-     * @internal
-     */
     protected orientationChanged(prev: TablistOrientation, next: TablistOrientation): void;
     /**
      * The id of the active tab
@@ -46,59 +37,36 @@ export declare class BaseTablist extends FASTElement {
      * HTML Attribute: activeid
      */
     activeid: string;
-    /**
-     * @internal
-     */
+    /** @internal */
     protected activeidChanged(oldValue: string, newValue: string): void;
     /**
      * Content slotted in the tab slot.
      * @internal
      */
     slottedTabs: Node[];
-    /**
-     * Updates the tabs property when content in the tabs slot changes.
-     * @internal
-     */
-    slottedTabsChanged(prev: Node[] | undefined, next: Node[] | undefined): void;
-    /**
-     * @internal
-     */
+    /** @internal */
+    protected slottedTabsChanged(prev: Node[] | undefined, next: Node[] | undefined): void;
+    /** @internal */
     tabs: Tab[];
-    /**
-     * @internal
-     */
+    /** @internal */
     protected tabsChanged(prev: Tab[] | undefined, next: Tab[] | undefined): void;
     /**
      * A reference to the active tab
      * @public
      */
     activetab: Tab;
-    private prevActiveTabIndex;
-    private activeTabIndex;
-    private tabIds;
     private tabPanelMap;
     private change;
-    private getActiveIndex;
     /**
      * Function that is invoked whenever the selected tab or the tab collection changes.
-     *
-     * @public
-     */
-    protected setTabs(): void;
-    private getTabIds;
-    private setComponent;
-    private handleTabClick;
-    private isHorizontal;
-    private handleTabKeyDown;
-    /**
-     * The adjust method for FASTTabs
-     * @public
-     * @remarks
-     * This method allows the active index to be adjusted by numerical increments
      */
-    adjust(adjustment: number): void;
-    private activateTabByIndex;
-    private focusTab;
+    protected setTabs({ connectToPanel, forceDisabled }?: {
+        connectToPanel?: boolean | undefined;
+        forceDisabled?: boolean | undefined;
+    }): void;
+    /** @internal */
+    handleFocusIn(event: FocusEvent): void;
+    private changeTab;
     constructor();
     /**
      * @internal