feat: init ds theme

.gitignore

@@ -64,7 +64,6 @@ web_modules/
 .node_repl_history
 
 # Output of 'npm pack'
-*.tgz
 # Allow pandora-book offline package
 !documents/tools/*.tgz
 
@@ -130,6 +129,8 @@ packages/solar-theme/charcoal
 packages/solar-theme/pearl
 packages/halo-theme/dark
 packages/halo-theme/light
+packages/ds-theme/dark
+packages/ds-theme/light
 
 # Doc
 custom-elements.json
@@ -148,4 +149,4 @@ packages/**/node_modules
 certs
 
 # nx
-.nx
+.nx

documents/package.json

@@ -41,6 +41,7 @@
     "@refinitiv-ui/core": "^7.5.1",
     "@refinitiv-ui/elements": "^7.13.5",
     "@refinitiv-ui/halo-theme": "^7.5.1",
+    "@refinitiv-ui/ds-theme": "7.0.0",
     "@refinitiv-ui/phrasebook": "^7.1.1",
     "@refinitiv-ui/utils": "^7.3.0",
     "fast-glob": "^3.2.12"

documents/src/elements/dark.js

@@ -1 +1 @@
-import '@refinitiv-ui/halo-theme/dark/imports/all-elements.js';
+import '@refinitiv-ui/ds-theme/dark/imports/all-elements.js';

documents/src/elements/light.js

@@ -1 +1 @@
-import '@refinitiv-ui/halo-theme/light/imports/all-elements.js';
+import '@refinitiv-ui/ds-theme/light/imports/all-elements.js';

documents/src/templates/import-elements.md

@@ -7,5 +7,5 @@ name: import-elements
  */
 
 import '/resources/elements/index.js';
-import { halo } from '/theme-loader.js';
-await halo();
+import { ds } from '/theme-loader.js';
+await ds();

documents/src/theme-loader.js

@@ -7,6 +7,10 @@ const ThemePackage = {
     light: () => `/resources/elements/light.js`,
     dark: () => `/resources/elements/dark.js`,
   },
+  ds: {
+    light: () => `/resources/elements/light.js`,
+    dark: () => `/resources/elements/dark.js`,
+  }
 };
 
 /**
@@ -38,6 +42,14 @@ const halo = async () => {
   }
 };
 
+const ds = async () => {
+  if (themeVariant === 'light') {
+    await import(ThemePackage.ds.light());
+  } else {
+    await import(ThemePackage.ds.dark());
+  }
+};
+
 applyThemeWrapper();
 
-export { themeVariant, halo };
+export { themeVariant, halo, ds };