@vcita/design-system 1.11.11 → 1.11.12

package/README.md

@@ -68,6 +68,17 @@ In order to load the variables.scss file, add this to src/main.js
 ```
 import "@/../styles/variables.scss";
 ```
+
+Please note: to receive the theme in your components, make sure to initialize your app using the v-app tag.
+Your App.vue will look something like this:
+```
+<template>
+  <v-app id="app">
+    ... your components here ...
+  </v-app>
+</template>
+```
+
 The src/styles/variables.scss file can be used to override some styling variables.
 You can do this by specifying a different value to one or more of the css variables that have been provided.
 

package/dist/@vcita/design-system.esm.js

@@ -20977,6 +20977,10 @@ var script$t = {
     VcLayout
   },
   props: {
+    reverse: {
+      type: Boolean,
+      default: false
+    },
     poweredByText: {
       type: String,
       required: true
@@ -21023,6 +21027,7 @@ var __vue_render__$r = function () {
   var _c = _vm._self._c || _h;
 
   return _c('VcLayout', {
+    class: _vm.reverse ? 'alignment-direction-reverse' : 'alignment-direction-row',
     attrs: {
       "justify-center": "",
       "align-center": "",
@@ -21036,7 +21041,7 @@ var __vue_render__$r = function () {
       "image": _vm.image
     }
   })], 1), _vm._v(" "), _c('span', {
-    staticClass: "vc-powered-by",
+    staticClass: "vc-powered-by-text mx-2",
     class: _vm.computedClasses
   }, [_vm._v(_vm._s(_vm.poweredByText))])], 1);
 };
@@ -21046,8 +21051,8 @@ var __vue_staticRenderFns__$r = [];
 
 const __vue_inject_styles__$t = function (inject) {
   if (!inject) return;
-  inject("data-v-7bce4118_0", {
-    source: ".vc-powered-by[data-v-7bce4118]{font-weight:var(--font-weight-medium);color:var(--modal-bg-color);margin-inline-start:var(--size-value2)}.vcita-logo-image-container[data-v-7bce4118]{flex:0 auto}.sm[data-v-7bce4118]{height:var(--size-value3)}.sm-text[data-v-7bce4118]{font-size:10px}.md[data-v-7bce4118]{height:14px}.md-text[data-v-7bce4118]{font-size:var(--font-size-small2)}.vc-powered-by-dark-text[data-v-7bce4118]{color:var(--gray-darken-5)}",
+  inject("data-v-52359d14_0", {
+    source: ".vc-powered-by-text[data-v-52359d14]{font-weight:var(--font-weight-medium);color:var(--modal-bg-color)}.alignment-direction-reverse[data-v-52359d14]{flex-direction:row-reverse}.alignment-direction-row[data-v-52359d14]{flex-direction:row}.vcita-logo-image-container[data-v-52359d14]{flex:0 auto}.sm[data-v-52359d14]{height:var(--size-value3)}.sm-text[data-v-52359d14]{font-size:10px}.md[data-v-52359d14]{height:14px}.md-text[data-v-52359d14]{font-size:var(--font-size-small2)}.vc-powered-by-dark-text[data-v-52359d14]{color:var(--gray-darken-5)}",
     map: undefined,
     media: undefined
   });
@@ -21055,7 +21060,7 @@ const __vue_inject_styles__$t = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$t = "data-v-7bce4118";
+const __vue_scope_id__$t = "data-v-52359d14";
 /* module identifier */
 
 const __vue_module_identifier__$t = undefined;