@fluentui/web-components 2.5.13 → 2.5.15

package/CHANGELOG.json

@@ -2,7 +2,37 @@
   "name": "@fluentui/web-components",
   "entries": [
     {
-      "date": "Tue, 11 Apr 2023 07:42:59 GMT",
+      "date": "Thu, 01 Jun 2023 07:36:29 GMT",
+      "tag": "@fluentui/web-components_v2.5.15",
+      "version": "2.5.15",
+      "comments": {
+        "patch": [
+          {
+            "author": "chhol@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "629df3c452dd3d0fd83472eb78ab8c98e22eb96e",
+            "comment": "fix listbox-option selected indicator position in RTL instances"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 17 Apr 2023 07:40:25 GMT",
+      "tag": "@fluentui/web-components_v2.5.14",
+      "version": "2.5.14",
+      "comments": {
+        "patch": [
+          {
+            "author": "chhol@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "2e1cf8928df3e4f0b64b7390408374db94ae9e2c",
+            "comment": "update FAST dependencies to mitigate Safari 16.4 AdoptedStyleSheets bug"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 11 Apr 2023 07:43:45 GMT",
       "tag": "@fluentui/web-components_v2.5.13",
       "version": "2.5.13",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Tue, 11 Apr 2023 07:42:59 GMT and should not be manually modified.
+This log was last generated on Thu, 01 Jun 2023 07:36:29 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [2.5.15](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.15)
+
+Thu, 01 Jun 2023 07:36:29 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.14..@fluentui/web-components_v2.5.15)
+
+### Patches
+
+- fix listbox-option selected indicator position in RTL instances ([PR #27894](https://github.com/microsoft/fluentui/pull/27894) by chhol@microsoft.com)
+
+## [2.5.14](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.14)
+
+Mon, 17 Apr 2023 07:40:25 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.13..@fluentui/web-components_v2.5.14)
+
+### Patches
+
+- update FAST dependencies to mitigate Safari 16.4 AdoptedStyleSheets bug ([PR #27578](https://github.com/microsoft/fluentui/pull/27578) by chhol@microsoft.com)
+
 ## [2.5.13](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.13)
 
-Tue, 11 Apr 2023 07:42:59 GMT 
+Tue, 11 Apr 2023 07:43:45 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.12..@fluentui/web-components_v2.5.13)
 
 ### Patches

package/dist/esm/listbox-option/listbox-option.styles.js

@@ -5,6 +5,7 @@ import { heightNumber } from '../styles/size';
 import { accentFillRest, controlCornerRadius, designUnit, disabledOpacity, focusStrokeWidth, neutralFillSecondaryActive, neutralFillSecondaryHover, neutralFillSecondaryRest, neutralFillStealthActive, neutralFillStealthFocus, neutralFillStealthHover, neutralFillStealthRest, neutralForegroundRest, strokeWidth, } from '../design-tokens';
 import { typeRampBase } from '../styles/patterns/type-ramp';
 import { focusTreatmentBase } from '../styles/focus';
+import { DirectionalStyleSheetBehavior } from '../styles/direction';
 export const optionStyles = (context, definition) => css `
     ${display('inline-flex')} :host {
       position: relative;
@@ -103,7 +104,11 @@ export const optionStyles = (context, definition) => css `
     ::slotted([slot='start']) {
       margin-inline-end: 1ch;
     }
-  `.withBehaviors(forcedColorsStylesheetBehavior(css `
+  `.withBehaviors(new DirectionalStyleSheetBehavior(null, css `
+      :host::before {
+        right: calc((${focusStrokeWidth} - ${strokeWidth}) * 1px);
+      }
+    `), forcedColorsStylesheetBehavior(css `
         :host {
           background: ${SystemColors.ButtonFace};
           border-color: ${SystemColors.ButtonFace};

package/dist/fluent-web-components.api.json

@@ -1,8 +1,8 @@
 {
   "metadata": {
     "toolPackage": "@microsoft/api-extractor",
-    "toolVersion": "7.18.1",
-    "schemaVersion": 1004,
+    "toolVersion": "7.22.2",
+    "schemaVersion": 1005,
     "oldestForwardsCompatibleVersion": 1001,
     "tsdocConfig": {
       "$schema": "https://developer.microsoft.com/json-schemas/tsdoc/v0/tsdoc.schema.json",
@@ -156,7 +156,8 @@
         "@betaDocumentation": true,
         "@internalRemarks": true,
         "@preapproved": true
-      }
+      },
+      "reportUnsupportedHtmlElements": false
     }
   },
   "kind": "Package",
@@ -3952,7 +3953,7 @@
           ],
           "extendsTokenRange": {
             "startIndex": 1,
-            "endIndex": 3
+            "endIndex": 2
           },
           "implementsTokenRanges": []
         },
@@ -4107,14 +4108,16 @@
                   "parameterTypeTokenRange": {
                     "startIndex": 1,
                     "endIndex": 2
-                  }
+                  },
+                  "isOptional": false
                 },
                 {
                   "parameterName": "reference",
                   "parameterTypeTokenRange": {
                     "startIndex": 3,
                     "endIndex": 4
-                  }
+                  },
+                  "isOptional": true
                 }
               ],
               "name": "evaluate"
@@ -6159,7 +6162,7 @@
           ],
           "extendsTokenRange": {
             "startIndex": 1,
-            "endIndex": 3
+            "endIndex": 2
           },
           "implementsTokenRanges": []
         },
@@ -6342,14 +6345,16 @@
                   "parameterTypeTokenRange": {
                     "startIndex": 1,
                     "endIndex": 3
-                  }
+                  },
+                  "isOptional": false
                 },
                 {
                   "parameterName": "rtl",
                   "parameterTypeTokenRange": {
                     "startIndex": 4,
                     "endIndex": 6
-                  }
+                  },
+                  "isOptional": false
                 }
               ]
             }
@@ -6357,7 +6362,7 @@
           "implementsTokenRanges": [
             {
               "startIndex": 1,
-              "endIndex": 3
+              "endIndex": 2
             }
           ]
         },
@@ -6556,21 +6561,24 @@
                   "parameterTypeTokenRange": {
                     "startIndex": 1,
                     "endIndex": 2
-                  }
+                  },
+                  "isOptional": false
                 },
                 {
                   "parameterName": "size",
                   "parameterTypeTokenRange": {
                     "startIndex": 3,
                     "endIndex": 4
-                  }
+                  },
+                  "isOptional": false
                 },
                 {
                   "parameterName": "reference",
                   "parameterTypeTokenRange": {
                     "startIndex": 5,
                     "endIndex": 6
-                  }
+                  },
+                  "isOptional": true
                 }
               ],
               "name": "evaluate"
@@ -10996,14 +11004,16 @@
                   "parameterTypeTokenRange": {
                     "startIndex": 1,
                     "endIndex": 2
-                  }
+                  },
+                  "isOptional": false
                 },
                 {
                   "parameterName": "reference",
                   "parameterTypeTokenRange": {
                     "startIndex": 3,
                     "endIndex": 4
-                  }
+                  },
+                  "isOptional": true
                 }
               ],
               "name": "evaluate"
@@ -11189,7 +11199,7 @@
           "members": [],
           "extendsTokenRange": {
             "startIndex": 1,
-            "endIndex": 3
+            "endIndex": 2
           },
           "implementsTokenRanges": []
         },
@@ -11261,7 +11271,7 @@
           "members": [],
           "extendsTokenRange": {
             "startIndex": 1,
-            "endIndex": 3
+            "endIndex": 2
           },
           "implementsTokenRanges": []
         },
@@ -17173,7 +17183,7 @@
               "typeParameterName": "T",
               "constraintTokenRange": {
                 "startIndex": 1,
-                "endIndex": 3
+                "endIndex": 2
               },
               "defaultTypeTokenRange": {
                 "startIndex": 4,
@@ -17223,7 +17233,8 @@
                   "parameterTypeTokenRange": {
                     "startIndex": 1,
                     "endIndex": 2
-                  }
+                  },
+                  "isOptional": false
                 }
               ],
               "name": "closestIndexOf"
@@ -17292,28 +17303,32 @@
                   "parameterTypeTokenRange": {
                     "startIndex": 1,
                     "endIndex": 2
-                  }
+                  },
+                  "isOptional": false
                 },
                 {
                   "parameterName": "contrast",
                   "parameterTypeTokenRange": {
                     "startIndex": 3,
                     "endIndex": 4
-                  }
+                  },
+                  "isOptional": false
                 },
                 {
                   "parameterName": "initialIndex",
                   "parameterTypeTokenRange": {
                     "startIndex": 5,
                     "endIndex": 6
-                  }
+                  },
+                  "isOptional": true
                 },
                 {
                   "parameterName": "direction",
                   "parameterTypeTokenRange": {
                     "startIndex": 7,
                     "endIndex": 8
-                  }
+                  },
+                  "isOptional": true
                 }
               ],
               "name": "colorContrast"
@@ -17357,7 +17372,8 @@
                   "parameterTypeTokenRange": {
                     "startIndex": 1,
                     "endIndex": 2
-                  }
+                  },
+                  "isOptional": false
                 }
               ],
               "name": "get"
@@ -17529,7 +17545,7 @@
           "members": [],
           "extendsTokenRange": {
             "startIndex": 1,
-            "endIndex": 3
+            "endIndex": 2
           },
           "implementsTokenRanges": []
         },
@@ -17557,7 +17573,7 @@
           "members": [],
           "extendsTokenRange": {
             "startIndex": 1,
-            "endIndex": 3
+            "endIndex": 2
           },
           "implementsTokenRanges": []
         },
@@ -17689,7 +17705,8 @@
               "parameterTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
-              }
+              },
+              "isOptional": true
             }
           ],
           "name": "provideFluentDesignSystem"
@@ -17857,14 +17874,16 @@
                   "parameterTypeTokenRange": {
                     "startIndex": 1,
                     "endIndex": 2
-                  }
+                  },
+                  "isOptional": false
                 },
                 {
                   "parameterName": "reference",
                   "parameterTypeTokenRange": {
                     "startIndex": 3,
                     "endIndex": 4
-                  }
+                  },
+                  "isOptional": true
                 }
               ],
               "name": "evaluate"
@@ -18348,7 +18367,8 @@
                   "parameterTypeTokenRange": {
                     "startIndex": 1,
                     "endIndex": 2
-                  }
+                  },
+                  "isOptional": false
                 }
               ],
               "name": "contrast"
@@ -18385,7 +18405,7 @@
           "extendsTokenRanges": [
             {
               "startIndex": 1,
-              "endIndex": 3
+              "endIndex": 2
             }
           ]
         },
@@ -18493,7 +18513,7 @@
           "extendsTokenRanges": [
             {
               "startIndex": 1,
-              "endIndex": 3
+              "endIndex": 2
             }
           ]
         },

package/dist/web-components.js

@@ -1656,6 +1656,37 @@ function reduceBehaviors(styles) {
     return prev.concat(curr);
   }, null);
 }
+let addAdoptedStyleSheets = (target, sheets) => {
+  target.adoptedStyleSheets = [...target.adoptedStyleSheets, ...sheets];
+};
+let removeAdoptedStyleSheets = (target, sheets) => {
+  target.adoptedStyleSheets = target.adoptedStyleSheets.filter(x => sheets.indexOf(x) === -1);
+};
+if (DOM.supportsAdoptedStyleSheets) {
+  try {
+    // Test if browser implementation uses FrozenArray.
+    // If not, use push / splice to alter the stylesheets
+    // in place. This circumvents a bug in Safari 16.4 where
+    // periodically, assigning the array would previously
+    // cause sheets to be removed.
+    document.adoptedStyleSheets.push();
+    document.adoptedStyleSheets.splice();
+    addAdoptedStyleSheets = (target, sheets) => {
+      target.adoptedStyleSheets.push(...sheets);
+    };
+    removeAdoptedStyleSheets = (target, sheets) => {
+      for (const sheet of sheets) {
+        const index = target.adoptedStyleSheets.indexOf(sheet);
+        if (index !== -1) {
+          target.adoptedStyleSheets.splice(index, 1);
+        }
+      }
+    };
+  } catch (e) {
+    // Do nothing if an error is thrown, the default
+    // case handles FrozenArray.
+  }
+}
 /**
  * https://wicg.github.io/construct-stylesheets/
  * https://developers.google.com/web/updates/2019/02/constructable-stylesheets
@@ -1690,12 +1721,11 @@ class AdoptedStyleSheetsStyles extends ElementStyles {
     return this._styleSheets;
   }
   addStylesTo(target) {
-    target.adoptedStyleSheets = [...target.adoptedStyleSheets, ...this.styleSheets];
+    addAdoptedStyleSheets(target, this.styleSheets);
     super.addStylesTo(target);
   }
   removeStylesFrom(target) {
-    const sourceSheets = this.styleSheets;
-    target.adoptedStyleSheets = target.adoptedStyleSheets.filter(x => sourceSheets.indexOf(x) === -1);
+    removeAdoptedStyleSheets(target, this.styleSheets);
     super.removeStylesFrom(target);
   }
 }
@@ -21039,7 +21069,8 @@ const listboxStyles = listboxStyles$1;
 const optionStyles = (context, definition) => css`
     ${display('inline-flex')} :host{position:relative;${typeRampBase}
       background:${neutralFillStealthRest};border-radius:calc(${controlCornerRadius} * 1px);border:calc(${strokeWidth} * 1px) solid transparent;box-sizing:border-box;color:${neutralForegroundRest};cursor:pointer;fill:currentcolor;height:calc(${heightNumber} * 1px);overflow:hidden;align-items:center;padding:0 calc(((${designUnit} * 3) - ${strokeWidth} - 1) * 1px);user-select:none;white-space:nowrap}:host::before{content:'';display:block;position:absolute;left:calc((${focusStrokeWidth} - ${strokeWidth}) * 1px);top:calc((${heightNumber} / 4) - ${focusStrokeWidth} * 1px);width:3px;height:calc((${heightNumber} / 2) * 1px);background:transparent;border-radius:calc(${controlCornerRadius} * 1px)}:host(:not([disabled]):hover){background:${neutralFillStealthHover}}:host(:not([disabled]):active){background:${neutralFillStealthActive}}:host(:not([disabled]):active)::before{background:${accentFillRest};height:calc(((${heightNumber} / 2) - 6) * 1px)}:host([aria-selected='true'])::before{background:${accentFillRest}}:host(:${focusVisible}){${focusTreatmentBase}
-      background:${neutralFillStealthFocus}}:host([aria-selected='true']){background:${neutralFillSecondaryRest}}:host(:not([disabled])[aria-selected='true']:hover){background:${neutralFillSecondaryHover}}:host(:not([disabled])[aria-selected='true']:active){background:${neutralFillSecondaryActive}}:host(:not([disabled]):not([aria-selected='true']):hover){background:${neutralFillStealthHover}}:host(:not([disabled]):not([aria-selected='true']):active){background:${neutralFillStealthActive}}:host([disabled]){cursor:${disabledCursor};opacity:${disabledOpacity}}.content{grid-column-start:2;justify-self:start;overflow:hidden;text-overflow:ellipsis}.start,.end,::slotted(svg){display:flex}::slotted([slot='end']){margin-inline-start:1ch}::slotted([slot='start']){margin-inline-end:1ch}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+      background:${neutralFillStealthFocus}}:host([aria-selected='true']){background:${neutralFillSecondaryRest}}:host(:not([disabled])[aria-selected='true']:hover){background:${neutralFillSecondaryHover}}:host(:not([disabled])[aria-selected='true']:active){background:${neutralFillSecondaryActive}}:host(:not([disabled]):not([aria-selected='true']):hover){background:${neutralFillStealthHover}}:host(:not([disabled]):not([aria-selected='true']):active){background:${neutralFillStealthActive}}:host([disabled]){cursor:${disabledCursor};opacity:${disabledOpacity}}.content{grid-column-start:2;justify-self:start;overflow:hidden;text-overflow:ellipsis}.start,.end,::slotted(svg){display:flex}::slotted([slot='end']){margin-inline-start:1ch}::slotted([slot='start']){margin-inline-end:1ch}`.withBehaviors(new DirectionalStyleSheetBehavior(null, css`
+      :host::before{right:calc((${focusStrokeWidth} - ${strokeWidth}) * 1px)}`), forcedColorsStylesheetBehavior(css`
         :host{background:${SystemColors.ButtonFace};border-color:${SystemColors.ButtonFace};color:${SystemColors.ButtonText}}:host(:not([disabled]):not([aria-selected="true"]):hover),:host(:not([disabled])[aria-selected="true"]:hover),:host([aria-selected="true"]){forced-color-adjust:none;background:${SystemColors.Highlight};color:${SystemColors.HighlightText}}:host(:not([disabled]):active)::before,:host([aria-selected='true'])::before{background:${SystemColors.HighlightText}}:host([disabled]),:host([disabled]:not([aria-selected='true']):hover){background:${SystemColors.Canvas};color:${SystemColors.GrayText};fill:currentcolor;opacity:1}:host(:${focusVisible}){outline-color:${SystemColors.CanvasText}}`));
 
 /**