@fabric-msft/fabric-web 7.3.1 → 7.4.0

package/esm/components/teaching-bubble/teaching-bubble.styles.js

@@ -5,6 +5,6 @@ import { css } from '@microsoft/fast-element';
 const styles = css`
   ${display("block")}
 
-  :host{position:absolute;border:1px solid ${colorBrandBackground};border-radius:${borderRadiusMedium};background-color:${colorBrandBackground};color:${colorNeutralBackground1};padding:${spacingHorizontalL};box-shadow:${shadow16};max-width:calc(${spacingHorizontalXXXL} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${fontFamilyBase};font-size:unset;font-weight:${fontWeightRegular};line-height:${lineHeightBase300};margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host([size="small"]) ::slotted(*){font-size:${fontSizeBase200}}:host([size="medium"]) ::slotted(*){font-size:${fontSizeBase300}}:host([size="large"]) ::slotted(*){font-size:${fontSizeBase400}}slot[name="close"]::slotted(*){position:absolute;top:0;inset-inline-end:0}.content{position:relative}.heading{margin-bottom:${spacingHorizontalS}}.arrow{position:absolute;background:${colorBrandBackground};width:${sizeHorizontalL};height:${sizeVerticalL};transform:rotate(45deg);border-radius:${borderRadiusSmall};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${spacingHorizontalM}}slot[name="image"]::slotted(img),slot[name="image"]::slotted(picture),slot[name="image"]::slotted(video){max-width:100%;height:auto}slot[name="heading"]::slotted(*){font-weight:${fontWeightSemibold};line-height:${lineHeightBase400}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${fontSizeBase300}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${fontSizeBase400}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${fontSizeBase500}}slot[name="footer"]::slotted(*){line-height:${lineHeightBase200};margin-top:${spacingHorizontalM};padding-top:${spacingHorizontalM}}`;
+  :host{white-space:normal;position:absolute;border:1px solid ${colorBrandBackground};border-radius:${borderRadiusMedium};background-color:${colorBrandBackground};color:${colorNeutralBackground1};padding:${spacingHorizontalL};box-shadow:${shadow16};max-width:calc(${spacingHorizontalXXXL} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${fontFamilyBase};font-size:unset;font-weight:${fontWeightRegular};line-height:${lineHeightBase300};margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host([size="small"]) ::slotted(*){font-size:${fontSizeBase200}}:host([size="medium"]) ::slotted(*){font-size:${fontSizeBase300}}:host([size="large"]) ::slotted(*){font-size:${fontSizeBase400}}slot[name="close"]::slotted(*){position:absolute;top:0;inset-inline-end:0}.content{position:relative}.heading{margin-bottom:${spacingHorizontalS}}.arrow{position:absolute;background:${colorBrandBackground};width:${sizeHorizontalL};height:${sizeVerticalL};transform:rotate(45deg);border-radius:${borderRadiusSmall};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${spacingHorizontalM}}slot[name="image"]::slotted(img),slot[name="image"]::slotted(picture),slot[name="image"]::slotted(video){max-width:100%;height:auto}slot[name="heading"]::slotted(*){font-weight:${fontWeightSemibold};line-height:${lineHeightBase400}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${fontSizeBase300}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${fontSizeBase400}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${fontSizeBase500}}slot[name="footer"]::slotted(*){line-height:${lineHeightBase200};margin-top:${spacingHorizontalM};padding-top:${spacingHorizontalM}}`;
 
 export { styles };

package/esm/components/teaching-bubble/teaching-bubble.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"teaching-bubble.styles.js","sourceRoot":"","sources":["../../../../src/components/teaching-bubble/teaching-bubble.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,uBAAuB,EACvB,OAAO,EACP,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;wBAII,oBAAoB;qBACvB,kBAAkB;wBACf,oBAAoB;aAC/B,uBAAuB;eACrB,kBAAkB;kBACf,QAAQ;sBACJ,qBAAqB;;;;;;mBAMxB,cAAc;;mBAEd,iBAAiB;mBACjB,iBAAiB;;;;;;;;;iBASnB,eAAe;;;;iBAIf,eAAe;;;;iBAIf,eAAe;;;;;;;;;;;;;;qBAcX,kBAAkB;;;;;kBAKrB,oBAAoB;aACzB,eAAe;cACd,aAAa;;qBAEN,iBAAiB;;;;;;;qBAOjB,kBAAkB;;;;;;;;;;;;mBAYpB,kBAAkB;mBAClB,iBAAiB;;;;iBAInB,eAAe;;;;iBAIf,eAAe;;;;iBAIf,eAAe;;;;mBAIb,iBAAiB;kBAClB,kBAAkB;mBACjB,kBAAkB;;CAEpC,CAAC"}
+{"version":3,"file":"teaching-bubble.styles.js","sourceRoot":"","sources":["../../../../src/components/teaching-bubble/teaching-bubble.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,uBAAuB,EACvB,OAAO,EACP,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;wBAKI,oBAAoB;qBACvB,kBAAkB;wBACf,oBAAoB;aAC/B,uBAAuB;eACrB,kBAAkB;kBACf,QAAQ;sBACJ,qBAAqB;;;;;;mBAMxB,cAAc;;mBAEd,iBAAiB;mBACjB,iBAAiB;;;;;;;;;iBASnB,eAAe;;;;iBAIf,eAAe;;;;iBAIf,eAAe;;;;;;;;;;;;;;qBAcX,kBAAkB;;;;;kBAKrB,oBAAoB;aACzB,eAAe;cACd,aAAa;;qBAEN,iBAAiB;;;;;;;qBAOjB,kBAAkB;;;;;;;;;;;;mBAYpB,kBAAkB;mBAClB,iBAAiB;;;;iBAInB,eAAe;;;;iBAIf,eAAe;;;;iBAIf,eAAe;;;;mBAIb,iBAAiB;kBAClB,kBAAkB;mBACjB,kBAAkB;;CAEpC,CAAC"}

package/esm/components/text/text.definition.js

@@ -1,6 +1,7 @@
-import { Text } from './text.js';
-import { TextStyles, TextTemplate } from '@fluentui/web-components';
+import { TextTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
+import { Text } from './text.js';
+import { styles } from './text.styles.js';
 
 /**
  * The Fabric Text component.
@@ -10,7 +11,7 @@ import { DesignSystem } from '../design-system.js';
 const definition = Text.compose({
   name: `${DesignSystem.prefix}-text`,
   template: TextTemplate,
-  styles: TextStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/text/text.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.definition.js","sourceRoot":"","sources":["../../../../src/components/text/text.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,OAAO;IACnC,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,UAAU;IAClB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"text.definition.js","sourceRoot":"","sources":["../../../../src/components/text/text.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,OAAO;IACnC,QAAQ,EAAE,YAAY;IACtB,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/text/text.styles.js

@@ -0,0 +1,9 @@
+import { TextStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${TextStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

package/esm/components/text/text.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.styles.js","sourceRoot":"","sources":["../../../../src/components/text/text.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,UAAU;;;;;CAKb,CAAC"}

package/esm/components/text-input/text-input.styles.js

@@ -10,6 +10,6 @@ import { sizeVerticalXXXL, sizeVerticalXXL } from '@fabric-msft/theme';
 const styles = css`
   ${display("block")}
 
-  :host{font-family:${fontFamilyBase};font-size:${fontSizeBase300};font-weight:${fontWeightRegular};line-height:${lineHeightBase300}}.label{display:flex;color:${colorNeutralForeground1};padding-bottom:${spacingVerticalXS};flex-shrink:0;padding-inline-end:${spacingHorizontalXS}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${colorNeutralBackground1};border:${strokeWidthThin} solid ${colorNeutralStroke1};border-bottom-color:${colorNeutralStrokeAccessible};border-radius:${borderRadiusMedium};box-sizing:border-box;height:${sizeVerticalXXXL};display:inline-flex;flex-direction:row;gap:${spacingHorizontalXXS};padding:0 ${spacingHorizontalMNudge};position:relative;width:100%;box-shadow:unset}:has(.control:user-invalid){border-color:${colorPaletteRedBorder2}}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${borderRadiusMedium});border-radius:0 0 ${borderRadiusMedium} ${borderRadiusMedium};border-bottom:2px solid ${colorCompoundBrandStroke};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${durationUltraFast};transition-delay:${curveAccelerateMid}}.control{width:100%;height:100%;box-sizing:border-box;color:${colorNeutralForeground1};border-radius:${borderRadiusMedium};background:${colorTransparentBackground};font-family:${fontFamilyBase};font-weight:${fontWeightRegular};font-size:${fontSizeBase300};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${colorNeutralForeground4}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${colorNeutralForeground3};font-size:${fontSizeBase500}}:host ::slotted([slot="start"]){padding-inline-end:${spacingHorizontalXXS}}:host ::slotted([slot="end"]){padding-inline-start:${spacingHorizontalXXS};gap:${spacingHorizontalXS}}:host(:hover) .root{border-color:${colorNeutralStroke1Hover};border-bottom-color:${colorNeutralStrokeAccessibleHover}}:host(:active) .root{border-color:${colorNeutralStroke1Pressed}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${durationNormal};transition-delay:${curveDecelerateMid}}:host(:focus-within:active) .root:after{border-bottom-color:${colorCompoundBrandStrokePressed}}:host([appearance="outline"]:focus-within) .root{border:${strokeWidthThin} solid ${colorNeutralStroke1}}:host(:focus-within) .control{color:${colorNeutralForeground1}}:host([disabled]) .root{background:${colorTransparentBackground};border:${strokeWidthThin} solid ${colorNeutralStrokeDisabled}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${colorNeutralForegroundDisabled}}::selection{color:${colorNeutralForegroundInverted};background-color:${colorNeutralBackgroundInverted}}:host([control-size="small"]) .control{font-size:${fontSizeBase200};font-weight:${fontWeightRegular};line-height:${lineHeightBase200}}:host([control-size="small"]) .root{height:${sizeVerticalXXL};gap:${spacingHorizontalXXS};padding:0 ${spacingHorizontalSNudge}}:host([control-size="small"]) ::slotted([slot="start"]),:host([control-size="small"]) ::slotted([slot="end"]){font-size:${fontSizeBase400}}:host([control-size="large"]) .control{font-size:${fontSizeBase400};font-weight:${fontWeightRegular};line-height:${lineHeightBase400}}:host([control-size="large"]) .root{height:40px;gap:${spacingHorizontalS};padding:0 ${spacingHorizontalM}}:host([control-size="large"]) ::slotted([slot="start"]),:host([control-size="large"]) ::slotted([slot="end"]){font-size:${fontSizeBase600}}:host([appearance="underline"]) .root{background:${colorTransparentBackground};border:0;border-radius:0;border-bottom:${strokeWidthThin} solid ${colorNeutralStrokeAccessible}}:host([appearance="underline"]:hover) .root{border-bottom-color:${colorNeutralStrokeAccessibleHover}}:host([appearance="underline"]:active) .root{border-bottom-color:${colorNeutralStrokeAccessiblePressed}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${colorNeutralStrokeAccessiblePressed}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${colorNeutralStrokeDisabled}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${strokeWidthThin} solid ${colorTransparentStroke}}:host([appearance="filled-lighter"]) .root{background:${colorNeutralBackground1}}:host([appearance="filled-darker"]) .root{background:${colorNeutralBackground3}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${colorTransparentStrokeInteractive}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${colorTransparentStrokeInteractive};background:${colorNeutralBackground3}}`;
+  :host{white-space:normal;font-family:${fontFamilyBase};font-size:${fontSizeBase300};font-weight:${fontWeightRegular};line-height:${lineHeightBase300}}.label{display:flex;color:${colorNeutralForeground1};padding-bottom:${spacingVerticalXS};flex-shrink:0;padding-inline-end:${spacingHorizontalXS}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${colorNeutralBackground1};border:${strokeWidthThin} solid ${colorNeutralStroke1};border-bottom-color:${colorNeutralStrokeAccessible};border-radius:${borderRadiusMedium};box-sizing:border-box;height:${sizeVerticalXXXL};display:inline-flex;flex-direction:row;gap:${spacingHorizontalXXS};padding:0 ${spacingHorizontalMNudge};position:relative;width:100%;box-shadow:unset}:has(.control:user-invalid){border-color:${colorPaletteRedBorder2}}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${borderRadiusMedium});border-radius:0 0 ${borderRadiusMedium} ${borderRadiusMedium};border-bottom:2px solid ${colorCompoundBrandStroke};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${durationUltraFast};transition-delay:${curveAccelerateMid}}.control{width:100%;height:100%;box-sizing:border-box;color:${colorNeutralForeground1};border-radius:${borderRadiusMedium};background:${colorTransparentBackground};font-family:${fontFamilyBase};font-weight:${fontWeightRegular};font-size:${fontSizeBase300};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${colorNeutralForeground4}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${colorNeutralForeground3};font-size:${fontSizeBase500}}:host ::slotted([slot="start"]){padding-inline-end:${spacingHorizontalXXS}}:host ::slotted([slot="end"]){padding-inline-start:${spacingHorizontalXXS};gap:${spacingHorizontalXS}}:host(:hover) .root{border-color:${colorNeutralStroke1Hover};border-bottom-color:${colorNeutralStrokeAccessibleHover}}:host(:active) .root{border-color:${colorNeutralStroke1Pressed}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${durationNormal};transition-delay:${curveDecelerateMid}}:host(:focus-within:active) .root:after{border-bottom-color:${colorCompoundBrandStrokePressed}}:host([appearance="outline"]:focus-within) .root{border:${strokeWidthThin} solid ${colorNeutralStroke1}}:host(:focus-within) .control{color:${colorNeutralForeground1}}:host([disabled]) .root{background:${colorTransparentBackground};border:${strokeWidthThin} solid ${colorNeutralStrokeDisabled}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${colorNeutralForegroundDisabled}}::selection{color:${colorNeutralForegroundInverted};background-color:${colorNeutralBackgroundInverted}}:host([control-size="small"]) .control{font-size:${fontSizeBase200};font-weight:${fontWeightRegular};line-height:${lineHeightBase200}}:host([control-size="small"]) .root{height:${sizeVerticalXXL};gap:${spacingHorizontalXXS};padding:0 ${spacingHorizontalSNudge}}:host([control-size="small"]) ::slotted([slot="start"]),:host([control-size="small"]) ::slotted([slot="end"]){font-size:${fontSizeBase400}}:host([control-size="large"]) .control{font-size:${fontSizeBase400};font-weight:${fontWeightRegular};line-height:${lineHeightBase400}}:host([control-size="large"]) .root{height:40px;gap:${spacingHorizontalS};padding:0 ${spacingHorizontalM}}:host([control-size="large"]) ::slotted([slot="start"]),:host([control-size="large"]) ::slotted([slot="end"]){font-size:${fontSizeBase600}}:host([appearance="underline"]) .root{background:${colorTransparentBackground};border:0;border-radius:0;border-bottom:${strokeWidthThin} solid ${colorNeutralStrokeAccessible}}:host([appearance="underline"]:hover) .root{border-bottom-color:${colorNeutralStrokeAccessibleHover}}:host([appearance="underline"]:active) .root{border-bottom-color:${colorNeutralStrokeAccessiblePressed}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${colorNeutralStrokeAccessiblePressed}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${colorNeutralStrokeDisabled}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${strokeWidthThin} solid ${colorTransparentStroke}}:host([appearance="filled-lighter"]) .root{background:${colorNeutralBackground1}}:host([appearance="filled-darker"]) .root{background:${colorNeutralBackground3}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${colorTransparentStrokeInteractive}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${colorTransparentStrokeInteractive};background:${colorNeutralBackground3}}`;
 
 export { styles };

package/esm/components/text-input/text-input.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.styles.js","sourceRoot":"","sources":["../../../../src/components/text-input/text-input.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,+BAA+B,EAC/B,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACtB,iCAAiC,EACjC,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEvE;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;IACpC,OAAO,CAAC,OAAO,CAAC;;;mBAGD,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;;aAIvB,uBAAuB;sBACd,iBAAiB;;0BAEb,mBAAmB;;;;;;;;;;wBAUrB,uBAAuB;cACjC,eAAe,UAAU,mBAAmB;2BAC/B,4BAA4B;qBAClC,kBAAkB;;cAEzB,gBAAgB;;;WAGnB,oBAAoB;iBACd,uBAAuB;;;;;;;oBAOpB,sBAAsB;;;;;;;;;;uBAUnB,kBAAkB;yBAChB,kBAAkB,IAAI,kBAAkB;+BAClC,wBAAwB;;;;2BAI5B,iBAAiB;wBACpB,kBAAkB;;;;;;aAM7B,uBAAuB;qBACf,kBAAkB;kBACrB,0BAA0B;mBACzB,cAAc;mBACd,iBAAiB;iBACnB,eAAe;;;;;;;;;aASnB,uBAAuB;;;;;;;aAOvB,uBAAuB;iBACnB,eAAe;;;0BAGN,oBAAoB;;;4BAGlB,oBAAoB;WACrC,mBAAmB;;;oBAGV,wBAAwB;2BACjB,iCAAiC;;;oBAGxC,0BAA0B;;;;;;;;;2BASnB,cAAc;wBACjB,kBAAkB;;;2BAGf,+BAA+B;;;cAG5C,eAAe,UAAU,mBAAmB;;;aAG7C,uBAAuB;;;kBAGlB,0BAA0B;cAC9B,eAAe,UAAU,0BAA0B;;;;;aAKpD,8BAA8B;;;aAG9B,8BAA8B;wBACnB,8BAA8B;;;iBAGrC,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;cAGtB,eAAe;WAClB,oBAAoB;iBACd,uBAAuB;;;;iBAIvB,eAAe;;;iBAGf,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;;WAIzB,kBAAkB;iBACZ,kBAAkB;;;;iBAIlB,eAAe;;;kBAGd,0BAA0B;;;qBAGvB,eAAe,UAAU,4BAA4B;;;2BAG/C,iCAAiC;;;2BAGjC,mCAAmC;;;;2BAInC,mCAAmC;;;2BAGnC,0BAA0B;;;;cAIvC,eAAe,UAAU,sBAAsB;;;kBAG3C,uBAAuB;;;kBAGvB,uBAAuB;;;;oBAIrB,iCAAiC;;;;oBAIjC,iCAAiC;kBACnC,uBAAuB;;CAExC,CAAC"}
+{"version":3,"file":"text-input.styles.js","sourceRoot":"","sources":["../../../../src/components/text-input/text-input.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,+BAA+B,EAC/B,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACtB,iCAAiC,EACjC,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEvE;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;IACpC,OAAO,CAAC,OAAO,CAAC;;;;mBAID,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;;aAIvB,uBAAuB;sBACd,iBAAiB;;0BAEb,mBAAmB;;;;;;;;;;wBAUrB,uBAAuB;cACjC,eAAe,UAAU,mBAAmB;2BAC/B,4BAA4B;qBAClC,kBAAkB;;cAEzB,gBAAgB;;;WAGnB,oBAAoB;iBACd,uBAAuB;;;;;;;oBAOpB,sBAAsB;;;;;;;;;;uBAUnB,kBAAkB;yBAChB,kBAAkB,IAAI,kBAAkB;+BAClC,wBAAwB;;;;2BAI5B,iBAAiB;wBACpB,kBAAkB;;;;;;aAM7B,uBAAuB;qBACf,kBAAkB;kBACrB,0BAA0B;mBACzB,cAAc;mBACd,iBAAiB;iBACnB,eAAe;;;;;;;;;aASnB,uBAAuB;;;;;;;aAOvB,uBAAuB;iBACnB,eAAe;;;0BAGN,oBAAoB;;;4BAGlB,oBAAoB;WACrC,mBAAmB;;;oBAGV,wBAAwB;2BACjB,iCAAiC;;;oBAGxC,0BAA0B;;;;;;;;;2BASnB,cAAc;wBACjB,kBAAkB;;;2BAGf,+BAA+B;;;cAG5C,eAAe,UAAU,mBAAmB;;;aAG7C,uBAAuB;;;kBAGlB,0BAA0B;cAC9B,eAAe,UAAU,0BAA0B;;;;;aAKpD,8BAA8B;;;aAG9B,8BAA8B;wBACnB,8BAA8B;;;iBAGrC,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;cAGtB,eAAe;WAClB,oBAAoB;iBACd,uBAAuB;;;;iBAIvB,eAAe;;;iBAGf,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;;WAIzB,kBAAkB;iBACZ,kBAAkB;;;;iBAIlB,eAAe;;;kBAGd,0BAA0B;;;qBAGvB,eAAe,UAAU,4BAA4B;;;2BAG/C,iCAAiC;;;2BAGjC,mCAAmC;;;;2BAInC,mCAAmC;;;2BAGnC,0BAA0B;;;;cAIvC,eAAe,UAAU,sBAAsB;;;kBAG3C,uBAAuB;;;kBAGvB,uBAAuB;;;;oBAIrB,iCAAiC;;;;oBAIjC,iCAAiC;kBACnC,uBAAuB;;CAExC,CAAC"}

package/esm/components/textarea/textarea.definition.js

@@ -1,6 +1,7 @@
-import { TextAreaStyles, TextAreaTemplate } from '@fluentui/web-components';
+import { TextAreaTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
 import { TextArea } from './textarea.js';
+import { styles } from './textarea.styles.js';
 
 /**
  * The Fabric Text Area component.
@@ -10,7 +11,7 @@ import { TextArea } from './textarea.js';
 const definition = TextArea.compose({
   name: `${DesignSystem.prefix}-textarea`,
   template: TextAreaTemplate,
-  styles: TextAreaStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/textarea/textarea.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.definition.js","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;IACtB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"textarea.definition.js","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ,EAAE,gBAAgB;IAC1B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/textarea/textarea.styles.js

@@ -0,0 +1,9 @@
+import { TextAreaStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${TextAreaStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

package/esm/components/textarea/textarea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.styles.js","sourceRoot":"","sources":["../../../../src/components/textarea/textarea.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;CAKjB,CAAC"}

package/esm/components/toggle-button/toggle-button.definition.js

@@ -1,6 +1,7 @@
-import { ToggleButtonStyles, ToggleButtonTemplate } from '@fluentui/web-components';
+import { ToggleButtonTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
 import { ToggleButton } from './toggle-button.js';
+import { styles } from './toggle-button.styles.js';
 
 /**
  * The Fabric Toggle Button component.
@@ -10,7 +11,7 @@ import { ToggleButton } from './toggle-button.js';
 const definition = ToggleButton.compose({
   name: `${DesignSystem.prefix}-toggle-button`,
   template: ToggleButtonTemplate,
-  styles: ToggleButtonStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/toggle-button/toggle-button.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.definition.js","sourceRoot":"","sources":["../../../../src/components/toggle-button/toggle-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,gBAAgB;IAC5C,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,kBAAkB;IAC1B,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"toggle-button.definition.js","sourceRoot":"","sources":["../../../../src/components/toggle-button/toggle-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,gBAAgB;IAC5C,QAAQ,EAAE,oBAAoB;IAC9B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/toggle-button/toggle-button.styles.js

@@ -0,0 +1,9 @@
+import { ToggleButtonStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${ToggleButtonStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

package/esm/components/toggle-button/toggle-button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.styles.js","sourceRoot":"","sources":["../../../../src/components/toggle-button/toggle-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,kBAAkB;;;;;CAKrB,CAAC"}

package/esm/components/tooltip/tooltip.definition.js

@@ -1,6 +1,7 @@
 import { Tooltip } from './tooltip.js';
-import { TooltipStyles, TooltipTemplate } from '@fluentui/web-components';
+import { TooltipTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
+import { styles } from './tooltip.styles.js';
 
 /**
  * The Fabric Tooltip component.
@@ -10,7 +11,7 @@ import { DesignSystem } from '../design-system.js';
 const definition = Tooltip.compose({
   name: `${DesignSystem.prefix}-tooltip`,
   template: TooltipTemplate,
-  styles: TooltipStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/tooltip/tooltip.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.definition.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,UAAU;IACtC,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE,aAAa;IACrB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"tooltip.definition.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,UAAU;IACtC,QAAQ,EAAE,eAAe;IACzB,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/tooltip/tooltip.styles.js

@@ -0,0 +1,9 @@
+import { TooltipStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${TooltipStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

package/esm/components/tooltip/tooltip.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.styles.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,aAAa;;;;;CAKhB,CAAC"}

package/esm/components/tree/tree.definition.js

@@ -1,6 +1,7 @@
-import { TreeStyles, TreeTemplate } from '@fluentui/web-components';
-import { Tree } from './tree.js';
+import { TreeTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
+import { Tree } from './tree.js';
+import { styles } from './tree.styles.js';
 
 /**
  * The Fabric Tree component.
@@ -10,7 +11,7 @@ import { DesignSystem } from '../design-system.js';
 const definition = Tree.compose({
   name: `${DesignSystem.prefix}-tree`,
   template: TreeTemplate,
-  styles: TreeStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/tree/tree.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.definition.js","sourceRoot":"","sources":["../../../../src/components/tree/tree.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,OAAO;IACnC,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,UAAU;IAClB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"tree.definition.js","sourceRoot":"","sources":["../../../../src/components/tree/tree.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,OAAO;IACnC,QAAQ,EAAE,YAAY;IACtB,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/tree/tree.styles.js

@@ -0,0 +1,9 @@
+import { TreeStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${TreeStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

package/esm/components/tree/tree.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.styles.js","sourceRoot":"","sources":["../../../../src/components/tree/tree.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,UAAU;;;;;CAKb,CAAC"}

package/esm/components/tree-item/tree-item.styles.js

@@ -4,6 +4,6 @@ import { css } from '@microsoft/fast-element';
 const styles = css`
   ${TreeItemStyles}
 
-  .content{min-inline-size:0}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}`;
+  :host{white-space:normal}.content{min-inline-size:0}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}`;
 
 export { styles };

package/esm/components/tree-item/tree-item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.styles.js","sourceRoot":"","sources":["../../../../src/components/tree-item/tree-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;;;;;;;CAWjB,CAAC"}
+{"version":3,"file":"tree-item.styles.js","sourceRoot":"","sources":["../../../../src/components/tree-item/tree-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;;;;;;;;;;;CAejB,CAAC"}

package/esm/components/wizard/wizard.styles.js

@@ -7,7 +7,7 @@ import { css } from '@microsoft/fast-element';
 const styles = css`
   ${display("block")}
 
-  :host{height:100%;width:100%;--wizard-overflow-tablist-width:calc(
+  :host{white-space:normal;height:100%;width:100%;--wizard-overflow-tablist-width:calc(
       ${spacingHorizontalXXXL} + ${spacingHorizontalXXXL} +
         ${spacingHorizontalXXXL}
     );--wizard-overflow-step-width:calc(

package/esm/components/wizard/wizard.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard.styles.js","sourceRoot":"","sources":["../../../../src/components/wizard/wizard.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,OAAO,EACP,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;QAMZ,qBAAqB,MAAM,qBAAqB;UAC9C,qBAAqB;;;QAGvB,oBAAoB,MAAM,mBAAmB;;iCAEpB,mBAAmB;kCAClB,mBAAmB;sCACf,uBAAuB;sCACvB,uBAAuB;;;;;;;eAO9C,kBAAkB,IAAI,oBAAoB;;;;wBAIjC,uBAAuB;;eAEhC,kBAAkB,IAAI,oBAAoB;;;;;;;;;;;;;;;;;aAiB5C,uBAAuB;;;;kBAIlB,uBAAuB;;;;WAI9B,kBAAkB;;;;;;;;;;;WAWlB,iBAAiB;;;2BAGD,gBAAgB;sBACrB,oBAAoB;;qBAErB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CpB,kBAAkB,IAAI,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;iBAwB1C,kBAAkB,IAAI,qBAAqB;UAClD,kBAAkB,IAAI,oBAAoB;;;;;;CAMnD,CAAC"}
+{"version":3,"file":"wizard.styles.js","sourceRoot":"","sources":["../../../../src/components/wizard/wizard.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,OAAO,EACP,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;QAOZ,qBAAqB,MAAM,qBAAqB;UAC9C,qBAAqB;;;QAGvB,oBAAoB,MAAM,mBAAmB;;iCAEpB,mBAAmB;kCAClB,mBAAmB;sCACf,uBAAuB;sCACvB,uBAAuB;;;;;;;eAO9C,kBAAkB,IAAI,oBAAoB;;;;wBAIjC,uBAAuB;;eAEhC,kBAAkB,IAAI,oBAAoB;;;;;;;;;;;;;;;;;aAiB5C,uBAAuB;;;;kBAIlB,uBAAuB;;;;WAI9B,kBAAkB;;;;;;;;;;;WAWlB,iBAAiB;;;2BAGD,gBAAgB;sBACrB,oBAAoB;;qBAErB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA8CpB,kBAAkB,IAAI,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;iBAyB1C,kBAAkB,IAAI,qBAAqB;UAClD,kBAAkB,IAAI,oBAAoB;;;;;;CAMnD,CAAC"}

package/esm/components/wizard-panel/wizard-panel.styles.js

@@ -6,6 +6,6 @@ import { css } from '@microsoft/fast-element';
  */
 const styles = css`
   ${display("block")}
-  :host{height:100%;background:${colorNeutralBackground2}}:host([active]){display:block}.content{padding-block-start:${spacingVerticalXXL};padding-inline:${spacingHorizontalXXL};padding-block-end:0}.title{padding-block-start:0;padding-inline:${spacingHorizontalXXL};padding-block-end:${spacingVerticalXS};color:${colorNeutralForeground1}}.footer{padding-block:${spacingVerticalL};padding-inline:${spacingHorizontalXXL};border-top:1px solid ${colorNeutralStroke1}}`;
+  :host{white-space:normal;height:100%;background:${colorNeutralBackground2}}:host([active]){display:block}.content{padding-block-start:${spacingVerticalXXL};padding-inline:${spacingHorizontalXXL};padding-block-end:0}.title{padding-block-start:0;padding-inline:${spacingHorizontalXXL};padding-block-end:${spacingVerticalXS};color:${colorNeutralForeground1}}.footer{padding-block:${spacingVerticalL};padding-inline:${spacingHorizontalXXL};border-top:1px solid ${colorNeutralStroke1}}`;
 
 export { styles };

package/esm/components/wizard-panel/wizard-panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-panel.styles.js","sourceRoot":"","sources":["../../../../src/components/wizard-panel/wizard-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,OAAO,EACP,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;kBAGF,uBAAuB;;;;;;;;2BAQd,kBAAkB;sBACvB,oBAAoB;;;;;;sBAMpB,oBAAoB;yBACjB,iBAAiB;aAC7B,uBAAuB;;;qBAGf,gBAAgB;sBACf,oBAAoB;4BACd,mBAAmB;;CAE9C,CAAC"}
+{"version":3,"file":"wizard-panel.styles.js","sourceRoot":"","sources":["../../../../src/components/wizard-panel/wizard-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,OAAO,EACP,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;kBAIF,uBAAuB;;;;;;;;2BAQd,kBAAkB;sBACvB,oBAAoB;;;;;;sBAMpB,oBAAoB;yBACjB,iBAAiB;aAC7B,uBAAuB;;;qBAGf,gBAAgB;sBACf,oBAAoB;4BACd,mBAAmB;;CAE9C,CAAC"}

package/esm/components/wizard-step/wizard-step.styles.js

@@ -8,6 +8,6 @@ import { css } from '@microsoft/fast-element';
 const styles = css`
   ${display("block")}
 
-  .step{unset:all;background:transparent;color:${colorNeutralForeground1};text-align:start;border:0 none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:${fontFamilyBase};position:relative;align-items:flex-start;column-gap:${spacingHorizontalM};flex-shrink:0;flex-grow:1}:host([hide-connector]) .step-connector,.summary,.title,.details{display:none}:host([disabled]) .step{cursor:not-allowed;pointer-events:none;color:${colorNeutralForegroundDisabled}}:host([disabled]) .step-connector{background:${colorNeutralStrokeDisabled}}:host([disabled]) .icon{background:${colorNeutralBackground4};border-color:${colorNeutralStrokeDisabled}}:host(.overflow){flex-shrink:0;flex-grow:0;width:36px;}:host(.first){padding-inline-start:${spacingHorizontalXXL}}:host(.first) .step-connector{inset-inline-start:28px;}:host(.last){padding-inline-end:${spacingHorizontalXXL}}.state-indicator{width:${sizeHorizontalXXL};height:${sizeVerticalXXL};display:flex;justify-content:center;align-items:center;padding:${spacingVerticalXXS};box-sizing:border-box}.icon{position:relative;z-index:9;display:flex;justify-content:center;align-items:center;width:${sizeHorizontalXL};height:${sizeVerticalXL};font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);font-size:var(--fontSizeBase200);border-radius:var(--borderRadiusCircular);border:${strokeWidthThick} solid var(--colorNeutralForeground2);background:var(--colorNeutralBackground4);flex-shrink:0;box-sizing:border-box}.order{font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);margin-bottom:1px;}.step-connector{position:absolute;top:${spacingVerticalM};inset-inline-start:${spacingHorizontalS};height:${strokeWidthThick};width:100%;background:var(--colorNeutralForegroundDisabled)}.title{font-weight:${fontWeightRegular};font-size:${fontSizeBase300};line-height:${lineHeightBase300}}.details{font-weight:${fontWeightRegular};font-size:${fontSizeBase200};line-height:${lineHeightBase200}}.icon svg{color:${colorNeutralForegroundOnBrand};fill:${colorNeutralForegroundOnBrand};width:${sizeHorizontalM};height:${sizeVerticalM};box-sizing:border-box;vertical-align:middle}:host([hide-connector]) .step{width:fit-content;flex-grow:0;min-width:unset}:host([aria-current="step"]) .title{font-weight:${fontWeightSemibold}}:host([state="complete"]) .icon,:host([state="complete"]) .step-connector,:host([state="complete"].first) .step-connector,:host([active]) .icon{background:${colorBrandForeground2};border-color:${colorBrandForeground2};color:${colorNeutralForegroundOnBrand}}:host([state="complete"]) .icon svg{margin-top:${spacingVerticalXXS}}:host([state="error"]) .icon{background:${colorPaletteRedForeground3};border-color:${colorPaletteRedForeground3}}@media (min-width:32.5rem){:host(.overflow) .step,:host .step,:host(.first) .step{display:flex;align-items:flex-start;width:fit-content;height:fit-content;max-width:268px;padding:0 0 ${spacingVerticalL} 0;column-gap:${spacingHorizontalM};flex-grow:0}:host(.first) .step-connector,.step-connector{position:absolute;width:${strokeWidthThick};inset-inline-start:11px;height:100%;background:var(--colorNeutralForegroundDisabled);min-height:22px;}}@media (min-width:calc(${spacingHorizontalXXL} * 43 - ${spacingHorizontalS} - ${strokeWidthThin})){:host .step,:host(.first) .step{flex-direction:row}.step-connector{inset-inline-start:11px;}:host([aria-current="step"]) .details,.title{display:block}.order{display:none}.summary{display:flex;flex-direction:column;width:fit-content;gap:${spacingVerticalXXS}}}:host(:hover) .step{cursor:pointer}:host([disabled]) .step{cursor:not-allowed}`;
+  :host{white-space:normal}.step{unset:all;background:transparent;color:${colorNeutralForeground1};text-align:start;border:0 none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:${fontFamilyBase};position:relative;align-items:flex-start;column-gap:${spacingHorizontalM};flex-shrink:0;flex-grow:1}:host([hide-connector]) .step-connector,.summary,.title,.details{display:none}:host([disabled]) .step{cursor:not-allowed;pointer-events:none;color:${colorNeutralForegroundDisabled}}:host([disabled]) .step-connector{background:${colorNeutralStrokeDisabled}}:host([disabled]) .icon{background:${colorNeutralBackground4};border-color:${colorNeutralStrokeDisabled}}:host(.overflow){flex-shrink:0;flex-grow:0;width:36px;}:host(.first){padding-inline-start:${spacingHorizontalXXL}}:host(.first) .step-connector{inset-inline-start:28px;}:host(.last){padding-inline-end:${spacingHorizontalXXL}}.state-indicator{width:${sizeHorizontalXXL};height:${sizeVerticalXXL};display:flex;justify-content:center;align-items:center;padding:${spacingVerticalXXS};box-sizing:border-box}.icon{position:relative;z-index:9;display:flex;justify-content:center;align-items:center;width:${sizeHorizontalXL};height:${sizeVerticalXL};font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);font-size:var(--fontSizeBase200);border-radius:var(--borderRadiusCircular);border:${strokeWidthThick} solid var(--colorNeutralForeground2);background:var(--colorNeutralBackground4);flex-shrink:0;box-sizing:border-box}.order{font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);margin-bottom:1px;}.step-connector{position:absolute;top:${spacingVerticalM};inset-inline-start:${spacingHorizontalS};height:${strokeWidthThick};width:100%;background:var(--colorNeutralForegroundDisabled)}.title{font-weight:${fontWeightRegular};font-size:${fontSizeBase300};line-height:${lineHeightBase300}}.details{font-weight:${fontWeightRegular};font-size:${fontSizeBase200};line-height:${lineHeightBase200}}.icon svg{color:${colorNeutralForegroundOnBrand};fill:${colorNeutralForegroundOnBrand};width:${sizeHorizontalM};height:${sizeVerticalM};box-sizing:border-box;vertical-align:middle}:host([hide-connector]) .step{width:fit-content;flex-grow:0;min-width:unset}:host([aria-current="step"]) .title{font-weight:${fontWeightSemibold}}:host([state="complete"]) .icon,:host([state="complete"]) .step-connector,:host([state="complete"].first) .step-connector,:host([active]) .icon{background:${colorBrandForeground2};border-color:${colorBrandForeground2};color:${colorNeutralForegroundOnBrand}}:host([state="complete"]) .icon svg{margin-top:${spacingVerticalXXS}}:host([state="error"]) .icon{background:${colorPaletteRedForeground3};border-color:${colorPaletteRedForeground3}}@media (min-width:32.5rem){:host(.overflow) .step,:host .step,:host(.first) .step{display:flex;align-items:flex-start;width:fit-content;height:fit-content;max-width:268px;padding:0 0 ${spacingVerticalL} 0;column-gap:${spacingHorizontalM};flex-grow:0}:host(.first) .step-connector,.step-connector{position:absolute;width:${strokeWidthThick};inset-inline-start:11px;height:100%;background:var(--colorNeutralForegroundDisabled);min-height:22px;}}@media (min-width:calc(${spacingHorizontalXXL} * 43 - ${spacingHorizontalS} - ${strokeWidthThin})){:host .step,:host(.first) .step{flex-direction:row}.step-connector{inset-inline-start:11px;}:host([aria-current="step"]) .details,.title{display:block}.order{display:none}.summary{display:flex;flex-direction:column;width:fit-content;gap:${spacingVerticalXXS}}}:host(:hover) .step{cursor:pointer}:host([disabled]) .step{cursor:not-allowed}`;
 
 export { styles };

package/esm/components/wizard-step/wizard-step.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-step.styles.js","sourceRoot":"","sources":["../../../../src/components/wizard-step/wizard-step.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,6BAA6B,EAC7B,0BAA0B,EAC1B,0BAA0B,EAC1B,OAAO,EACP,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;aAKP,uBAAuB;;;;;;;;mBAQjB,cAAc;;;kBAGf,kBAAkB;;;;;;;;;;;;;;;aAevB,8BAA8B;;;;kBAIzB,0BAA0B;;;;kBAI1B,uBAAuB;oBACrB,0BAA0B;;;;;;;;;;4BAUlB,oBAAoB;;;;;;;;0BAQtB,oBAAoB;;;;aAIjC,iBAAiB;cAChB,eAAe;;;;eAId,kBAAkB;;;;;;;;;;aAUpB,gBAAgB;cACf,cAAc;;;;;cAKd,gBAAgB;;;;;;;;;;;;;;;WAenB,gBAAgB;0BACD,kBAAkB;cAC9B,gBAAgB;;;;;;mBAMX,iBAAiB;iBACnB,eAAe;mBACb,iBAAiB;;;;mBAIjB,iBAAiB;iBACnB,eAAe;mBACb,iBAAiB;;;;aAIvB,6BAA6B;YAC9B,6BAA6B;aAC5B,eAAe;cACd,aAAa;;;;;;;;;;;;mBAYR,kBAAkB;;;;;;;kBAOnB,qBAAqB;oBACnB,qBAAqB;aAC5B,6BAA6B;;;;kBAIxB,kBAAkB;;;;kBAIlB,0BAA0B;oBACxB,0BAA0B;;;;;;;;;;;;qBAYzB,gBAAgB;oBACjB,kBAAkB;;;;;;eAMvB,gBAAgB;;;;;;;;4BAQH,oBAAoB,WAAW,kBAAkB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;aAmBrF,kBAAkB;;;;;;;;;CAS9B,CAAC"}
+{"version":3,"file":"wizard-step.styles.js","sourceRoot":"","sources":["../../../../src/components/wizard-step/wizard-step.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,6BAA6B,EAC7B,0BAA0B,EAC1B,0BAA0B,EAC1B,OAAO,EACP,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;aASP,uBAAuB;;;;;;;;mBAQjB,cAAc;;;kBAGf,kBAAkB;;;;;;;;;;;;;;;aAevB,8BAA8B;;;;kBAIzB,0BAA0B;;;;kBAI1B,uBAAuB;oBACrB,0BAA0B;;;;;;;;;;4BAUlB,oBAAoB;;;;;;;;0BAQtB,oBAAoB;;;;aAIjC,iBAAiB;cAChB,eAAe;;;;eAId,kBAAkB;;;;;;;;;;aAUpB,gBAAgB;cACf,cAAc;;;;;cAKd,gBAAgB;;;;;;;;;;;;;;;WAenB,gBAAgB;0BACD,kBAAkB;cAC9B,gBAAgB;;;;;;mBAMX,iBAAiB;iBACnB,eAAe;mBACb,iBAAiB;;;;mBAIjB,iBAAiB;iBACnB,eAAe;mBACb,iBAAiB;;;;aAIvB,6BAA6B;YAC9B,6BAA6B;aAC5B,eAAe;cACd,aAAa;;;;;;;;;;;;mBAYR,kBAAkB;;;;;;;kBAOnB,qBAAqB;oBACnB,qBAAqB;aAC5B,6BAA6B;;;;kBAIxB,kBAAkB;;;;kBAIlB,0BAA0B;oBACxB,0BAA0B;;;;;;;;;;;;qBAYzB,gBAAgB;oBACjB,kBAAkB;;;;;;eAMvB,gBAAgB;;;;;;;;4BAQH,oBAAoB,WAAW,kBAAkB,MAAM,eAAe;;;;;;;;;;;;;;;;;;;aAmBrF,kBAAkB;;;;;;;;;CAS9B,CAAC"}

package/esm/index.js

@@ -22,10 +22,9 @@ export { definition as CardPreviewDefinition } from './components/card-preview/c
 export { Carousel } from './components/carousel/carousel.js';
 export { CarouselNavPositions } from './components/carousel/carousel.options.js';
 export { CarouselEventNames } from './components/carousel/carousel.events.js';
-export { definition as CarouselDefinition } from './components/carousel/carousel.definition.js';
+export { definition as CarouselDefinition, defineCarousel } from './components/carousel/carousel.definition.js';
 export { styles as CarouselStyles } from './components/carousel/carousel.styles.js';
 export { template as CarouselTemplate } from './components/carousel/carousel.template.js';
-export { defineCarousel } from './components/carousel/define.js';
 export { CarouselItem } from './components/carousel-item/carousel-item.js';
 export { definition as CarouselItemDefinition } from './components/carousel-item/carousel-item.definition.js';
 export { styles as CarouselItemStyles } from './components/carousel-item/carousel-item.styles.js';

package/esm/util/a11y-playwright-utils.js

@@ -1,10 +1,92 @@
 import { checkAccessibility } from "@a11y-insights/playwright-checker";
+/**
+ * Map of ElementInternals IDL properties to their corresponding DOM attribute names.
+ * Used by {@link bridgeElementInternals} to mirror values into the DOM so that
+ * axe-based a11y checkers can see roles and states set via ElementInternals.
+ */
+const ariaIdlToAttr = {
+    role: "role",
+    ariaAtomic: "aria-atomic",
+    ariaAutoComplete: "aria-autocomplete",
+    ariaBusy: "aria-busy",
+    ariaChecked: "aria-checked",
+    ariaColCount: "aria-colcount",
+    ariaColIndex: "aria-colindex",
+    ariaColSpan: "aria-colspan",
+    ariaCurrent: "aria-current",
+    ariaDescription: "aria-description",
+    ariaDisabled: "aria-disabled",
+    ariaExpanded: "aria-expanded",
+    ariaHasPopup: "aria-haspopup",
+    ariaHidden: "aria-hidden",
+    ariaInvalid: "aria-invalid",
+    ariaKeyShortcuts: "aria-keyshortcuts",
+    ariaLabel: "aria-label",
+    ariaLevel: "aria-level",
+    ariaLive: "aria-live",
+    ariaModal: "aria-modal",
+    ariaMultiLine: "aria-multiline",
+    ariaMultiSelectable: "aria-multiselectable",
+    ariaOrientation: "aria-orientation",
+    ariaPlaceholder: "aria-placeholder",
+    ariaPosInSet: "aria-posinset",
+    ariaPressed: "aria-pressed",
+    ariaReadOnly: "aria-readonly",
+    ariaRequired: "aria-required",
+    ariaRoleDescription: "aria-roledescription",
+    ariaRowCount: "aria-rowcount",
+    ariaRowIndex: "aria-rowindex",
+    ariaRowSpan: "aria-rowspan",
+    ariaSelected: "aria-selected",
+    ariaSetSize: "aria-setsize",
+    ariaSort: "aria-sort",
+    ariaValueMax: "aria-valuemax",
+    ariaValueMin: "aria-valuemin",
+    ariaValueNow: "aria-valuenow",
+    ariaValueText: "aria-valuetext"
+};
+/**
+ * Mirrors ElementInternals ARIA properties into DOM attributes so that
+ * axe-based checkers can detect them. Only sets attributes that are not
+ * already present in the DOM to avoid overriding explicit markup.
+ *
+ * Recursively walks into open shadow roots so that elements rendered
+ * inside shadow DOM (e.g. dismiss buttons, inner controls) are also bridged.
+ *
+ * This is a no-op for elements that do not expose `elementInternals`.
+ */
+async function bridgeElementInternals(page) {
+    await page.evaluate((map) => {
+        const entries = Object.entries(map);
+        function bridgeTree(root) {
+            for (const el of root.querySelectorAll("*")) {
+                const ei = el.elementInternals;
+                if (ei) {
+                    for (const [prop, attr] of entries) {
+                        const val = ei[prop];
+                        if (val != null && val !== "" && !el.hasAttribute(attr)) {
+                            el.setAttribute(attr, val);
+                        }
+                    }
+                }
+                if (el.shadowRoot) {
+                    bridgeTree(el.shadowRoot);
+                }
+            }
+        }
+        bridgeTree(document);
+    }, ariaIdlToAttr);
+}
 /**
  * Runs accessibility checks against the given host locator.
  * Only executes in chromium projects where the a11y checker is supported.
+ *
+ * Before scanning, mirrors any ARIA properties set via ElementInternals
+ * into DOM attributes so that the checker can detect them.
  */
 export async function assertAccessible(host, page, testInfo) {
     if (testInfo.project.name === "chromium") {
+        await bridgeElementInternals(page);
         await checkAccessibility([host], page, testInfo);
     }
 }

package/esm/util/a11y-playwright-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"a11y-playwright-utils.js","sourceRoot":"","sources":["../../../src/util/a11y-playwright-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB,CACpC,IAAa,EACb,IAAU,EACV,QAAkB;IAElB,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QACzC,MAAM,kBAAkB,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IACnD,CAAC;AACH,CAAC"}
+{"version":3,"file":"a11y-playwright-utils.js","sourceRoot":"","sources":["../../../src/util/a11y-playwright-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE;;;;GAIG;AACH,MAAM,aAAa,GAA2B;IAC5C,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,aAAa;IACzB,gBAAgB,EAAE,mBAAmB;IACrC,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,cAAc;IAC3B,YAAY,EAAE,eAAe;IAC7B,YAAY,EAAE,eAAe;IAC7B,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,cAAc;IAC3B,eAAe,EAAE,kBAAkB;IACnC,YAAY,EAAE,eAAe;IAC7B,YAAY,EAAE,eAAe;IAC7B,YAAY,EAAE,eAAe;IAC7B,UAAU,EAAE,aAAa;IACzB,WAAW,EAAE,cAAc;IAC3B,gBAAgB,EAAE,mBAAmB;IACrC,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,YAAY;IACvB,aAAa,EAAE,gBAAgB;IAC/B,mBAAmB,EAAE,sBAAsB;IAC3C,eAAe,EAAE,kBAAkB;IACnC,eAAe,EAAE,kBAAkB;IACnC,YAAY,EAAE,eAAe;IAC7B,WAAW,EAAE,cAAc;IAC3B,YAAY,EAAE,eAAe;IAC7B,YAAY,EAAE,eAAe;IAC7B,mBAAmB,EAAE,sBAAsB;IAC3C,YAAY,EAAE,eAAe;IAC7B,YAAY,EAAE,eAAe;IAC7B,WAAW,EAAE,cAAc;IAC3B,YAAY,EAAE,eAAe;IAC7B,WAAW,EAAE,cAAc;IAC3B,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,eAAe;IAC7B,YAAY,EAAE,eAAe;IAC7B,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,gBAAgB;CAChC,CAAC;AAEF;;;;;;;;;GASG;AACH,KAAK,UAAU,sBAAsB,CAAC,IAAU;IAC9C,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE;QAC1B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAMpC,SAAS,UAAU,CAAC,IAA2B;YAC7C,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC5C,MAAM,EAAE,GAAI,EAAwB,CAAC,gBAAgB,CAAC;gBACtD,IAAI,EAAE,EAAE,CAAC;oBACP,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,OAAO,EAAE,CAAC;wBACnC,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;wBACrB,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;4BACxD,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;wBAC7B,CAAC;oBACH,CAAC;gBACH,CAAC;gBACD,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;oBAClB,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;gBAC5B,CAAC;YACH,CAAC;QACH,CAAC;QAED,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EAAE,aAAa,CAAC,CAAC;AACpB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB,CACpC,IAAa,EACb,IAAU,EACV,QAAkB;IAElB,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QACzC,MAAM,sBAAsB,CAAC,IAAI,CAAC,CAAC;QACnC,MAAM,kBAAkB,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IACnD,CAAC;AACH,CAAC"}

package/index.d.ts

@@ -1249,15 +1249,6 @@ type CarouselEventName = ValuesOf<typeof CarouselEventNames>;
  * HTML Element: <fabric-carousel>
  */
 declare const definition$19: _microsoft_fast_element.FASTElementDefinition<typeof Carousel>;
-
-/**
- * Styles for the {@link @fabric-msft/fabric-web#(Carousel:class)} component.
- * @public
- */
-declare const styles$p: ElementStyles;
-
-declare const template$j: ElementViewTemplate<Carousel>;
-
 /**
  * Registers the carousel element and all of its internal dependencies
  * (carousel-item, carousel-nav, carousel-nav-item) with the provided registry.
@@ -1274,6 +1265,14 @@ declare const template$j: ElementViewTemplate<Carousel>;
  */
 declare function defineCarousel(registry?: CustomElementRegistry): void;
 
+/**
+ * Styles for the {@link @fabric-msft/fabric-web#(Carousel:class)} component.
+ * @public
+ */
+declare const styles$p: ElementStyles;
+
+declare const template$j: ElementViewTemplate<Carousel>;
+
 /**
  * The CarouselItem element definition.
  * @public