@xy-planning-network/trees 0.2.62 → 0.3.3

package/dist/trees.esm.js

@@ -1457,8 +1457,9 @@ axios_1.default = _default;
 
 var axios = axios_1;
 
+const env = import.meta.env || {};
 const apiAxiosInstance = axios.create({
-  baseURL: process.env.VUE_APP_BASE_API_URL || "/api/v1",
+  baseURL: env.VITE_APP_BASE_API_URL || process.env.VUE_APP_BASE_API_URL || "/api/v1",
   responseType: "json",
   withCredentials: true
 });
@@ -5033,7 +5034,7 @@ function render$x(_ctx, _cache, $props, $setup, $data, $options) {
     class: "relative flex justify-end items-center"
   }, {
     default: withCtx(() => [createVNode(_component_MenuButton, {
-      class: "w-8 h-8 bg-white inline-flex items-center justify-center text-gray-400 rounded-full hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed",
+      class: "w-8 h-8 bg-white inline-flex items-center justify-center text-gray-700 rounded-full hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed",
       disabled: !_ctx.hasActionItems
     }, {
       default: withCtx(() => [_hoisted_1$k, createVNode(_component_DotsVerticalIcon, {
@@ -5063,7 +5064,7 @@ function render$x(_ctx, _cache, $props, $setup, $data, $options) {
               active
             }) => [createVNode("button", {
               type: "submit",
-              class: [active ? 'bg-gray-100 text-gray-900' : 'text-gray-700', 'block w-full text-left px-4 py-2 text-sm'],
+              class: [active ? 'bg-gray-100 text-gray-900' : 'text-gray-700', 'block w-full text-left px-4 py-2 text-sm font-semibold'],
               textContent: toDisplayString(item.label),
               onClick: $event => _ctx.emitEvent(item.event)
             }, null, 10, ["textContent", "onClick"])]),
@@ -5114,7 +5115,7 @@ function render$w(_ctx, _cache, $props, $setup, $data, $options) {
       class: "mt-1 text-3xl leading-9 font-semibold text-xy-blue",
       textContent: toDisplayString(card.primary)
     }, null, 8, ["textContent"]), createVNode("dt", {
-      class: "text-sm leading-5 font-medium text-gray-500 truncate",
+      class: "text-sm leading-5 font-medium text-gray-700 truncate",
       textContent: toDisplayString(card.secondary)
     }, null, 8, ["textContent"])])])]);
   }), 128))], 2);
@@ -7772,7 +7773,7 @@ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.label ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
     key: 0
   }, { ..._ctx.$attrs,
-    class: 'block my-2 text-sm font-semibold leading-snug text-gray-900'
+    class: 'block my-1 text-sm font-semibold leading-snug text-gray-900'
   }), {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label), 1)]),
     _: 1
@@ -7816,7 +7817,7 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.text ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
     key: 0
   }, { ..._ctx.$attrs,
-    class: 'my-2 text-sm leading-snug font-normal text-gray-500'
+    class: 'mt-2 text-sm leading-snug font-semibold text-gray-700'
   }), {
     default: withCtx(() => [createTextVNode(toDisplayString(_ctx.text), 1)]),
     _: 1
@@ -7903,7 +7904,7 @@ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["id", "for", "label"]), createVNode("input", mergeProps({
     "aria-labelledby": _ctx.label ? `${_ctx.uuid}-label` : undefined,
     "aria-describedby": _ctx.help ? `${_ctx.uuid}-help` : undefined,
-    class: [...['mt-1', 'sm:text-sm'], ...(_ctx.isTextType ? ['block', 'shadow-sm', 'focus:ring-blue-500', 'focus:border-blue-500', 'border-gray-300', 'rounded-md', 'w-full'] : [])],
+    class: [...['mt-1', 'sm:text-sm'], ...(_ctx.isTextType ? ['block', 'shadow-sm', 'focus:ring-blue-500', 'focus:border-blue-500', 'border-gray-600', 'rounded-md', 'w-full'] : [])],
     id: _ctx.uuid,
     placeholder: _ctx.label,
     type: _ctx.type,
@@ -7917,7 +7918,7 @@ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
 
 BaseInput.render = render$s;
 
-var _dec$l, _dec2$j, _dec3$h, _dec4$f, _dec5$b, _dec6$7, _class$l, _class2$j, _descriptor$j, _descriptor2$g, _descriptor3$f, _descriptor4$6;
+var _dec$l, _dec2$j, _dec3$h, _dec4$f, _dec5$b, _dec6$8, _class$l, _class2$j, _descriptor$j, _descriptor2$g, _descriptor3$f, _descriptor4$6;
 let DateRangePicker = (_dec$l = Options({
   name: "DateRangePicker",
   components: {
@@ -7935,7 +7936,7 @@ let DateRangePicker = (_dec$l = Options({
 }), _dec5$b = Prop({
   type: String,
   required: false
-}), _dec6$7 = Emit("update:modelValue"), _dec$l(_class$l = (_class2$j = class DateRangePicker extends Vue {
+}), _dec6$8 = Emit("update:modelValue"), _dec$l(_class$l = (_class2$j = class DateRangePicker extends Vue {
   constructor(...args) {
     super(...args);
 
@@ -7997,7 +7998,7 @@ let DateRangePicker = (_dec$l = Options({
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$j.prototype, "updateModelValue", [_dec6$7], Object.getOwnPropertyDescriptor(_class2$j.prototype, "updateModelValue"), _class2$j.prototype)), _class2$j)) || _class$l);
+}), _applyDecoratedDescriptor(_class2$j.prototype, "updateModelValue", [_dec6$8], Object.getOwnPropertyDescriptor(_class2$j.prototype, "updateModelValue"), _class2$j.prototype)), _class2$j)) || _class$l);
 
 function render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BaseInput = resolveComponent("BaseInput");
@@ -8013,7 +8014,7 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
 
 DateRangePicker.render = render$r;
 
-var _dec$k, _dec2$i, _dec3$g, _dec4$e, _dec5$a, _dec6$6, _class$k, _class2$i, _descriptor$i, _descriptor2$f, _descriptor3$e;
+var _dec$k, _dec2$i, _dec3$g, _dec4$e, _dec5$a, _dec6$7, _class$k, _class2$i, _descriptor$i, _descriptor2$f, _descriptor3$e;
 let DateFilter = (_dec$k = Options({
   components: {
     DateRangePicker
@@ -8028,7 +8029,7 @@ let DateFilter = (_dec$k = Options({
 }), _dec4$e = Prop({
   type: String,
   required: true
-}), _dec5$a = Emit(), _dec6$6 = Emit(), _dec$k(_class$k = (_class2$i = class DateFilter extends Vue {
+}), _dec5$a = Emit(), _dec6$7 = Emit(), _dec$k(_class$k = (_class2$i = class DateFilter extends Vue {
   constructor(...args) {
     super(...args);
 
@@ -8062,7 +8063,7 @@ let DateFilter = (_dec$k = Options({
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$i.prototype, "sortDirChanged", [_dec5$a], Object.getOwnPropertyDescriptor(_class2$i.prototype, "sortDirChanged"), _class2$i.prototype), _applyDecoratedDescriptor(_class2$i.prototype, "dateRangeChanged", [_dec6$6], Object.getOwnPropertyDescriptor(_class2$i.prototype, "dateRangeChanged"), _class2$i.prototype)), _class2$i)) || _class$k);
+}), _applyDecoratedDescriptor(_class2$i.prototype, "sortDirChanged", [_dec5$a], Object.getOwnPropertyDescriptor(_class2$i.prototype, "sortDirChanged"), _class2$i.prototype), _applyDecoratedDescriptor(_class2$i.prototype, "dateRangeChanged", [_dec6$7], Object.getOwnPropertyDescriptor(_class2$i.prototype, "dateRangeChanged"), _class2$i.prototype)), _class2$i)) || _class$k);
 
 const _hoisted_1$h = {
   class: "md:flex md:items-center md:justify-between bg-white mx-auto py-4 border-t border-gray-100"
@@ -8090,7 +8091,7 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
 
   return openBlock(), createBlock("div", _hoisted_1$h, [createVNode("div", _hoisted_2$f, [createVNode("h1", _hoisted_3$b, toDisplayString(_ctx.title), 1)]), createVNode("div", _hoisted_4$9, [createVNode("select", {
     onChange: _cache[1] || (_cache[1] = $event => _ctx.sortDirChanged($event.target.value)),
-    class: "block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
+    class: "block w-full border border-gray-600 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
   }, [_hoisted_5$9, _hoisted_6$9], 32), createVNode(_component_DateRangePicker, {
     modelValue: _ctx.dateRange,
     "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.dateRangeChanged($event)),
@@ -8219,26 +8220,26 @@ const _hoisted_8$6 = /*#__PURE__*/createVNode("svg", {
 function render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock("div", _hoisted_1$g, [createVNode("div", _hoisted_2$e, [createVNode("a", {
     href: "#",
-    class: ["-mt-px border-t-2 border-transparent pt-4 pr-1 inline-flex items-center text-sm leading-5 font-medium focus:outline-none focus:text-gray-700 focus:border-gray-400", _ctx.modelValue.page == 1 ? 'text-gray-300 cursor-not-allowed pointer-events-none' : 'text-gray-500 hover:text-gray-700 hover:border-gray-300'],
+    class: ["-mt-px border-t-2 border-transparent pt-4 pr-1 inline-flex items-center text-sm leading-5 font-medium focus:outline-none focus:text-gray-700 focus:border-gray-400", _ctx.modelValue.page == 1 ? 'text-gray-500 cursor-not-allowed pointer-events-none' : 'text-gray-700 hover:text-gray-900 hover:border-gray-300'],
     onClick: _cache[1] || (_cache[1] = withModifiers($event => _ctx.changePage(_ctx.modelValue.page - 1), ["prevent"]))
   }, [_hoisted_3$a, _hoisted_4$8], 2)]), createVNode("div", _hoisted_5$8, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.pageShortcuts, i => {
     return openBlock(), createBlock("a", {
       href: "#",
-      class: ["-mt-px border-t-2 pt-4 px-4 inline-flex items-center text-sm leading-5 font-medium", _ctx.modelValue.page === i ? 'border-blue-500 text-blue-600 focus:outline-none focus:text-blue-800 focus:border-blue-700' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400'],
+      class: ["-mt-px border-t-2 pt-4 px-4 inline-flex items-center text-sm leading-5 font-medium", _ctx.modelValue.page === i ? 'border-blue-500 text-blue-600 focus:outline-none focus:text-blue-800 focus:border-blue-700' : 'border-transparent text-gray-700 hover:text-gray-900 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-400'],
       key: i,
       textContent: toDisplayString(i),
       onClick: withModifiers($event => _ctx.changePage(i), ["prevent"])
     }, null, 10, ["textContent", "onClick"]);
   }), 128))]), createVNode("div", _hoisted_6$8, [createVNode("a", {
     href: "#",
-    class: ["-mt-px border-t-2 border-transparent pt-4 pl-1 inline-flex items-center text-sm leading-5 font-medium focus:outline-none focus:text-gray-700 focus:border-gray-400", _ctx.modelValue.page >= _ctx.modelValue.totalPages ? 'text-gray-300 cursor-not-allowed pointer-events-none' : 'text-gray-500 hover:text-gray-700 hover:border-gray-300'],
+    class: ["-mt-px border-t-2 border-transparent pt-4 pl-1 inline-flex items-center text-sm leading-5 font-medium focus:outline-none focus:text-gray-700 focus:border-gray-400", _ctx.modelValue.page >= _ctx.modelValue.totalPages ? 'text-gray-500 cursor-not-allowed pointer-events-none' : 'text-gray-700 hover:text-gray-900 hover:border-gray-300'],
     onClick: _cache[2] || (_cache[2] = withModifiers($event => _ctx.changePage(_ctx.modelValue.page + 1), ["prevent"]))
   }, [_hoisted_7$8, _hoisted_8$6], 2)])]);
 }
 
 Paginator.render = render$p;
 
-var _dec$i, _dec2$g, _dec3$e, _dec4$d, _dec5$9, _dec6$5, _dec7$3, _dec8$2, _dec9, _class$i, _class2$g, _descriptor$g, _descriptor2$e, _descriptor3$d, _descriptor4$5;
+var _dec$i, _dec2$g, _dec3$e, _dec4$d, _dec5$9, _dec6$6, _dec7$3, _dec8$2, _dec9, _class$i, _class2$g, _descriptor$g, _descriptor2$e, _descriptor3$d, _descriptor4$5;
 let DetailList = (_dec$i = Options({
   components: {
     DateFilter,
@@ -8257,7 +8258,7 @@ let DetailList = (_dec$i = Options({
 }), _dec5$9 = Prop({
   type: String,
   required: true
-}), _dec6$5 = Watch("sortDir"), _dec7$3 = Watch("dateRange"), _dec8$2 = Watch("refreshTrigger"), _dec9 = Watch("reloadTrigger"), _dec$i(_class$i = (_class2$g = class DetailList extends Vue {
+}), _dec6$6 = Watch("sortDir"), _dec7$3 = Watch("dateRange"), _dec8$2 = Watch("refreshTrigger"), _dec9 = Watch("reloadTrigger"), _dec$i(_class$i = (_class2$g = class DetailList extends Vue {
   constructor(...args) {
     super(...args);
 
@@ -8351,7 +8352,7 @@ let DetailList = (_dec$i = Options({
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$g.prototype, "onSortDir", [_dec6$5], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onSortDir"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onDateRange", [_dec7$3], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onDateRange"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onRefreshTrigger", [_dec8$2], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onRefreshTrigger"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onReloadTrigger", [_dec9], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onReloadTrigger"), _class2$g.prototype)), _class2$g)) || _class$i);
+}), _applyDecoratedDescriptor(_class2$g.prototype, "onSortDir", [_dec6$6], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onSortDir"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onDateRange", [_dec7$3], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onDateRange"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onRefreshTrigger", [_dec8$2], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onRefreshTrigger"), _class2$g.prototype), _applyDecoratedDescriptor(_class2$g.prototype, "onReloadTrigger", [_dec9], Object.getOwnPropertyDescriptor(_class2$g.prototype, "onReloadTrigger"), _class2$g.prototype)), _class2$g)) || _class$i);
 
 const _hoisted_1$f = {
   key: 0,
@@ -8665,7 +8666,7 @@ function render$g(_ctx, _cache) {
   ]))
 }
 
-var _dec$f, _dec2$e, _dec3$c, _dec4$c, _dec5$8, _dec6$4, _dec7$2, _dec8$1, _class$f, _class2$e, _descriptor$e, _descriptor2$c, _descriptor3$c, _descriptor4$4, _descriptor5$3;
+var _dec$f, _dec2$e, _dec3$c, _dec4$c, _dec5$8, _dec6$5, _dec7$2, _dec8$1, _class$f, _class2$e, _descriptor$e, _descriptor2$c, _descriptor3$c, _descriptor4$4, _descriptor5$3;
 let Modal = (_dec$f = Options({
   components: {
     Dialog,
@@ -8689,7 +8690,7 @@ let Modal = (_dec$f = Options({
 }), _dec5$8 = Prop({
   type: String,
   required: false
-}), _dec6$4 = Prop({
+}), _dec6$5 = Prop({
   type: String,
   required: false
 }), _dec7$2 = Emit(), _dec8$1 = Emit("update:modelValue"), _dec$f(_class$f = (_class2$e = class Modal extends Vue {
@@ -8735,7 +8736,7 @@ let Modal = (_dec$f = Options({
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor5$3 = _applyDecoratedDescriptor(_class2$e.prototype, "title", [_dec6$4], {
+}), _descriptor5$3 = _applyDecoratedDescriptor(_class2$e.prototype, "title", [_dec6$5], {
   configurable: true,
   enumerable: true,
   writable: true,
@@ -9244,10 +9245,10 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
           return openBlock(), createBlock("a", {
             key: item.name,
             href: item.url,
-            class: [_ctx.isActive(item.url) ? 'bg-gray-100 text-gray-900' : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900', 'group flex items-center px-2 py-2 text-base font-medium rounded-md'],
+            class: [_ctx.isActive(item.url) ? 'bg-gray-100 text-gray-900' : 'text-gray-700 hover:bg-gray-50 hover:text-gray-900', 'group flex items-center px-2 py-2 text-base font-medium rounded-md'],
             target: item.openInTab ? '_blank' : '_self'
           }, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), {
-            class: [_ctx.isActive(item.url) ? 'text-gray-500' : 'text-gray-400 group-hover:text-gray-500', 'mr-4 h-6 w-6'],
+            class: [_ctx.isActive(item.url) ? 'text-gray-600' : 'text-gray-500 group-hover:text-gray-600', 'mr-4 h-6 w-6'],
             "aria-hidden": "true"
           }, null, 8, ["class"])), createTextVNode(" " + toDisplayString(item.name), 1)], 10, ["href", "target"]);
         }), 128))])])])]),
@@ -9264,10 +9265,10 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
     return openBlock(), createBlock("a", {
       key: item.name,
       href: item.url,
-      class: [_ctx.isActive(item.url) ? 'bg-gray-100 text-gray-900' : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900', 'group flex items-center px-2 py-2 text-sm font-medium rounded-md'],
+      class: [_ctx.isActive(item.url) ? 'bg-gray-100 text-gray-900' : 'text-gray-700 hover:bg-gray-100 hover:text-gray-900', 'group flex items-center px-2 py-2 text-sm font-medium rounded-md'],
       target: item.openInTab ? '_blank' : '_self'
     }, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), {
-      class: [_ctx.isActive(item.url) ? 'text-gray-500' : 'text-gray-400 group-hover:text-gray-500', 'mr-3 h-6 w-6'],
+      class: [_ctx.isActive(item.url) ? 'text-gray-600' : 'text-gray-500 group-hover:text-gray-600', 'mr-3 h-6 w-6'],
       "aria-hidden": "true"
     }, null, 8, ["class"])), createTextVNode(" " + toDisplayString(item.name), 1)], 10, ["href", "target"]);
   }), 128))])])])])]), createVNode("div", _hoisted_15$2, [createVNode("div", _hoisted_16$2, [createVNode("button", {
@@ -9307,7 +9308,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
               active
             }) => [createVNode("a", {
               href: item.url,
-              class: [active ? 'bg-gray-100' : '', 'block px-4 py-2 text-sm text-gray-700']
+              class: [active ? 'bg-gray-100' : '', 'block px-4 py-2 text-sm text-gray-700 font-semibold']
             }, toDisplayString(item.name), 11, ["href"])]),
             _: 2
           }, 1024);
@@ -9322,7 +9323,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
 
 SidebarLayout.render = render$d;
 
-var _dec$c, _dec2$c, _dec3$a, _dec4$a, _dec5$6, _class$c, _class2$c, _descriptor$c, _descriptor2$a, _descriptor3$a;
+var _dec$c, _dec2$c, _dec3$a, _dec4$a, _dec5$6, _dec6$4, _class$c, _class2$c, _descriptor$c, _descriptor2$a, _descriptor3$a;
 let Slideover = (_dec$c = Options({
   name: "Slideover",
   components: {
@@ -9342,7 +9343,7 @@ let Slideover = (_dec$c = Options({
 }), _dec4$a = Prop({
   type: Boolean,
   required: true
-}), _dec5$6 = Emit(), _dec$c(_class$c = (_class2$c = class Slideover extends Vue {
+}), _dec5$6 = Emit("close"), _dec6$4 = Emit("update:modelValue"), _dec$c(_class$c = (_class2$c = class Slideover extends Vue {
   constructor(...args) {
     super(...args);
 
@@ -9354,7 +9355,7 @@ let Slideover = (_dec$c = Options({
   }
 
   close() {
-    return;
+    return false;
   }
 
 }, (_descriptor$c = _applyDecoratedDescriptor(_class2$c.prototype, "header", [_dec2$c], {
@@ -9372,7 +9373,7 @@ let Slideover = (_dec$c = Options({
   enumerable: true,
   writable: true,
   initializer: null
-}), _applyDecoratedDescriptor(_class2$c.prototype, "close", [_dec5$6], Object.getOwnPropertyDescriptor(_class2$c.prototype, "close"), _class2$c.prototype)), _class2$c)) || _class$c);
+}), _applyDecoratedDescriptor(_class2$c.prototype, "close", [_dec5$6, _dec6$4], Object.getOwnPropertyDescriptor(_class2$c.prototype, "close"), _class2$c.prototype)), _class2$c)) || _class$c);
 
 const _hoisted_1$a = {
   class: "absolute inset-0 overflow-hidden"
@@ -9643,7 +9644,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createBlock("a", {
         key: item.name,
         href: item.url,
-        class: [_ctx.isActive(item.url) ? 'border-blue-500 text-gray-900' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300', 'inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium'],
+        class: [_ctx.isActive(item.url) ? 'border-blue-500 text-gray-900' : 'border-transparent text-gray-700 hover:text-gray-900 hover:border-blue-500', 'inline-flex items-center px-1 pt-1 border-b-2 text-sm font-semibold'],
         "aria-current": _ctx.isActive(item.url) ? 'page' : undefined
       }, toDisplayString(item.name), 11, ["href", "aria-current"]);
     }), 128))])]), createVNode("div", _hoisted_7$3, [createVNode(_component_Menu, {
@@ -9676,7 +9677,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
                 active
               }) => [createVNode("a", {
                 href: item.url,
-                class: [active ? 'bg-gray-100' : '', 'block px-4 py-2 text-sm text-gray-700']
+                class: [active ? 'bg-gray-100' : '', 'block px-4 py-2 text-sm text-gray-700 font-semibold']
               }, toDisplayString(item.name), 11, ["href"])]),
               _: 2
             }, 1024);
@@ -9706,7 +9707,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
         return openBlock(), createBlock("a", {
           key: item.name,
           href: item.url,
-          class: [_ctx.isActive(item.url) ? 'bg-blue-50 border-blue-500 text-blue-700' : 'border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800', 'block pl-3 pr-4 py-2 border-l-4 text-base font-medium'],
+          class: [_ctx.isActive(item.url) ? 'bg-blue-50 border-blue-500 text-blue-700' : 'border-transparent text-gray-700 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-900', 'block pl-3 pr-4 py-2 border-l-4 text-base font-semibold'],
           "aria-current": _ctx.isActive(item.url) ? 'page' : undefined
         }, toDisplayString(item.name), 11, ["href", "aria-current"]);
       }), 128))]), createVNode("div", _hoisted_12$1, [createVNode("div", _hoisted_13$1, [createVNode("div", _hoisted_14$1, [createVNode(_component_UserCircleIcon, {
@@ -9721,7 +9722,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
         return openBlock(), createBlock("a", {
           key: item.name,
           href: item.url,
-          class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100"
+          class: "block px-4 py-2 text-base font-medium text-gray-700 hover:text-gray-900 hover:bg-gray-100"
         }, toDisplayString(item.name), 9, ["href"]);
       }), 128))])])]),
       _: 1
@@ -9788,7 +9789,7 @@ const _hoisted_7$2 = {
 function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock("div", _hoisted_1$8, [createVNode("div", _hoisted_2$7, [createVNode("div", _hoisted_3$4, [createVNode("div", _hoisted_4$2, [createVNode("table", _hoisted_5$2, [createVNode("thead", null, [createVNode("tr", null, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.tableData.columns, (col, idx) => {
     return openBlock(), createBlock("th", {
-      class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-500 uppercase bg-gray-50 leading-4",
+      class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-900 uppercase bg-gray-50 leading-4",
       key: idx,
       textContent: toDisplayString(col.display)
     }, null, 8, ["textContent"]);
@@ -9797,7 +9798,7 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
       key: item.id ? item.id : rowIdx
     }, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.tableData.columns, (col, colIdx) => {
       return openBlock(), createBlock("td", {
-        class: "px-6 py-4 text-sm text-gray-500 whitespace-nowrap leading-5",
+        class: "px-6 py-4 text-sm text-gray-700 whitespace-nowrap leading-5",
         key: rowIdx + '-' + colIdx
       }, [col.component ? (openBlock(), createBlock(resolveDynamicComponent(col.component), {
         key: 0,
@@ -9811,7 +9812,7 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))]);
   }), 128)), _ctx.tableData.items.length == 0 ? (openBlock(), createBlock("tr", _hoisted_7$2, [createVNode("td", {
     colspan: _ctx.tableData.columns.length,
-    class: "px-6 py-4 text-sm text-gray-500 whitespace-nowrap leading-5"
+    class: "px-6 py-4 text-sm text-gray-700 whitespace-nowrap leading-5"
   }, " No items were found! ", 8, ["colspan"])])) : createCommentVNode("", true)])])])])])]);
 }
 
@@ -10207,7 +10208,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:modelValue": [_cache[3] || (_cache[3] = $event => _ctx.dateRange = $event), _ctx.dateRangeChanged]
   }, null, 8, ["modelValue", "onUpdate:modelValue"])])) : createCommentVNode("", true)]), createVNode("div", _hoisted_7, [createVNode("table", _hoisted_8, [createVNode("thead", null, [createVNode("tr", null, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.tableData.columns, (col, idx) => {
     return openBlock(), createBlock("th", {
-      class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50 leading-4",
+      class: "px-6 py-3 text-xs font-medium tracking-wider text-left text-gray-900 uppercase border-b border-gray-200 bg-gray-50 leading-4",
       key: idx
     }, [!!col.display.length ? (openBlock(), createBlock("span", _hoisted_9, toDisplayString(col.display), 1)) : createCommentVNode("", true), col.sort ? (openBlock(), createBlock("span", {
       key: 1,
@@ -10223,7 +10224,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
       }
     }, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.tableData.columns, (col, colIdx) => {
       return openBlock(), createBlock("td", {
-        class: ["px-6 py-4 text-sm text-gray-500 whitespace-nowrap border-b border-gray-200 leading-5", col.class],
+        class: ["px-6 py-4 text-sm text-gray-700 whitespace-nowrap border-b border-gray-200 leading-5", col.class],
         key: rowIdx + '-' + colIdx
       }, [col.component ? (openBlock(), createBlock(resolveDynamicComponent(col.component), {
         key: 0,
@@ -10238,7 +10239,7 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))], 10, ["onClick"]);
   }), 128)), !_ctx.hasContent ? (openBlock(), createBlock("tr", _hoisted_17, [createVNode("td", {
     colspan: _ctx.tableData.columns.length,
-    class: "px-6 py-4 text-sm text-gray-500 whitespace-nowrap border-b border-gray-200 leading-5"
+    class: "px-6 py-4 text-sm text-gray-700 whitespace-nowrap border-b border-gray-200 leading-5"
   }, " No items were found! ", 8, ["colspan"])])) : createCommentVNode("", true)])])]), _ctx.hasContent ? (openBlock(), createBlock(_component_Paginator, {
     key: 0,
     modelValue: _ctx.pagination,
@@ -10279,23 +10280,23 @@ let Tabs = (_dec$7 = Options({
     let c = "";
 
     if (this.pillDesign) {
-      c = "px-12 py-2 font-medium text-md leading-5 rounded-t-md focus:outline-none ";
+      c = "px-12 py-2 font-semibold text-md leading-5 rounded-t-md focus:outline-none ";
 
       if (this.modelValue === currentTab) {
         c = c + "focus:bg-white text-gray-700 bg-white border-b-2 border-blue-500";
       } else {
-        c = c + "text-gray-500 hover:text-gray-700 focus:text-gray-700 focus:bg-gray-100 border border-gray-200";
+        c = c + "text-gray-700 hover:text-gray-900 focus:text-gray-900 focus:bg-gray-100 border border-gray-200";
       }
 
       return c;
     }
 
-    c = "px-1 py-4 text-sm font-medium border-b-2 whitespace-nowrap leading-5 focus:outline-none ";
+    c = "px-1 py-4 text-sm font-semibold border-b-2 whitespace-nowrap leading-5 focus:outline-none ";
 
     if (this.modelValue === currentTab) {
       c = c + "border-blue-500 text-xy-blue focus:text-blue-800 focus:border-blue-700";
     } else {
-      c = c + "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:text-gray-700 focus:border-gray-300";
+      c = c + "border-transparent text-gray-700 hover:text-gray-900 hover:border-gray-300 focus:text-gray-900 focus:border-gray-300";
     }
 
     if (pastFirstTab) c = c + " ml-8";
@@ -10456,13 +10457,13 @@ const _hoisted_2$3 = {
   class: "h-5 flex items-center"
 };
 const _hoisted_3$1 = {
-  class: "ml-3 text-sm leading-5"
+  class: "ml-3 text-sm font-semibold leading-snug text-gray-900"
 };
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock("div", _hoisted_1$3, [createVNode("div", _hoisted_2$3, [createVNode("input", mergeProps({
     "aria-labelledby": _ctx.label ? `${_ctx.uuid}-label` : undefined,
     checked: _ctx.modelValue,
-    class: "focus:ring-blue-500 h-4 w-4 text-xy-blue border-gray-300 rounded disabled:opacity-50 disabled:cursor-not-allowed",
+    class: "focus:ring-blue-500 h-4 w-4 text-blue-500 border-gray-600 rounded disabled:opacity-50 disabled:cursor-not-allowed",
     id: _ctx.uuid,
     type: "checkbox"
   }, { ..._ctx.$attrs,
@@ -10472,11 +10473,8 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   }), null, 16, ["aria-labelledby", "checked", "id"])]), createVNode("div", _hoisted_3$1, [createVNode("label", {
     id: `${_ctx.uuid}-label`,
     for: _ctx.uuid,
-    class: {
-      'font-semibold': _ctx.emphasis
-    },
     textContent: toDisplayString(_ctx.label)
-  }, null, 10, ["id", "for", "textContent"])])]);
+  }, null, 8, ["id", "for", "textContent"])])]);
 }
 
 Checkbox.render = render$5;
@@ -10543,7 +10541,7 @@ const _hoisted_2$2 = {
   class: "flex items-center h-5"
 };
 const _hoisted_3 = {
-  class: "ml-3 text-sm leading-5"
+  class: "ml-3 text-sm font-semibold leading-snug text-gray-900"
 };
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_InputLabel = resolveComponent("InputLabel");
@@ -10558,7 +10556,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       key: option.value
     }, [createVNode("div", _hoisted_1$2, [createVNode("div", _hoisted_2$2, [withDirectives(createVNode("input", mergeProps({
       type: "checkbox",
-      class: "focus:ring-blue-500 h-4 w-4 text-xy-blue border-gray-300 rounded disabled:opacity-50 disabled:cursor-not-allowed",
+      class: "focus:ring-blue-500 h-4 w-4 text-xy-blue border-gray-600 rounded disabled:opacity-50 disabled:cursor-not-allowed",
       id: `${_ctx.uuid}-${index}`,
       value: option.value,
       "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.model = $event)
@@ -10620,7 +10618,7 @@ const _hoisted_1$1 = {
   class: "mt-1 space-y-2"
 };
 const _hoisted_2$1 = {
-  class: "block ml-2 text-sm font-medium leading-5"
+  class: "block ml-2 text-sm font-semibold text-gray-900"
 };
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_InputLabel = resolveComponent("InputLabel");
@@ -10639,7 +10637,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
       for: `${_ctx.uuid}-${index}`
     }, [createVNode("input", mergeProps({
       checked: _ctx.modelValue === option.value,
-      class: "w-4 h-4 border-gray-300 focus:ring-blue-500 text-xy-blue",
+      class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue",
       id: `${_ctx.uuid}-${index}`,
       name: _ctx.uuid,
       type: "radio",
@@ -10678,7 +10676,7 @@ let Select = (_dec$2 = Options({
   required: false,
   default: "Select an option"
 }), _dec7 = Prop({
-  type: String,
+  type: [String, Number],
   required: true
 }), _dec$2(_class$2 = (_class2$2 = class Select extends Vue {
   constructor(...args) {
@@ -10702,9 +10700,9 @@ let Select = (_dec$2 = Options({
   get classes() {
     const design = this.design ? this.design : "undefined";
     return {
-      undefined: "mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
-      standard: "mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
-      compressed: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 text-gray-900 focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm"
+      undefined: "mt-1 block w-full border border-gray-600 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
+      standard: "mt-1 block w-full border border-gray-600 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm",
+      compressed: "appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-600 text-gray-900 focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm"
     }[design];
   }
 
@@ -10838,7 +10836,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 8, ["id", "for", "label"]), createVNode("textarea", mergeProps({
     "aria-labelledby": _ctx.label ? `${_ctx.uuid}-label` : undefined,
     "aria-describedby": _ctx.help ? `${_ctx.uuid}-help` : undefined,
-    class: ['mt-1', 'sm:text-sm', 'block', 'shadow-sm', 'focus:ring-blue-500', 'focus:border-blue-500', 'border-gray-300', 'rounded-md', 'w-full'],
+    class: ['mt-1', 'sm:text-sm', 'block', 'shadow-sm', 'focus:ring-blue-500', 'focus:border-blue-500', 'border-gray-600', 'rounded-md', 'w-full'],
     id: _ctx.uuid,
     value: _ctx.modelValue,
     onInput: _cache[1] || (_cache[1] = $event => _ctx.$emit('update:modelValue', $event.target.value))
@@ -10901,11 +10899,11 @@ let YesOrNoRadio = (_dec = Options({
 })), _class2)) || _class);
 
 const _hoisted_1 = /*#__PURE__*/createVNode("span", {
-  class: "block ml-2 text-sm font-medium text-gray-900 leading-5"
+  class: "block ml-2 text-sm font-semibold text-gray-900"
 }, "Yes", -1);
 
 const _hoisted_2 = /*#__PURE__*/createVNode("span", {
-  class: "block ml-2 text-sm font-medium text-gray-900 leading-5"
+  class: "block ml-2 text-sm font-semibold text-gray-900"
 }, "No", -1);
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -10922,7 +10920,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     for: `${_ctx.hasNameAttr ? _ctx.name : _ctx.uuid}-true`
   }, [createVNode("input", mergeProps({
     type: "radio",
-    class: "w-4 h-4 border-gray-300 focus:ring-blue-500 text-xy-blue",
+    class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue",
     id: `${_ctx.hasNameAttr ? _ctx.name : _ctx.uuid}-true`,
     name: _ctx.hasNameAttr ? _ctx.name : _ctx.uuid,
     value: true,
@@ -10938,7 +10936,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     for: `${_ctx.hasNameAttr ? _ctx.name : _ctx.uuid}-false`
   }, [createVNode("input", mergeProps({
     type: "radio",
-    class: "w-4 h-4 border-gray-300 focus:ring-blue-500 text-xy-blue",
+    class: "w-4 h-4 border-gray-600 focus:ring-blue-500 text-xy-blue",
     id: `${_ctx.hasNameAttr ? _ctx.name : _ctx.uuid}-false`,
     name: _ctx.hasNameAttr ? _ctx.name : _ctx.uuid,
     value: false,