@visio-io/design-system 1.8.4 → 1.8.6

package/dist/types/components/Icons/index.d.ts

@@ -1,3 +1,18 @@
-export { default as CancelIcon } from '../../assets/icons/cancel.svg?react';
-export { default as ErrorIcon } from '../../assets/icons/error.svg?react';
-export { default as SearchIcon } from '../../assets/icons/search.svg?react';
+export { default as CancelIcon } from "../../assets/icons/cancel.svg?react";
+export { default as ErrorIcon } from "../../assets/icons/error.svg?react";
+export { default as SearchIcon } from "../../assets/icons/search.svg?react";
+export { default as HomeIcon } from "../../assets/icons/home.svg?react";
+export { default as VideocamIcon } from "../../assets/icons/videocam.svg?react";
+export { default as FacialIcon } from "../../assets/icons/facial.svg?react";
+export { default as CarIcon } from "../../assets/icons/car.svg?react";
+export { default as TodayIcon } from "../../assets/icons/today.svg?react";
+export { default as PhotoIcon } from "../../assets/icons/photo.svg?react";
+export { default as PlateCloneIcon } from "../../assets/icons/plate-cone.svg?react";
+export { default as SettingsIcon } from "../../assets/icons/settings.svg?react";
+export { default as InboxIcon } from "../../assets/icons/inbox.svg?react";
+export { default as LprIcon } from "../../assets/icons/lpr.svg?react";
+export { default as LogoutIcon } from "../../assets/icons/move_item.svg?react";
+export { default as LightModeIcon } from "../../assets/icons/light_mode.svg?react";
+export { default as DarkModeIcon } from "../../assets/icons/dark_mode.svg?react";
+export { default as NotificationsIcon } from "../../assets/icons/notifications.svg?react";
+export { default as PersonIcon } from "../../assets/icons/person.svg?react";

package/dist/types/components/index.d.ts

@@ -44,6 +44,6 @@ export { FormMultiSelect } from "./FormMultiSelect";
 export type { FormMultiSelectProps } from "./FormMultiSelect/types";
 export { FormInput } from "./FormInput";
 export type { FormInputProps } from "./FormInput/types";
-export { CancelIcon, ErrorIcon, SearchIcon } from "./Icons";
+export { CancelIcon, ErrorIcon, SearchIcon, HomeIcon, VideocamIcon, FacialIcon as FacialNewIcon, CarIcon, TodayIcon, PhotoIcon, PlateCloneIcon, SettingsIcon, InboxIcon, LprIcon, LogoutIcon, DarkModeIcon, LightModeIcon, NotificationsIcon, PersonIcon, } from "./Icons";
 export { ViewChip } from "./ViewChip";
 export type { ViewChipProps } from "./ViewChip/types";

package/dist/types/styles/tokens/colors.d.ts

@@ -1,6 +1,6 @@
 export declare const lightColors: {
-    readonly primary: "#006399";
-    readonly onPrimary: "#ffffff";
+    readonly primary: "#E5FF4A";
+    readonly onPrimary: "#101111";
     readonly primaryContainer: "#cfe5ff";
     readonly onPrimaryContainer: "#001d33";
     readonly secondary: "#526070";
@@ -18,15 +18,15 @@ export declare const lightColors: {
     readonly surface: "#fdfcff";
     readonly onSurface: "#1a1c1e";
     readonly surfaceVariant: "#dee3eb";
-    readonly onSurfaceVariant: "#42474e";
+    readonly onSurfaceVariant: "#3B3B3C";
     readonly outline: "#72787e";
     readonly inverseSurface: "#2f3033";
     readonly inverseOnSurface: "#f1f0f4";
     readonly inversePrimary: "#98cbff";
 };
 export declare const darkColors: {
-    readonly primary: "#98cbff";
-    readonly onPrimary: "#003354";
+    readonly primary: "#E5FF4A";
+    readonly onPrimary: "#101111";
     readonly primaryContainer: "#004a78";
     readonly onPrimaryContainer: "#cfe5ff";
     readonly secondary: "#b9c8da";
@@ -41,7 +41,7 @@ export declare const darkColors: {
     readonly onError: "#690005";
     readonly errorContainer: "#93000a";
     readonly onErrorContainer: "#ffdad6";
-    readonly surface: "#1a1c1e";
+    readonly surface: "#252626";
     readonly onSurface: "#e2e2e6";
     readonly surfaceVariant: "#42474e";
     readonly onSurfaceVariant: "#c2c7cf";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visio-io/design-system",
-  "version": "1.8.4",
+  "version": "1.8.6",
   "description": "Visio Design System",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -48,6 +48,7 @@
   "devDependencies": {
     "@changesets/cli": "^2.27.1",
     "@hookform/resolvers": "^3.9.1",
+    "@mui/x-date-pickers": "^8.26.0",
     "@storybook/addon-a11y": "^8.6.15",
     "@storybook/addon-essentials": "^8.6.15",
     "@storybook/react": "^8.6.15",
@@ -58,7 +59,6 @@
     "@types/react-dom": "^19.0.0",
     "@types/supercluster": "^7.1.3",
     "@vitejs/plugin-react": "^4.3.0",
-    "@mui/x-date-pickers": "^8.26.0",
     "dayjs": "^1.11.19",
     "jotai": "^2.16.2",
     "sass": "^1.77.0",
@@ -69,6 +69,7 @@
   },
   "dependencies": {
     "@mui/icons-material": "^7.3.7",
+    "@visio-io/design-system": "file:.yalc/@visio-io/design-system",
     "framer-motion": "^12.29.2",
     "supercluster": "^8.0.1"
   },

package/src/styles/tokens/colors.ts

@@ -1,6 +1,6 @@
 export const lightColors = {
-  primary: "#006399",
-  onPrimary: "#ffffff",
+  primary: "#E5FF4A",
+  onPrimary: "#101111",
   primaryContainer: "#cfe5ff",
   onPrimaryContainer: "#001d33",
   secondary: "#526070",
@@ -18,7 +18,7 @@ export const lightColors = {
   surface: "#fdfcff",
   onSurface: "#1a1c1e",
   surfaceVariant: "#dee3eb",
-  onSurfaceVariant: "#42474e",
+  onSurfaceVariant: "#3B3B3C",
   outline: "#72787e",
   inverseSurface: "#2f3033",
   inverseOnSurface: "#f1f0f4",
@@ -26,8 +26,8 @@ export const lightColors = {
 } as const;
 
 export const darkColors = {
-  primary: "#98cbff",
-  onPrimary: "#003354",
+  primary: "#E5FF4A",
+  onPrimary: "#101111",
   primaryContainer: "#004a78",
   onPrimaryContainer: "#cfe5ff",
   secondary: "#b9c8da",
@@ -42,7 +42,7 @@ export const darkColors = {
   onError: "#690005",
   errorContainer: "#93000a",
   onErrorContainer: "#ffdad6",
-  surface: "#1a1c1e",
+  surface: "#252626",
   onSurface: "#e2e2e6",
   surfaceVariant: "#42474e",
   onSurfaceVariant: "#c2c7cf",