@appcorp/app-corp-vista 0.0.19 → 0.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/atoms/vista-dashboard-notification-v1/vista-dashboard-notification-v1.js +1 -1
  2. package/atoms/vista-vertical-divider-v1/vista-vertical-divider-v1.js +1 -1
  3. package/molecules/vista-dashboard-profile-v1/vista-dashboard-profile-v1.js +4 -4
  4. package/molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1.js +7 -7
  5. package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.js +7 -8
  6. package/molecules/vista-drawer-v1/vista-drawer-v1.js +2 -2
  7. package/molecules/vista-table-footer-v1.js +1 -1
  8. package/molecules/vista-table-header-v1.js +2 -2
  9. package/package.json +1 -1
package/atoms/vista-dashboard-notification-v1/vista-dashboard-notification-v1.js CHANGED
@@ -8,7 +8,7 @@ exports.VistaDashboardNotificationV1 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var outline_1 = require("@heroicons/react/24/outline");
10
10
  var VistaDashboardNotificationV1 = function () {
11
- return (react_1.default.createElement("button", { type: "button", className: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500" },
11
+ return (react_1.default.createElement("button", { type: "button", className: "-m-2.5 p-2.5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" },
12
12
  react_1.default.createElement("span", { className: "sr-only" }, "View notifications"),
13
13
  react_1.default.createElement(outline_1.BellIcon, { "aria-hidden": "true", className: "size-6" })));
14
14
  };
package/atoms/vista-vertical-divider-v1/vista-vertical-divider-v1.js CHANGED
@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.VistaVerticalDividerV1 = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var VistaVerticalDividerV1 = function () {
9
- return (react_1.default.createElement("div", { "aria-hidden": "true", className: "hidden h-6 w-px bg-gray-50/30 lg:flex" }));
9
+ return (react_1.default.createElement("div", { "aria-hidden": "true", className: "hidden h-6 w-px bg-gray-500 lg:flex" }));
10
10
  };
11
11
  exports.VistaVerticalDividerV1 = VistaVerticalDividerV1;
package/molecules/vista-dashboard-profile-v1/vista-dashboard-profile-v1.js CHANGED
@@ -17,12 +17,12 @@ var VistaDashboardProfileV1 = function (_a) {
17
17
  react_1.default.createElement(vista_avatar_v1_1.VistaAvatarV1, { alt: avatarAlt, initial: avatarInitials, rounded: vista_avatar_type_1.VISTA_AVATAR_ROUNDED.FULL, size: vista_avatar_type_1.VISTA_AVATAR_SIZE.SM, src: avatarUrl }),
18
18
  react_1.default.createElement("span", { className: "sr-only" }, "Open user menu"),
19
19
  react_1.default.createElement("span", { className: "hidden lg:flex lg:items-center" },
20
- react_1.default.createElement("span", { "aria-hidden": "true", className: "ml-4 text-sm/6 font-semibold text-gray-50" }, name),
21
- react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "ml-2 size-5 text-gray-400" }))),
22
- react_1.default.createElement(react_2.MenuItems, { transition: true, className: "absolute right-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 transition focus:outline-none data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-100 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in" }, profileMenuItems.map(function (_a) {
20
+ react_1.default.createElement("span", { "aria-hidden": "true", className: "ml-4 text-sm/6 font-semibold text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" }, name),
21
+ react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "ml-2 size-5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300" }))),
22
+ react_1.default.createElement(react_2.MenuItems, { transition: true, className: "absolute right-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white dark:bg-gray-800 py-2 shadow-lg ring-1 ring-gray-900/5 transition focus:outline-none data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-100 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in" }, profileMenuItems.map(function (_a) {
23
23
  var name = _a.name, handleOnClick = _a.handleOnClick;
24
24
  return (react_1.default.createElement(react_2.MenuItem, { key: name },
25
- react_1.default.createElement("button", { onClick: handleOnClick, className: "block px-3 py-1 text-sm/6 text-gray-900 data-[focus]:bg-gray-50 data-[focus]:outline-none" }, name)));
25
+ react_1.default.createElement("button", { onClick: handleOnClick, className: "block px-3 py-1 text-sm/6 text-gray-900 dark:text-white text-left data-[focus]:bg-gray-50 data-[focus]:outline-none w-full" }, name)));
26
26
  }))));
27
27
  };
28
28
  exports.VistaDashboardProfileV1 = VistaDashboardProfileV1;
package/molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1.js CHANGED
@@ -45,7 +45,7 @@ var VistaDashboardSidebarV1 = function (_a) {
45
45
  return enabled;
46
46
  });
47
47
  }, [apps]);
48
- return (react_1.default.createElement("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-gray-900 px-6 ring-1 ring-white/10" },
48
+ return (react_1.default.createElement("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-gray-100 dark:bg-gray-900 px-6 ring-1 ring-white/10" },
49
49
  react_1.default.createElement("div", { className: "flex h-16 shrink-0 items-center" },
50
50
  react_1.default.createElement("img", { alt: appName, src: logo, className: "h-8 w-auto" })),
51
51
  react_1.default.createElement("nav", { className: "flex flex-1 flex-col" },
@@ -58,27 +58,27 @@ var VistaDashboardSidebarV1 = function (_a) {
58
58
  })
59
59
  .map(function (item) { return (react_1.default.createElement("li", { key: item.label },
60
60
  react_1.default.createElement("button", { onClick: item.handleOnClick, className: (0, class_names_1.classNames)(item.isActive
61
- ? 'bg-gray-800 text-white'
62
- : 'text-gray-400 hover:bg-gray-800 hover:text-white', 'group flex w-full gap-x-3 rounded-md p-2 text-sm/6 font-semibold') },
61
+ ? 'text-gray-700 bg-gray-300 dark:bg-gray-700 dark:text-white'
62
+ : 'text-gray-700 hover:bg-gray-300 dark:text-gray-400 dark:hover:bg-gray-800', 'group flex w-full gap-x-3 rounded-md p-2 text-sm/6 font-semibold') },
63
63
  (0, react_1.createElement)(item.icon, {
64
64
  'aria-hidden': 'true',
65
65
  className: 'size-6 shrink-0',
66
66
  }),
67
67
  item.label))); }))),
68
68
  react_1.default.createElement("li", null,
69
- filteredApps.length && (react_1.default.createElement("div", { className: "text-xs/6 font-semibold text-gray-400" }, "Your Apps")),
69
+ filteredApps.length > 1 && (react_1.default.createElement("div", { className: "text-xs/6 font-semibold text-gray-400" }, "Your Apps")),
70
70
  react_1.default.createElement("ul", { role: "list", className: "-mx-2 mt-2 space-y-1" }, filteredApps
71
71
  .map(function (_a) {
72
72
  var initial = _a.initial, isActive = _a.isActive, label = _a.label;
73
73
  return (react_1.default.createElement("li", { key: label },
74
74
  react_1.default.createElement("a", { href: "", className: (0, class_names_1.classNames)(isActive
75
- ? 'bg-gray-800 text-white'
76
- : 'text-gray-400 hover:bg-gray-800 hover:text-white', 'group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold') },
75
+ ? 'text-gray-700 bg-gray-300 dark:bg-gray-700 dark:text-white'
76
+ : 'text-gray-700 hover:bg-gray-300 dark:text-gray-400 dark:hover:bg-gray-800', 'group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold') },
77
77
  react_1.default.createElement("span", { className: "flex size-6 shrink-0 items-center justify-center rounded-lg border border-gray-700 bg-gray-800 text-[0.625rem] font-medium text-gray-400 group-hover:text-white" }, initial),
78
78
  react_1.default.createElement("span", { className: "truncate" }, label))));
79
79
  }))),
80
80
  react_1.default.createElement("li", { className: "-mx-6 mt-auto" },
81
- react_1.default.createElement("div", { className: 'flex justify-center items-center text-white w-full p-4 text-xs ' },
81
+ react_1.default.createElement("div", { className: 'flex justify-center items-center text-gray-900 dark:text-white w-full p-4 text-xs ' },
82
82
  react_1.default.createElement("p", null,
83
83
  "by our Tech Partners",
84
84
  react_1.default.createElement("a", { href: 'https://appcorp.org', target: '_blank', className: 'hover:text-primary' }, " App Corp \uD83D\uDE80"))))))));
package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.js CHANGED
@@ -14,20 +14,19 @@ var vista_dashboard_topbar_type_1 = require("../../type/vista-dashboard-topbar-t
14
14
  var solid_2 = require("@heroicons/react/24/solid");
15
15
  var VistaDashboardTopBarV1 = function (_a) {
16
16
  var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, handleOnClick = _a.handleOnClick, handleTheme = _a.handleTheme, name = _a.name, profileMenuItems = _a.profileMenuItems, _b = _a.theme, theme = _b === void 0 ? vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT : _b;
17
- return (react_1.default.createElement("div", { className: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-6 border-b border-white/5 bg-gray-900 px-4 shadow-sm sm:px-6 lg:px-8" },
17
+ return (react_1.default.createElement("div", { className: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-6 border-b border-black/10 bg-gray-100 dark:bg-gray-900 px-4 shadow-sm sm:px-6 lg:px-8" },
18
18
  react_1.default.createElement("button", { type: "button", onClick: function () { return handleOnClick(true); }, className: "-m-2.5 p-2.5 text-white xl:hidden" },
19
19
  react_1.default.createElement("span", { className: "sr-only" }, "Open sidebar"),
20
20
  react_1.default.createElement(solid_1.Bars3Icon, { "aria-hidden": "true", className: "size-5" })),
21
21
  react_1.default.createElement("div", { className: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" },
22
- react_1.default.createElement("form", { action: "#", method: "GET", className: "flex flex-1" },
23
- react_1.default.createElement("label", { htmlFor: "search-field", className: "sr-only" }, "Search"),
24
- react_1.default.createElement("div", { className: "relative w-full" },
25
- react_1.default.createElement(solid_1.MagnifyingGlassIcon, { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-500" }),
26
- react_1.default.createElement("input", { id: "search-field", name: "search", type: "search", placeholder: "Search...", className: "block size-full border-0 bg-transparent py-0 pl-8 pr-0 text-white focus:ring-0 sm:text-sm" })))),
22
+ react_1.default.createElement("label", { htmlFor: "search-field", className: "sr-only" }, "Search"),
23
+ react_1.default.createElement("div", { className: "relative w-full" },
24
+ react_1.default.createElement(solid_1.MagnifyingGlassIcon, { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-500" }),
25
+ react_1.default.createElement("input", { id: "search-field", name: "search", type: "search", placeholder: "Search...", className: "block size-full border-0 bg-transparent py-0 pl-8 pr-0 text-white focus:ring-0 sm:text-sm" }))),
27
26
  react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
28
27
  theme === vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT ? (react_1.default.createElement("button", { onClick: handleTheme },
29
- react_1.default.createElement(solid_2.SunIcon, { className: 'size-5 text-gray-400' }))) : (react_1.default.createElement("button", { onClick: handleTheme },
30
- react_1.default.createElement(solid_2.MoonIcon, { className: 'size-5 text-gray-400' }))),
28
+ react_1.default.createElement(solid_2.SunIcon, { className: 'size-5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300' }))) : (react_1.default.createElement("button", { onClick: handleTheme },
29
+ react_1.default.createElement(solid_2.MoonIcon, { className: 'size-5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300' }))),
31
30
  react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
32
31
  react_1.default.createElement(vista_dashboard_notification_v1_1.VistaDashboardNotificationV1, null),
33
32
  react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
package/molecules/vista-drawer-v1/vista-drawer-v1.js CHANGED
@@ -25,7 +25,7 @@ var VistaDrawerV1 = function (_a) {
25
25
  react_1.default.createElement("div", { className: "absolute inset-0 overflow-hidden" },
26
26
  react_1.default.createElement("div", { className: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" },
27
27
  react_1.default.createElement(react_2.DialogPanel, { className: "pointer-events-auto w-screen transform transition duration-500 ease-in-out data-[closed]:translate-x-full sm:duration-700 ".concat(vistaDrawerSizeMap[size]), transition: true },
28
- react_1.default.createElement("div", { className: "flex h-full flex-col divide-y divide-gray-200 bg-white shadow-xl" },
28
+ react_1.default.createElement("div", { className: "flex h-full flex-col divide-y divide-gray-200 dark:divide-gray-700 bg-white dark:bg-gray-900 shadow-xl" },
29
29
  react_1.default.createElement("div", null,
30
30
  react_1.default.createElement("div", { className: "flex min-h-0 flex-1 flex-col" },
31
31
  react_1.default.createElement("div", { className: "bg-indigo-700 px-4 py-6 sm:px-6" },
@@ -35,7 +35,7 @@ var VistaDrawerV1 = function (_a) {
35
35
  react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: function () { return handleSetIsOpen(false); }, icon: react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6" }), variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON }))),
36
36
  description && (react_1.default.createElement("div", { className: "mt-1" },
37
37
  react_1.default.createElement("p", { className: "text-sm text-indigo-300" }, description)))))),
38
- react_1.default.createElement("div", { className: "relative flex-1 px-4 py-6 sm:px-6 overflow-y-scroll" }, children),
38
+ react_1.default.createElement("div", { className: "relative flex-1 px-4 py-6 sm:px-6 overflow-y-scroll text-gray-900 dark:text-white" }, children),
39
39
  react_1.default.createElement("div", { className: "flex shrink-0 justify-end px-4 py-4 gap-4" },
40
40
  react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: cancelDisabled, handleOnClick: function () { return handleCancelOnClick(false); }, label: cancelLabel, prefixIcon: cancelPrefixIcon, rounded: cancelRounded, size: cancelSize, suffixIcon: cancelSuffixIcon, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.SECONDARY }),
41
41
  handleSaveOnClick && saveLabel && (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { disabled: saveDisabled, handleOnClick: handleSaveOnClick, label: saveLabel, prefixIcon: savePrefixIcon, rounded: saveRounded, size: saveSize, suffixIcon: saveSuffixIcon, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY }))))))))));
package/molecules/vista-table-footer-v1.js CHANGED
@@ -11,7 +11,7 @@ var vista_button_v1_1 = require("./vista-button-v1/vista-button-v1");
11
11
  var VistaTableFooterV1 = function (_a) {
12
12
  var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, selectKey1 = _a.selectKey1, selectKey2 = _a.selectKey2, selected = _a.selected, totalPages = _a.totalPages;
13
13
  return (react_1.default.createElement("div", { className: "grid w-full grid-cols-12 items-center border-t border-gray-300 px-4 py-4 text-white" },
14
- react_1.default.createElement("div", { className: "col-span-6" },
14
+ react_1.default.createElement("div", { className: "col-span-6 text-gray-900 dark:text-white" },
15
15
  react_1.default.createElement("span", { className: "font-bold" },
16
16
  "Page ",
17
17
  currentPage),
package/molecules/vista-table-header-v1.js CHANGED
@@ -10,8 +10,8 @@ var VistaTableHeaderV1 = function (_a) {
10
10
  var headerActions = _a.headerActions, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading;
11
11
  return (react_1.default.createElement("div", { className: "sm:flex sm:items-center" },
12
12
  react_1.default.createElement("div", { className: "sm:flex-auto" },
13
- react_1.default.createElement("h1", { className: "text-base font-semibold text-gray-50" }, tableHeading),
14
- react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-100" }, tableDescription)),
13
+ react_1.default.createElement("h1", { className: "text-base font-semibold text-gray-900 dark:text-white" }, tableHeading),
14
+ react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-900 dark:text-white" }, tableDescription)),
15
15
  react_1.default.createElement("div", { className: "mt-4 flex gap-4 sm:ml-16 sm:mt-0 sm:flex-none" }, headerActions
16
16
  .filter(function (_a) {
17
17
  var enabled = _a.enabled;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.0.19",
3
+ "version": "0.0.21",
4
4
  "scripts": {
5
5
  "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
6
6
  "build:next": "next build",