@fluentui/web-components 2.5.11 → 2.5.12

package/CHANGELOG.json

@@ -2,7 +2,22 @@
   "name": "@fluentui/web-components",
   "entries": [
     {
-      "date": "Wed, 11 Jan 2023 07:49:04 GMT",
+      "date": "Thu, 26 Jan 2023 07:34:09 GMT",
+      "tag": "@fluentui/web-components_v2.5.12",
+      "version": "2.5.12",
+      "comments": {
+        "patch": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "c5ad495ac5b9f4a10906f241b6b4ce54dbd9e7d1",
+            "comment": "feat: bump tslib to 2.1 to align with rest of monorepo packages"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 11 Jan 2023 07:50:49 GMT",
       "tag": "@fluentui/web-components_v2.5.11",
       "version": "2.5.11",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Wed, 11 Jan 2023 07:49:04 GMT and should not be manually modified.
+This log was last generated on Thu, 26 Jan 2023 07:34:09 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [2.5.12](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.12)
+
+Thu, 26 Jan 2023 07:34:09 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.11..@fluentui/web-components_v2.5.12)
+
+### Patches
+
+- feat: bump tslib to 2.1 to align with rest of monorepo packages ([PR #26457](https://github.com/microsoft/fluentui/pull/26457) by martinhochel@microsoft.com)
+
 ## [2.5.11](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.11)
 
-Wed, 11 Jan 2023 07:49:04 GMT 
+Wed, 11 Jan 2023 07:50:49 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.10..@fluentui/web-components_v2.5.11)
 
 ### Patches

package/dist/web-components.js

@@ -19681,7 +19681,7 @@ const fluentAccordion = Accordion.compose({
  */
 const accordionStyles = accordionStyles$1;
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any

package/dist/web-components.min.js

@@ -83,22 +83,7 @@ var Co=["input","select","textarea","a[href]","button","[tabindex]","audio[contr
 `,Yh=vt`(${or} + ${nr}) * ${rr}`,Qh=fo.create("neutral-fill-stealth-rest-on-neutral-fill-layer-rest").withDefault(t=>{const e=Hl.getValueFor(t);return Xl.getValueFor(t).evaluate(t,e.evaluate(t).rest).rest}),Zh=fo.create("neutral-fill-stealth-hover-on-neutral-fill-layer-rest").withDefault(t=>{const e=Hl.getValueFor(t);return Xl.getValueFor(t).evaluate(t,e.evaluate(t).rest).hover}),Jh=fo.create("neutral-fill-stealth-active-on-neutral-fill-layer-rest").withDefault(t=>{const e=Hl.getValueFor(t);return Xl.getValueFor(t).evaluate(t,e.evaluate(t).rest).active}),td=(t,e)=>ft`
     ${rn("flex")} :host{box-sizing:border-box;${Hh};flex-direction:column;background:${Ml};color:${rc};border:calc(${cr} * 1px) solid ${Oc};border-radius:calc(${lr} * 1px)}.region{display:none;padding:calc(${rr} * 2 * 1px);background:${Ul}}.heading{display:grid;position:relative;grid-template-columns:auto 1fr auto auto;align-items:center}.button{appearance:none;border:none;background:none;grid-column:2;grid-row:1;outline:none;margin:calc(${rr} * 3 * 1px) 0;padding:0 calc(${rr} * 2 * 1px);text-align:left;color:inherit;cursor:pointer;font:inherit}.button::before{content:'';position:absolute;top:calc(${cr} * -1px);left:calc(${cr} * -1px);right:calc(${cr} * -1px);bottom:calc(${cr} * -1px);cursor:pointer}.button:${an}::before{${Kh}
       border-radius:calc(${lr} * 1px)}:host(.expanded) .button:${an}::before{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.expanded) .region{display:block;border-top:calc(${cr} * 1px) solid ${Oc};border-bottom-left-radius:calc((${lr} - ${cr}) * 1px);border-bottom-right-radius:calc((${lr} - ${cr}) * 1px)}.icon{display:flex;align-items:center;justify-content:center;grid-column:4;pointer-events:none;background:${Qh};border-radius:calc(${ar} * 1px);fill:currentcolor;width:calc(${Yh} * 1px);height:calc(${Yh} * 1px);margin:calc(${rr} * 2 * 1px)}.heading:hover .icon{background:${Zh}}.heading:active .icon{background:${Jh}}slot[name='collapsed-icon']{display:flex}:host(.expanded) slot[name='collapsed-icon']{display:none}slot[name='expanded-icon']{display:none}:host(.expanded) slot[name='expanded-icon']{display:flex}.start{display:flex;align-items:center;padding-inline-start:calc(${rr} * 2 * 1px);justify-content:center;grid-column:1}.end{display:flex;align-items:center;justify-content:center;grid-column:3}.icon,.start,.end{position:relative}`.withBehaviors(sn(ft`
-        .button:${an}::before{outline-color:${Ge.Highlight}}.icon{fill:${Ge.ButtonText}}`)),ed=Re.compose({baseName:"accordion-item",template:(t,e)=>_`<template class="${t=>t.expanded?"expanded":""}"><div class="heading" part="heading" role="heading" aria-level="${t=>t.headinglevel}"><button class="button" part="button" ${Dt("expandbutton")} aria-expanded="${t=>t.expanded}" aria-controls="${t=>t.id}-panel" id="${t=>t.id}" @click="${(t,e)=>t.clickHandler(e.event)}"><span class="heading-content" part="heading-content"><slot name="heading"></slot></span></button>${Ut(0,e)} ${jt(0,e)}<span class="icon" part="icon" aria-hidden="true"><slot name="expanded-icon" part="expanded-icon">${e.expandedIcon||""}</slot><slot name="collapsed-icon" part="collapsed-icon">${e.collapsedIcon||""}</slot><span></div><div class="region" part="region" id="${t=>t.id}-panel" role="region" aria-labelledby="${t=>t.id}"><slot></slot></div></template>`,styles:td,collapsedIcon:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  ',expandedIcon:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 7.35c.2.2.5.2.7 0L6 4.21l3.15 3.14a.5.5 0 10.7-.7l-3.5-3.5a.5.5 0 00-.7 0l-3.5 3.5a.5.5 0 000 .7z"/>\n    </svg>\n  '}),id=td,od=Xe.compose({baseName:"accordion",template:(t,e)=>_`<template><slot ${Ht({property:"accordionItems",filter:Lt()})}></slot><slot name="item" part="item" ${Ht("accordionItems")}></slot></template>`,styles:Wh}),sd=Wh;
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-function nd(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r}class rd{constructor(t,e){this.cache=new WeakMap,this.ltr=t,this.rtl=e}bind(t){this.attach(t)}unbind(t){const e=this.cache.get(t);e&&er.unsubscribe(e)}attach(t){const e=this.cache.get(t)||new ad(this.ltr,this.rtl,t),i=er.getValueFor(t);er.subscribe(e),e.attach(i),this.cache.set(t,e)}}class ad{constructor(t,e,i){this.ltr=t,this.rtl=e,this.source=i,this.attached=null}handleChange({target:t,token:e}){this.attach(e.getValueFor(this.source))}attach(t){this.attached!==this[t]&&(null!==this.attached&&this.source.$fastController.removeStyles(this.attached),this.attached=this[t],null!==this.attached&&this.source.$fastController.addStyles(this.attached))}}const ld="0 0 2px rgba(0, 0, 0, 0.14)",cd="0 calc(var(--elevation) * 0.5px) calc((var(--elevation) * 1px)) rgba(0, 0, 0, 0.2)",hd=`box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), ${cd};`,dd=fo.create({name:"elevation-shadow",cssCustomPropertyName:null}).withDefault({evaluate:(t,e,i)=>{let o=.12,s=.14;e>16&&(o=.2,s=.24);return`${`0 0 2px rgba(0, 0, 0, ${o})`}, ${`0 calc(${e} * 0.5px) calc((${e} * 1px)) rgba(0, 0, 0, ${s})`}`}}),ud=fo.create("elevation-shadow-card-rest-size").withDefault(4),pd=fo.create("elevation-shadow-card-hover-size").withDefault(8),gd=fo.create("elevation-shadow-card-active-size").withDefault(0),fd=fo.create("elevation-shadow-card-focus-size").withDefault(8),md=fo.create("elevation-shadow-card-rest").withDefault(t=>dd.getValueFor(t).evaluate(t,ud.getValueFor(t))),vd=fo.create("elevation-shadow-card-hover").withDefault(t=>dd.getValueFor(t).evaluate(t,pd.getValueFor(t))),bd=fo.create("elevation-shadow-card-active").withDefault(t=>dd.getValueFor(t).evaluate(t,gd.getValueFor(t))),yd=fo.create("elevation-shadow-card-focus").withDefault(t=>dd.getValueFor(t).evaluate(t,fd.getValueFor(t))),xd=fo.create("elevation-shadow-tooltip-size").withDefault(16),$d=fo.create("elevation-shadow-tooltip").withDefault(t=>dd.getValueFor(t).evaluate(t,xd.getValueFor(t))),wd=fo.create("elevation-shadow-flyout-size").withDefault(32),kd=fo.create("elevation-shadow-flyout").withDefault(t=>dd.getValueFor(t).evaluate(t,wd.getValueFor(t))),Cd=fo.create("elevation-shadow-dialog-size").withDefault(128),Id=fo.create("elevation-shadow-dialog").withDefault(t=>dd.getValueFor(t).evaluate(t,Cd.getValueFor(t))),Fd=(t,e,i,o="[disabled]")=>ft`
+        .button:${an}::before{outline-color:${Ge.Highlight}}.icon{fill:${Ge.ButtonText}}`)),ed=Re.compose({baseName:"accordion-item",template:(t,e)=>_`<template class="${t=>t.expanded?"expanded":""}"><div class="heading" part="heading" role="heading" aria-level="${t=>t.headinglevel}"><button class="button" part="button" ${Dt("expandbutton")} aria-expanded="${t=>t.expanded}" aria-controls="${t=>t.id}-panel" id="${t=>t.id}" @click="${(t,e)=>t.clickHandler(e.event)}"><span class="heading-content" part="heading-content"><slot name="heading"></slot></span></button>${Ut(0,e)} ${jt(0,e)}<span class="icon" part="icon" aria-hidden="true"><slot name="expanded-icon" part="expanded-icon">${e.expandedIcon||""}</slot><slot name="collapsed-icon" part="collapsed-icon">${e.collapsedIcon||""}</slot><span></div><div class="region" part="region" id="${t=>t.id}-panel" role="region" aria-labelledby="${t=>t.id}"><slot></slot></div></template>`,styles:td,collapsedIcon:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  ',expandedIcon:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 7.35c.2.2.5.2.7 0L6 4.21l3.15 3.14a.5.5 0 10.7-.7l-3.5-3.5a.5.5 0 00-.7 0l-3.5 3.5a.5.5 0 000 .7z"/>\n    </svg>\n  '}),id=td,od=Xe.compose({baseName:"accordion",template:(t,e)=>_`<template><slot ${Ht({property:"accordionItems",filter:Lt()})}></slot><slot name="item" part="item" ${Ht("accordionItems")}></slot></template>`,styles:Wh}),sd=Wh;function nd(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r}class rd{constructor(t,e){this.cache=new WeakMap,this.ltr=t,this.rtl=e}bind(t){this.attach(t)}unbind(t){const e=this.cache.get(t);e&&er.unsubscribe(e)}attach(t){const e=this.cache.get(t)||new ad(this.ltr,this.rtl,t),i=er.getValueFor(t);er.subscribe(e),e.attach(i),this.cache.set(t,e)}}class ad{constructor(t,e,i){this.ltr=t,this.rtl=e,this.source=i,this.attached=null}handleChange({target:t,token:e}){this.attach(e.getValueFor(this.source))}attach(t){this.attached!==this[t]&&(null!==this.attached&&this.source.$fastController.removeStyles(this.attached),this.attached=this[t],null!==this.attached&&this.source.$fastController.addStyles(this.attached))}}const ld="0 0 2px rgba(0, 0, 0, 0.14)",cd="0 calc(var(--elevation) * 0.5px) calc((var(--elevation) * 1px)) rgba(0, 0, 0, 0.2)",hd=`box-shadow: 0 0 2px rgba(0, 0, 0, 0.14), ${cd};`,dd=fo.create({name:"elevation-shadow",cssCustomPropertyName:null}).withDefault({evaluate:(t,e,i)=>{let o=.12,s=.14;e>16&&(o=.2,s=.24);return`${`0 0 2px rgba(0, 0, 0, ${o})`}, ${`0 calc(${e} * 0.5px) calc((${e} * 1px)) rgba(0, 0, 0, ${s})`}`}}),ud=fo.create("elevation-shadow-card-rest-size").withDefault(4),pd=fo.create("elevation-shadow-card-hover-size").withDefault(8),gd=fo.create("elevation-shadow-card-active-size").withDefault(0),fd=fo.create("elevation-shadow-card-focus-size").withDefault(8),md=fo.create("elevation-shadow-card-rest").withDefault(t=>dd.getValueFor(t).evaluate(t,ud.getValueFor(t))),vd=fo.create("elevation-shadow-card-hover").withDefault(t=>dd.getValueFor(t).evaluate(t,pd.getValueFor(t))),bd=fo.create("elevation-shadow-card-active").withDefault(t=>dd.getValueFor(t).evaluate(t,gd.getValueFor(t))),yd=fo.create("elevation-shadow-card-focus").withDefault(t=>dd.getValueFor(t).evaluate(t,fd.getValueFor(t))),xd=fo.create("elevation-shadow-tooltip-size").withDefault(16),$d=fo.create("elevation-shadow-tooltip").withDefault(t=>dd.getValueFor(t).evaluate(t,xd.getValueFor(t))),wd=fo.create("elevation-shadow-flyout-size").withDefault(32),kd=fo.create("elevation-shadow-flyout").withDefault(t=>dd.getValueFor(t).evaluate(t,wd.getValueFor(t))),Cd=fo.create("elevation-shadow-dialog-size").withDefault(128),Id=fo.create("elevation-shadow-dialog").withDefault(t=>dd.getValueFor(t).evaluate(t,Cd.getValueFor(t))),Fd=(t,e,i,o="[disabled]")=>ft`
     ${rn("inline-flex")}
     
     :host{position:relative;box-sizing:border-box;${Hh}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
   "sideEffects": false,
-  "version": "2.5.11",
+  "version": "2.5.12",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"
@@ -76,6 +76,6 @@
     "@microsoft/fast-element": "^1.11.0",
     "@microsoft/fast-foundation": "^2.47.0",
     "@microsoft/fast-web-utilities": "^5.4.0",
-    "tslib": "^1.13.0"
+    "tslib": "^2.1.0"
   }
 }