@fluentui/web-components 3.0.0-beta.66 → 3.0.0-beta.67

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Fri, 27 Sep 2024 04:06:54 GMT and should not be manually modified.
+This log was last generated on Fri, 04 Oct 2024 04:08:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-beta.67](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.67)
+
+Fri, 04 Oct 2024 04:08:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.66..@fluentui/web-components_v3.0.0-beta.67)
+
+### Changes
+
+- fix: removes display inheritance so all html elements can render ([PR #32874](https://github.com/microsoft/fluentui/pull/32874) by jes@microsoft.com)
+
 ## [3.0.0-beta.66](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.66)
 
-Fri, 27 Sep 2024 04:06:54 GMT 
+Fri, 27 Sep 2024 04:07:03 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.65..@fluentui/web-components_v3.0.0-beta.66)
 
 ### Changes

package/dist/esm/text/text.styles.js

@@ -122,7 +122,6 @@ export const styles = css `
   }
 
   ::slotted(*) {
-    display: inherit;
     font: inherit;
     line-height: inherit;
     text-decoration-line: inherit;

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

@@ -1 +1 @@
-{"version":3,"file":"text.styles.js","sourceRoot":"","sources":["../../../src/text/text.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC;;;GAGG;AACH,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAA,sCAAsC,CAAC;AAEtE;;;GAGG;AACH,MAAM,aAAa,GAAG,GAAG,CAAC,OAAO,CAAA,0CAA0C,CAAC;AAE5E;;;GAGG;AACH,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,CAAA,4CAA4C,CAAC;AAE/E;;;GAGG;AACH,MAAM,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAAA,oDAAoD,CAAC;AAE3F;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,QAAQ,CAAC;;;;mBAIF,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;;UAI1B,WAAW;UACX,WAAW;;;;UAIX,aAAa;UACb,aAAa;;;;;;;;;UASb,cAAc;;;UAGd,kBAAkB;;;UAGlB,cAAc,GAAG,kBAAkB;;;;iBAI5B,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,gBAAgB;mBACd,kBAAkB;;;mBAGlB,mBAAmB;;;mBAGnB,iBAAiB;;;mBAGjB,gBAAgB;;;mBAGhB,kBAAkB;;;mBAGlB,cAAc;;;;;;;;;;;;;;;;;;;;;CAqBhC,CAAC"}
+{"version":3,"file":"text.styles.js","sourceRoot":"","sources":["../../../src/text/text.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC;;;GAGG;AACH,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAA,sCAAsC,CAAC;AAEtE;;;GAGG;AACH,MAAM,aAAa,GAAG,GAAG,CAAC,OAAO,CAAA,0CAA0C,CAAC;AAE5E;;;GAGG;AACH,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,CAAA,4CAA4C,CAAC;AAE/E;;;GAGG;AACH,MAAM,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAAA,oDAAoD,CAAC;AAE3F;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,QAAQ,CAAC;;;;mBAIF,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;;UAI1B,WAAW;UACX,WAAW;;;;UAIX,aAAa;UACb,aAAa;;;;;;;;;UASb,cAAc;;;UAGd,kBAAkB;;;UAGlB,cAAc,GAAG,kBAAkB;;;;iBAI5B,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,eAAe;mBACb,iBAAiB;;;iBAGnB,gBAAgB;mBACd,kBAAkB;;;mBAGlB,mBAAmB;;;mBAGnB,iBAAiB;;;mBAGjB,gBAAgB;;;mBAGhB,kBAAkB;;;mBAGlB,cAAc;;;;;;;;;;;;;;;;;;;;CAoBhC,CAAC"}

package/dist/web-components.js

@@ -12234,7 +12234,7 @@ const strikethroughState = css.partial`:is([state--strikethrough], :state(strike
 const styles$1 = css`
   ${display("inline")}
 
-  :host{contain:content;font-family:${fontFamilyBase};font-size:${fontSizeBase300};line-height:${lineHeightBase300};font-weight:${fontWeightRegular};text-align:start}:host(${nowrapState}),:host(${nowrapState}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${truncateState}),:host(${truncateState}) ::slotted(*){text-overflow:ellipsis}:host(:is([state--block],:state(block))){display:block}:host(:is([state--italic],:state(italic))){font-style:italic}:host(${underlineState}){text-decoration-line:underline}:host(${strikethroughState}){text-decoration-line:line-through}:host(${underlineState}${strikethroughState}){text-decoration-line:line-through underline}:host(:is([state--size-100],:state(size-100))){font-size:${fontSizeBase100};line-height:${lineHeightBase100}}:host(:is([state--size-200],:state(size-200))){font-size:${fontSizeBase200};line-height:${lineHeightBase200}}:host(:is([state--size-400],:state(size-400))){font-size:${fontSizeBase400};line-height:${lineHeightBase400}}:host(:is([state--size-500],:state(size-500))){font-size:${fontSizeBase500};line-height:${lineHeightBase500}}:host(:is([state--size-600],:state(size-600))){font-size:${fontSizeBase600};line-height:${lineHeightBase600}}:host(:is([state--size-700],:state(size-700))){font-size:${fontSizeHero700};line-height:${lineHeightHero700}}:host(:is([state--size-800],:state(size-800))){font-size:${fontSizeHero800};line-height:${lineHeightHero800}}:host(:is([state--size-900],:state(size-900))){font-size:${fontSizeHero900};line-height:${lineHeightHero900}}:host(:is([state--size-1000],:state(size-1000))){font-size:${fontSizeHero1000};line-height:${lineHeightHero1000}}:host(:is([state--monospace],:state(monospace))){font-family:${fontFamilyMonospace}}:host(:is([state--numeric],:state(numeric))){font-family:${fontFamilyNumeric}}:host(:is([state--medium],:state(medium))){font-weight:${fontWeightMedium}}:host(:is([state--semibold],:state(semibold))){font-weight:${fontWeightSemibold}}:host(:is([state--bold],:state(bold))){font-weight:${fontWeightBold}}:host(:is([state--center],:state(center))){text-align:center}:host(:is([state--end],:state(end))){text-align:end}:host(:is([state--justify],:state(justify))){text-align:justify}::slotted(*){display:inherit;font:inherit;line-height:inherit;text-decoration-line:inherit;text-align:inherit;text-decoration-line:inherit;margin:0}`;
+  :host{contain:content;font-family:${fontFamilyBase};font-size:${fontSizeBase300};line-height:${lineHeightBase300};font-weight:${fontWeightRegular};text-align:start}:host(${nowrapState}),:host(${nowrapState}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${truncateState}),:host(${truncateState}) ::slotted(*){text-overflow:ellipsis}:host(:is([state--block],:state(block))){display:block}:host(:is([state--italic],:state(italic))){font-style:italic}:host(${underlineState}){text-decoration-line:underline}:host(${strikethroughState}){text-decoration-line:line-through}:host(${underlineState}${strikethroughState}){text-decoration-line:line-through underline}:host(:is([state--size-100],:state(size-100))){font-size:${fontSizeBase100};line-height:${lineHeightBase100}}:host(:is([state--size-200],:state(size-200))){font-size:${fontSizeBase200};line-height:${lineHeightBase200}}:host(:is([state--size-400],:state(size-400))){font-size:${fontSizeBase400};line-height:${lineHeightBase400}}:host(:is([state--size-500],:state(size-500))){font-size:${fontSizeBase500};line-height:${lineHeightBase500}}:host(:is([state--size-600],:state(size-600))){font-size:${fontSizeBase600};line-height:${lineHeightBase600}}:host(:is([state--size-700],:state(size-700))){font-size:${fontSizeHero700};line-height:${lineHeightHero700}}:host(:is([state--size-800],:state(size-800))){font-size:${fontSizeHero800};line-height:${lineHeightHero800}}:host(:is([state--size-900],:state(size-900))){font-size:${fontSizeHero900};line-height:${lineHeightHero900}}:host(:is([state--size-1000],:state(size-1000))){font-size:${fontSizeHero1000};line-height:${lineHeightHero1000}}:host(:is([state--monospace],:state(monospace))){font-family:${fontFamilyMonospace}}:host(:is([state--numeric],:state(numeric))){font-family:${fontFamilyNumeric}}:host(:is([state--medium],:state(medium))){font-weight:${fontWeightMedium}}:host(:is([state--semibold],:state(semibold))){font-weight:${fontWeightSemibold}}:host(:is([state--bold],:state(bold))){font-weight:${fontWeightBold}}:host(:is([state--center],:state(center))){text-align:center}:host(:is([state--end],:state(end))){text-align:end}:host(:is([state--justify],:state(justify))){text-align:justify}::slotted(*){font:inherit;line-height:inherit;text-decoration-line:inherit;text-align:inherit;text-decoration-line:inherit;margin:0}`;
 
 const template$1 = html`<slot></slot>`;
 

package/dist/web-components.min.js

@@ -519,7 +519,7 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
   :host{font-family:${$};font-size:${E};font-weight:${M};line-height:${D};max-width:400px}.label{display:flex;color:${A};padding-bottom:${Bi};flex-shrink:0;padding-inline-end:${Ht}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${O};border:${W} solid ${ce};border-bottom-color:${le};border-radius:${P};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${dt};padding:0 ${bt};position:relative;width:100%}:has(.control:user-invalid){border-color:${Ci}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${P});border-radius:0 0 ${P} ${P};border-bottom:2px solid ${ko};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Ln};transition-delay:${Xe}}.control{width:100%;height:100%;box-sizing:border-box;color:${A};border-radius:${P};background:${wt};font-family:${$};font-weight:${M};font-size:${E};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${sn}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${ut};font-size:${Ge}}:host ::slotted([slot='start']){padding-right:${dt}}:host ::slotted([slot='end']){padding-left:${dt};gap:${Ht}}:host(:hover) .root{border-color:${vo};border-bottom-color:${qe}}:host(:active) .root{border-color:${$s}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Ai};transition-delay:${Ke}}:host(:focus-within:active) .root:after{border-bottom-color:${pn}}:host(${G}:focus-within) .root{border:${W} solid ${ce}}:host(:focus-within) .control{color:${A}}:host([disabled]) .root{background:${wt};border:${W} solid ${Tt}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${B}}::selection{color:${Le};background-color:${ln}}:host(${T}) .control{font-size:${j};font-weight:${M};line-height:${it}}:host(${T}) .root{height:24px;gap:${dt};padding:0 ${kt}}:host(${T}) ::slotted([slot='start']),:host(${T}) ::slotted([slot='end']){font-size:${ct}}:host(${C}) .control{font-size:${ct};font-weight:${M};line-height:${yt}}:host(${C}) .root{height:40px;gap:${ee};padding:0 ${ft}}:host(${C}) ::slotted([slot='start']),:host(${C}) ::slotted([slot='end']){font-size:${vs}}:host(${ho}) .root{background:${wt};border:0;border-radius:0;border-bottom:${W} solid ${le}}:host(${ho}:hover) .root{border-bottom-color:${qe}}:host(${ho}:active) .root{border-bottom-color:${Ue}}:host(${ho}:focus-within) .root{border:0;border-bottom-color:${Ue}}:host(${ho}[disabled]) .root{border-bottom-color:${Tt}}:host(${_e}) .root,:host(${Ve}) .root{border:${W} solid ${pt};box-shadow:${zi}}:host(${_e}) .root{background:${O}}:host(${Ve}) .root{background:${bs}}:host(${_e}:hover) .root,:host(${Ve}:hover) .root{border-color:${gn}}:host(${_e}:active) .root,:host(${Ve}:active) .root{border-color:${gn};background:${bs}}`;function Kg(o={}){return f`<template @beforeinput="${(t,e)=>t.beforeinputHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}"><label part="label" for="control" class="label" ${xt("controlLabel")}><slot ${ot({property:"defaultSlottedNodes",filter:di})}></slot></label><div class="root" part="root">${Wt(o)}<input class="control" part="control" id="control" @change="${(t,e)=>t.changeHandler(e.event)}" @input="${(t,e)=>t.inputHandler(e.event)}" ?autofocus="${t=>t.autofocus}" autocomplete="${t=>t.autocomplete}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" ?multiple="${t=>t.multiple}" name="${t=>t.name}" pattern="${t=>t.pattern}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" spellcheck="${t=>t.spellcheck}" type="${t=>t.type}" value="${t=>t.initialValue}" ${xt("control")} />${ne(o)}</div></template>`}const Yg=Kg(),Qg=Rs.compose({name:`${g.prefix}-text-input`,template:Yg,styles:Xg,shadowOptions:{delegatesFocus:!0}});Qg.define(g.registry);var Zg=Object.defineProperty,Jg=Object.getOwnPropertyDescriptor,Ut=(o,t,e,s)=>{for(var i=s>1?void 0:s?Jg(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Zg(t,e,i),i};class Et extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.nowrap=!1,this.truncate=!1,this.italic=!1,this.underline=!1,this.strikethrough=!1,this.block=!1}sizeChanged(t,e){t&&c(this.elementInternals,`size-${t}`,!1),e&&c(this.elementInternals,`size-${e}`,!0)}fontChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}weightChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}alignChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}connectedCallback(){super.connectedCallback(),m.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)})}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this)}handleChange(t,e){switch(e){case"nowrap":case"truncate":case"italic":case"underline":case"strikethrough":case"block":c(this.elementInternals,e,!!this[e]);break}}}Ut([a({mode:"boolean"})],Et.prototype,"nowrap",2),Ut([a({mode:"boolean"})],Et.prototype,"truncate",2),Ut([a({mode:"boolean"})],Et.prototype,"italic",2),Ut([a({mode:"boolean"})],Et.prototype,"underline",2),Ut([a({mode:"boolean"})],Et.prototype,"strikethrough",2),Ut([a({mode:"boolean"})],Et.prototype,"block",2),Ut([a],Et.prototype,"size",2),Ut([a],Et.prototype,"font",2),Ut([a],Et.prototype,"weight",2),Ut([a],Et.prototype,"align",2);const aa=l.partial`:is([state--nowrap], :state(nowrap))`,la=l.partial`:is([state--truncate], :state(truncate))`,ca=l.partial`:is([state--underline], :state(underline))`,da=l.partial`:is([state--strikethrough], :state(strikethrough))`,tb=l`
   ${S("inline")}
 
-  :host{contain:content;font-family:${$};font-size:${E};line-height:${D};font-weight:${M};text-align:start}:host(${aa}),:host(${aa}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${la}),:host(${la}) ::slotted(*){text-overflow:ellipsis}:host(:is([state--block],:state(block))){display:block}:host(:is([state--italic],:state(italic))){font-style:italic}:host(${ca}){text-decoration-line:underline}:host(${da}){text-decoration-line:line-through}:host(${ca}${da}){text-decoration-line:line-through underline}:host(:is([state--size-100],:state(size-100))){font-size:${xo};line-height:${ks}}:host(:is([state--size-200],:state(size-200))){font-size:${j};line-height:${it}}:host(:is([state--size-400],:state(size-400))){font-size:${ct};line-height:${yt}}:host(:is([state--size-500],:state(size-500))){font-size:${Ge};line-height:${xs}}:host(:is([state--size-600],:state(size-600))){font-size:${vs};line-height:${Nn}}:host(:is([state--size-700],:state(size-700))){font-size:${Bn};line-height:${Fn}}:host(:is([state--size-800],:state(size-800))){font-size:${Pn};line-height:${On}}:host(:is([state--size-900],:state(size-900))){font-size:${An};line-height:${Mn}}:host(:is([state--size-1000],:state(size-1000))){font-size:${En};line-height:${_n}}:host(:is([state--monospace],:state(monospace))){font-family:${ed}}:host(:is([state--numeric],:state(numeric))){font-family:${od}}:host(:is([state--medium],:state(medium))){font-weight:${sd}}:host(:is([state--semibold],:state(semibold))){font-weight:${L}}:host(:is([state--bold],:state(bold))){font-weight:${ys}}:host(:is([state--center],:state(center))){text-align:center}:host(:is([state--end],:state(end))){text-align:end}:host(:is([state--justify],:state(justify))){text-align:justify}::slotted(*){display:inherit;font:inherit;line-height:inherit;text-decoration-line:inherit;text-align:inherit;text-decoration-line:inherit;margin:0}`,eb=f`<slot></slot>`,ob=Et.compose({name:`${g.prefix}-text`,template:eb,styles:tb});ob.define(g.registry);var sb=Object.defineProperty,ib=Object.getOwnPropertyDescriptor,ha=(o,t,e,s)=>{for(var i=s>1?void 0:s?ib(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&sb(t,e,i),i};class Wi extends oe{pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}connectedCallback(){super.connectedCallback(),this.setPressedState()}setPressedState(){if(this.$fastController.isConnected){const t=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=t,c(this.elementInternals,"pressed",!!this.pressed||!!this.mixed)}}}ha([a({mode:"boolean"})],Wi.prototype,"pressed",2),ha([a({mode:"boolean"})],Wi.prototype,"mixed",2);const rb=l`
+  :host{contain:content;font-family:${$};font-size:${E};line-height:${D};font-weight:${M};text-align:start}:host(${aa}),:host(${aa}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${la}),:host(${la}) ::slotted(*){text-overflow:ellipsis}:host(:is([state--block],:state(block))){display:block}:host(:is([state--italic],:state(italic))){font-style:italic}:host(${ca}){text-decoration-line:underline}:host(${da}){text-decoration-line:line-through}:host(${ca}${da}){text-decoration-line:line-through underline}:host(:is([state--size-100],:state(size-100))){font-size:${xo};line-height:${ks}}:host(:is([state--size-200],:state(size-200))){font-size:${j};line-height:${it}}:host(:is([state--size-400],:state(size-400))){font-size:${ct};line-height:${yt}}:host(:is([state--size-500],:state(size-500))){font-size:${Ge};line-height:${xs}}:host(:is([state--size-600],:state(size-600))){font-size:${vs};line-height:${Nn}}:host(:is([state--size-700],:state(size-700))){font-size:${Bn};line-height:${Fn}}:host(:is([state--size-800],:state(size-800))){font-size:${Pn};line-height:${On}}:host(:is([state--size-900],:state(size-900))){font-size:${An};line-height:${Mn}}:host(:is([state--size-1000],:state(size-1000))){font-size:${En};line-height:${_n}}:host(:is([state--monospace],:state(monospace))){font-family:${ed}}:host(:is([state--numeric],:state(numeric))){font-family:${od}}:host(:is([state--medium],:state(medium))){font-weight:${sd}}:host(:is([state--semibold],:state(semibold))){font-weight:${L}}:host(:is([state--bold],:state(bold))){font-weight:${ys}}:host(:is([state--center],:state(center))){text-align:center}:host(:is([state--end],:state(end))){text-align:end}:host(:is([state--justify],:state(justify))){text-align:justify}::slotted(*){font:inherit;line-height:inherit;text-decoration-line:inherit;text-align:inherit;text-decoration-line:inherit;margin:0}`,eb=f`<slot></slot>`,ob=Et.compose({name:`${g.prefix}-text`,template:eb,styles:tb});ob.define(g.registry);var sb=Object.defineProperty,ib=Object.getOwnPropertyDescriptor,ha=(o,t,e,s)=>{for(var i=s>1?void 0:s?ib(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&sb(t,e,i),i};class Wi extends oe{pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}connectedCallback(){super.connectedCallback(),this.setPressedState()}setPressedState(){if(this.$fastController.isConnected){const t=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=t,c(this.elementInternals,"pressed",!!this.pressed||!!this.mixed)}}}ha([a({mode:"boolean"})],Wi.prototype,"pressed",2),ha([a({mode:"boolean"})],Wi.prototype,"mixed",2);const rb=l`
   ${Ts}
 
   :host(${N}){border-color:${ce};background-color:${an};color:${A};border-width:${W}}:host(${N}:hover){border-color:${vo};background-color:${fi}}:host(${N}:active){border-color:${$s};background-color:${mi}}:host(${N}${lt}){border-color:transparent;background-color:${Ol};color:${te}}:host(${N}${lt}:hover){background-color:${cn}}:host(${N}${lt}:active){background-color:${dn}}:host(${N}${z}){border-color:transparent;background-color:${Nl};color:${bl}}:host(${N}${z}:hover){background-color:${ms};color:${hs}}:host(${N}${z}:active){background-color:${He};color:${us}}:host(${N}${G}),:host(${N}${Z}){background-color:${Fl}}:host(${N}${G}:hover),:host(${N}${Z}:hover){background-color:${$i}}:host(${N}${G}:active),:host(${N}${Z}:active){background-color:${vi}}:host(${N}${Z}){border-color:transparent;color:${fl}}:host(${N}${Z}:hover){color:${ps}}:host(${N}${Z}:active){color:${gs}}`.withBehaviors(Q(l`

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
-  "version": "3.0.0-beta.66",
+  "version": "3.0.0-beta.67",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"