@gxp-dev/tools 2.0.63 → 2.0.64

package/template/theme-layouts/AdditionalStyling.css

@@ -1,93 +1,93 @@
 /* Theme CSS Variables */
 :root {
-  --primary: #000000;
-  --page_background_color: #000466;
-  --page_text_color: #FFFFFF;
-  --input_field_background_color: #03054a;
-  --input_field_text_color: #FFFFFF;
-  --input_field_border_color: #888C92;
-  --primary_button_background_color: #FFFFFF;
-  --primary_button_text_color: #000596;
-  --primary_button_border_color: #FFFFFF;
-  --secondary_button_background_color: #000466;
-  --secondary_button_text_color: #FFFFFF;
-  --secondary_button_border_color: #FFFFFF;
-  --tertiary_button_background_color: #FFFFFF00;
-  --tertiary_button_text_color: #FFFFFF;
-  --tertiary_button_border_color: #FFFFFF00;
-  --spinner_background_color: #03054A;
-  --spinner_color: #FFFFFF;
-  --modal_background_color: #FFFFFF;
-  --modal_text_color: #222222;
-  --modal_primary_button_background_color: #000596;
-  --modal_primary_button_text_color: #FFFFFF;
-  --modal_primary_button_border_color: #000596;
-  --modal_secondary_button_background_color: #FFFFFF;
-  --modal_secondary_button_text_color: #000596;
-  --modal_secondary_button_border_color: #000596;
+	--primary: #000000;
+	--page_background_color: #000466;
+	--page_text_color: #ffffff;
+	--input_field_background_color: #03054a;
+	--input_field_text_color: #ffffff;
+	--input_field_border_color: #888c92;
+	--primary_button_background_color: #ffffff;
+	--primary_button_text_color: #000596;
+	--primary_button_border_color: #ffffff;
+	--secondary_button_background_color: #000466;
+	--secondary_button_text_color: #ffffff;
+	--secondary_button_border_color: #ffffff;
+	--tertiary_button_background_color: #ffffff00;
+	--tertiary_button_text_color: #ffffff;
+	--tertiary_button_border_color: #ffffff00;
+	--spinner_background_color: #03054a;
+	--spinner_color: #ffffff;
+	--modal_background_color: #ffffff;
+	--modal_text_color: #222222;
+	--modal_primary_button_background_color: #000596;
+	--modal_primary_button_text_color: #ffffff;
+	--modal_primary_button_border_color: #000596;
+	--modal_secondary_button_background_color: #ffffff;
+	--modal_secondary_button_text_color: #000596;
+	--modal_secondary_button_border_color: #000596;
 }
 
 /* Primary Color */
 .primary {
-  color: var(--primary, #000000);
+	color: var(--primary, #000000);
 }
 
 /* Page Styles */
 .page {
-  background-color: var(--page_background_color, #000466);
-  color: var(--page_text_color, #FFFFFF);
+	background-color: var(--page_background_color, #000466);
+	color: var(--page_text_color, #ffffff);
 }
 
 /* Input Field Styles */
 .input-field {
-  background-color: var(--input_field_background_color, #03054a);
-  color: var(--input_field_text_color, #FFFFFF);
-  border-color: var(--input_field_border_color, #888C92);
+	background-color: var(--input_field_background_color, #03054a);
+	color: var(--input_field_text_color, #ffffff);
+	border-color: var(--input_field_border_color, #888c92);
 }
 
 /* Primary Button Styles */
 .primary-button {
-  background-color: var(--primary_button_background_color, #FFFFFF);
-  color: var(--primary_button_text_color, #000596);
-  border-color: var(--primary_button_border_color, #FFFFFF);
+	background-color: var(--primary_button_background_color, #ffffff);
+	color: var(--primary_button_text_color, #000596);
+	border-color: var(--primary_button_border_color, #ffffff);
 }
 
 /* Secondary Button Styles */
 .secondary-button {
-  background-color: var(--secondary_button_background_color, #000466);
-  color: var(--secondary_button_text_color, #FFFFFF);
-  border-color: var(--secondary_button_border_color, #FFFFFF);
+	background-color: var(--secondary_button_background_color, #000466);
+	color: var(--secondary_button_text_color, #ffffff);
+	border-color: var(--secondary_button_border_color, #ffffff);
 }
 
 /* Tertiary Button Styles */
 .tertiary-button {
-  background-color: var(--tertiary_button_background_color, #FFFFFF00);
-  color: var(--tertiary_button_text_color, #FFFFFF);
-  border-color: var(--tertiary_button_border_color, #FFFFFF00);
+	background-color: var(--tertiary_button_background_color, #ffffff00);
+	color: var(--tertiary_button_text_color, #ffffff);
+	border-color: var(--tertiary_button_border_color, #ffffff00);
 }
 
 /* Spinner Styles */
 .spinner {
-  background-color: var(--spinner_background_color, #03054A);
-  color: var(--spinner_color, #FFFFFF);
+	background-color: var(--spinner_background_color, #03054a);
+	color: var(--spinner_color, #ffffff);
 }
 
 /* Modal Styles */
 .modal {
-  background-color: var(--modal_background_color, #FFFFFF);
-  color: var(--modal_text_color, #222222);
+	background-color: var(--modal_background_color, #ffffff);
+	color: var(--modal_text_color, #222222);
 }
 
 /* Modal Primary Button Styles */
 .modal-primary-button {
-  background-color: var(--modal_primary_button_background_color, #000596);
-  color: var(--modal_primary_button_text_color, #FFFFFF);
-  border-color: var(--modal_primary_button_border_color, #000596);
+	background-color: var(--modal_primary_button_background_color, #000596);
+	color: var(--modal_primary_button_text_color, #ffffff);
+	border-color: var(--modal_primary_button_border_color, #000596);
 }
 
 /* Modal Secondary Button Styles */
 .modal-secondary-button {
-  background-color: var(--modal_secondary_button_background_color, #FFFFFF);
-  color: var(--modal_secondary_button_text_color, #000596);
-  border-color: var(--modal_secondary_button_border_color, #000596);
+	background-color: var(--modal_secondary_button_background_color, #ffffff);
+	color: var(--modal_secondary_button_text_color, #000596);
+	border-color: var(--modal_secondary_button_border_color, #000596);
 }

package/template/theme-layouts/PrivateLayout.vue

@@ -2,21 +2,19 @@
 	<slot />
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
 
 <script setup>
-import { ref } from "vue";
+import { ref } from "vue"
 defineOptions({
 	inheritAttrs: false,
-});
+})
 
 const props = defineProps({
-    usrLang: {
-        type: String,
-        required: true,
-    },
+	usrLang: {
+		type: String,
+		required: true,
+	},
 	portalSettings: {
 		type: Object,
 		required: true,
@@ -33,7 +31,5 @@ const props = defineProps({
 		type: Object,
 		required: true,
 	},
-});
-
+})
 </script>
-

package/template/theme-layouts/PublicLayout.vue

@@ -2,21 +2,19 @@
 	<slot />
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
 
 <script setup>
-import { ref } from "vue";
+import { ref } from "vue"
 defineOptions({
 	inheritAttrs: false,
-});
+})
 
 const props = defineProps({
-    usrLang: {
-        type: String,
-        required: true,
-    },
+	usrLang: {
+		type: String,
+		required: true,
+	},
 	portalSettings: {
 		type: Object,
 		required: true,
@@ -33,7 +31,5 @@ const props = defineProps({
 		type: Object,
 		required: true,
 	},
-});
-
+})
 </script>
-

package/template/theme-layouts/SystemLayout.vue

@@ -2,21 +2,19 @@
 	<slot />
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
 
 <script setup>
-import { ref } from "vue";
+import { ref } from "vue"
 defineOptions({
 	inheritAttrs: false,
-});
+})
 
 const props = defineProps({
-    usrLang: {
-        type: String,
-        required: true,
-    },
+	usrLang: {
+		type: String,
+		required: true,
+	},
 	portalSettings: {
 		type: Object,
 		required: true,
@@ -33,7 +31,5 @@ const props = defineProps({
 		type: Object,
 		required: true,
 	},
-});
-
+})
 </script>
-

package/template/vite.extend.js

@@ -0,0 +1,45 @@
+/**
+ * Extend the GxP runtime Vite config without replacing it.
+ *
+ * The toolkit loads this file (if present at the project root) and deep-merges
+ * the returned config into its runtime Vite config:
+ *   - arrays (plugins, resolve.dedupe, ...) are concatenated
+ *   - objects (resolve.alias, define, server, build.rollupOptions, ...) are
+ *     merged key-by-key
+ *   - primitives overwrite
+ *
+ * Two shapes are supported:
+ *   1. A plain config object (below).
+ *   2. A function `({ mode, command, env, runtimeConfig }) => config` — use
+ *      this if you need env/mode-aware extension, or want to read the base
+ *      runtime config to decide what to add.
+ *
+ * Only the fields you care about need to appear here; everything else keeps
+ * whatever the runtime set. Uncomment the blocks below as you need them.
+ */
+
+// import path from "path";
+// import { fileURLToPath } from "url";
+
+// const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default {
+	// resolve: {
+	//   alias: {
+	//     // "@" is already set to the project's src/ by the runtime — override
+	//     // or add new aliases here as needed.
+	//     "@components": path.resolve(__dirname, "src/components"),
+	//     "@pages": path.resolve(__dirname, "src/pages"),
+	//     "@composables": path.resolve(__dirname, "src/composables"),
+	//     "@stores": path.resolve(__dirname, "src/stores"),
+	//     "@helpers": path.resolve(__dirname, "src/helpers"),
+	//     "@assets": path.resolve(__dirname, "src/assets"),
+	//   },
+	// },
+	// Add extra Vite plugins here. They run after the runtime's plugins.
+	// plugins: [somePlugin()],
+	// Expose extra compile-time constants to your app.
+	// define: {
+	//   "import.meta.env.VITE_MY_FLAG": JSON.stringify("value"),
+	// },
+}