@fluentui/web-components 3.0.0-alpha.17 → 3.0.0-alpha.18

package/CHANGELOG.json

@@ -2,7 +2,37 @@
   "name": "@fluentui/web-components",
   "entries": [
     {
-      "date": "Wed, 12 Apr 2023 04:19:28 GMT",
+      "date": "Thu, 20 Apr 2023 04:20:25 GMT",
+      "tag": "@fluentui/web-components_v3.0.0-alpha.18",
+      "version": "3.0.0-alpha.18",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "harankin@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "9cd641f4d38d6889ee50afeedca54f77617cd1a5",
+            "comment": "Image component style updates"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 19 Apr 2023 04:23:30 GMT",
+      "tag": "@fluentui/web-components_v3.0.0-alpha.17",
+      "version": "3.0.0-alpha.17",
+      "comments": {
+        "none": [
+          {
+            "author": "ryan@ryanmerrill.net",
+            "package": "@fluentui/web-components",
+            "commit": "e5ff319c5354a9f47d6f5b990441673e32998b7c",
+            "comment": "Adds Select spec"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 12 Apr 2023 04:19:35 GMT",
       "tag": "@fluentui/web-components_v3.0.0-alpha.17",
       "version": "3.0.0-alpha.17",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Wed, 12 Apr 2023 04:19:28 GMT and should not be manually modified.
+This log was last generated on Thu, 20 Apr 2023 04:20:25 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.18)
+
+Thu, 20 Apr 2023 04:20:25 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.17..@fluentui/web-components_v3.0.0-alpha.18)
+
+### Changes
+
+- Image component style updates ([PR #27567](https://github.com/microsoft/fluentui/pull/27567) by harankin@microsoft.com)
+
 ## [3.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-alpha.17)
 
-Wed, 12 Apr 2023 04:19:28 GMT 
+Wed, 12 Apr 2023 04:19:35 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-alpha.16..@fluentui/web-components_v3.0.0-alpha.17)
 
 ### Changes

package/dist/esm/image/image.styles.js

@@ -1,5 +1,5 @@
 import { css } from '@microsoft/fast-element';
-import { borderRadiusCircular, colorNeutralStroke2, shadow4, strokeWidthThin } from '../theme/design-tokens.js';
+import { borderRadiusCircular, borderRadiusMedium, colorNeutralStroke2, shadow4, strokeWidthThin, } from '../theme/design-tokens.js';
 /** Image styles
  *
  * @public
@@ -52,5 +52,8 @@ export const styles = css `
   :host([shape='circular']) ::slotted(img) {
     border-radius: ${borderRadiusCircular};
   }
+  :host([shape='rounded']) ::slotted(img) {
+    border-radius: ${borderRadiusMedium};
+  }
 `;
 //# sourceMappingURL=image.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"image.styles.js","sourceRoot":"","sources":["../../../src/image/image.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEhH;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;cAgBX,eAAe,UAAU,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA2BxC,OAAO;;;qBAGJ,oBAAoB;;CAExC,CAAC"}
+{"version":3,"file":"image.styles.js","sourceRoot":"","sources":["../../../src/image/image.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,OAAO,EACP,eAAe,GAChB,MAAM,2BAA2B,CAAC;AAEnC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;cAgBX,eAAe,UAAU,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA2BxC,OAAO;;;qBAGJ,oBAAoB;;;qBAGpB,kBAAkB;;CAEtC,CAAC"}

package/dist/web-components.js

@@ -8478,7 +8478,7 @@ const template$b = html`<slot></slot>`;
  * @public
  */
 const styles$a = css`
-  :host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host([block]) ::slotted(img){width:100%;height:auto}:host([bordered]) ::slotted(img){border:${strokeWidthThin} solid ${colorNeutralStroke2}}:host([fit='none']) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host([fit='center']) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host([fit='contain']) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host([fit='cover']) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host([shadow]) ::slotted(img){box-shadow:${shadow4}}:host([shape='circular']) ::slotted(img){border-radius:${borderRadiusCircular}}`;
+  :host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host([block]) ::slotted(img){width:100%;height:auto}:host([bordered]) ::slotted(img){border:${strokeWidthThin} solid ${colorNeutralStroke2}}:host([fit='none']) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host([fit='center']) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host([fit='contain']) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host([fit='cover']) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host([shadow]) ::slotted(img){box-shadow:${shadow4}}:host([shape='circular']) ::slotted(img){border-radius:${borderRadiusCircular}}:host([shape='rounded']) ::slotted(img){border-radius:${borderRadiusMedium}}`;
 
 /**
  * The Fluent Image Element

package/dist/web-components.min.js

@@ -276,7 +276,7 @@ import{composedContains as e,composedParent as t}from"@microsoft/fast-element/ut
   ${no("flex")}
 
   :host{contain:content}:host::after,:host::before{align-self:center;background:${Zi};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${Zo}}:host([inset]){padding:0 12px}:host ::slotted(*){color:${Gr};font-family:${qo};font-size:${Po};font-weight:${Uo};margin:0;padding:0 12px}:host([align-content='start'])::before,:host([align-content='end'])::after{flex-basis:12px;flex-grow:0;flex-shrink:0}:host([orientation='vertical']){height:100%;min-height:84px}:host([orientation='vertical']):empty{min-height:20px}:host([orientation='vertical']){flex-direction:column;align-items:center}:host([orientation='vertical'][inset])::before{margin-top:12px}:host([orientation='vertical'][inset])::after{margin-bottom:12px}:host([orientation='vertical']):empty::before,:host([orientation='vertical']):empty::after{height:10px;min-height:10px;flex-grow:0}:host([orientation='vertical'])::before,:host([orientation='vertical'])::after{width:${Zo};min-height:20px;height:100%}:host([orientation='vertical']) ::slotted(*){display:flex;flex-direction:column;padding:12px 0;line-height:20px}:host([orientation='vertical'][align-content='start'])::before{min-height:8px}:host([orientation='vertical'][align-content='end'])::after{min-height:8px}:host([appearance='strong'])::before,:host([appearance='strong'])::after{background:${Ui}}:host([appearance='strong']) ::slotted(*){color:${Vr}}:host([appearance='brand'])::before,:host([appearance='brand'])::after{background:${is}}:host([appearance='brand']) ::slotted(*){color:${ma}}:host([appearance='subtle'])::before,:host([appearance='subtle'])::after{background:${Ji}}:host([appearance='subtle']) ::slotted(*){color:${Qr}}`,Wd=_d.compose({name:po.prefix+"-divider",template:qd,styles:Xd});class Ud extends Ke{}Ze([Le({mode:"boolean"})],Ud.prototype,"block",void 0),Ze([Le({mode:"boolean"})],Ud.prototype,"bordered",void 0),Ze([Le({mode:"boolean"})],Ud.prototype,"shadow",void 0),Ze([Le],Ud.prototype,"fit",void 0),Ze([Le],Ud.prototype,"shape",void 0);const Yd={none:"none",center:"center",contain:"contain",cover:"cover",default:"default"},Kd={circular:"circular",rounded:"rounded",square:"square"},Qd=$e`<slot></slot>`,Zd=j`
-  :host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host([block]) ::slotted(img){width:100%;height:auto}:host([bordered]) ::slotted(img){border:${Zo} solid ${Zi}}:host([fit='none']) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host([fit='center']) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host([fit='contain']) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host([fit='cover']) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host([shadow]) ::slotted(img){box-shadow:${bc}}:host([shape='circular']) ::slotted(img){border-radius:${Bo}}`,Jd=Ud.compose({name:po.prefix+"-image",template:Qd,styles:Zd});class eh extends Ke{constructor(){super(...arguments),this.disabled=!1,this.required=!1}}Ze([Le],eh.prototype,"size",void 0),Ze([Le],eh.prototype,"weight",void 0),Ze([Le({mode:"boolean"})],eh.prototype,"disabled",void 0),Ze([Le({mode:"boolean"})],eh.prototype,"required",void 0);const th=j`
+  :host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host([block]) ::slotted(img){width:100%;height:auto}:host([bordered]) ::slotted(img){border:${Zo} solid ${Zi}}:host([fit='none']) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host([fit='center']) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host([fit='contain']) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host([fit='cover']) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host([shadow]) ::slotted(img){box-shadow:${bc}}:host([shape='circular']) ::slotted(img){border-radius:${Bo}}:host([shape='rounded']) ::slotted(img){border-radius:${$o}}`,Jd=Ud.compose({name:po.prefix+"-image",template:Qd,styles:Zd});class eh extends Ke{constructor(){super(...arguments),this.disabled=!1,this.required=!1}}Ze([Le],eh.prototype,"size",void 0),Ze([Le],eh.prototype,"weight",void 0),Ze([Le({mode:"boolean"})],eh.prototype,"disabled",void 0),Ze([Le({mode:"boolean"})],eh.prototype,"required",void 0);const th=j`
   ${no("flex")}
 
   :host{font-family:${qo};font-size:${Co};line-height:${Mo};font-weight:${Uo};color:${Vr}}.asterisk{color:${Fs};margin-left:${ar}}:host([size='small']){font-size:${Po};line-height:${Oo}}:host([size='large']){font-size:${Fo};line-height:${Ho};font-weight:${Ko}}:host([weight='semibold']){font-weight:${Ko}}:host([disabled]),:host([disabled]) .asterisk{color:${ia}}`;const oh=$e`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${e=>!e.required}">*</span>`,rh=eh.compose({name:po.prefix+"-label",template:oh,styles:th});class ah extends Bd{}const ih=Ac,sh=Nc,nh=Ic,lh=Bt({end:$e.partial('<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z" fill="currentColor"></path></svg>')}),ch=ah.compose({name:po.prefix+"-menu-button",template:lh,styles:Hc,shadowOptions:{delegatesFocus:!0}});class dh extends Wt{constructor(){super(...arguments),this.validationState=null}}Ze([Le],dh.prototype,"thickness",void 0),Ze([Le],dh.prototype,"shape",void 0),Ze([Le({attribute:"validation-state"})],dh.prototype,"validationState",void 0);const hh={medium:"medium",large:"large"},uh={rounded:"rounded",square:"square"},ph={success:"success",warning:"warning",error:"error"},gh=j`

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
   "sideEffects": false,
-  "version": "3.0.0-alpha.17",
+  "version": "3.0.0-alpha.18",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"