@exakt/ui 0.0.32 → 0.0.34

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "exakt-ui",
   "configKey": "exakt",
-  "version": "0.0.32"
+  "version": "0.0.34"
 }

package/dist/module.mjs

@@ -5,7 +5,7 @@ const defaults = {
   colors: {
     primary: "#008dff",
     dark: "#212121",
-    light: "#f5f5f5",
+    light: "#ffffff",
     red: "#f44336",
     blue: "#2196f3"
   },

package/dist/runtime/components/e/btn.vue

@@ -37,9 +37,11 @@
       </div>
       <span
         class="actual-content d-flex"
-        :class="{fullwidth: props.justify == 'space-between'}"
-        :style="{justifyContent:
-          justify, alignContent: props.align, alignItems: props.align}"
+        :class="{ fullwidth: props.justify == 'space-between' }"
+        :style="{
+          justifyContent:
+            justify, alignContent: props.align, alignItems: props.align
+        }"
       >
         <slot />
       </span>
@@ -113,7 +115,9 @@ const textColor = computed(() => {
   if (props.color) {
     return props.color;
   }
-
+  if (props.background == 'transparent') {
+    return 'var(--e-color-dark)'
+  }
   const rgb = backgroundColorRgb.value;
 
   const brightness = Math.round(
@@ -177,10 +181,12 @@ const hoverColor = computed(() => {
   box-sizing: border-box;
 
   border: transparent solid 0.1rem;
+
   &:focus-visible {
     transition: border-width 0.2s;
     border: var(--e-color-dark) solid 0.1rem;
   }
+
   &.loading {
     pointer-events: none;
 

package/dist/runtime/components/e/focus-sheet.vue

@@ -29,13 +29,13 @@ const emit = defineEmits(["update:modelValue"]);
   //background-color: red;
 
   &.opaque-on-desktop {
-    background-color: rgba(var(--e-color-light-rgb), 0.5);
+    background-color: rgba(var(--e-color-light-rgb), 0.7);
   }
 }
 
 @media screen and (max-width: $e-md-screen-breakpoint) {
   .focus-sheet {
-    background-color: rgba(var(--e-color-light-rgb), 0.5);
+    background-color: rgba(var(--e-color-light-rgb), 0.7);
   }
 }
 </style>

package/dist/runtime/css/util.scss

@@ -11,14 +11,17 @@ $directions: (
       margin-#{$direction}: #{0.2rem * $i};
     }
   }
+
   .my-#{$i} {
     margin-top: #{0.2rem * $i};
     margin-bottom: #{0.2rem * $i};
   }
+
   .mx-#{$i} {
     margin-left: #{0.2rem * $i};
     margin-right: #{0.2rem * $i};
   }
+
   .ma-#{$i} {
     margin: #{0.2rem * $i} !important;
   }
@@ -28,14 +31,17 @@ $directions: (
       padding-#{$direction}: #{0.2rem * $i};
     }
   }
+
   .py-#{$i} {
     padding-top: #{0.2rem * $i};
     padding-bottom: #{0.2rem * $i};
   }
+
   .px-#{$i} {
     padding-left: #{0.2rem * $i};
     padding-right: #{0.2rem * $i};
   }
+
   .pa-#{$i} {
     padding: #{0.2rem * $i} !important;
   }
@@ -96,6 +102,13 @@ $directions: (
   align-items: center;
 }
 
+.flex-align-center {
+  display: flex;
+  align-items: center;
+  align-content: center;
+
+}
+
 .justify-space-between {
   justify-content: space-between;
 }
@@ -153,10 +166,12 @@ body {
 .text-center {
   text-align: center;
 }
-.text-secondary{
+
+.text-secondary {
   opacity: 0.8;
   font-size: small;
 }
+
 .e-blur {
   background-color: rgba(0, 0, 0, 0.9);
 }
@@ -169,8 +184,9 @@ body {
 }
 
 .e-disabled {
-  opacity: 0.7;
+  opacity: 0.5;
   pointer-events: none;
+  cursor: not-allowed !important;
 }
 
 router-link,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exakt/ui",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "description": "A UI library for Nuxt.js",
   "license": "MIT",
   "type": "module",