From f4ed3df3a8c0f251473b55610e34c12e7fae8d60 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Fri, 19 Jul 2024 14:02:08 -0400
Subject: [PATCH] docs(api): add missing code to javascript demo index files

---
 .../v8/input/mask/javascript/index_ts.md      | 11 +++++++
 .../styling/animations/javascript/index_ts.md | 30 +++++++++++++++++++
 2 files changed, 41 insertions(+)

diff --git a/static/usage/v8/input/mask/javascript/index_ts.md b/static/usage/v8/input/mask/javascript/index_ts.md
index 8506f1714cd..21d48d06c02 100644
--- a/static/usage/v8/input/mask/javascript/index_ts.md
+++ b/static/usage/v8/input/mask/javascript/index_ts.md
@@ -19,6 +19,17 @@ import '@ionic/core/css/text-transformation.css';
 import '@ionic/core/css/flex-utils.css';
 import '@ionic/core/css/display.css';
 
+/**
+ * Ionic Dark Palette
+ * -----------------------------------------------------
+ * For more information, please see:
+ * https://ionicframework.com/docs/theming/dark-mode
+ */
+
+// import '@ionic/core/css/palettes/dark.always.css';
+// import '@ionic/core/css/palettes/dark.class.css';
+import '@ionic/core/css/palettes/dark.system.css';
+
 /* Theme variables */
 import './theme/variables.css';
 
diff --git a/static/usage/v8/modal/styling/animations/javascript/index_ts.md b/static/usage/v8/modal/styling/animations/javascript/index_ts.md
index c2f8d9eb485..550bb177c77 100644
--- a/static/usage/v8/modal/styling/animations/javascript/index_ts.md
+++ b/static/usage/v8/modal/styling/animations/javascript/index_ts.md
@@ -3,6 +3,36 @@ import { defineCustomElements } from '@ionic/core/loader';
 
 import { createAnimation } from '@ionic/core';
 
+/* Core CSS required for Ionic components to work properly */
+import '@ionic/core/css/core.css';
+
+/* Basic CSS for apps built with Ionic */
+import '@ionic/core/css/normalize.css';
+import '@ionic/core/css/structure.css';
+import '@ionic/core/css/typography.css';
+
+/* Optional CSS utils that can be commented out */
+import '@ionic/core/css/padding.css';
+import '@ionic/core/css/float-elements.css';
+import '@ionic/core/css/text-alignment.css';
+import '@ionic/core/css/text-transformation.css';
+import '@ionic/core/css/flex-utils.css';
+import '@ionic/core/css/display.css';
+
+/**
+ * Ionic Dark Palette
+ * -----------------------------------------------------
+ * For more information, please see:
+ * https://ionicframework.com/docs/theming/dark-mode
+ */
+
+// import '@ionic/core/css/palettes/dark.always.css';
+// import '@ionic/core/css/palettes/dark.class.css';
+import '@ionic/core/css/palettes/dark.system.css';
+
+/* Theme variables */
+import './theme/variables.css';
+
 defineCustomElements();
 
 (window as any).createAnimation = createAnimation;