quasar-ui-danx 0.4.49 → 0.4.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.4.49",
+  "version": "0.4.51",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/components/Utility/Buttons/ActionButton.vue

@@ -72,7 +72,7 @@ import { ActionTarget, ResourceAction } from "../../../types";
 
 export interface ActionButtonProps {
 	type?: "trash" | "trash-red" | "create" | "edit" | "copy" | "play" | "stop" | "pause" | "refresh" | "confirm" | "cancel";
-	color?: "red" | "blue" | "sky" | "green" | "green-invert" | "lime" | "white" | "gray";
+	color?: "red" | "blue" | "sky" | "sky-invert" | "green" | "green-invert" | "lime" | "white" | "gray";
 	size?: "xxs" | "xs" | "sm" | "md" | "lg";
 	icon?: object | string;
 	iconClass?: string;
@@ -150,6 +150,8 @@ const colorClass = computed(() => {
 			return "text-blue-900 bg-blue-300 hover:bg-blue-400";
 		case "sky":
 			return "text-sky-900 bg-sky-300 hover:bg-sky-400";
+		case "sky-invert":
+			return "text-sky-400 bg-sky-800 hover:bg-sky-900";
 		case "white":
 			return "text-white bg-gray-800 hover:bg-gray-200";
 		case "gray":

package/src/components/Utility/Dialogs/FullScreenDialog.vue

@@ -1,5 +1,6 @@
 <template>
   <QDialog
+    class="full-screen-dialog"
     :model-value="modelValue"
     maximized
     transition-show="slide-up"
@@ -22,28 +23,31 @@
   </QDialog>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { computed } from "vue";
 import { XIcon } from "../../../svg";
 
 const emit = defineEmits(["update:model-value", "close"]);
-const props = defineProps({
-  modelValue: Boolean,
-  center: Boolean,
-  blue: Boolean,
-  closeable: Boolean
+const props = withDefaults(defineProps<{
+	modelValue: boolean;
+	center?: boolean;
+	blue?: boolean;
+	closeable?: boolean;
+	contentClass?: string;
+}>(), {
+	contentClass: "bg-white text-gray-400"
 });
 
 let computedClass = computed(() => {
-  return {
-    "bg-blue-600 text-white": props.blue,
-    "bg-white text-gray-400": !props.blue,
-    "items-center": props.center
-  };
+	return {
+		"bg-blue-600 text-white": props.blue,
+		"items-center": props.center,
+		[props.contentClass]: !props.blue
+	};
 });
 
 function onClose() {
-  emit("update:model-value", false);
-  emit("close");
+	emit("update:model-value", false);
+	emit("close");
 }
 </script>

package/src/types/widgets.d.ts

@@ -1,5 +1,5 @@
 export interface LabelPillWidgetProps {
-	label?: string;
+	label?: string | number;
 	size?: "xs" | "sm" | "md" | "lg";
 	color?: "sky" | "green" | "red" | "amber" | "yellow" | "blue" | "slate" | "gray" | "none";
 }