From a0883961b68468beb6c38dda469ccf81cccb4aa2 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Mon, 29 Jan 2024 12:48:29 -0500 Subject: [PATCH 1/4] fix(docs): version common css and js files --- static/usage/common.css | 24 --- static/usage/v6/common.css | 255 ++++++++++++++++++++++++++++++++ static/usage/v6/common.js | 78 ++++++++++ static/usage/v7/common.css | 255 ++++++++++++++++++++++++++++++++ static/usage/v7/common.js | 78 ++++++++++ static/usage/v8/common.css | 98 ++++++++++++ static/usage/{ => v8}/common.js | 0 7 files changed, 764 insertions(+), 24 deletions(-) delete mode 100644 static/usage/common.css create mode 100644 static/usage/v6/common.css create mode 100644 static/usage/v6/common.js create mode 100644 static/usage/v7/common.css create mode 100644 static/usage/v7/common.js create mode 100644 static/usage/v8/common.css rename static/usage/{ => v8}/common.js (100%) diff --git a/static/usage/common.css b/static/usage/common.css deleted file mode 100644 index c0cfced3ab9..00000000000 --- a/static/usage/common.css +++ /dev/null @@ -1,24 +0,0 @@ -@font-face { - font-family: "Roboto"; - src: url("../fonts/Roboto-Regular.ttf") format("truetype"); -} - -@font-face { - font-family: "Roboto"; - src: url("../fonts/Roboto-Medium.ttf") format("truetype"); - font-weight: 450 500; -} - -.container { - display: flex; - - align-items: center; - justify-content: center; - - height: 100%; -} - -:root { - --ion-safe-area-top: 20px; - --ion-safe-area-bottom: 22px; -} diff --git a/static/usage/v6/common.css b/static/usage/v6/common.css new file mode 100644 index 00000000000..1dedc5b24c7 --- /dev/null +++ b/static/usage/v6/common.css @@ -0,0 +1,255 @@ +@font-face { + font-family: "Roboto"; + src: url("../fonts/Roboto-Regular.ttf") format("truetype"); +} + +@font-face { + font-family: "Roboto"; + src: url("../fonts/Roboto-Medium.ttf") format("truetype"); + font-weight: 450 500; +} + +:root { + /** primary **/ + --ion-color-primary: #3880ff; + --ion-color-primary-rgb: 56, 128, 255; + --ion-color-primary-contrast: #ffffff; + --ion-color-primary-contrast-rgb: 255, 255, 255; + --ion-color-primary-shade: #3171e0; + --ion-color-primary-tint: #4c8dff; + + /** secondary **/ + --ion-color-secondary: #3dc2ff; + --ion-color-secondary-rgb: 61, 194, 255; + --ion-color-secondary-contrast: #ffffff; + --ion-color-secondary-contrast-rgb: 255, 255, 255; + --ion-color-secondary-shade: #36abe0; + --ion-color-secondary-tint: #50c8ff; + + /** tertiary **/ + --ion-color-tertiary: #5260ff; + --ion-color-tertiary-rgb: 82, 96, 255; + --ion-color-tertiary-contrast: #ffffff; + --ion-color-tertiary-contrast-rgb: 255, 255, 255; + --ion-color-tertiary-shade: #4854e0; + --ion-color-tertiary-tint: #6370ff; + + /** success **/ + --ion-color-success: #2dd36f; + --ion-color-success-rgb: 45, 211, 111; + --ion-color-success-contrast: #ffffff; + --ion-color-success-contrast-rgb: 255, 255, 255; + --ion-color-success-shade: #28ba62; + --ion-color-success-tint: #42d77d; + + /** warning **/ + --ion-color-warning: #ffc409; + --ion-color-warning-rgb: 255, 196, 9; + --ion-color-warning-contrast: #000000; + --ion-color-warning-contrast-rgb: 0, 0, 0; + --ion-color-warning-shade: #e0ac08; + --ion-color-warning-tint: #ffca22; + + /** danger **/ + --ion-color-danger: #eb445a; + --ion-color-danger-rgb: 235, 68, 90; + --ion-color-danger-contrast: #ffffff; + --ion-color-danger-contrast-rgb: 255, 255, 255; + --ion-color-danger-shade: #cf3c4f; + --ion-color-danger-tint: #ed576b; + + /** dark **/ + --ion-color-dark: #222428; + --ion-color-dark-rgb: 34, 36, 40; + --ion-color-dark-contrast: #ffffff; + --ion-color-dark-contrast-rgb: 255, 255, 255; + --ion-color-dark-shade: #1e2023; + --ion-color-dark-tint: #383a3e; + + /** medium **/ + --ion-color-medium: #92949c; + --ion-color-medium-rgb: 146, 148, 156; + --ion-color-medium-contrast: #ffffff; + --ion-color-medium-contrast-rgb: 255, 255, 255; + --ion-color-medium-shade: #808289; + --ion-color-medium-tint: #9d9fa6; + + /** light **/ + --ion-color-light: #f4f5f8; + --ion-color-light-rgb: 244, 245, 248; + --ion-color-light-contrast: #000000; + --ion-color-light-contrast-rgb: 0, 0, 0; + --ion-color-light-shade: #d7d8da; + --ion-color-light-tint: #f5f6f9; +} + + /* + * Dark Colors + * ------------------------------------------- + */ + + body.dark { + --ion-color-primary: #428cff; + --ion-color-primary-rgb: 66,140,255; + --ion-color-primary-contrast: #ffffff; + --ion-color-primary-contrast-rgb: 255,255,255; + --ion-color-primary-shade: #3a7be0; + --ion-color-primary-tint: #5598ff; + + --ion-color-secondary: #50c8ff; + --ion-color-secondary-rgb: 80,200,255; + --ion-color-secondary-contrast: #ffffff; + --ion-color-secondary-contrast-rgb: 255,255,255; + --ion-color-secondary-shade: #46b0e0; + --ion-color-secondary-tint: #62ceff; + + --ion-color-tertiary: #6a64ff; + --ion-color-tertiary-rgb: 106,100,255; + --ion-color-tertiary-contrast: #ffffff; + --ion-color-tertiary-contrast-rgb: 255,255,255; + --ion-color-tertiary-shade: #5d58e0; + --ion-color-tertiary-tint: #7974ff; + + --ion-color-success: #2fdf75; + --ion-color-success-rgb: 47,223,117; + --ion-color-success-contrast: #000000; + --ion-color-success-contrast-rgb: 0,0,0; + --ion-color-success-shade: #29c467; + --ion-color-success-tint: #44e283; + + --ion-color-warning: #ffd534; + --ion-color-warning-rgb: 255,213,52; + --ion-color-warning-contrast: #000000; + --ion-color-warning-contrast-rgb: 0,0,0; + --ion-color-warning-shade: #e0bb2e; + --ion-color-warning-tint: #ffd948; + + --ion-color-danger: #ff4961; + --ion-color-danger-rgb: 255,73,97; + --ion-color-danger-contrast: #ffffff; + --ion-color-danger-contrast-rgb: 255,255,255; + --ion-color-danger-shade: #e04055; + --ion-color-danger-tint: #ff5b71; + + --ion-color-dark: #f4f5f8; + --ion-color-dark-rgb: 244,245,248; + --ion-color-dark-contrast: #000000; + --ion-color-dark-contrast-rgb: 0,0,0; + --ion-color-dark-shade: #d7d8da; + --ion-color-dark-tint: #f5f6f9; + + --ion-color-medium: #989aa2; + --ion-color-medium-rgb: 152,154,162; + --ion-color-medium-contrast: #000000; + --ion-color-medium-contrast-rgb: 0,0,0; + --ion-color-medium-shade: #86888f; + --ion-color-medium-tint: #a2a4ab; + + --ion-color-light: #222428; + --ion-color-light-rgb: 34,36,40; + --ion-color-light-contrast: #ffffff; + --ion-color-light-contrast-rgb: 255,255,255; + --ion-color-light-shade: #1e2023; + --ion-color-light-tint: #383a3e; + } + + /* + * iOS Dark Theme + * ------------------------------------------- + */ + + .ios body.dark { + --ion-background-color: #03060b; + --ion-background-color-rgb: 0,0,0; + + --ion-text-color: #ffffff; + --ion-text-color-rgb: 255,255,255; + + --ion-color-step-50: #0d0d0d; + --ion-color-step-100: #1a1a1a; + --ion-color-step-150: #262626; + --ion-color-step-200: #333333; + --ion-color-step-250: #404040; + --ion-color-step-300: #4d4d4d; + --ion-color-step-350: #595959; + --ion-color-step-400: #666666; + --ion-color-step-450: #737373; + --ion-color-step-500: #808080; + --ion-color-step-550: #8c8c8c; + --ion-color-step-600: #999999; + --ion-color-step-650: #a6a6a6; + --ion-color-step-700: #b3b3b3; + --ion-color-step-750: #bfbfbf; + --ion-color-step-800: #cccccc; + --ion-color-step-850: #d9d9d9; + --ion-color-step-900: #e6e6e6; + --ion-color-step-950: #f2f2f2; + + --ion-item-background: #000000; + + --ion-card-background: #1c1c1d; + } + + .ios body.dark ion-modal { + --ion-background-color: var(--ion-color-step-100); + --ion-toolbar-background: var(--ion-color-step-150); + --ion-toolbar-border-color: var(--ion-color-step-250); + } + + + /* + * Material Design Dark Theme + * ------------------------------------------- + */ + + .md body.dark { + --ion-background-color: #03060b; + --ion-background-color-rgb: 18,18,18; + + --ion-text-color: #ffffff; + --ion-text-color-rgb: 255,255,255; + + --ion-border-color: #222222; + + --ion-color-step-50: #1e1e1e; + --ion-color-step-100: #2a2a2a; + --ion-color-step-150: #363636; + --ion-color-step-200: #414141; + --ion-color-step-250: #4d4d4d; + --ion-color-step-300: #595959; + --ion-color-step-350: #656565; + --ion-color-step-400: #717171; + --ion-color-step-450: #7d7d7d; + --ion-color-step-500: #898989; + --ion-color-step-550: #949494; + --ion-color-step-600: #a0a0a0; + --ion-color-step-650: #acacac; + --ion-color-step-700: #b8b8b8; + --ion-color-step-750: #c4c4c4; + --ion-color-step-800: #d0d0d0; + --ion-color-step-850: #dbdbdb; + --ion-color-step-900: #e7e7e7; + --ion-color-step-950: #f3f3f3; + + --ion-item-background: #1e1e1e; + + --ion-toolbar-background: #1f1f1f; + + --ion-tab-bar-background: #1f1f1f; + + --ion-card-background: #1e1e1e; + } + +.container { + display: flex; + + align-items: center; + justify-content: center; + + height: 100%; +} + +:root { + --ion-safe-area-top: 20px; + --ion-safe-area-bottom: 22px; +} diff --git a/static/usage/v6/common.js b/static/usage/v6/common.js new file mode 100644 index 00000000000..52694d7e7b2 --- /dev/null +++ b/static/usage/v6/common.js @@ -0,0 +1,78 @@ +/** + * Wait for the initial HTML document to be + * loaded and parsed before adding the message + * listener. Otherwise, it is possible that the message + * listener will fire before the body is ready. + */ +window.addEventListener('DOMContentLoaded', () => { + /** + * The parent Playground component will + * dispatch messages whenever the theme on + * the Ionic Docs website has changed so that + * the demos loaded in iframes can match the + * docs website theme. + */ + window.addEventListener('message', (ev) => { + const { data } = ev; + + if (data.darkMode) { + document.body.classList.add('dark'); + } else { + document.body.classList.remove('dark'); + } + }); + + /** + * Monkey-patch the console methods so we can dispatch + * events when they're called, allowing the data to be + * captured by the playground's console UI. + */ + const _log = console.log, + _warn = console.warn, + _error = console.error; + + const dispatchConsoleEvent = (type, arguments) => { + window.dispatchEvent( + new CustomEvent('console', { + detail: { + type, + message: Object.values(arguments).join(' '), + }, + }) + ); + }; + + console.log = function () { + dispatchConsoleEvent('log', arguments); + return _log.apply(console, arguments); + }; + + console.warn = function () { + dispatchConsoleEvent('warning', arguments); + return _warn.apply(console, arguments); + }; + + console.error = function () { + dispatchConsoleEvent('error', arguments); + return _error.apply(console, arguments); + }; + + /** + * The Playground needs to wait for the message listener + * to be created before sending any messages, otherwise + * they will be lost. Once the listener is done, fire + * the demoReady event. In the event that the Playground's + * useEffect hook fires before the message listener is created, + * the Playground component will wait for the demoReady event + * before proceeding. + * + * We also set window.demoReady in the event that the + * useEffect hook fires after the message listener is + * already created so that it does not wait on an event + * that was already fired. + */ + const ev = new CustomEvent('demoReady'); + window.dispatchEvent(ev); + + window.demoReady = true; +}); diff --git a/static/usage/v7/common.css b/static/usage/v7/common.css new file mode 100644 index 00000000000..1dedc5b24c7 --- /dev/null +++ b/static/usage/v7/common.css @@ -0,0 +1,255 @@ +@font-face { + font-family: "Roboto"; + src: url("../fonts/Roboto-Regular.ttf") format("truetype"); +} + +@font-face { + font-family: "Roboto"; + src: url("../fonts/Roboto-Medium.ttf") format("truetype"); + font-weight: 450 500; +} + +:root { + /** primary **/ + --ion-color-primary: #3880ff; + --ion-color-primary-rgb: 56, 128, 255; + --ion-color-primary-contrast: #ffffff; + --ion-color-primary-contrast-rgb: 255, 255, 255; + --ion-color-primary-shade: #3171e0; + --ion-color-primary-tint: #4c8dff; + + /** secondary **/ + --ion-color-secondary: #3dc2ff; + --ion-color-secondary-rgb: 61, 194, 255; + --ion-color-secondary-contrast: #ffffff; + --ion-color-secondary-contrast-rgb: 255, 255, 255; + --ion-color-secondary-shade: #36abe0; + --ion-color-secondary-tint: #50c8ff; + + /** tertiary **/ + --ion-color-tertiary: #5260ff; + --ion-color-tertiary-rgb: 82, 96, 255; + --ion-color-tertiary-contrast: #ffffff; + --ion-color-tertiary-contrast-rgb: 255, 255, 255; + --ion-color-tertiary-shade: #4854e0; + --ion-color-tertiary-tint: #6370ff; + + /** success **/ + --ion-color-success: #2dd36f; + --ion-color-success-rgb: 45, 211, 111; + --ion-color-success-contrast: #ffffff; + --ion-color-success-contrast-rgb: 255, 255, 255; + --ion-color-success-shade: #28ba62; + --ion-color-success-tint: #42d77d; + + /** warning **/ + --ion-color-warning: #ffc409; + --ion-color-warning-rgb: 255, 196, 9; + --ion-color-warning-contrast: #000000; + --ion-color-warning-contrast-rgb: 0, 0, 0; + --ion-color-warning-shade: #e0ac08; + --ion-color-warning-tint: #ffca22; + + /** danger **/ + --ion-color-danger: #eb445a; + --ion-color-danger-rgb: 235, 68, 90; + --ion-color-danger-contrast: #ffffff; + --ion-color-danger-contrast-rgb: 255, 255, 255; + --ion-color-danger-shade: #cf3c4f; + --ion-color-danger-tint: #ed576b; + + /** dark **/ + --ion-color-dark: #222428; + --ion-color-dark-rgb: 34, 36, 40; + --ion-color-dark-contrast: #ffffff; + --ion-color-dark-contrast-rgb: 255, 255, 255; + --ion-color-dark-shade: #1e2023; + --ion-color-dark-tint: #383a3e; + + /** medium **/ + --ion-color-medium: #92949c; + --ion-color-medium-rgb: 146, 148, 156; + --ion-color-medium-contrast: #ffffff; + --ion-color-medium-contrast-rgb: 255, 255, 255; + --ion-color-medium-shade: #808289; + --ion-color-medium-tint: #9d9fa6; + + /** light **/ + --ion-color-light: #f4f5f8; + --ion-color-light-rgb: 244, 245, 248; + --ion-color-light-contrast: #000000; + --ion-color-light-contrast-rgb: 0, 0, 0; + --ion-color-light-shade: #d7d8da; + --ion-color-light-tint: #f5f6f9; +} + + /* + * Dark Colors + * ------------------------------------------- + */ + + body.dark { + --ion-color-primary: #428cff; + --ion-color-primary-rgb: 66,140,255; + --ion-color-primary-contrast: #ffffff; + --ion-color-primary-contrast-rgb: 255,255,255; + --ion-color-primary-shade: #3a7be0; + --ion-color-primary-tint: #5598ff; + + --ion-color-secondary: #50c8ff; + --ion-color-secondary-rgb: 80,200,255; + --ion-color-secondary-contrast: #ffffff; + --ion-color-secondary-contrast-rgb: 255,255,255; + --ion-color-secondary-shade: #46b0e0; + --ion-color-secondary-tint: #62ceff; + + --ion-color-tertiary: #6a64ff; + --ion-color-tertiary-rgb: 106,100,255; + --ion-color-tertiary-contrast: #ffffff; + --ion-color-tertiary-contrast-rgb: 255,255,255; + --ion-color-tertiary-shade: #5d58e0; + --ion-color-tertiary-tint: #7974ff; + + --ion-color-success: #2fdf75; + --ion-color-success-rgb: 47,223,117; + --ion-color-success-contrast: #000000; + --ion-color-success-contrast-rgb: 0,0,0; + --ion-color-success-shade: #29c467; + --ion-color-success-tint: #44e283; + + --ion-color-warning: #ffd534; + --ion-color-warning-rgb: 255,213,52; + --ion-color-warning-contrast: #000000; + --ion-color-warning-contrast-rgb: 0,0,0; + --ion-color-warning-shade: #e0bb2e; + --ion-color-warning-tint: #ffd948; + + --ion-color-danger: #ff4961; + --ion-color-danger-rgb: 255,73,97; + --ion-color-danger-contrast: #ffffff; + --ion-color-danger-contrast-rgb: 255,255,255; + --ion-color-danger-shade: #e04055; + --ion-color-danger-tint: #ff5b71; + + --ion-color-dark: #f4f5f8; + --ion-color-dark-rgb: 244,245,248; + --ion-color-dark-contrast: #000000; + --ion-color-dark-contrast-rgb: 0,0,0; + --ion-color-dark-shade: #d7d8da; + --ion-color-dark-tint: #f5f6f9; + + --ion-color-medium: #989aa2; + --ion-color-medium-rgb: 152,154,162; + --ion-color-medium-contrast: #000000; + --ion-color-medium-contrast-rgb: 0,0,0; + --ion-color-medium-shade: #86888f; + --ion-color-medium-tint: #a2a4ab; + + --ion-color-light: #222428; + --ion-color-light-rgb: 34,36,40; + --ion-color-light-contrast: #ffffff; + --ion-color-light-contrast-rgb: 255,255,255; + --ion-color-light-shade: #1e2023; + --ion-color-light-tint: #383a3e; + } + + /* + * iOS Dark Theme + * ------------------------------------------- + */ + + .ios body.dark { + --ion-background-color: #03060b; + --ion-background-color-rgb: 0,0,0; + + --ion-text-color: #ffffff; + --ion-text-color-rgb: 255,255,255; + + --ion-color-step-50: #0d0d0d; + --ion-color-step-100: #1a1a1a; + --ion-color-step-150: #262626; + --ion-color-step-200: #333333; + --ion-color-step-250: #404040; + --ion-color-step-300: #4d4d4d; + --ion-color-step-350: #595959; + --ion-color-step-400: #666666; + --ion-color-step-450: #737373; + --ion-color-step-500: #808080; + --ion-color-step-550: #8c8c8c; + --ion-color-step-600: #999999; + --ion-color-step-650: #a6a6a6; + --ion-color-step-700: #b3b3b3; + --ion-color-step-750: #bfbfbf; + --ion-color-step-800: #cccccc; + --ion-color-step-850: #d9d9d9; + --ion-color-step-900: #e6e6e6; + --ion-color-step-950: #f2f2f2; + + --ion-item-background: #000000; + + --ion-card-background: #1c1c1d; + } + + .ios body.dark ion-modal { + --ion-background-color: var(--ion-color-step-100); + --ion-toolbar-background: var(--ion-color-step-150); + --ion-toolbar-border-color: var(--ion-color-step-250); + } + + + /* + * Material Design Dark Theme + * ------------------------------------------- + */ + + .md body.dark { + --ion-background-color: #03060b; + --ion-background-color-rgb: 18,18,18; + + --ion-text-color: #ffffff; + --ion-text-color-rgb: 255,255,255; + + --ion-border-color: #222222; + + --ion-color-step-50: #1e1e1e; + --ion-color-step-100: #2a2a2a; + --ion-color-step-150: #363636; + --ion-color-step-200: #414141; + --ion-color-step-250: #4d4d4d; + --ion-color-step-300: #595959; + --ion-color-step-350: #656565; + --ion-color-step-400: #717171; + --ion-color-step-450: #7d7d7d; + --ion-color-step-500: #898989; + --ion-color-step-550: #949494; + --ion-color-step-600: #a0a0a0; + --ion-color-step-650: #acacac; + --ion-color-step-700: #b8b8b8; + --ion-color-step-750: #c4c4c4; + --ion-color-step-800: #d0d0d0; + --ion-color-step-850: #dbdbdb; + --ion-color-step-900: #e7e7e7; + --ion-color-step-950: #f3f3f3; + + --ion-item-background: #1e1e1e; + + --ion-toolbar-background: #1f1f1f; + + --ion-tab-bar-background: #1f1f1f; + + --ion-card-background: #1e1e1e; + } + +.container { + display: flex; + + align-items: center; + justify-content: center; + + height: 100%; +} + +:root { + --ion-safe-area-top: 20px; + --ion-safe-area-bottom: 22px; +} diff --git a/static/usage/v7/common.js b/static/usage/v7/common.js new file mode 100644 index 00000000000..52694d7e7b2 --- /dev/null +++ b/static/usage/v7/common.js @@ -0,0 +1,78 @@ +/** + * Wait for the initial HTML document to be + * loaded and parsed before adding the message + * listener. Otherwise, it is possible that the message + * listener will fire before the body is ready. + */ +window.addEventListener('DOMContentLoaded', () => { + /** + * The parent Playground component will + * dispatch messages whenever the theme on + * the Ionic Docs website has changed so that + * the demos loaded in iframes can match the + * docs website theme. + */ + window.addEventListener('message', (ev) => { + const { data } = ev; + + if (data.darkMode) { + document.body.classList.add('dark'); + } else { + document.body.classList.remove('dark'); + } + }); + + /** + * Monkey-patch the console methods so we can dispatch + * events when they're called, allowing the data to be + * captured by the playground's console UI. + */ + const _log = console.log, + _warn = console.warn, + _error = console.error; + + const dispatchConsoleEvent = (type, arguments) => { + window.dispatchEvent( + new CustomEvent('console', { + detail: { + type, + message: Object.values(arguments).join(' '), + }, + }) + ); + }; + + console.log = function () { + dispatchConsoleEvent('log', arguments); + return _log.apply(console, arguments); + }; + + console.warn = function () { + dispatchConsoleEvent('warning', arguments); + return _warn.apply(console, arguments); + }; + + console.error = function () { + dispatchConsoleEvent('error', arguments); + return _error.apply(console, arguments); + }; + + /** + * The Playground needs to wait for the message listener + * to be created before sending any messages, otherwise + * they will be lost. Once the listener is done, fire + * the demoReady event. In the event that the Playground's + * useEffect hook fires before the message listener is created, + * the Playground component will wait for the demoReady event + * before proceeding. + * + * We also set window.demoReady in the event that the + * useEffect hook fires after the message listener is + * already created so that it does not wait on an event + * that was already fired. + */ + const ev = new CustomEvent('demoReady'); + window.dispatchEvent(ev); + + window.demoReady = true; +}); diff --git a/static/usage/v8/common.css b/static/usage/v8/common.css new file mode 100644 index 00000000000..426dcedd904 --- /dev/null +++ b/static/usage/v8/common.css @@ -0,0 +1,98 @@ +@font-face { + font-family: "Roboto"; + src: url("../fonts/Roboto-Regular.ttf") format("truetype"); +} + +@font-face { + font-family: "Roboto"; + src: url("../fonts/Roboto-Medium.ttf") format("truetype"); + font-weight: 450 500; +} + +:root { + /** primary **/ + --ion-color-primary: #0054e9; + --ion-color-primary-rgb: 0, 84, 233; + --ion-color-primary-contrast: #ffffff; + --ion-color-primary-contrast-rgb: 255, 255, 255; + --ion-color-primary-shade: #004acd; + --ion-color-primary-tint: #1a65eb; + + /** secondary **/ + --ion-color-secondary: #0163aa; + --ion-color-secondary-rgb: 1, 99, 170; + --ion-color-secondary-contrast: #ffffff; + --ion-color-secondary-contrast-rgb: 255, 255, 255; + --ion-color-secondary-shade: #015796; + --ion-color-secondary-tint: #1a73b3; + + /** tertiary **/ + --ion-color-tertiary: #6030ff; + --ion-color-tertiary-rgb: 96, 48, 255; + --ion-color-tertiary-contrast: #ffffff; + --ion-color-tertiary-contrast-rgb: 255, 255, 255; + --ion-color-tertiary-shade: #542ae0; + --ion-color-tertiary-tint: #7045ff; + + /** success **/ + --ion-color-success: #2dd55b; + --ion-color-success-rgb: 45, 213, 91; + --ion-color-success-contrast: #000000; + --ion-color-success-contrast-rgb: 0, 0, 0; + --ion-color-success-shade: #28bb50; + --ion-color-success-tint: #42d96b; + + /** warning **/ + --ion-color-warning: #ffc409; + --ion-color-warning-rgb: 255, 196, 9; + --ion-color-warning-contrast: #000000; + --ion-color-warning-contrast-rgb: 0, 0, 0; + --ion-color-warning-shade: #e0ac08; + --ion-color-warning-tint: #ffca22; + + /** danger **/ + --ion-color-danger: #c5000f; + --ion-color-danger-rgb: 197, 0, 15; + --ion-color-danger-contrast: #ffffff; + --ion-color-danger-contrast-rgb: 255, 255, 255; + --ion-color-danger-shade: #ad000d; + --ion-color-danger-tint: #cb1a27; + + /** dark **/ + --ion-color-dark: #2f2f2f; + --ion-color-dark-rgb: 47, 47, 47; + --ion-color-dark-contrast: #ffffff; + --ion-color-dark-contrast-rgb: 255, 255, 255; + --ion-color-dark-shade: #292929; + --ion-color-dark-tint: #444444; + + /** medium **/ + --ion-color-medium: #5f5f5f; + --ion-color-medium-rgb: 95,95,95; + --ion-color-medium-contrast: #ffffff; + --ion-color-medium-contrast-rgb: 255,255,255; + --ion-color-medium-shade: #545454; + --ion-color-medium-tint: #6f6f6f; + + /** light **/ + --ion-color-light: #f6f8fc; + --ion-color-light-rgb: 246,248,252; + --ion-color-light-contrast: #000000; + --ion-color-light-contrast-rgb: 0,0,0; + --ion-color-light-shade: #d8dade; + --ion-color-light-tint: #f7f9fc; +} + +.container { + display: flex; + + align-items: center; + justify-content: center; + + height: 100%; +} + +:root { + --ion-safe-area-top: 20px; + --ion-safe-area-bottom: 22px; +} diff --git a/static/usage/common.js b/static/usage/v8/common.js similarity index 100% rename from static/usage/common.js rename to static/usage/v8/common.js From 1c0600a6d0839976481e1d770cfb93ead2878c84 Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Mon, 29 Jan 2024 12:53:17 -0500 Subject: [PATCH 2/4] docs(playgrounds): update paths to common css and js files --- _templates/playground/new/demo.html.ejs.t | 4 ++-- static/usage/v6/accordion/accessibility/animations/demo.html | 4 ++-- static/usage/v6/accordion/basic/demo.html | 4 ++-- .../customization/advanced-expansion-styles/demo.html | 4 ++-- .../v6/accordion/customization/expansion-styles/demo.html | 4 ++-- static/usage/v6/accordion/customization/icons/demo.html | 4 ++-- static/usage/v6/accordion/customization/theming/demo.html | 4 ++-- static/usage/v6/accordion/disable-group/demo.html | 4 ++-- static/usage/v6/accordion/disable/group/demo.html | 4 ++-- static/usage/v6/accordion/disable/individual/demo.html | 4 ++-- static/usage/v6/accordion/listen-changes/demo.html | 4 ++-- static/usage/v6/accordion/multiple/demo.html | 4 ++-- static/usage/v6/accordion/readonly/group/demo.html | 4 ++-- static/usage/v6/accordion/readonly/individual/demo.html | 4 ++-- static/usage/v6/accordion/toggle/demo.html | 4 ++-- static/usage/v6/action-sheet/basic/demo.html | 4 ++-- static/usage/v6/action-sheet/theming/css-properties/demo.html | 4 ++-- static/usage/v6/action-sheet/theming/styling/demo.html | 4 ++-- static/usage/v6/alert/buttons/demo.html | 4 ++-- static/usage/v6/alert/customization/demo.html | 4 ++-- static/usage/v6/alert/inputs/radios/demo.html | 4 ++-- static/usage/v6/alert/inputs/text-inputs/demo.html | 4 ++-- static/usage/v6/alert/presenting/controller/demo.html | 4 ++-- static/usage/v6/avatar/basic/demo.html | 4 ++-- static/usage/v6/avatar/chip/demo.html | 4 ++-- static/usage/v6/avatar/item/demo.html | 4 ++-- static/usage/v6/avatar/theming/css-properties/demo.html | 4 ++-- static/usage/v6/back-button/basic/demo.html | 4 ++-- static/usage/v6/back-button/custom/demo.html | 4 ++-- static/usage/v6/backdrop/basic/demo.html | 4 ++-- static/usage/v6/backdrop/styling/demo.html | 4 ++-- static/usage/v6/badge/basic/demo.html | 4 ++-- static/usage/v6/badge/theming/colors/demo.html | 4 ++-- static/usage/v6/badge/theming/css-properties/demo.html | 4 ++-- static/usage/v6/breadcrumbs/basic/demo.html | 4 ++-- .../v6/breadcrumbs/collapsing-items/expand-on-click/demo.html | 4 ++-- .../breadcrumbs/collapsing-items/items-before-after/demo.html | 4 ++-- .../usage/v6/breadcrumbs/collapsing-items/max-items/demo.html | 4 ++-- .../breadcrumbs/collapsing-items/popover-on-click/demo.html | 4 ++-- static/usage/v6/breadcrumbs/icons/custom-separators/demo.html | 4 ++-- static/usage/v6/breadcrumbs/icons/icons-on-items/demo.html | 4 ++-- static/usage/v6/breadcrumbs/theming/colors/demo.html | 4 ++-- static/usage/v6/breadcrumbs/theming/css-properties/demo.html | 4 ++-- static/usage/v6/button/basic/demo.html | 4 ++-- static/usage/v6/button/expand/demo.html | 4 ++-- static/usage/v6/button/fill/demo.html | 4 ++-- static/usage/v6/button/icons/demo.html | 4 ++-- static/usage/v6/button/shape/demo.html | 4 ++-- static/usage/v6/button/size/demo.html | 4 ++-- static/usage/v6/button/theming/colors/demo.html | 4 ++-- static/usage/v6/button/theming/css-properties/demo.html | 4 ++-- static/usage/v6/buttons/basic/demo.html | 4 ++-- static/usage/v6/buttons/placement/demo.html | 4 ++-- static/usage/v6/buttons/types/demo.html | 4 ++-- static/usage/v6/card/basic/demo.html | 4 ++-- static/usage/v6/card/buttons/demo.html | 4 ++-- static/usage/v6/card/list/demo.html | 4 ++-- static/usage/v6/card/media/demo.html | 4 ++-- static/usage/v6/card/theming/colors/demo.html | 4 ++-- static/usage/v6/card/theming/css-properties/demo.html | 4 ++-- static/usage/v6/checkbox/basic/demo.html | 4 ++-- static/usage/v6/checkbox/indeterminate/demo.html | 4 ++-- static/usage/v6/checkbox/theming/css-properties/demo.html | 4 ++-- static/usage/v6/chip/basic/demo.html | 4 ++-- static/usage/v6/chip/slots/demo.html | 4 ++-- static/usage/v6/chip/theming/colors/demo.html | 4 ++-- static/usage/v6/chip/theming/css-properties/demo.html | 4 ++-- static/usage/v6/content/basic/demo.html | 4 ++-- static/usage/v6/content/fixed/demo.html | 4 ++-- static/usage/v6/content/fullscreen/demo.html | 4 ++-- static/usage/v6/content/header-footer/demo.html | 4 ++-- static/usage/v6/content/scroll-events/demo.html | 4 ++-- static/usage/v6/content/scroll-methods/demo.html | 4 ++-- static/usage/v6/content/theming/colors/demo.html | 4 ++-- static/usage/v6/content/theming/css-properties/demo.html | 4 ++-- static/usage/v6/content/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v6/datetime-button/basic/demo.html | 4 ++-- static/usage/v6/datetime/basic/demo.html | 4 ++-- .../v6/datetime/buttons/customizing-button-texts/demo.html | 4 ++-- .../usage/v6/datetime/buttons/customizing-buttons/demo.html | 4 ++-- .../datetime/buttons/showing-confirmation-buttons/demo.html | 4 ++-- static/usage/v6/datetime/date-constraints/advanced/demo.html | 4 ++-- static/usage/v6/datetime/date-constraints/max-min/demo.html | 4 ++-- static/usage/v6/datetime/date-constraints/values/demo.html | 4 ++-- static/usage/v6/datetime/highlightedDates/array/demo.html | 4 ++-- static/usage/v6/datetime/highlightedDates/callback/demo.html | 4 ++-- static/usage/v6/datetime/localization/custom-locale/demo.html | 4 ++-- .../v6/datetime/localization/first-day-of-week/demo.html | 4 ++-- static/usage/v6/datetime/localization/hour-cycle/demo.html | 4 ++-- .../v6/datetime/localization/locale-extension-tags/demo.html | 4 ++-- static/usage/v6/datetime/localization/time-label/demo.html | 4 ++-- static/usage/v6/datetime/multiple/demo.html | 4 ++-- static/usage/v6/datetime/presentation/date/demo.html | 4 ++-- .../usage/v6/datetime/presentation/month-and-year/demo.html | 4 ++-- static/usage/v6/datetime/presentation/time/demo.html | 4 ++-- static/usage/v6/datetime/presentation/wheel/demo.html | 4 ++-- static/usage/v6/datetime/theming/demo.html | 4 ++-- static/usage/v6/datetime/title/customizing-title/demo.html | 4 ++-- .../usage/v6/datetime/title/showing-default-title/demo.html | 4 ++-- static/usage/v6/fab/basic/demo.html | 4 ++-- static/usage/v6/fab/button-sizing/demo.html | 4 ++-- static/usage/v6/fab/list-side/demo.html | 4 ++-- static/usage/v6/fab/positioning/demo.html | 4 ++-- static/usage/v6/fab/theming/colors/demo.html | 4 ++-- static/usage/v6/fab/theming/css-custom-properties/demo.html | 4 ++-- static/usage/v6/fab/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v6/footer/basic/demo.html | 4 ++-- static/usage/v6/footer/custom-scroll-target/demo.html | 4 ++-- static/usage/v6/footer/fade/demo.html | 4 ++-- static/usage/v6/footer/no-border/demo.html | 4 ++-- static/usage/v6/footer/translucent/demo.html | 4 ++-- static/usage/v6/grid/basic/demo.html | 4 ++-- static/usage/v6/grid/customizing/column-number/demo.html | 4 ++-- static/usage/v6/grid/customizing/padding/demo.html | 4 ++-- static/usage/v6/grid/customizing/width/demo.html | 4 ++-- static/usage/v6/grid/fixed/demo.html | 4 ++-- static/usage/v6/grid/horizontal-alignment/demo.html | 4 ++-- static/usage/v6/grid/offset-responsive/demo.html | 4 ++-- static/usage/v6/grid/offset/demo.html | 4 ++-- static/usage/v6/grid/push-pull-responsive/demo.html | 4 ++-- static/usage/v6/grid/push-pull/demo.html | 4 ++-- static/usage/v6/grid/size-auto/demo.html | 4 ++-- static/usage/v6/grid/size-responsive/demo.html | 4 ++-- static/usage/v6/grid/size/demo.html | 4 ++-- static/usage/v6/grid/vertical-alignment/demo.html | 4 ++-- static/usage/v6/header/basic/demo.html | 4 ++-- static/usage/v6/header/condense/demo.html | 4 ++-- static/usage/v6/header/custom-scroll-target/demo.html | 4 ++-- static/usage/v6/header/fade/demo.html | 4 ++-- static/usage/v6/header/no-border/demo.html | 4 ++-- static/usage/v6/header/translucent/demo.html | 4 ++-- static/usage/v6/icon/basic/demo.html | 4 ++-- static/usage/v6/img/basic/demo.html | 4 ++-- static/usage/v6/infinite-scroll/basic/demo.html | 4 ++-- .../infinite-scroll/custom-infinite-scroll-content/demo.html | 4 ++-- .../v6/infinite-scroll/infinite-scroll-content/demo.html | 4 ++-- static/usage/v6/input/basic/demo.html | 4 ++-- static/usage/v6/input/clear/demo.html | 4 ++-- static/usage/v6/input/fill/demo.html | 4 ++-- static/usage/v6/input/filtering/demo.html | 4 ++-- static/usage/v6/input/labels/demo.html | 4 ++-- static/usage/v6/input/theming/colors/demo.html | 4 ++-- static/usage/v6/input/theming/css-properties/demo.html | 4 ++-- static/usage/v6/input/types/demo.html | 4 ++-- static/usage/v6/item-divider/basic/demo.html | 4 ++-- static/usage/v6/item-divider/theming/colors/demo.html | 4 ++-- static/usage/v6/item-divider/theming/css-properties/demo.html | 4 ++-- static/usage/v6/item-group/basic/demo.html | 4 ++-- static/usage/v6/item-group/sliding-items/demo.html | 4 ++-- static/usage/v6/item-sliding/basic/demo.html | 4 ++-- static/usage/v6/item-sliding/expandable/demo.html | 4 ++-- static/usage/v6/item-sliding/icons/demo.html | 4 ++-- static/usage/v6/item/basic/demo.html | 4 ++-- static/usage/v6/item/buttons/demo.html | 4 ++-- static/usage/v6/item/clickable/demo.html | 4 ++-- static/usage/v6/item/counter/demo.html | 4 ++-- static/usage/v6/item/detail-arrows/demo.html | 4 ++-- static/usage/v6/item/helper-error/demo.html | 4 ++-- static/usage/v6/item/icons/demo.html | 4 ++-- static/usage/v6/item/inputs/demo.html | 4 ++-- static/usage/v6/item/lines/demo.html | 4 ++-- static/usage/v6/item/media/demo.html | 4 ++-- static/usage/v6/item/theming/colors/demo.html | 4 ++-- static/usage/v6/item/theming/css-properties/demo.html | 4 ++-- static/usage/v6/item/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v6/item/theming/input-highlight/demo.html | 4 ++-- static/usage/v6/label/basic/demo.html | 4 ++-- static/usage/v6/label/input/demo.html | 4 ++-- static/usage/v6/label/item/demo.html | 4 ++-- static/usage/v6/label/theming/colors/demo.html | 4 ++-- static/usage/v6/list-header/basic/demo.html | 4 ++-- static/usage/v6/list-header/buttons/demo.html | 4 ++-- static/usage/v6/list-header/lines/demo.html | 4 ++-- static/usage/v6/list-header/theming/colors/demo.html | 4 ++-- static/usage/v6/list-header/theming/css-properties/demo.html | 4 ++-- static/usage/v6/list/basic/demo.html | 4 ++-- static/usage/v6/list/inset/demo.html | 4 ++-- static/usage/v6/list/lines/demo.html | 4 ++-- static/usage/v6/loading/controller/demo.html | 4 ++-- static/usage/v6/loading/spinners/demo.html | 4 ++-- static/usage/v6/loading/theming/demo.html | 4 ++-- static/usage/v6/menu/basic/demo.html | 4 ++-- static/usage/v6/menu/theming/demo.html | 4 ++-- static/usage/v6/menu/toggle/demo.html | 4 ++-- static/usage/v6/menu/type/demo.html | 4 ++-- static/usage/v6/modal/can-dismiss/boolean/demo.html | 4 ++-- static/usage/v6/modal/can-dismiss/function/demo.html | 4 ++-- .../v6/modal/can-dismiss/prevent-swipe-to-close/demo.html | 4 ++-- static/usage/v6/modal/card/basic/demo.html | 4 ++-- static/usage/v6/modal/controller/demo.html | 4 ++-- static/usage/v6/modal/custom-dialogs/demo.html | 4 ++-- static/usage/v6/modal/inline/basic/demo.html | 4 ++-- static/usage/v6/modal/inline/is-open/demo.html | 4 ++-- static/usage/v6/modal/performance/mount/demo.html | 4 ++-- static/usage/v6/modal/sheet/background-content/demo.html | 4 ++-- static/usage/v6/modal/sheet/basic/demo.html | 4 ++-- static/usage/v6/modal/sheet/handle-behavior/demo.html | 4 ++-- static/usage/v6/modal/styling/animations/demo.html | 4 ++-- static/usage/v6/modal/styling/theming/demo.html | 4 ++-- static/usage/v6/nav/modal-navigation/demo.html | 4 ++-- static/usage/v6/nav/nav-link/demo.html | 4 ++-- static/usage/v6/note/basic/demo.html | 4 ++-- static/usage/v6/note/item/demo.html | 4 ++-- static/usage/v6/note/theming/colors/demo.html | 4 ++-- static/usage/v6/note/theming/css-properties/demo.html | 4 ++-- static/usage/v6/picker/multiple-column/demo.html | 4 ++-- static/usage/v6/picker/single-column/demo.html | 4 ++-- static/usage/v6/popover/customization/positioning/demo.html | 4 ++-- static/usage/v6/popover/customization/sizing/demo.html | 4 ++-- static/usage/v6/popover/customization/styling/demo.html | 4 ++-- static/usage/v6/popover/nested/demo.html | 4 ++-- static/usage/v6/popover/performance/mount/demo.html | 4 ++-- static/usage/v6/popover/presenting/controller/demo.html | 4 ++-- static/usage/v6/popover/presenting/inline-isopen/demo.html | 4 ++-- static/usage/v6/popover/presenting/inline-trigger/demo.html | 4 ++-- static/usage/v6/progress-bar/buffer/demo.html | 4 ++-- static/usage/v6/progress-bar/determinate/demo.html | 4 ++-- static/usage/v6/progress-bar/indeterminate/demo.html | 4 ++-- static/usage/v6/progress-bar/theming/colors/demo.html | 4 ++-- static/usage/v6/progress-bar/theming/css-properties/demo.html | 4 ++-- .../usage/v6/progress-bar/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v6/radio/basic/demo.html | 4 ++-- static/usage/v6/radio/empty-selection/demo.html | 4 ++-- static/usage/v6/radio/theming/colors/demo.html | 4 ++-- static/usage/v6/radio/theming/css-properties/demo.html | 4 ++-- static/usage/v6/radio/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v6/range/basic/demo.html | 4 ++-- static/usage/v6/range/dual-knobs/demo.html | 4 ++-- static/usage/v6/range/ion-change-event/demo.html | 4 ++-- static/usage/v6/range/ion-knob-move-event/demo.html | 4 ++-- static/usage/v6/range/pins/demo.html | 4 ++-- static/usage/v6/range/slots/demo.html | 4 ++-- static/usage/v6/range/snapping-ticks/demo.html | 4 ++-- static/usage/v6/range/theming/css-properties/demo.html | 4 ++-- static/usage/v6/range/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v6/refresher/advanced/demo.html | 4 ++-- static/usage/v6/refresher/basic/demo.html | 4 ++-- static/usage/v6/refresher/custom-content/demo.html | 4 ++-- static/usage/v6/refresher/custom-scroll-target/demo.html | 4 ++-- static/usage/v6/refresher/pull-properties/demo.html | 4 ++-- static/usage/v6/reorder/basic/demo.html | 4 ++-- static/usage/v6/reorder/custom-icon/demo.html | 4 ++-- static/usage/v6/reorder/custom-scroll-target/demo.html | 4 ++-- static/usage/v6/reorder/toggling-disabled/demo.html | 4 ++-- static/usage/v6/reorder/updating-data/demo.html | 4 ++-- static/usage/v6/reorder/wrapper/demo.html | 4 ++-- static/usage/v6/ripple-effect/basic/demo.html | 4 ++-- static/usage/v6/ripple-effect/customizing/demo.html | 4 ++-- static/usage/v6/ripple-effect/type/demo.html | 4 ++-- static/usage/v6/router/basic/demo.html | 4 ++-- static/usage/v6/searchbar/basic/demo.html | 4 ++-- static/usage/v6/searchbar/cancel-button/demo.html | 4 ++-- static/usage/v6/searchbar/clear-button/demo.html | 4 ++-- static/usage/v6/searchbar/debounce/demo.html | 4 ++-- static/usage/v6/searchbar/search-icon/demo.html | 4 ++-- static/usage/v6/searchbar/theming/colors/demo.html | 4 ++-- static/usage/v6/searchbar/theming/css-properties/demo.html | 4 ++-- static/usage/v6/segment-button/basic/demo.html | 4 ++-- static/usage/v6/segment-button/layout/demo.html | 4 ++-- .../usage/v6/segment-button/theming/css-properties/demo.html | 4 ++-- .../v6/segment-button/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v6/segment/basic/demo.html | 4 ++-- static/usage/v6/segment/scrollable/demo.html | 4 ++-- static/usage/v6/segment/theming/colors/demo.html | 4 ++-- static/usage/v6/segment/theming/css-properties/demo.html | 4 ++-- static/usage/v6/select/basic/multiple-selection/demo.html | 4 ++-- .../usage/v6/select/basic/responding-to-interaction/demo.html | 4 ++-- static/usage/v6/select/basic/single-selection/demo.html | 4 ++-- static/usage/v6/select/customization/button-text/demo.html | 4 ++-- .../usage/v6/select/customization/interface-options/demo.html | 4 ++-- static/usage/v6/select/customization/styling-select/demo.html | 4 ++-- static/usage/v6/select/interfaces/action-sheet/demo.html | 4 ++-- static/usage/v6/select/interfaces/popover/demo.html | 4 ++-- .../v6/select/objects-as-values/multiple-selection/demo.html | 4 ++-- .../v6/select/objects-as-values/using-comparewith/demo.html | 4 ++-- static/usage/v6/select/typeahead/demo.html | 4 ++-- static/usage/v6/skeleton-text/basic/demo.html | 4 ++-- .../usage/v6/skeleton-text/theming/css-properties/demo.html | 4 ++-- static/usage/v6/spinner/basic/demo.html | 4 ++-- static/usage/v6/spinner/theming/colors/demo.html | 4 ++-- static/usage/v6/spinner/theming/css-properties/demo.html | 4 ++-- static/usage/v6/split-pane/basic/demo.html | 4 ++-- static/usage/v6/split-pane/theming/css-properties/demo.html | 4 ++-- static/usage/v6/tabs/router/demo.html | 4 ++-- static/usage/v6/text/basic/demo.html | 4 ++-- static/usage/v6/textarea/autogrow/demo.html | 4 ++-- static/usage/v6/textarea/basic/demo.html | 4 ++-- static/usage/v6/textarea/clear-on-edit/demo.html | 4 ++-- static/usage/v6/textarea/theming/demo.html | 4 ++-- static/usage/v6/thumbnail/basic/demo.html | 4 ++-- static/usage/v6/thumbnail/item/demo.html | 4 ++-- static/usage/v6/thumbnail/theming/css-properties/demo.html | 4 ++-- static/usage/v6/title/basic/demo.html | 4 ++-- static/usage/v6/title/collapsible-large-title/basic/demo.html | 4 ++-- .../usage/v6/title/collapsible-large-title/buttons/demo.html | 4 ++-- static/usage/v6/title/theming/css-properties/demo.html | 4 ++-- static/usage/v6/toast/buttons/demo.html | 4 ++-- static/usage/v6/toast/icon/demo.html | 4 ++-- static/usage/v6/toast/layout/demo.html | 4 ++-- static/usage/v6/toast/presenting/controller/demo.html | 4 ++-- static/usage/v6/toast/theming/demo.html | 4 ++-- static/usage/v6/toggle/basic/demo.html | 4 ++-- static/usage/v6/toggle/on-off/demo.html | 4 ++-- static/usage/v6/toggle/theming/colors/demo.html | 4 ++-- static/usage/v6/toggle/theming/css-properties/demo.html | 4 ++-- static/usage/v6/toggle/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v6/toolbar/basic/demo.html | 4 ++-- static/usage/v6/toolbar/buttons/demo.html | 4 ++-- static/usage/v6/toolbar/progress-bars/demo.html | 4 ++-- static/usage/v6/toolbar/searchbars/demo.html | 4 ++-- static/usage/v6/toolbar/segments/demo.html | 4 ++-- static/usage/v6/toolbar/theming/colors/demo.html | 4 ++-- static/usage/v6/toolbar/theming/css-properties/demo.html | 4 ++-- static/usage/v7/accordion/accessibility/animations/demo.html | 4 ++-- static/usage/v7/accordion/basic/demo.html | 4 ++-- .../customization/advanced-expansion-styles/demo.html | 4 ++-- .../v7/accordion/customization/expansion-styles/demo.html | 4 ++-- static/usage/v7/accordion/customization/icons/demo.html | 4 ++-- static/usage/v7/accordion/customization/theming/demo.html | 4 ++-- static/usage/v7/accordion/disable-group/demo.html | 4 ++-- static/usage/v7/accordion/disable/group/demo.html | 4 ++-- static/usage/v7/accordion/disable/individual/demo.html | 4 ++-- static/usage/v7/accordion/listen-changes/demo.html | 4 ++-- static/usage/v7/accordion/multiple/demo.html | 4 ++-- static/usage/v7/accordion/readonly/group/demo.html | 4 ++-- static/usage/v7/accordion/readonly/individual/demo.html | 4 ++-- static/usage/v7/accordion/toggle/demo.html | 4 ++-- static/usage/v7/action-sheet/controller/demo.html | 4 ++-- static/usage/v7/action-sheet/inline/isOpen/demo.html | 4 ++-- static/usage/v7/action-sheet/inline/trigger/demo.html | 4 ++-- static/usage/v7/action-sheet/role-info-on-dismiss/demo.html | 4 ++-- static/usage/v7/action-sheet/theming/css-properties/demo.html | 4 ++-- static/usage/v7/action-sheet/theming/styling/demo.html | 4 ++-- static/usage/v7/alert/buttons/demo.html | 4 ++-- static/usage/v7/alert/customization/demo.html | 4 ++-- static/usage/v7/alert/inputs/radios/demo.html | 4 ++-- static/usage/v7/alert/inputs/text-inputs/demo.html | 4 ++-- static/usage/v7/alert/presenting/controller/demo.html | 4 ++-- static/usage/v7/alert/presenting/isOpen/demo.html | 4 ++-- static/usage/v7/alert/presenting/trigger/demo.html | 4 ++-- static/usage/v7/animations/basic/demo.html | 4 ++-- static/usage/v7/animations/before-and-after-hooks/demo.html | 4 ++-- static/usage/v7/animations/chain/demo.html | 4 ++-- static/usage/v7/animations/gesture/demo.html | 4 ++-- static/usage/v7/animations/group/demo.html | 4 ++-- static/usage/v7/animations/keyframes/demo.html | 4 ++-- static/usage/v7/animations/modal-override/demo.html | 4 ++-- static/usage/v7/animations/preference-based/demo.html | 4 ++-- static/usage/v7/avatar/basic/demo.html | 4 ++-- static/usage/v7/avatar/chip/demo.html | 4 ++-- static/usage/v7/avatar/item/demo.html | 4 ++-- static/usage/v7/avatar/theming/css-properties/demo.html | 4 ++-- static/usage/v7/back-button/basic/demo.html | 4 ++-- static/usage/v7/back-button/custom/demo.html | 4 ++-- static/usage/v7/backdrop/basic/demo.html | 4 ++-- static/usage/v7/backdrop/styling/demo.html | 4 ++-- static/usage/v7/badge/basic/demo.html | 4 ++-- static/usage/v7/badge/theming/colors/demo.html | 4 ++-- static/usage/v7/badge/theming/css-properties/demo.html | 4 ++-- static/usage/v7/breadcrumbs/basic/demo.html | 4 ++-- .../v7/breadcrumbs/collapsing-items/expand-on-click/demo.html | 4 ++-- .../breadcrumbs/collapsing-items/items-before-after/demo.html | 4 ++-- .../usage/v7/breadcrumbs/collapsing-items/max-items/demo.html | 4 ++-- .../breadcrumbs/collapsing-items/popover-on-click/demo.html | 4 ++-- static/usage/v7/breadcrumbs/icons/custom-separators/demo.html | 4 ++-- static/usage/v7/breadcrumbs/icons/icons-on-items/demo.html | 4 ++-- static/usage/v7/breadcrumbs/theming/colors/demo.html | 4 ++-- static/usage/v7/breadcrumbs/theming/css-properties/demo.html | 4 ++-- static/usage/v7/button/basic/demo.html | 4 ++-- static/usage/v7/button/expand/demo.html | 4 ++-- static/usage/v7/button/fill/demo.html | 4 ++-- static/usage/v7/button/icons/demo.html | 4 ++-- static/usage/v7/button/shape/demo.html | 4 ++-- static/usage/v7/button/size/demo.html | 4 ++-- static/usage/v7/button/text-wrapping/demo.html | 4 ++-- static/usage/v7/button/theming/colors/demo.html | 4 ++-- static/usage/v7/button/theming/css-properties/demo.html | 4 ++-- static/usage/v7/buttons/basic/demo.html | 4 ++-- static/usage/v7/buttons/placement/demo.html | 4 ++-- static/usage/v7/buttons/types/demo.html | 4 ++-- static/usage/v7/card/basic/demo.html | 4 ++-- static/usage/v7/card/buttons/demo.html | 4 ++-- static/usage/v7/card/list/demo.html | 4 ++-- static/usage/v7/card/media/demo.html | 4 ++-- static/usage/v7/card/theming/colors/demo.html | 4 ++-- static/usage/v7/card/theming/css-properties/demo.html | 4 ++-- static/usage/v7/checkbox/alignment/demo.html | 4 ++-- static/usage/v7/checkbox/basic/demo.html | 4 ++-- static/usage/v7/checkbox/indeterminate/demo.html | 4 ++-- static/usage/v7/checkbox/justify/demo.html | 4 ++-- static/usage/v7/checkbox/label-placement/demo.html | 4 ++-- static/usage/v7/checkbox/theming/css-properties/demo.html | 4 ++-- static/usage/v7/chip/basic/demo.html | 4 ++-- static/usage/v7/chip/slots/demo.html | 4 ++-- static/usage/v7/chip/theming/colors/demo.html | 4 ++-- static/usage/v7/chip/theming/css-properties/demo.html | 4 ++-- static/usage/v7/content/basic/demo.html | 4 ++-- static/usage/v7/content/fixed/demo.html | 4 ++-- static/usage/v7/content/fullscreen/demo.html | 4 ++-- static/usage/v7/content/header-footer/demo.html | 4 ++-- static/usage/v7/content/scroll-events/demo.html | 4 ++-- static/usage/v7/content/scroll-methods/demo.html | 4 ++-- static/usage/v7/content/theming/colors/demo.html | 4 ++-- static/usage/v7/content/theming/css-properties/demo.html | 4 ++-- static/usage/v7/content/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v7/content/theming/safe-area/demo.html | 4 ++-- static/usage/v7/datetime-button/basic/demo.html | 4 ++-- static/usage/v7/datetime/basic/demo.html | 4 ++-- .../v7/datetime/buttons/customizing-button-texts/demo.html | 4 ++-- .../usage/v7/datetime/buttons/customizing-buttons/demo.html | 4 ++-- .../datetime/buttons/showing-confirmation-buttons/demo.html | 4 ++-- static/usage/v7/datetime/date-constraints/advanced/demo.html | 4 ++-- static/usage/v7/datetime/date-constraints/max-min/demo.html | 4 ++-- static/usage/v7/datetime/date-constraints/values/demo.html | 4 ++-- static/usage/v7/datetime/highlightedDates/array/demo.html | 4 ++-- static/usage/v7/datetime/highlightedDates/callback/demo.html | 4 ++-- static/usage/v7/datetime/localization/custom-locale/demo.html | 4 ++-- .../v7/datetime/localization/first-day-of-week/demo.html | 4 ++-- static/usage/v7/datetime/localization/hour-cycle/demo.html | 4 ++-- .../v7/datetime/localization/locale-extension-tags/demo.html | 4 ++-- static/usage/v7/datetime/localization/time-label/demo.html | 4 ++-- static/usage/v7/datetime/multiple/demo.html | 4 ++-- static/usage/v7/datetime/presentation/date/demo.html | 4 ++-- .../usage/v7/datetime/presentation/month-and-year/demo.html | 4 ++-- static/usage/v7/datetime/presentation/time/demo.html | 4 ++-- static/usage/v7/datetime/presentation/wheel/demo.html | 4 ++-- static/usage/v7/datetime/styling/calendar-days/demo.html | 4 ++-- static/usage/v7/datetime/styling/global-theming/demo.html | 4 ++-- static/usage/v7/datetime/styling/wheel-styling/demo.html | 4 ++-- static/usage/v7/datetime/theming/demo.html | 4 ++-- static/usage/v7/datetime/title/customizing-title/demo.html | 4 ++-- .../usage/v7/datetime/title/showing-default-title/demo.html | 4 ++-- static/usage/v7/fab/basic/demo.html | 4 ++-- static/usage/v7/fab/button-sizing/demo.html | 4 ++-- static/usage/v7/fab/list-side/demo.html | 4 ++-- static/usage/v7/fab/positioning/demo.html | 4 ++-- static/usage/v7/fab/safe-area/demo.html | 4 ++-- static/usage/v7/fab/theming/colors/demo.html | 4 ++-- static/usage/v7/fab/theming/css-custom-properties/demo.html | 4 ++-- static/usage/v7/fab/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v7/footer/basic/demo.html | 4 ++-- static/usage/v7/footer/custom-scroll-target/demo.html | 4 ++-- static/usage/v7/footer/fade/demo.html | 4 ++-- static/usage/v7/footer/no-border/demo.html | 4 ++-- static/usage/v7/footer/translucent/demo.html | 4 ++-- static/usage/v7/gestures/basic/demo.html | 4 ++-- static/usage/v7/gestures/double-click/demo.html | 4 ++-- static/usage/v7/grid/basic/demo.html | 4 ++-- static/usage/v7/grid/customizing/column-number/demo.html | 4 ++-- static/usage/v7/grid/customizing/padding/demo.html | 4 ++-- static/usage/v7/grid/customizing/width/demo.html | 4 ++-- static/usage/v7/grid/fixed/demo.html | 4 ++-- static/usage/v7/grid/horizontal-alignment/demo.html | 4 ++-- static/usage/v7/grid/offset-responsive/demo.html | 4 ++-- static/usage/v7/grid/offset/demo.html | 4 ++-- static/usage/v7/grid/push-pull-responsive/demo.html | 4 ++-- static/usage/v7/grid/push-pull/demo.html | 4 ++-- static/usage/v7/grid/size-auto/demo.html | 4 ++-- static/usage/v7/grid/size-responsive/demo.html | 4 ++-- static/usage/v7/grid/size/demo.html | 4 ++-- static/usage/v7/grid/vertical-alignment/demo.html | 4 ++-- static/usage/v7/header/basic/demo.html | 4 ++-- static/usage/v7/header/condense/demo.html | 4 ++-- static/usage/v7/header/custom-scroll-target/demo.html | 4 ++-- static/usage/v7/header/fade/demo.html | 4 ++-- static/usage/v7/header/no-border/demo.html | 4 ++-- static/usage/v7/header/translucent/demo.html | 4 ++-- static/usage/v7/icon/basic/demo.html | 4 ++-- static/usage/v7/img/basic/demo.html | 4 ++-- static/usage/v7/infinite-scroll/basic/demo.html | 4 ++-- .../infinite-scroll/custom-infinite-scroll-content/demo.html | 4 ++-- .../v7/infinite-scroll/infinite-scroll-content/demo.html | 4 ++-- static/usage/v7/input/basic/demo.html | 4 ++-- static/usage/v7/input/clear/demo.html | 4 ++-- static/usage/v7/input/counter-alignment/demo.html | 4 ++-- static/usage/v7/input/counter/demo.html | 4 ++-- static/usage/v7/input/fill/demo.html | 4 ++-- static/usage/v7/input/filtering/demo.html | 4 ++-- static/usage/v7/input/helper-error/demo.html | 4 ++-- static/usage/v7/input/label-placement/demo.html | 4 ++-- static/usage/v7/input/label-slot/demo.html | 4 ++-- static/usage/v7/input/mask/demo.html | 4 ++-- static/usage/v7/input/no-visible-label/demo.html | 4 ++-- static/usage/v7/input/set-focus/demo.html | 4 ++-- static/usage/v7/input/theming/colors/demo.html | 4 ++-- static/usage/v7/input/theming/css-properties/demo.html | 4 ++-- static/usage/v7/input/types/demo.html | 4 ++-- static/usage/v7/item-divider/basic/demo.html | 4 ++-- static/usage/v7/item-divider/theming/colors/demo.html | 4 ++-- static/usage/v7/item-divider/theming/css-properties/demo.html | 4 ++-- static/usage/v7/item-group/basic/demo.html | 4 ++-- static/usage/v7/item-group/sliding-items/demo.html | 4 ++-- static/usage/v7/item-sliding/basic/demo.html | 4 ++-- static/usage/v7/item-sliding/expandable/demo.html | 4 ++-- static/usage/v7/item-sliding/icons/demo.html | 4 ++-- static/usage/v7/item/basic/demo.html | 4 ++-- static/usage/v7/item/buttons/demo.html | 4 ++-- static/usage/v7/item/clickable/demo.html | 4 ++-- static/usage/v7/item/content-types/actions/demo.html | 4 ++-- static/usage/v7/item/content-types/controls/demo.html | 4 ++-- static/usage/v7/item/content-types/metadata/demo.html | 4 ++-- .../usage/v7/item/content-types/supporting-visuals/demo.html | 4 ++-- static/usage/v7/item/content-types/text/demo.html | 4 ++-- static/usage/v7/item/detail-arrows/demo.html | 4 ++-- static/usage/v7/item/icons/demo.html | 4 ++-- static/usage/v7/item/inputs/demo.html | 4 ++-- static/usage/v7/item/lines/demo.html | 4 ++-- static/usage/v7/item/media/demo.html | 4 ++-- static/usage/v7/item/theming/colors/demo.html | 4 ++-- static/usage/v7/item/theming/css-properties/demo.html | 4 ++-- static/usage/v7/item/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v7/item/theming/input-highlight/demo.html | 4 ++-- static/usage/v7/keyboard/enterkeyhint/demo.html | 4 ++-- static/usage/v7/keyboard/inputmode/demo.html | 4 ++-- static/usage/v7/label/basic/demo.html | 4 ++-- static/usage/v7/label/input/demo.html | 4 ++-- static/usage/v7/label/item/demo.html | 4 ++-- static/usage/v7/label/theming/colors/demo.html | 4 ++-- static/usage/v7/layout/dynamic-font-scaling/demo.html | 4 ++-- static/usage/v7/list-header/basic/demo.html | 4 ++-- static/usage/v7/list-header/buttons/demo.html | 4 ++-- static/usage/v7/list-header/lines/demo.html | 4 ++-- static/usage/v7/list-header/theming/colors/demo.html | 4 ++-- static/usage/v7/list-header/theming/css-properties/demo.html | 4 ++-- static/usage/v7/list/basic/demo.html | 4 ++-- static/usage/v7/list/inset/demo.html | 4 ++-- static/usage/v7/list/lines/demo.html | 4 ++-- static/usage/v7/loading/controller/demo.html | 4 ++-- static/usage/v7/loading/inline/demo.html | 4 ++-- static/usage/v7/loading/spinners/demo.html | 4 ++-- static/usage/v7/loading/theming/demo.html | 4 ++-- static/usage/v7/menu/basic/demo.html | 4 ++-- static/usage/v7/menu/multiple/demo.html | 4 ++-- static/usage/v7/menu/sides/demo.html | 4 ++-- static/usage/v7/menu/theming/demo.html | 4 ++-- static/usage/v7/menu/toggle/demo.html | 4 ++-- static/usage/v7/menu/type/demo.html | 4 ++-- static/usage/v7/modal/can-dismiss/boolean/demo.html | 4 ++-- static/usage/v7/modal/can-dismiss/child-state/demo.html | 4 ++-- static/usage/v7/modal/can-dismiss/function/demo.html | 4 ++-- .../v7/modal/can-dismiss/prevent-swipe-to-close/demo.html | 4 ++-- static/usage/v7/modal/card/basic/demo.html | 4 ++-- static/usage/v7/modal/controller/demo.html | 4 ++-- static/usage/v7/modal/custom-dialogs/demo.html | 4 ++-- static/usage/v7/modal/inline/basic/demo.html | 4 ++-- static/usage/v7/modal/inline/is-open/demo.html | 4 ++-- static/usage/v7/modal/performance/mount/demo.html | 4 ++-- static/usage/v7/modal/sheet/auto-height/demo.html | 4 ++-- static/usage/v7/modal/sheet/background-content/demo.html | 4 ++-- static/usage/v7/modal/sheet/basic/demo.html | 4 ++-- static/usage/v7/modal/sheet/handle-behavior/demo.html | 4 ++-- static/usage/v7/modal/styling/animations/demo.html | 4 ++-- static/usage/v7/modal/styling/theming/demo.html | 4 ++-- static/usage/v7/nav/modal-navigation/demo.html | 4 ++-- static/usage/v7/nav/nav-link/demo.html | 4 ++-- static/usage/v7/note/basic/demo.html | 4 ++-- static/usage/v7/note/item/demo.html | 4 ++-- static/usage/v7/note/theming/colors/demo.html | 4 ++-- static/usage/v7/note/theming/css-properties/demo.html | 4 ++-- static/usage/v7/picker/controller/demo.html | 4 ++-- static/usage/v7/picker/inline/isOpen/demo.html | 4 ++-- static/usage/v7/picker/inline/trigger/demo.html | 4 ++-- static/usage/v7/picker/multiple-column/demo.html | 4 ++-- static/usage/v7/popover/customization/positioning/demo.html | 4 ++-- static/usage/v7/popover/customization/sizing/demo.html | 4 ++-- static/usage/v7/popover/customization/styling/demo.html | 4 ++-- static/usage/v7/popover/nested/demo.html | 4 ++-- static/usage/v7/popover/performance/mount/demo.html | 4 ++-- static/usage/v7/popover/presenting/controller/demo.html | 4 ++-- static/usage/v7/popover/presenting/inline-isopen/demo.html | 4 ++-- static/usage/v7/popover/presenting/inline-trigger/demo.html | 4 ++-- static/usage/v7/progress-bar/buffer/demo.html | 4 ++-- static/usage/v7/progress-bar/determinate/demo.html | 4 ++-- static/usage/v7/progress-bar/indeterminate/demo.html | 4 ++-- static/usage/v7/progress-bar/theming/colors/demo.html | 4 ++-- static/usage/v7/progress-bar/theming/css-properties/demo.html | 4 ++-- .../usage/v7/progress-bar/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v7/radio/alignment/demo.html | 4 ++-- static/usage/v7/radio/basic/demo.html | 4 ++-- static/usage/v7/radio/empty-selection/demo.html | 4 ++-- static/usage/v7/radio/justify/demo.html | 4 ++-- static/usage/v7/radio/label-placement/demo.html | 4 ++-- static/usage/v7/radio/theming/colors/demo.html | 4 ++-- static/usage/v7/radio/theming/css-properties/demo.html | 4 ++-- static/usage/v7/radio/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v7/range/basic/demo.html | 4 ++-- static/usage/v7/range/dual-knobs/demo.html | 4 ++-- static/usage/v7/range/ion-change-event/demo.html | 4 ++-- static/usage/v7/range/ion-knob-move-event/demo.html | 4 ++-- static/usage/v7/range/label-slot/demo.html | 4 ++-- static/usage/v7/range/labels/demo.html | 4 ++-- static/usage/v7/range/no-visible-label/demo.html | 4 ++-- static/usage/v7/range/pins/demo.html | 4 ++-- static/usage/v7/range/slots/demo.html | 4 ++-- static/usage/v7/range/snapping-ticks/demo.html | 4 ++-- static/usage/v7/range/theming/css-properties/demo.html | 4 ++-- static/usage/v7/range/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v7/refresher/advanced/demo.html | 4 ++-- static/usage/v7/refresher/basic/demo.html | 4 ++-- static/usage/v7/refresher/custom-content/demo.html | 4 ++-- static/usage/v7/refresher/custom-scroll-target/demo.html | 4 ++-- static/usage/v7/refresher/pull-properties/demo.html | 4 ++-- static/usage/v7/reorder/basic/demo.html | 4 ++-- static/usage/v7/reorder/custom-icon/demo.html | 4 ++-- static/usage/v7/reorder/custom-scroll-target/demo.html | 4 ++-- static/usage/v7/reorder/toggling-disabled/demo.html | 4 ++-- static/usage/v7/reorder/updating-data/demo.html | 4 ++-- static/usage/v7/reorder/wrapper/demo.html | 4 ++-- static/usage/v7/ripple-effect/basic/demo.html | 4 ++-- static/usage/v7/ripple-effect/customizing/demo.html | 4 ++-- static/usage/v7/ripple-effect/type/demo.html | 4 ++-- static/usage/v7/router/basic/demo.html | 4 ++-- static/usage/v7/searchbar/basic/demo.html | 4 ++-- static/usage/v7/searchbar/cancel-button/demo.html | 4 ++-- static/usage/v7/searchbar/clear-button/demo.html | 4 ++-- static/usage/v7/searchbar/debounce/demo.html | 4 ++-- static/usage/v7/searchbar/search-icon/demo.html | 4 ++-- static/usage/v7/searchbar/theming/colors/demo.html | 4 ++-- static/usage/v7/searchbar/theming/css-properties/demo.html | 4 ++-- static/usage/v7/segment-button/basic/demo.html | 4 ++-- static/usage/v7/segment-button/layout/demo.html | 4 ++-- .../usage/v7/segment-button/theming/css-properties/demo.html | 4 ++-- .../v7/segment-button/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v7/segment/basic/demo.html | 4 ++-- static/usage/v7/segment/scrollable/demo.html | 4 ++-- static/usage/v7/segment/theming/colors/demo.html | 4 ++-- static/usage/v7/segment/theming/css-properties/demo.html | 4 ++-- static/usage/v7/select/basic/multiple-selection/demo.html | 4 ++-- .../usage/v7/select/basic/responding-to-interaction/demo.html | 4 ++-- static/usage/v7/select/basic/single-selection/demo.html | 4 ++-- static/usage/v7/select/customization/button-text/demo.html | 4 ++-- .../v7/select/customization/custom-toggle-icons/demo.html | 4 ++-- .../v7/select/customization/icon-flip-behavior/demo.html | 4 ++-- .../usage/v7/select/customization/interface-options/demo.html | 4 ++-- static/usage/v7/select/customization/styling-select/demo.html | 4 ++-- static/usage/v7/select/fill/demo.html | 4 ++-- static/usage/v7/select/interfaces/action-sheet/demo.html | 4 ++-- static/usage/v7/select/interfaces/popover/demo.html | 4 ++-- static/usage/v7/select/justify/demo.html | 4 ++-- static/usage/v7/select/label-placement/demo.html | 4 ++-- static/usage/v7/select/label-slot/demo.html | 4 ++-- static/usage/v7/select/no-visible-label/demo.html | 4 ++-- .../v7/select/objects-as-values/multiple-selection/demo.html | 4 ++-- .../v7/select/objects-as-values/using-comparewith/demo.html | 4 ++-- static/usage/v7/select/typeahead/demo.html | 4 ++-- static/usage/v7/skeleton-text/basic/demo.html | 4 ++-- .../usage/v7/skeleton-text/theming/css-properties/demo.html | 4 ++-- static/usage/v7/spinner/basic/demo.html | 4 ++-- static/usage/v7/spinner/theming/colors/demo.html | 4 ++-- static/usage/v7/spinner/theming/css-properties/demo.html | 4 ++-- static/usage/v7/spinner/theming/resizing/demo.html | 4 ++-- static/usage/v7/split-pane/basic/demo.html | 4 ++-- static/usage/v7/split-pane/theming/css-properties/demo.html | 4 ++-- static/usage/v7/tabs/router/demo.html | 4 ++-- static/usage/v7/text/basic/demo.html | 4 ++-- static/usage/v7/textarea/autogrow/demo.html | 4 ++-- static/usage/v7/textarea/basic/demo.html | 4 ++-- static/usage/v7/textarea/clear-on-edit/demo.html | 4 ++-- static/usage/v7/textarea/counter/demo.html | 4 ++-- static/usage/v7/textarea/fill/demo.html | 4 ++-- static/usage/v7/textarea/helper-error/demo.html | 4 ++-- static/usage/v7/textarea/label-placement/demo.html | 4 ++-- static/usage/v7/textarea/label-slot/demo.html | 4 ++-- static/usage/v7/textarea/no-visible-label/demo.html | 4 ++-- static/usage/v7/textarea/theming/demo.html | 4 ++-- static/usage/v7/theming/automatic-dark-mode/demo.html | 4 ++-- static/usage/v7/theming/manual-dark-mode/demo.html | 4 ++-- static/usage/v7/thumbnail/basic/demo.html | 4 ++-- static/usage/v7/thumbnail/item/demo.html | 4 ++-- static/usage/v7/thumbnail/theming/css-properties/demo.html | 4 ++-- static/usage/v7/title/basic/demo.html | 4 ++-- static/usage/v7/title/collapsible-large-title/basic/demo.html | 4 ++-- .../usage/v7/title/collapsible-large-title/buttons/demo.html | 4 ++-- static/usage/v7/title/theming/css-properties/demo.html | 4 ++-- static/usage/v7/toast/buttons/demo.html | 4 ++-- static/usage/v7/toast/icon/demo.html | 4 ++-- static/usage/v7/toast/inline/basic/demo.html | 4 ++-- static/usage/v7/toast/inline/is-open/demo.html | 4 ++-- static/usage/v7/toast/layout/demo.html | 4 ++-- static/usage/v7/toast/position-anchor/demo.html | 4 ++-- static/usage/v7/toast/presenting/controller/demo.html | 4 ++-- static/usage/v7/toast/theming/demo.html | 4 ++-- static/usage/v7/toggle/alignment/demo.html | 4 ++-- static/usage/v7/toggle/basic/demo.html | 4 ++-- static/usage/v7/toggle/justify/demo.html | 4 ++-- static/usage/v7/toggle/label-placement/demo.html | 4 ++-- static/usage/v7/toggle/list/demo.html | 4 ++-- static/usage/v7/toggle/on-off/demo.html | 4 ++-- static/usage/v7/toggle/theming/colors/demo.html | 4 ++-- static/usage/v7/toggle/theming/css-properties/demo.html | 4 ++-- static/usage/v7/toggle/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v7/toolbar/basic/demo.html | 4 ++-- static/usage/v7/toolbar/buttons/demo.html | 4 ++-- static/usage/v7/toolbar/progress-bars/demo.html | 4 ++-- static/usage/v7/toolbar/searchbars/demo.html | 4 ++-- static/usage/v7/toolbar/segments/demo.html | 4 ++-- static/usage/v7/toolbar/theming/colors/demo.html | 4 ++-- static/usage/v7/toolbar/theming/css-properties/demo.html | 4 ++-- static/usage/v8/accordion/accessibility/animations/demo.html | 4 ++-- static/usage/v8/accordion/basic/demo.html | 4 ++-- .../customization/advanced-expansion-styles/demo.html | 4 ++-- .../v8/accordion/customization/expansion-styles/demo.html | 4 ++-- static/usage/v8/accordion/customization/icons/demo.html | 4 ++-- static/usage/v8/accordion/customization/theming/demo.html | 4 ++-- static/usage/v8/accordion/disable-group/demo.html | 4 ++-- static/usage/v8/accordion/disable/group/demo.html | 4 ++-- static/usage/v8/accordion/disable/individual/demo.html | 4 ++-- static/usage/v8/accordion/listen-changes/demo.html | 4 ++-- static/usage/v8/accordion/multiple/demo.html | 4 ++-- static/usage/v8/accordion/readonly/group/demo.html | 4 ++-- static/usage/v8/accordion/readonly/individual/demo.html | 4 ++-- static/usage/v8/accordion/toggle/demo.html | 4 ++-- static/usage/v8/action-sheet/controller/demo.html | 4 ++-- static/usage/v8/action-sheet/inline/isOpen/demo.html | 4 ++-- static/usage/v8/action-sheet/inline/trigger/demo.html | 4 ++-- static/usage/v8/action-sheet/role-info-on-dismiss/demo.html | 4 ++-- static/usage/v8/action-sheet/theming/css-properties/demo.html | 4 ++-- static/usage/v8/action-sheet/theming/styling/demo.html | 4 ++-- static/usage/v8/alert/buttons/demo.html | 4 ++-- static/usage/v8/alert/customization/demo.html | 4 ++-- static/usage/v8/alert/inputs/radios/demo.html | 4 ++-- static/usage/v8/alert/inputs/text-inputs/demo.html | 4 ++-- static/usage/v8/alert/presenting/controller/demo.html | 4 ++-- static/usage/v8/alert/presenting/isOpen/demo.html | 4 ++-- static/usage/v8/alert/presenting/trigger/demo.html | 4 ++-- static/usage/v8/animations/basic/demo.html | 4 ++-- static/usage/v8/animations/before-and-after-hooks/demo.html | 4 ++-- static/usage/v8/animations/chain/demo.html | 4 ++-- static/usage/v8/animations/gesture/demo.html | 4 ++-- static/usage/v8/animations/group/demo.html | 4 ++-- static/usage/v8/animations/keyframes/demo.html | 4 ++-- static/usage/v8/animations/modal-override/demo.html | 4 ++-- static/usage/v8/animations/preference-based/demo.html | 4 ++-- static/usage/v8/avatar/basic/demo.html | 4 ++-- static/usage/v8/avatar/chip/demo.html | 4 ++-- static/usage/v8/avatar/item/demo.html | 4 ++-- static/usage/v8/avatar/theming/css-properties/demo.html | 4 ++-- static/usage/v8/back-button/basic/demo.html | 4 ++-- static/usage/v8/back-button/custom/demo.html | 4 ++-- static/usage/v8/backdrop/basic/demo.html | 4 ++-- static/usage/v8/backdrop/styling/demo.html | 4 ++-- static/usage/v8/badge/basic/demo.html | 4 ++-- static/usage/v8/badge/theming/colors/demo.html | 4 ++-- static/usage/v8/badge/theming/css-properties/demo.html | 4 ++-- static/usage/v8/breadcrumbs/basic/demo.html | 4 ++-- .../v8/breadcrumbs/collapsing-items/expand-on-click/demo.html | 4 ++-- .../breadcrumbs/collapsing-items/items-before-after/demo.html | 4 ++-- .../usage/v8/breadcrumbs/collapsing-items/max-items/demo.html | 4 ++-- .../breadcrumbs/collapsing-items/popover-on-click/demo.html | 4 ++-- static/usage/v8/breadcrumbs/icons/custom-separators/demo.html | 4 ++-- static/usage/v8/breadcrumbs/icons/icons-on-items/demo.html | 4 ++-- static/usage/v8/breadcrumbs/theming/colors/demo.html | 4 ++-- static/usage/v8/breadcrumbs/theming/css-properties/demo.html | 4 ++-- static/usage/v8/button/basic/demo.html | 4 ++-- static/usage/v8/button/expand/demo.html | 4 ++-- static/usage/v8/button/fill/demo.html | 4 ++-- static/usage/v8/button/icons/demo.html | 4 ++-- static/usage/v8/button/shape/demo.html | 4 ++-- static/usage/v8/button/size/demo.html | 4 ++-- static/usage/v8/button/text-wrapping/demo.html | 4 ++-- static/usage/v8/button/theming/colors/demo.html | 4 ++-- static/usage/v8/button/theming/css-properties/demo.html | 4 ++-- static/usage/v8/buttons/basic/demo.html | 4 ++-- static/usage/v8/buttons/placement/demo.html | 4 ++-- static/usage/v8/buttons/types/demo.html | 4 ++-- static/usage/v8/card/basic/demo.html | 4 ++-- static/usage/v8/card/buttons/demo.html | 4 ++-- static/usage/v8/card/list/demo.html | 4 ++-- static/usage/v8/card/media/demo.html | 4 ++-- static/usage/v8/card/theming/colors/demo.html | 4 ++-- static/usage/v8/card/theming/css-properties/demo.html | 4 ++-- static/usage/v8/checkbox/alignment/demo.html | 4 ++-- static/usage/v8/checkbox/basic/demo.html | 4 ++-- static/usage/v8/checkbox/indeterminate/demo.html | 4 ++-- static/usage/v8/checkbox/justify/demo.html | 4 ++-- static/usage/v8/checkbox/label-placement/demo.html | 4 ++-- static/usage/v8/checkbox/theming/css-properties/demo.html | 4 ++-- static/usage/v8/chip/basic/demo.html | 4 ++-- static/usage/v8/chip/slots/demo.html | 4 ++-- static/usage/v8/chip/theming/colors/demo.html | 4 ++-- static/usage/v8/chip/theming/css-properties/demo.html | 4 ++-- static/usage/v8/content/basic/demo.html | 4 ++-- static/usage/v8/content/fixed/demo.html | 4 ++-- static/usage/v8/content/fullscreen/demo.html | 4 ++-- static/usage/v8/content/header-footer/demo.html | 4 ++-- static/usage/v8/content/scroll-events/demo.html | 4 ++-- static/usage/v8/content/scroll-methods/demo.html | 4 ++-- static/usage/v8/content/theming/colors/demo.html | 4 ++-- static/usage/v8/content/theming/css-properties/demo.html | 4 ++-- static/usage/v8/content/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v8/content/theming/safe-area/demo.html | 4 ++-- static/usage/v8/datetime-button/basic/demo.html | 4 ++-- static/usage/v8/datetime/basic/demo.html | 4 ++-- .../v8/datetime/buttons/customizing-button-texts/demo.html | 4 ++-- .../usage/v8/datetime/buttons/customizing-buttons/demo.html | 4 ++-- .../datetime/buttons/showing-confirmation-buttons/demo.html | 4 ++-- static/usage/v8/datetime/date-constraints/advanced/demo.html | 4 ++-- static/usage/v8/datetime/date-constraints/max-min/demo.html | 4 ++-- static/usage/v8/datetime/date-constraints/values/demo.html | 4 ++-- static/usage/v8/datetime/highlightedDates/array/demo.html | 4 ++-- static/usage/v8/datetime/highlightedDates/callback/demo.html | 4 ++-- static/usage/v8/datetime/localization/custom-locale/demo.html | 4 ++-- .../v8/datetime/localization/first-day-of-week/demo.html | 4 ++-- static/usage/v8/datetime/localization/hour-cycle/demo.html | 4 ++-- .../v8/datetime/localization/locale-extension-tags/demo.html | 4 ++-- static/usage/v8/datetime/localization/time-label/demo.html | 4 ++-- static/usage/v8/datetime/multiple/demo.html | 4 ++-- static/usage/v8/datetime/presentation/date/demo.html | 4 ++-- .../usage/v8/datetime/presentation/month-and-year/demo.html | 4 ++-- static/usage/v8/datetime/presentation/time/demo.html | 4 ++-- static/usage/v8/datetime/presentation/wheel/demo.html | 4 ++-- static/usage/v8/datetime/styling/calendar-days/demo.html | 4 ++-- static/usage/v8/datetime/styling/global-theming/demo.html | 4 ++-- static/usage/v8/datetime/styling/wheel-styling/demo.html | 4 ++-- static/usage/v8/datetime/theming/demo.html | 4 ++-- static/usage/v8/datetime/title/customizing-title/demo.html | 4 ++-- .../usage/v8/datetime/title/showing-default-title/demo.html | 4 ++-- static/usage/v8/fab/basic/demo.html | 4 ++-- static/usage/v8/fab/button-sizing/demo.html | 4 ++-- static/usage/v8/fab/list-side/demo.html | 4 ++-- static/usage/v8/fab/positioning/demo.html | 4 ++-- static/usage/v8/fab/safe-area/demo.html | 4 ++-- static/usage/v8/fab/theming/colors/demo.html | 4 ++-- static/usage/v8/fab/theming/css-custom-properties/demo.html | 4 ++-- static/usage/v8/fab/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v8/footer/basic/demo.html | 4 ++-- static/usage/v8/footer/custom-scroll-target/demo.html | 4 ++-- static/usage/v8/footer/fade/demo.html | 4 ++-- static/usage/v8/footer/no-border/demo.html | 4 ++-- static/usage/v8/footer/translucent/demo.html | 4 ++-- static/usage/v8/gestures/basic/demo.html | 4 ++-- static/usage/v8/gestures/double-click/demo.html | 4 ++-- static/usage/v8/grid/basic/demo.html | 4 ++-- static/usage/v8/grid/customizing/column-number/demo.html | 4 ++-- static/usage/v8/grid/customizing/padding/demo.html | 4 ++-- static/usage/v8/grid/customizing/width/demo.html | 4 ++-- static/usage/v8/grid/fixed/demo.html | 4 ++-- static/usage/v8/grid/horizontal-alignment/demo.html | 4 ++-- static/usage/v8/grid/offset-responsive/demo.html | 4 ++-- static/usage/v8/grid/offset/demo.html | 4 ++-- static/usage/v8/grid/push-pull-responsive/demo.html | 4 ++-- static/usage/v8/grid/push-pull/demo.html | 4 ++-- static/usage/v8/grid/size-auto/demo.html | 4 ++-- static/usage/v8/grid/size-responsive/demo.html | 4 ++-- static/usage/v8/grid/size/demo.html | 4 ++-- static/usage/v8/grid/vertical-alignment/demo.html | 4 ++-- static/usage/v8/header/basic/demo.html | 4 ++-- static/usage/v8/header/condense/demo.html | 4 ++-- static/usage/v8/header/custom-scroll-target/demo.html | 4 ++-- static/usage/v8/header/fade/demo.html | 4 ++-- static/usage/v8/header/no-border/demo.html | 4 ++-- static/usage/v8/header/translucent/demo.html | 4 ++-- static/usage/v8/icon/basic/demo.html | 4 ++-- static/usage/v8/img/basic/demo.html | 4 ++-- static/usage/v8/infinite-scroll/basic/demo.html | 4 ++-- .../infinite-scroll/custom-infinite-scroll-content/demo.html | 4 ++-- .../v8/infinite-scroll/infinite-scroll-content/demo.html | 4 ++-- static/usage/v8/input/basic/demo.html | 4 ++-- static/usage/v8/input/clear/demo.html | 4 ++-- static/usage/v8/input/counter-alignment/demo.html | 4 ++-- static/usage/v8/input/counter/demo.html | 4 ++-- static/usage/v8/input/fill/demo.html | 4 ++-- static/usage/v8/input/filtering/demo.html | 4 ++-- static/usage/v8/input/helper-error/demo.html | 4 ++-- static/usage/v8/input/label-placement/demo.html | 4 ++-- static/usage/v8/input/label-slot/demo.html | 4 ++-- static/usage/v8/input/mask/demo.html | 4 ++-- static/usage/v8/input/no-visible-label/demo.html | 4 ++-- static/usage/v8/input/set-focus/demo.html | 4 ++-- static/usage/v8/input/theming/colors/demo.html | 4 ++-- static/usage/v8/input/theming/css-properties/demo.html | 4 ++-- static/usage/v8/input/types/demo.html | 4 ++-- static/usage/v8/item-divider/basic/demo.html | 4 ++-- static/usage/v8/item-divider/theming/colors/demo.html | 4 ++-- static/usage/v8/item-divider/theming/css-properties/demo.html | 4 ++-- static/usage/v8/item-group/basic/demo.html | 4 ++-- static/usage/v8/item-group/sliding-items/demo.html | 4 ++-- static/usage/v8/item-sliding/basic/demo.html | 4 ++-- static/usage/v8/item-sliding/expandable/demo.html | 4 ++-- static/usage/v8/item-sliding/icons/demo.html | 4 ++-- static/usage/v8/item/basic/demo.html | 4 ++-- static/usage/v8/item/buttons/demo.html | 4 ++-- static/usage/v8/item/clickable/demo.html | 4 ++-- static/usage/v8/item/content-types/actions/demo.html | 4 ++-- static/usage/v8/item/content-types/controls/demo.html | 4 ++-- static/usage/v8/item/content-types/metadata/demo.html | 4 ++-- .../usage/v8/item/content-types/supporting-visuals/demo.html | 4 ++-- static/usage/v8/item/content-types/text/demo.html | 4 ++-- static/usage/v8/item/detail-arrows/demo.html | 4 ++-- static/usage/v8/item/icons/demo.html | 4 ++-- static/usage/v8/item/inputs/demo.html | 4 ++-- static/usage/v8/item/lines/demo.html | 4 ++-- static/usage/v8/item/media/demo.html | 4 ++-- static/usage/v8/item/theming/colors/demo.html | 4 ++-- static/usage/v8/item/theming/css-properties/demo.html | 4 ++-- static/usage/v8/item/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v8/item/theming/input-highlight/demo.html | 4 ++-- static/usage/v8/keyboard/enterkeyhint/demo.html | 4 ++-- static/usage/v8/keyboard/inputmode/demo.html | 4 ++-- static/usage/v8/label/basic/demo.html | 4 ++-- static/usage/v8/label/input/demo.html | 4 ++-- static/usage/v8/label/item/demo.html | 4 ++-- static/usage/v8/label/theming/colors/demo.html | 4 ++-- static/usage/v8/layout/dynamic-font-scaling/demo.html | 4 ++-- static/usage/v8/list-header/basic/demo.html | 4 ++-- static/usage/v8/list-header/buttons/demo.html | 4 ++-- static/usage/v8/list-header/lines/demo.html | 4 ++-- static/usage/v8/list-header/theming/colors/demo.html | 4 ++-- static/usage/v8/list-header/theming/css-properties/demo.html | 4 ++-- static/usage/v8/list/basic/demo.html | 4 ++-- static/usage/v8/list/inset/demo.html | 4 ++-- static/usage/v8/list/lines/demo.html | 4 ++-- static/usage/v8/loading/controller/demo.html | 4 ++-- static/usage/v8/loading/inline/demo.html | 4 ++-- static/usage/v8/loading/spinners/demo.html | 4 ++-- static/usage/v8/loading/theming/demo.html | 4 ++-- static/usage/v8/menu/basic/demo.html | 4 ++-- static/usage/v8/menu/multiple/demo.html | 4 ++-- static/usage/v8/menu/sides/demo.html | 4 ++-- static/usage/v8/menu/theming/demo.html | 4 ++-- static/usage/v8/menu/toggle/demo.html | 4 ++-- static/usage/v8/menu/type/demo.html | 4 ++-- static/usage/v8/modal/can-dismiss/boolean/demo.html | 4 ++-- static/usage/v8/modal/can-dismiss/child-state/demo.html | 4 ++-- static/usage/v8/modal/can-dismiss/function/demo.html | 4 ++-- .../v8/modal/can-dismiss/prevent-swipe-to-close/demo.html | 4 ++-- static/usage/v8/modal/card/basic/demo.html | 4 ++-- static/usage/v8/modal/controller/demo.html | 4 ++-- static/usage/v8/modal/custom-dialogs/demo.html | 4 ++-- static/usage/v8/modal/inline/basic/demo.html | 4 ++-- static/usage/v8/modal/inline/is-open/demo.html | 4 ++-- static/usage/v8/modal/performance/mount/demo.html | 4 ++-- static/usage/v8/modal/sheet/auto-height/demo.html | 4 ++-- static/usage/v8/modal/sheet/background-content/demo.html | 4 ++-- static/usage/v8/modal/sheet/basic/demo.html | 4 ++-- static/usage/v8/modal/sheet/handle-behavior/demo.html | 4 ++-- static/usage/v8/modal/styling/animations/demo.html | 4 ++-- static/usage/v8/modal/styling/theming/demo.html | 4 ++-- static/usage/v8/nav/modal-navigation/demo.html | 4 ++-- static/usage/v8/nav/nav-link/demo.html | 4 ++-- static/usage/v8/note/basic/demo.html | 4 ++-- static/usage/v8/note/item/demo.html | 4 ++-- static/usage/v8/note/theming/colors/demo.html | 4 ++-- static/usage/v8/note/theming/css-properties/demo.html | 4 ++-- static/usage/v8/picker-legacy/controller/demo.html | 4 ++-- static/usage/v8/picker-legacy/inline/isOpen/demo.html | 4 ++-- static/usage/v8/picker-legacy/inline/trigger/demo.html | 4 ++-- static/usage/v8/picker-legacy/multiple-column/demo.html | 4 ++-- static/usage/v8/picker/basic/demo.html | 4 ++-- static/usage/v8/picker/modal/demo.html | 4 ++-- static/usage/v8/picker/prefix-suffix/demo.html | 4 ++-- static/usage/v8/picker/theming/css-properties/demo.html | 4 ++-- static/usage/v8/popover/customization/positioning/demo.html | 4 ++-- static/usage/v8/popover/customization/sizing/demo.html | 4 ++-- static/usage/v8/popover/customization/styling/demo.html | 4 ++-- static/usage/v8/popover/nested/demo.html | 4 ++-- static/usage/v8/popover/performance/mount/demo.html | 4 ++-- static/usage/v8/popover/presenting/controller/demo.html | 4 ++-- static/usage/v8/popover/presenting/inline-isopen/demo.html | 4 ++-- static/usage/v8/popover/presenting/inline-trigger/demo.html | 4 ++-- static/usage/v8/progress-bar/buffer/demo.html | 4 ++-- static/usage/v8/progress-bar/determinate/demo.html | 4 ++-- static/usage/v8/progress-bar/indeterminate/demo.html | 4 ++-- static/usage/v8/progress-bar/theming/colors/demo.html | 4 ++-- static/usage/v8/progress-bar/theming/css-properties/demo.html | 4 ++-- .../usage/v8/progress-bar/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v8/radio/alignment/demo.html | 4 ++-- static/usage/v8/radio/basic/demo.html | 4 ++-- static/usage/v8/radio/empty-selection/demo.html | 4 ++-- static/usage/v8/radio/justify/demo.html | 4 ++-- static/usage/v8/radio/label-placement/demo.html | 4 ++-- static/usage/v8/radio/theming/colors/demo.html | 4 ++-- static/usage/v8/radio/theming/css-properties/demo.html | 4 ++-- static/usage/v8/radio/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v8/range/basic/demo.html | 4 ++-- static/usage/v8/range/dual-knobs/demo.html | 4 ++-- static/usage/v8/range/ion-change-event/demo.html | 4 ++-- static/usage/v8/range/ion-knob-move-event/demo.html | 4 ++-- static/usage/v8/range/label-slot/demo.html | 4 ++-- static/usage/v8/range/labels/demo.html | 4 ++-- static/usage/v8/range/no-visible-label/demo.html | 4 ++-- static/usage/v8/range/pins/demo.html | 4 ++-- static/usage/v8/range/slots/demo.html | 4 ++-- static/usage/v8/range/snapping-ticks/demo.html | 4 ++-- static/usage/v8/range/theming/css-properties/demo.html | 4 ++-- static/usage/v8/range/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v8/refresher/advanced/demo.html | 4 ++-- static/usage/v8/refresher/basic/demo.html | 4 ++-- static/usage/v8/refresher/custom-content/demo.html | 4 ++-- static/usage/v8/refresher/custom-scroll-target/demo.html | 4 ++-- static/usage/v8/refresher/pull-properties/demo.html | 4 ++-- static/usage/v8/reorder/basic/demo.html | 4 ++-- static/usage/v8/reorder/custom-icon/demo.html | 4 ++-- static/usage/v8/reorder/custom-scroll-target/demo.html | 4 ++-- static/usage/v8/reorder/toggling-disabled/demo.html | 4 ++-- static/usage/v8/reorder/updating-data/demo.html | 4 ++-- static/usage/v8/reorder/wrapper/demo.html | 4 ++-- static/usage/v8/ripple-effect/basic/demo.html | 4 ++-- static/usage/v8/ripple-effect/customizing/demo.html | 4 ++-- static/usage/v8/ripple-effect/type/demo.html | 4 ++-- static/usage/v8/router/basic/demo.html | 4 ++-- static/usage/v8/searchbar/basic/demo.html | 4 ++-- static/usage/v8/searchbar/cancel-button/demo.html | 4 ++-- static/usage/v8/searchbar/clear-button/demo.html | 4 ++-- static/usage/v8/searchbar/debounce/demo.html | 4 ++-- static/usage/v8/searchbar/search-icon/demo.html | 4 ++-- static/usage/v8/searchbar/theming/colors/demo.html | 4 ++-- static/usage/v8/searchbar/theming/css-properties/demo.html | 4 ++-- static/usage/v8/segment-button/basic/demo.html | 4 ++-- static/usage/v8/segment-button/layout/demo.html | 4 ++-- .../usage/v8/segment-button/theming/css-properties/demo.html | 4 ++-- .../v8/segment-button/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v8/segment/basic/demo.html | 4 ++-- static/usage/v8/segment/scrollable/demo.html | 4 ++-- static/usage/v8/segment/theming/colors/demo.html | 4 ++-- static/usage/v8/segment/theming/css-properties/demo.html | 4 ++-- static/usage/v8/select/basic/multiple-selection/demo.html | 4 ++-- .../usage/v8/select/basic/responding-to-interaction/demo.html | 4 ++-- static/usage/v8/select/basic/single-selection/demo.html | 4 ++-- static/usage/v8/select/customization/button-text/demo.html | 4 ++-- .../v8/select/customization/custom-toggle-icons/demo.html | 4 ++-- .../v8/select/customization/icon-flip-behavior/demo.html | 4 ++-- .../usage/v8/select/customization/interface-options/demo.html | 4 ++-- static/usage/v8/select/customization/styling-select/demo.html | 4 ++-- static/usage/v8/select/fill/demo.html | 4 ++-- static/usage/v8/select/interfaces/action-sheet/demo.html | 4 ++-- static/usage/v8/select/interfaces/popover/demo.html | 4 ++-- static/usage/v8/select/justify/demo.html | 4 ++-- static/usage/v8/select/label-placement/demo.html | 4 ++-- static/usage/v8/select/label-slot/demo.html | 4 ++-- static/usage/v8/select/no-visible-label/demo.html | 4 ++-- .../v8/select/objects-as-values/multiple-selection/demo.html | 4 ++-- .../v8/select/objects-as-values/using-comparewith/demo.html | 4 ++-- static/usage/v8/select/typeahead/demo.html | 4 ++-- static/usage/v8/skeleton-text/basic/demo.html | 4 ++-- .../usage/v8/skeleton-text/theming/css-properties/demo.html | 4 ++-- static/usage/v8/spinner/basic/demo.html | 4 ++-- static/usage/v8/spinner/theming/colors/demo.html | 4 ++-- static/usage/v8/spinner/theming/css-properties/demo.html | 4 ++-- static/usage/v8/spinner/theming/resizing/demo.html | 4 ++-- static/usage/v8/split-pane/basic/demo.html | 4 ++-- static/usage/v8/split-pane/theming/css-properties/demo.html | 4 ++-- static/usage/v8/tabs/router/demo.html | 4 ++-- static/usage/v8/text/basic/demo.html | 4 ++-- static/usage/v8/textarea/autogrow/demo.html | 4 ++-- static/usage/v8/textarea/basic/demo.html | 4 ++-- static/usage/v8/textarea/clear-on-edit/demo.html | 4 ++-- static/usage/v8/textarea/counter/demo.html | 4 ++-- static/usage/v8/textarea/fill/demo.html | 4 ++-- static/usage/v8/textarea/helper-error/demo.html | 4 ++-- static/usage/v8/textarea/label-placement/demo.html | 4 ++-- static/usage/v8/textarea/label-slot/demo.html | 4 ++-- static/usage/v8/textarea/no-visible-label/demo.html | 4 ++-- static/usage/v8/textarea/theming/demo.html | 4 ++-- static/usage/v8/theming/always-dark-mode/demo.html | 4 ++-- static/usage/v8/theming/class-dark-mode/demo.html | 4 ++-- static/usage/v8/theming/system-dark-mode/demo.html | 4 ++-- static/usage/v8/thumbnail/basic/demo.html | 4 ++-- static/usage/v8/thumbnail/item/demo.html | 4 ++-- static/usage/v8/thumbnail/theming/css-properties/demo.html | 4 ++-- static/usage/v8/title/basic/demo.html | 4 ++-- static/usage/v8/title/collapsible-large-title/basic/demo.html | 4 ++-- .../usage/v8/title/collapsible-large-title/buttons/demo.html | 4 ++-- static/usage/v8/title/theming/css-properties/demo.html | 4 ++-- static/usage/v8/toast/buttons/demo.html | 4 ++-- static/usage/v8/toast/icon/demo.html | 4 ++-- static/usage/v8/toast/inline/basic/demo.html | 4 ++-- static/usage/v8/toast/inline/is-open/demo.html | 4 ++-- static/usage/v8/toast/layout/demo.html | 4 ++-- static/usage/v8/toast/position-anchor/demo.html | 4 ++-- static/usage/v8/toast/presenting/controller/demo.html | 4 ++-- static/usage/v8/toast/theming/demo.html | 4 ++-- static/usage/v8/toggle/alignment/demo.html | 4 ++-- static/usage/v8/toggle/basic/demo.html | 4 ++-- static/usage/v8/toggle/justify/demo.html | 4 ++-- static/usage/v8/toggle/label-placement/demo.html | 4 ++-- static/usage/v8/toggle/list/demo.html | 4 ++-- static/usage/v8/toggle/on-off/demo.html | 4 ++-- static/usage/v8/toggle/theming/colors/demo.html | 4 ++-- static/usage/v8/toggle/theming/css-properties/demo.html | 4 ++-- static/usage/v8/toggle/theming/css-shadow-parts/demo.html | 4 ++-- static/usage/v8/toolbar/basic/demo.html | 4 ++-- static/usage/v8/toolbar/buttons/demo.html | 4 ++-- static/usage/v8/toolbar/progress-bars/demo.html | 4 ++-- static/usage/v8/toolbar/searchbars/demo.html | 4 ++-- static/usage/v8/toolbar/segments/demo.html | 4 ++-- static/usage/v8/toolbar/theming/colors/demo.html | 4 ++-- static/usage/v8/toolbar/theming/css-properties/demo.html | 4 ++-- 1088 files changed, 2176 insertions(+), 2176 deletions(-) diff --git a/_templates/playground/new/demo.html.ejs.t b/_templates/playground/new/demo.html.ejs.t index 27bf47e1760..3a6a9cadff9 100644 --- a/_templates/playground/new/demo.html.ejs.t +++ b/_templates/playground/new/demo.html.ejs.t @@ -8,8 +8,8 @@ to: "<%= `static/usage/v${version}/${name}/${path}/demo.html` %>" <%= h.changeCase.titleCase(name) %> - - + + <% if (css){ %> diff --git a/static/usage/v6/accordion/accessibility/animations/demo.html b/static/usage/v6/accordion/accessibility/animations/demo.html index e293288cb1c..1d9f3880e05 100644 --- a/static/usage/v6/accordion/accessibility/animations/demo.html +++ b/static/usage/v6/accordion/accessibility/animations/demo.html @@ -4,8 +4,8 @@ Button - - + + diff --git a/static/usage/v6/accordion/basic/demo.html b/static/usage/v6/accordion/basic/demo.html index 2c5d87b7409..189b9fd9754 100644 --- a/static/usage/v6/accordion/basic/demo.html +++ b/static/usage/v6/accordion/basic/demo.html @@ -4,8 +4,8 @@ Accordion - - + + diff --git a/static/usage/v6/accordion/customization/advanced-expansion-styles/demo.html b/static/usage/v6/accordion/customization/advanced-expansion-styles/demo.html index a56c6df0455..622ea7c0dbc 100644 --- a/static/usage/v6/accordion/customization/advanced-expansion-styles/demo.html +++ b/static/usage/v6/accordion/customization/advanced-expansion-styles/demo.html @@ -4,8 +4,8 @@ Accordion - - + +