@nexdom/uimed-vue 2.4.0 → 2.4.2

package/dist/components/navigation-menu/navigation-menu.vue_vue_type_script_setup_true_lang.js

@@ -82,6 +82,7 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				modelValue: unref(drawerOpen),
 				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(drawerOpen) ? drawerOpen.value = $event : null),
 				color: "tertiary",
+				theme: "navigation",
 				"data-testid": props.dataTestid,
 				"aria-busy": props.loading || void 0,
 				mobile: unref(mobile),
@@ -148,11 +149,12 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					type: "list-item@6",
 					color: "tertiary"
 				}, {
-					default: withCtx(() => [createCommentVNode(" Vuetify's `list` role only allows list items, but the items are links "), createVNode(unref(VList), {
+					default: withCtx(() => [createCommentVNode(" Vuetify's `list` role only allows list items, but the items are links.\n      `indent` aligns the items of a group with its title, which the 24px between the icons and\n      the titles (`settings.scss`) move 8px to the left of Vuetify's default indentation. It\n      replaces the group's prepend width too, so it's the icon (24px) plus that gap (24px) "), createVNode(unref(VList), {
 						opened: unref(opened),
 						"onUpdate:opened": _cache[1] || (_cache[1] = ($event) => isRef(opened) ? opened.value = $event : null),
 						nav: "",
-						role: "group"
+						role: "group",
+						indent: 48
 					}, {
 						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(filteredItems.value, (item, index) => {
 							return openBlock(), createElementBlock(Fragment, { key: index }, [unref(isParentItem)(item) ? (openBlock(), createBlock(unref(VListGroup), {

package/dist/index.js

@@ -6,6 +6,34 @@ import { createVuetify } from "vuetify";
 import "vue";
 import { mdi } from "vuetify/iconsets/mdi-svg";
 //#region src/index.ts
+/** The library's default theme, with its colors and the opacities of secondary text and borders */
+const light = {
+	dark: false,
+	colors: {
+		background: "#EAEDF0",
+		surface: "#FCFCFD",
+		primary: "#074D31",
+		secondary: "#FCFCFD",
+		tertiary: "#00995D",
+		success: "#A9EFC5",
+		warning: "#FFE596",
+		error: "#D92D20",
+		info: "#9ACBE5",
+		"on-primary": "#FCFCFD",
+		"on-tertiary": "#000000",
+		"primary-text": "#074D31",
+		"tertiary-text": "#007547",
+		"success-text": "#16783E",
+		"info-text": "#277096",
+		"warning-text": "#846300",
+		"error-text": "#C92A1E",
+		link: "#0271AD"
+	},
+	variables: {
+		"border-color": "#D0D5DD",
+		"medium-emphasis-opacity": .7
+	}
+};
 /**
 * Create an UIMed-Vue instance to be installed after [createApp](https://vuejs.org/guide/essentials/application.html#the-application-instance).
 * @returns an instance to be used with [app.use](https://vuejs.org/guide/essentials/application.html#the-application-instance)
@@ -20,33 +48,16 @@ function createUimed() {
 		locale: localeOptions,
 		theme: {
 			defaultTheme: "light",
-			themes: { light: {
-				dark: false,
-				colors: {
-					background: "#EAEDF0",
-					surface: "#FCFCFD",
-					primary: "#074D31",
-					secondary: "#FCFCFD",
-					tertiary: "#00995D",
-					success: "#A9EFC5",
-					warning: "#FFE596",
-					error: "#D92D20",
-					info: "#9ACBE5",
-					"on-primary": "#FCFCFD",
-					"on-tertiary": "#000000",
-					"primary-text": "#074D31",
-					"tertiary-text": "#007547",
-					"success-text": "#16783E",
-					"info-text": "#277096",
-					"warning-text": "#846300",
-					"error-text": "#C92A1E",
-					link: "#0271AD"
-				},
-				variables: {
-					"border-color": "#D0D5DD",
-					"medium-emphasis-opacity": .7
+			themes: {
+				light,
+				navigation: {
+					...light,
+					variables: {
+						...light.variables,
+						"disabled-opacity": .8
+					}
 				}
-			} }
+			}
 		}
 	});
 }

package/dist/styles/settings.scss

@@ -8,6 +8,13 @@ $layout-elevation: 2;
   // Unimed Slab's ascent and descent take 1.26em, more than the subtitles' default 1rem line
   // height, which clipped its descenders and accented capitals
   $list-item-subtitle-line-height: normal,
+  // Vuetify's 0.38 draws the fields' underline and outline with a contrast of 2.3:1 on white and
+  // 2.12:1 on the navigation menu, below WCAG AA's 3:1 for interface components
+  $field-outline-opacity: 0.6,
+  // Vuetify's 32px between a list item's icons and its title truncated common descriptions (e.g.
+  // "Recursos humanos") in the expanded navigation menu, whose groups have an icon on each side
+  $list-item-icon-margin-start: 24px,
+  $list-item-icon-margin-end: 24px,
   // The utility classes are a render-blocking stylesheet in the apps, so only the ones the
   // components use are generated. The theme's colors (`primary`, ...) don't come from here, and
   // the palettes are left out: only the shades (black, white and transparent) remain, since

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",