@visio-io/design-system 1.7.0 → 1.8.1

package/package.json

@@ -1,85 +1,84 @@
-{
-  "name": "@visio-io/design-system",
-  "version": "1.7.0",
-  "description": "Visio Design System",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.es.js",
-  "types": "dist/types/index.d.ts",
-  "style": "dist/style.css",
-  "exports": {
-    ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js",
-      "default": "./dist/index.es.js"
-    },
-    "./style.css": "./dist/style.css",
-    "./tokens": "./src/styles/tokens/index.ts"
-  },
-  "files": [
-    "dist",
-    "src/styles/tokens"
-  ],
-  "sideEffects": [
-    "**/*.scss",
-    "**/*.css"
-  ],
-  "scripts": {
-    "dev": "storybook dev -p 6006",
-    "start": "storybook dev -p 6066 --host 0.0.0.0 --no-open",
-    "build": "vite build && tsc -p tsconfig.build.json",
-    "build-storybook": "storybook build",
-    "storybook": "storybook dev -p 6006",
-    "prepare": "npm run build",
-    "type-check": "tsc --noEmit",
-    "release": "pnpm build && changeset publish"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/visio-io/visio-design-system.git"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.0.0",
-    "@emotion/styled": "^11.0.0",
-    "@mui/x-date-pickers": "^6.0.0 || ^7.0.0 || ^8.0.0",
-    "@mui/material": "^7.3.6",
-    "@vis.gl/react-google-maps": "^1.0.0",
-    "dayjs": "^1.11.0",
-    "jotai": "^2.16.2",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-hook-form": "^7.54.0",
-    "zod": "^3.24.1"
-  },
-  "devDependencies": {
-    "@changesets/cli": "^2.27.1",
-    "@hookform/resolvers": "^3.9.1",
-    "@storybook/addon-a11y": "^8.6.15",
-    "@storybook/addon-essentials": "^8.6.15",
-    "@storybook/react": "^8.6.15",
-    "@storybook/react-vite": "^8.6.15",
-    "@types/google.maps": "^3.58.1",
-    "@types/node": "^25.0.9",
-    "@types/react": "^19.0.0",
-    "@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",
-    "storybook": "^8.6.15",
-    "typescript": "^5.6.0",
-    "vite": "^5.4.0",
-    "vite-plugin-svgr": "^4.5.0"
-  },
-  "dependencies": {
-    "@mui/icons-material": "^7.3.7",
-    "framer-motion": "^12.29.2",
-    "supercluster": "^8.0.1"
-  }
-}
+{
+  "name": "@visio-io/design-system",
+  "version": "1.8.1",
+  "description": "Visio Design System",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/types/index.d.ts",
+  "style": "dist/style.css",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.es.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./tokens": "./src/styles/tokens/index.ts"
+  },
+  "files": [
+    "dist",
+    "src/styles/tokens"
+  ],
+  "sideEffects": [
+    "**/*.scss",
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/visio-io/visio-design-system.git"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "@mui/x-date-pickers": "^6.0.0 || ^7.0.0 || ^8.0.0",
+    "@mui/material": "^7.3.6",
+    "@vis.gl/react-google-maps": "^1.0.0",
+    "dayjs": "^1.11.0",
+    "jotai": "^2.16.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.54.0",
+    "zod": "^3.24.1"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.27.1",
+    "@hookform/resolvers": "^3.9.1",
+    "@storybook/addon-a11y": "^8.6.15",
+    "@storybook/addon-essentials": "^8.6.15",
+    "@storybook/react": "^8.6.15",
+    "@storybook/react-vite": "^8.6.15",
+    "@types/google.maps": "^3.58.1",
+    "@types/node": "^25.0.9",
+    "@types/react": "^19.0.0",
+    "@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",
+    "storybook": "^8.6.15",
+    "typescript": "^5.6.0",
+    "vite": "^5.4.0",
+    "vite-plugin-svgr": "^4.5.0"
+  },
+  "dependencies": {
+    "@mui/icons-material": "^7.3.7",
+    "framer-motion": "^12.29.2",
+    "supercluster": "^8.0.1"
+  },
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "start": "storybook dev -p 6066 --host 0.0.0.0 --no-open",
+    "build": "vite build && tsc -p tsconfig.build.json",
+    "build-storybook": "storybook build",
+    "storybook": "storybook dev -p 6006",
+    "type-check": "tsc --noEmit",
+    "release": "pnpm build && changeset publish"
+  }
+}

package/src/styles/tokens/colors.scss

@@ -1,53 +1,53 @@
-$visio-light-colors: (
-  primary: #006399,
-  on-primary: #ffffff,
-  primary-container: #cfe5ff,
-  on-primary-container: #001d33,
-  secondary: #526070,
-  on-secondary: #ffffff,
-  secondary-container: #d5e4f7,
-  on-secondary-container: #0f1d2a,
-  tertiary: #68587a,
-  on-tertiary: #ffffff,
-  tertiary-container: #eedcff,
-  on-tertiary-container: #231533,
-  error: #ba1a1a,
-  on-error: #ffffff,
-  error-container: #ffdad6,
-  on-error-container: #410002,
-  surface: #fdfcff,
-  on-surface: #1a1c1e,
-  surface-variant: #dee3eb,
-  on-surface-variant: #42474e,
-  outline: #72787e,
-  inverse-surface: #2f3033,
-  inverse-on-surface: #f1f0f4,
-  inverse-primary: #98cbff,
-);
-
-$visio-dark-colors: (
-  primary: #98cbff,
-  on-primary: #003354,
-  primary-container: #004a78,
-  on-primary-container: #cfe5ff,
-  secondary: #b9c8da,
-  on-secondary: #233241,
-  secondary-container: #3a4a58,
-  on-secondary-container: #d5e4f7,
-  tertiary: #d3bee5,
-  on-tertiary: #382a4a,
-  tertiary-container: #4f4062,
-  on-tertiary-container: #eedcff,
-  error: #ffb4ab,
-  on-error: #690005,
-  error-container: #93000a,
-  on-error-container: #ffdad6,
-  surface: #1a1c1e,
-  on-surface: #e2e2e6,
-  surface-variant: #42474e,
-  on-surface-variant: #c2c7cf,
-  outline: #8c9198,
-  inverse-surface: #e2e2e6,
-  inverse-on-surface: #2f3033,
-  inverse-primary: #006399,
-);
+$visio-light-colors: (
+  primary: #006399,
+  on-primary: #ffffff,
+  primary-container: #cfe5ff,
+  on-primary-container: #001d33,
+  secondary: #526070,
+  on-secondary: #ffffff,
+  secondary-container: #d5e4f7,
+  on-secondary-container: #0f1d2a,
+  tertiary: #68587a,
+  on-tertiary: #ffffff,
+  tertiary-container: #eedcff,
+  on-tertiary-container: #231533,
+  error: #ba1a1a,
+  on-error: #ffffff,
+  error-container: #ffdad6,
+  on-error-container: #410002,
+  surface: #fdfcff,
+  on-surface: #1a1c1e,
+  surface-variant: #dee3eb,
+  on-surface-variant: #42474e,
+  outline: #72787e,
+  inverse-surface: #2f3033,
+  inverse-on-surface: #f1f0f4,
+  inverse-primary: #98cbff,
+);
+
+$visio-dark-colors: (
+  primary: #98cbff,
+  on-primary: #003354,
+  primary-container: #004a78,
+  on-primary-container: #cfe5ff,
+  secondary: #b9c8da,
+  on-secondary: #233241,
+  secondary-container: #3a4a58,
+  on-secondary-container: #d5e4f7,
+  tertiary: #d3bee5,
+  on-tertiary: #382a4a,
+  tertiary-container: #4f4062,
+  on-tertiary-container: #eedcff,
+  error: #ffb4ab,
+  on-error: #690005,
+  error-container: #93000a,
+  on-error-container: #ffdad6,
+  surface: #1a1c1e,
+  on-surface: #e2e2e6,
+  surface-variant: #42474e,
+  on-surface-variant: #c2c7cf,
+  outline: #8c9198,
+  inverse-surface: #e2e2e6,
+  inverse-on-surface: #2f3033,
+  inverse-primary: #006399,
+);

package/src/styles/tokens/colors.ts

@@ -1,53 +1,53 @@
-export const lightColors = {
-  primary: "#006399",
-  onPrimary: "#ffffff",
-  primaryContainer: "#cfe5ff",
-  onPrimaryContainer: "#001d33",
-  secondary: "#526070",
-  onSecondary: "#ffffff",
-  secondaryContainer: "#d5e4f7",
-  onSecondaryContainer: "#0f1d2a",
-  tertiary: "#68587a",
-  onTertiary: "#ffffff",
-  tertiaryContainer: "#eedcff",
-  onTertiaryContainer: "#231533",
-  error: "#ba1a1a",
-  onError: "#ffffff",
-  errorContainer: "#ffdad6",
-  onErrorContainer: "#410002",
-  surface: "#fdfcff",
-  onSurface: "#1a1c1e",
-  surfaceVariant: "#dee3eb",
-  onSurfaceVariant: "#42474e",
-  outline: "#72787e",
-  inverseSurface: "#2f3033",
-  inverseOnSurface: "#f1f0f4",
-  inversePrimary: "#98cbff",
-} as const;
-
-export const darkColors = {
-  primary: "#98cbff",
-  onPrimary: "#003354",
-  primaryContainer: "#004a78",
-  onPrimaryContainer: "#cfe5ff",
-  secondary: "#b9c8da",
-  onSecondary: "#233241",
-  secondaryContainer: "#3a4a58",
-  onSecondaryContainer: "#d5e4f7",
-  tertiary: "#d3bee5",
-  onTertiary: "#382a4a",
-  tertiaryContainer: "#4f4062",
-  onTertiaryContainer: "#eedcff",
-  error: "#ffb4ab",
-  onError: "#690005",
-  errorContainer: "#93000a",
-  onErrorContainer: "#ffdad6",
-  surface: "#1a1c1e",
-  onSurface: "#e2e2e6",
-  surfaceVariant: "#42474e",
-  onSurfaceVariant: "#c2c7cf",
-  outline: "#8c9198",
-  inverseSurface: "#e2e2e6",
-  inverseOnSurface: "#2f3033",
-  inversePrimary: "#006399",
-} as const;
+export const lightColors = {
+  primary: "#006399",
+  onPrimary: "#ffffff",
+  primaryContainer: "#cfe5ff",
+  onPrimaryContainer: "#001d33",
+  secondary: "#526070",
+  onSecondary: "#ffffff",
+  secondaryContainer: "#d5e4f7",
+  onSecondaryContainer: "#0f1d2a",
+  tertiary: "#68587a",
+  onTertiary: "#ffffff",
+  tertiaryContainer: "#eedcff",
+  onTertiaryContainer: "#231533",
+  error: "#ba1a1a",
+  onError: "#ffffff",
+  errorContainer: "#ffdad6",
+  onErrorContainer: "#410002",
+  surface: "#fdfcff",
+  onSurface: "#1a1c1e",
+  surfaceVariant: "#dee3eb",
+  onSurfaceVariant: "#42474e",
+  outline: "#72787e",
+  inverseSurface: "#2f3033",
+  inverseOnSurface: "#f1f0f4",
+  inversePrimary: "#98cbff",
+} as const;
+
+export const darkColors = {
+  primary: "#98cbff",
+  onPrimary: "#003354",
+  primaryContainer: "#004a78",
+  onPrimaryContainer: "#cfe5ff",
+  secondary: "#b9c8da",
+  onSecondary: "#233241",
+  secondaryContainer: "#3a4a58",
+  onSecondaryContainer: "#d5e4f7",
+  tertiary: "#d3bee5",
+  onTertiary: "#382a4a",
+  tertiaryContainer: "#4f4062",
+  onTertiaryContainer: "#eedcff",
+  error: "#ffb4ab",
+  onError: "#690005",
+  errorContainer: "#93000a",
+  onErrorContainer: "#ffdad6",
+  surface: "#1a1c1e",
+  onSurface: "#e2e2e6",
+  surfaceVariant: "#42474e",
+  onSurfaceVariant: "#c2c7cf",
+  outline: "#8c9198",
+  inverseSurface: "#e2e2e6",
+  inverseOnSurface: "#2f3033",
+  inversePrimary: "#006399",
+} as const;