docs(usage): update v8 playgrounds to use correct path (#3305)

Author: brandyscarney

static/usage/v8/accordion/accessibility/animations/index.md

@@ -6,12 +6,12 @@ import vue from './vue.md';
 import angular from './angular.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
     vue,
     angular,
   }}
-  src="usage/v7/accordion/accessibility/animations/demo.html"
+  src="usage/v8/accordion/accessibility/animations/demo.html"
 />

static/usage/v8/accordion/basic/index.md

@@ -6,13 +6,13 @@ import vue from './vue.md';
 import angular from './angular.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
     vue,
     angular,
   }}
-  src="usage/v7/accordion/basic/demo.html"
+  src="usage/v8/accordion/basic/demo.html"
   size="210px"
 />

static/usage/v8/accordion/customization/advanced-expansion-styles/index.md

@@ -12,7 +12,7 @@ import angular_example_component_css from './angular/example_component_css.md';
 import angular_example_component_ts from './angular/example_component_ts.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react: {
@@ -31,5 +31,5 @@ import angular_example_component_ts from './angular/example_component_ts.md';
     },
   }}
   size="250px"
-  src="usage/v7/accordion/customization/advanced-expansion-styles/demo.html"
+  src="usage/v8/accordion/customization/advanced-expansion-styles/demo.html"
 />

static/usage/v8/accordion/customization/expansion-styles/index.md

@@ -6,13 +6,13 @@ import vue from './vue.md';
 import angular from './angular.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
     vue,
     angular,
   }}
   size="250px"
-  src="usage/v7/accordion/customization/expansion-styles/demo.html"
+  src="usage/v8/accordion/customization/expansion-styles/demo.html"
 />

static/usage/v8/accordion/customization/icons/index.md

@@ -6,13 +6,13 @@ import vue from './vue.md';
 import angular from './angular.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
     vue,
     angular,
   }}
   size="250px"
-  src="usage/v7/accordion/customization/icons/demo.html"
+  src="usage/v8/accordion/customization/icons/demo.html"
 />

static/usage/v8/accordion/customization/theming/index.md

@@ -11,7 +11,7 @@ import angular_example_component_html from './angular/example_component_html.md'
 import angular_global_css from './angular/global_css.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react: {
@@ -29,5 +29,5 @@ import angular_global_css from './angular/global_css.md';
     },
   }}
   size="250px"
-  src="usage/v7/accordion/customization/theming/demo.html"
+  src="usage/v8/accordion/customization/theming/demo.html"
 />

static/usage/v8/accordion/disable-group/index.md

@@ -6,12 +6,12 @@ import vue from './vue.md';
 import angular from './angular.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
     vue,
     angular,
   }}
-  src="usage/v7/accordion/disable-group/demo.html"
+  src="usage/v8/accordion/disable-group/demo.html"
 />

static/usage/v8/accordion/disable/group/index.md

@@ -6,12 +6,12 @@ import vue from './vue.md';
 import angular from './angular.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
     vue,
     angular,
   }}
-  src="usage/v7/accordion/disable/group/demo.html"
+  src="usage/v8/accordion/disable/group/demo.html"
 />

static/usage/v8/accordion/disable/individual/index.md

@@ -6,13 +6,13 @@ import vue from './vue.md';
 import angular from './angular.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
     vue,
     angular,
   }}
   size="210px"
-  src="usage/v7/accordion/disable/individual/demo.html"
+  src="usage/v8/accordion/disable/individual/demo.html"
 />

static/usage/v8/accordion/listen-changes/index.md

@@ -8,7 +8,7 @@ import angular_example_component_html from './angular/example_component_html.md'
 import angular_example_component_ts from './angular/example_component_ts.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
@@ -21,6 +21,6 @@ import angular_example_component_ts from './angular/example_component_ts.md';
     },
   }}
   size="320px"
-  src="usage/v7/accordion/listen-changes/demo.html"
+  src="usage/v8/accordion/listen-changes/demo.html"
   showConsole={true}
 />

static/usage/v8/accordion/multiple/index.md

@@ -6,13 +6,13 @@ import vue from './vue.md';
 import angular from './angular.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
     vue,
     angular,
   }}
   size="320px"
-  src="usage/v7/accordion/multiple/demo.html"
+  src="usage/v8/accordion/multiple/demo.html"
 />

static/usage/v8/accordion/readonly/group/index.md

@@ -6,13 +6,13 @@ import vue from './vue.md';
 import angular from './angular.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
     vue,
     angular,
   }}
   size="210px"
-  src="usage/v7/accordion/readonly/group/demo.html"
+  src="usage/v8/accordion/readonly/group/demo.html"
 />

static/usage/v8/accordion/readonly/individual/index.md

@@ -6,12 +6,12 @@ import vue from './vue.md';
 import angular from './angular.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
     vue,
     angular,
   }}
-  src="usage/v7/accordion/readonly/individual/demo.html"
+  src="usage/v8/accordion/readonly/individual/demo.html"
 />

static/usage/v8/accordion/toggle/index.md

@@ -8,7 +8,7 @@ import angular_example_component_html from './angular/example_component_html.md'
 import angular_example_component_ts from './angular/example_component_ts.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
@@ -21,5 +21,5 @@ import angular_example_component_ts from './angular/example_component_ts.md';
     },
   }}
   size="medium"
-  src="usage/v7/accordion/toggle/demo.html"
+  src="usage/v8/accordion/toggle/demo.html"
 />

static/usage/v8/action-sheet/controller/index.md

@@ -10,7 +10,7 @@ import angular_example_component_ts from './angular/example_component_ts.md';
 import angular_example_component_html from './angular/example_component_html.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
@@ -22,6 +22,6 @@ import angular_example_component_html from './angular/example_component_html.md'
       },
     },
   }}
-  src="usage/v7/action-sheet/controller/demo.html"
+  src="usage/v8/action-sheet/controller/demo.html"
   devicePreview
 />

static/usage/v8/action-sheet/inline/isOpen/index.md

@@ -10,7 +10,7 @@ import angular_example_component_ts from './angular/example_component_ts.md';
 import angular_example_component_html from './angular/example_component_html.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
@@ -22,6 +22,6 @@ import angular_example_component_html from './angular/example_component_html.md'
       },
     },
   }}
-  src="usage/v7/action-sheet/inline/isOpen/demo.html"
+  src="usage/v8/action-sheet/inline/isOpen/demo.html"
   devicePreview
 />

static/usage/v8/action-sheet/inline/trigger/index.md

@@ -10,7 +10,7 @@ import angular_example_component_ts from './angular/example_component_ts.md';
 import angular_example_component_html from './angular/example_component_html.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react,
@@ -22,6 +22,6 @@ import angular_example_component_html from './angular/example_component_html.md'
       },
     },
   }}
-  src="usage/v7/action-sheet/inline/trigger/demo.html"
+  src="usage/v8/action-sheet/inline/trigger/demo.html"
   devicePreview
 />

static/usage/v8/action-sheet/role-info-on-dismiss/index.md

@@ -12,7 +12,7 @@ import angular_example_component_html from './angular/example_component_html.md'
 import angular_example_component_css from './angular/example_component_css.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react: {
@@ -30,7 +30,7 @@ import angular_example_component_css from './angular/example_component_css.md';
       },
     },
   }}
-  src="usage/v7/action-sheet/role-info-on-dismiss/demo.html"
+  src="usage/v8/action-sheet/role-info-on-dismiss/demo.html"
   devicePreview
   showConsole
 />

static/usage/v8/action-sheet/theming/css-properties/index.md

@@ -12,7 +12,7 @@ import angular_example_component_html from './angular/example_component_html.md'
 import angular_global_css from './angular/global_css.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react: {
@@ -30,6 +30,6 @@ import angular_global_css from './angular/global_css.md';
       },
     },
   }}
-  src="usage/v7/action-sheet/theming/css-properties/demo.html"
+  src="usage/v8/action-sheet/theming/css-properties/demo.html"
   devicePreview
 />

static/usage/v8/action-sheet/theming/styling/index.md

@@ -12,7 +12,7 @@ import angular_example_component_html from './angular/example_component_html.md'
 import angular_global_css from './angular/global_css.md';
 
 <Playground
-  version="7"
+  version="8"
   code={{
     javascript,
     react: {
@@ -30,6 +30,6 @@ import angular_global_css from './angular/global_css.md';
       },
     },
   }}
-  src="usage/v7/action-sheet/theming/styling/demo.html"
+  src="usage/v8/action-sheet/theming/styling/demo.html"
   devicePreview
 />

static/usage/v8/alert/buttons/index.md

@@ -8,7 +8,7 @@ import angular_example_component_html from './angular/example_component_html.md'
 import angular_example_component_ts from './angular/example_component_ts.md';
 
 <Playground
-  version="7"
+  version="8"
   size="300px"
   code={{
     javascript,
@@ -21,6 +21,6 @@ import angular_example_component_ts from './angular/example_component_ts.md';
       },
     },
   }}
-  src="usage/v7/alert/buttons/demo.html"
+  src="usage/v8/alert/buttons/demo.html"
   showConsole={true}
 />

static/usage/v8/alert/customization/index.md

@@ -11,7 +11,7 @@ import angular_example_component_ts from './angular/example_component_ts.md';
 import angular_global_css from './angular/global_css.md';
 
 <Playground
-  version="7"
+  version="8"
   size="300px"
   code={{
     javascript,
@@ -30,5 +30,5 @@ import angular_global_css from './angular/global_css.md';
       },
     },
   }}
-  src="usage/v7/alert/customization/demo.html"
+  src="usage/v8/alert/customization/demo.html"
 />

static/usage/v8/alert/inputs/radios/index.md

@@ -8,7 +8,7 @@ import angular_example_component_html from './angular/example_component_html.md'
 import angular_example_component_ts from './angular/example_component_ts.md';
 
 <Playground
-  version="7"
+  version="8"
   size="medium"
   code={{
     javascript,
@@ -21,5 +21,5 @@ import angular_example_component_ts from './angular/example_component_ts.md';
       },
     },
   }}
-  src="usage/v7/alert/inputs/radios/demo.html"
+  src="usage/v8/alert/inputs/radios/demo.html"
 />

static/usage/v8/alert/inputs/text-inputs/index.md

@@ -8,7 +8,7 @@ import angular_example_component_html from './angular/example_component_html.md'
 import angular_example_component_ts from './angular/example_component_ts.md';
 
 <Playground
-  version="7"
+  version="8"
   size="450px"
   code={{
     javascript,
@@ -21,5 +21,5 @@ import angular_example_component_ts from './angular/example_component_ts.md';
       },
     },
   }}
-  src="usage/v7/alert/inputs/text-inputs/demo.html"
+  src="usage/v8/alert/inputs/text-inputs/demo.html"
 />