@nexdom/uimed-vue 2.0.0-beta.10 → 2.0.0-beta.12

package/dist/components.d.ts

@@ -43,9 +43,10 @@ interface AppBarNotification {
    */
   read?: boolean;
   /**
-   * Date the notification was generated.
+   * Free text telling when the notification was generated, shown as is (e.g.
+   * `"10:30"`, `"Ontem"` or `"28/09/2026"`). Hidden when omitted or empty.
    */
-  date?: Date;
+  when?: string;
 }
 interface AppBarUserProps {
   /**
@@ -418,8 +419,8 @@ declare const __VLS_export$11: import("vue", { with: { "resolution-mode": "impor
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   variant: TextFieldVariant;
-  clearable: boolean;
   type: TextFieldType;
+  clearable: boolean;
 }, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 //#endregion
 //#region src/components/inputs/checkbox/types.d.ts

package/dist/components.js

@@ -1,7 +1,7 @@
 import { a as messages, n as owners, r as requests, s as useVuetifyColor } from "./use-dialog-Ck2_ZW7T.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, normalizeClass, onMounted, onScopeDispose, onUnmounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toValue, unref, useId, useModel, useSlots, useTemplateRef, watch, withCtx, withModifiers } from "vue";
 import { VApp, VAppBar, VAppBarNavIcon, VAppBarTitle, VAutocomplete, VAvatar, VBadge, VBtn, VCard, VCardActions, VCardItem, VCardText, VCardTitle, VCheckboxBtn, VCol, VCombobox, VContainer, VDataIterator, VDialog, VDivider, VEmptyState, VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VExpansionPanels, VForm, VIcon, VIconBtn, VImg, VList, VListGroup, VListItem, VListItemAction, VListSubheader, VMain, VMenu, VNavigationDrawer, VPagination, VRow, VSkeletonLoader, VSnackbarQueue, VTable, VTextField } from "vuetify/components";
-import { formatDateTime, isEmail, isEmpty, isPhone, isUrl, toPeriodInterval } from "@nexdom/shared/utils";
+import { isEmail, isEmpty, isPhone, isUrl } from "@nexdom/shared/utils";
 //#region src/composables/navigation/use-route-props.ts
 function useRouteProps(route) {
 	return computed(() => routeToProps(route));
@@ -80,23 +80,6 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 		function isParentOption(option) {
 			return "items" in option;
 		}
-		function formatNotificationDate(date) {
-			const interval = toPeriodInterval(date);
-			if (wasThisMonth(interval)) {
-				if (wasToday(interval)) return formatDateTime(date, "HH:mm");
-				else if (wasYesterday(interval)) return "Ontem";
-			}
-			return formatDateTime(date, "DD/MM/YYYY");
-		}
-		function wasThisMonth(interval) {
-			return interval.months === 0 && interval.years === 0;
-		}
-		function wasToday(interval) {
-			return interval.days === 0;
-		}
-		function wasYesterday(interval) {
-			return interval.days === 1;
-		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(VAppBar), { "data-testid": props.dataTestid }, {
 				append: withCtx(() => [
@@ -136,10 +119,10 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 										title: notification.title,
 										subtitle: notification.subtitle,
 										"active-class": "text-primary"
-									}, createSlots({ _: 2 }, [notification.date ? {
+									}, createSlots({ _: 2 }, [notification.when ? {
 										name: "append",
 										fn: withCtx(() => [createVNode(unref(VListItemAction), { end: "" }, {
-											default: withCtx(() => [createElementVNode("small", _hoisted_1$2, toDisplayString(formatNotificationDate(notification.date)), 1)]),
+											default: withCtx(() => [createElementVNode("small", _hoisted_1$2, toDisplayString(notification.when), 1)]),
 											_: 2
 										}, 1024)]),
 										key: "0"
@@ -464,6 +447,7 @@ var navigation_menu_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(unref(VNavigationDrawer), {
 				modelValue: open.value,
 				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+				color: "primary",
 				"data-testid": props.dataTestid,
 				absolute: "",
 				temporary: ""
@@ -553,7 +537,7 @@ var toast_default = /* @__PURE__ */ defineComponent({
 const buttonVariantToVuetifyVariant = {
 	primary: "elevated",
 	secondary: "flat",
-	ghost: "outlined"
+	ghost: "text"
 };
 function useButtonVariant(variant) {
 	return computed(() => {

package/dist/index.d.ts

@@ -1,17 +1,6 @@
-import "@fontsource/roboto/100.css";
-import "@fontsource/roboto/300.css";
-import "@fontsource/roboto/400.css";
-import "@fontsource/roboto/500.css";
-import "@fontsource/roboto/700.css";
-import "@fontsource/roboto/900.css";
-import "@fontsource/roboto/100-italic.css";
-import "@fontsource/roboto/300-italic.css";
-import "@fontsource/roboto/400-italic.css";
-import "@fontsource/roboto/500-italic.css";
-import "@fontsource/roboto/700-italic.css";
-import "@fontsource/roboto/900-italic.css";
 import "@mdi/font/css/materialdesignicons.css";
 import "vuetify/styles";
+import "./styles/fonts/fonts.css";
 import { Plugin } from "vue";
 //#region src/index.d.ts
 /**

package/dist/index.js

@@ -1,17 +1,6 @@
-import "@fontsource/roboto/100.css";
-import "@fontsource/roboto/300.css";
-import "@fontsource/roboto/400.css";
-import "@fontsource/roboto/500.css";
-import "@fontsource/roboto/700.css";
-import "@fontsource/roboto/900.css";
-import "@fontsource/roboto/100-italic.css";
-import "@fontsource/roboto/300-italic.css";
-import "@fontsource/roboto/400-italic.css";
-import "@fontsource/roboto/500-italic.css";
-import "@fontsource/roboto/700-italic.css";
-import "@fontsource/roboto/900-italic.css";
 import "@mdi/font/css/materialdesignicons.css";
 import "vuetify/styles";
+import "./styles/fonts/fonts.css";
 import { createVuetify } from "vuetify";
 import "vue";
 //#region src/index.ts
@@ -20,7 +9,26 @@ import "vue";
 * @returns an instance to be used with [app.use](https://vuejs.org/guide/essentials/application.html#the-application-instance)
 */
 function createUimed() {
-	return createVuetify({ theme: { defaultTheme: "light" } });
+	return createVuetify({ theme: {
+		defaultTheme: "light",
+		themes: { light: {
+			dark: false,
+			colors: {
+				background: "#EAEDF0",
+				surface: "#FCFCFD",
+				primary: "#00995D",
+				secondary: "#FCFCFD",
+				success: "#A9EFC5",
+				warning: "#FFE596",
+				error: "#D92D20",
+				info: "#9ACBE5"
+			},
+			variables: {
+				"border-color": "#D0D5DD",
+				"font-body": "\"Unimed Slab\", sans-serif"
+			}
+		} }
+	} });
 }
 //#endregion
 export { createUimed };

package/dist/styles/fonts/fonts.css

@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Unimed Slab";
+  src: url("./UnimedSlab-Regular.woff2");
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "2.0.0-beta.10",
+  "version": "2.0.0-beta.12",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",
@@ -54,7 +54,6 @@
   "devDependencies": {
     "@commitlint/cli": "^21.2.1",
     "@commitlint/config-conventional": "^21.2.0",
-    "@fontsource/roboto": "^5.3.0",
     "@mdi/font": "^7.4.47",
     "@nexdom/shared": "^2.1.1",
     "@playwright/test": "^1.62.1",
@@ -88,7 +87,6 @@
     "vuetify": "^4.2.0"
   },
   "peerDependencies": {
-    "@fontsource/roboto": "^5.3.0",
     "@mdi/font": "^7.4.47",
     "@nexdom/shared": "^2.1.1",
     "resize-observer-polyfill": "^1.5.1",