docs: Updating version of CDN used and replacing usage of via.placeho…

…lder.com with SVG from CDN (#28895) * docs: Updating version of CDN used and replacing usage of via.placeholder.com with SVG from CDN. * Adding change files. * Updating snapshots.
microsoft · Aug 17, 2023 · 67b9304 · 67b9304
1 parent d73590f
commit 67b9304
Show file tree

Hide file tree

Showing 103 changed files with 320 additions and 231 deletions.
diff --git a/apps/perf-test-react-components/src/scenarios/Persona.tsx b/apps/perf-test-react-components/src/scenarios/Persona.tsx
@@ -10,7 +10,7 @@ const Scenario = () => (
     presence={{ status: 'available' }}
     avatar={{
       image: {
-        src: 'https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/office-ui-fabric-react-assets/persona-male.png',
+        src: 'https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/office-ui-fabric-react-assets/persona-male.png',
       },
     }}
   />

diff --git a/apps/pr-deploy-site/chiclet-test.html b/apps/pr-deploy-site/chiclet-test.html
@@ -16,7 +16,7 @@
     />
     <meta
       property="og:image"
-      content="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/assets/item-types/48/docx.svg"
+      content="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/assets/item-types/48/docx.svg"
     />
 
     <title>Chiclet Test Page</title>

diff --git a/apps/pr-deploy-site/index.html b/apps/pr-deploy-site/index.html
@@ -5,7 +5,7 @@
     <title>PR Deployed Sites</title>
     <link
       rel="stylesheet"
-      href="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/office-ui-fabric-core/11.1.0/css/fabric.min.css"
+      href="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/office-ui-fabric-core/11.1.0/css/fabric.min.css"
     />
     <link rel="stylesheet" href="./pr-deploy-site.css" />
   </head>

diff --git a/apps/public-docsite/src/pages/Controls/AvatarPage/docs/android/AvatarOverview.md b/apps/public-docsite/src/pages/Controls/AvatarPage/docs/android/AvatarOverview.md
@@ -3,17 +3,17 @@
 <DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">
 ### Initials
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_avatar_02_initials_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_avatar_02_initials_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_avatar_02_initials_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_avatar_02_initials_dark.png?text=DarkMode" />
 
 ### Profile
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_avatar_01_profilepicture_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_avatar_01_profilepicture_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_avatar_01_profilepicture_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_avatar_01_profilepicture_dark.png?text=DarkMode" />
 
 ### Group
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_avatar_03_square_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_avatar_03_square_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_avatar_03_square_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_avatar_03_square_dark.png?text=DarkMode" />
 
 </DisplayToggle>
diff --git a/apps/public-docsite/src/pages/Controls/AvatarPage/docs/ios/AvatarOverview.md b/apps/public-docsite/src/pages/Controls/AvatarPage/docs/ios/AvatarOverview.md
@@ -3,17 +3,17 @@
 <DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">
 ### Initials
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_avatar_02_initials.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_avatar_02_initials_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_avatar_02_initials.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_avatar_02_initials_dark.png?text=DarkMode" />
 
 ### Profile
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_avatar_01_profilepicture_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_avatar_01_profilepicture_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_avatar_01_profilepicture_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_avatar_01_profilepicture_dark.png?text=DarkMode" />
 
 ### Group
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_avatar_03_groups_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_avatar_03_groups_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_avatar_03_groups_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_avatar_03_groups_dark.png?text=DarkMode" />
 
 </DisplayToggle>
diff --git a/apps/public-docsite/src/pages/Controls/AvatarPage/docs/mac/AvatarUsage.md b/apps/public-docsite/src/pages/Controls/AvatarPage/docs/mac/AvatarUsage.md
@@ -8,8 +8,8 @@ To determine initials for an avatar, the code initially tries to extract two-let
 AvatarView(avatarSize: size, contactName: "Amanda Brady", contactEmail: "[email protected]", contactImage: nil)
 ```
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/macos/Persona/avatar_initials_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/macos/Persona/avatar_initials_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/macos/Persona/avatar_initials_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/macos/Persona/avatar_initials_dark.png?text=DarkMode" />
 
 ### Profile
 
@@ -18,7 +18,7 @@ AvatarView(avatarSize: size, contactName: "Amanda Brady", contactEmail: "Amanda.
 AvatarView(avatarSize: size, contactName: "Amanda Brady", contactEmail: "[email protected]", contactImage: NSImage(named: "Amanda"))
 ```
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/macos/Persona/avatar_profilepicture_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/macos/Persona/avatar_profilepicture_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/macos/Persona/avatar_profilepicture_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/macos/Persona/avatar_profilepicture_dark.png?text=DarkMode" />
 
 </DisplayToggle>
diff --git a/...rc/pages/Controls/BottomNavigationPage/docs/android/BottomNavigationOverview.md b/...rc/pages/Controls/BottomNavigationPage/docs/android/BottomNavigationOverview.md
@@ -3,6 +3,6 @@ The bottom navigation displays icons and optional text at the bottom of the scre
 <DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">
 ### Bottom Navigation
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_bottomnavigation_01_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_bottomnavigation_01_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_bottomnavigation_01_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_bottomnavigation_01_dark.png?text=DarkMode" />
 </DisplayToggle>
diff --git a/...te/src/pages/Controls/BottomNavigationPage/docs/ios/BottomNavigationOverview.md b/...te/src/pages/Controls/BottomNavigationPage/docs/ios/BottomNavigationOverview.md
@@ -5,13 +5,13 @@ The tab bar displays tabs at the bottom of the window for switching between diff
 <DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">
 ### Portrait
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_tabbar_01_portrait_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_tabbar_01_portrait_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_tabbar_01_portrait_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_tabbar_01_portrait_dark.png?text=DarkMode" />
 
 ### Landscape
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_tabbar_02_landscape_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_tabbar_02_landscape_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_tabbar_02_landscape_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_tabbar_02_landscape_dark.png?text=DarkMode" />
 
 </DisplayToggle>
 <!-- prettier-ignore-end -->
diff --git a/...-docsite/src/pages/Controls/BottomSheetPage/docs/android/BottomSheetOverview.md b/...-docsite/src/pages/Controls/BottomSheetPage/docs/android/BottomSheetOverview.md
@@ -3,6 +3,6 @@
 <DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">
 ### BottomSheet
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_bottomsheet_01_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_bottomsheet_01_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_bottomsheet_01_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_bottomsheet_01_dark.png?text=DarkMode" />
 </DisplayToggle>
diff --git a/apps/public-docsite/src/pages/Controls/ButtonPage/docs/android/ButtonOverview.md b/apps/public-docsite/src/pages/Controls/ButtonPage/docs/android/ButtonOverview.md
@@ -3,12 +3,12 @@ Buttons are one of the core controls that make an app feel native to the platfor
 <DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">
 ### Primary Filled
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_button_01_primaryfilled_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_button_01_primaryfilled_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_button_01_primaryfilled_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_button_01_primaryfilled_dark.png?text=DarkMode" />
 
 ### Borderless Button
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_button_02_borderless_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/android/updated/img_button_02_borderless_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_button_02_borderless_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/android/updated/img_button_02_borderless_dark.png?text=DarkMode" />
 
 </DisplayToggle>
diff --git a/apps/public-docsite/src/pages/Controls/ButtonPage/docs/cross/ButtonUsage.md b/apps/public-docsite/src/pages/Controls/ButtonPage/docs/cross/ButtonUsage.md
@@ -4,19 +4,19 @@ Fluent UI React Native Buttons have default styling based on the Fluent UI Desig
 
 #### Default Button (Windows)
 
-<img src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/cross/Button/Default_button_windows.PNG"/>
+<img src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/cross/Button/Default_button_windows.PNG"/>
 
 #### Primary Button (Windows)
 
-<img src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/cross/Button/Primary_button_windows.PNG"/>
+<img src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/cross/Button/Primary_button_windows.PNG"/>
 
 #### Default Button (macOS)
 
-<img src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/cross/Button/Default_button_macos.png"/>
+<img src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/cross/Button/Default_button_macos.png"/>
 
 #### Primary Button (macOS)
 
-<img src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/cross/Button/Primary_button_macos.png"/>
+<img src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/cross/Button/Primary_button_macos.png"/>
 
 #### Example usage (from [ButtonFocusTest.tsx](https://github.com/microsoft/fluentui-react-native/blob/master/apps/fluent-tester/src/FluentTester/TestComponents/Button/ButtonFocusTest.tsx))
 

diff --git a/apps/public-docsite/src/pages/Controls/ButtonPage/docs/ios/ButtonOverview.md b/apps/public-docsite/src/pages/Controls/ButtonPage/docs/ios/ButtonOverview.md
@@ -3,22 +3,22 @@ Buttons are one of the core controls that make an app feel native to the platfor
 <DisplayToggle onText="Dark" offText="Light" label="Theme Switcher">
 ### Primary Filled
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_button_01_primaryfilled_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_button_01_primaryfilled_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_button_01_primaryfilled_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_button_01_primaryfilled_dark.png?text=DarkMode" />
 
 ### Primary Outlined
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_button_02_primaryoutlined_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_button_02_primaryoutlined_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_button_02_primaryoutlined_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_button_02_primaryoutlined_dark.png?text=DarkMode" />
 
 ### Secondary Outlined
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_button_03_secondaryoutlined_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_button_03_secondaryoutlined_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_button_03_secondaryoutlined_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_button_03_secondaryoutlined_dark.png?text=DarkMode" />
 
 ### Tertiary Outlined
 
-<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_button_04_tertiaryoutlined_light.png?text=LightMode" />
-<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20221209.001/fabric-website/images/controls/ios/updated/img_button_04_tertiaryoutlined_dark.png?text=DarkMode" />
+<img className="off" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_button_04_tertiaryoutlined_light.png?text=LightMode" />
+<img className="on" src="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/fabric-website/images/controls/ios/updated/img_button_04_tertiaryoutlined_dark.png?text=DarkMode" />
 
 </DisplayToggle>