@cere/cere-design-system 0.0.45 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cere/cere-design-system",
-  "version": "0.0.45",
+  "version": "0.2.0",
   "description": "Cere Network Design System - UI component library built with Material UI and React",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -11,14 +11,73 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
-    "./tokens.css": "./dist/tokens.css"
+    "./buttons": {
+      "types": "./dist/buttons.d.ts",
+      "import": "./dist/buttons.mjs",
+      "require": "./dist/buttons.js"
+    },
+    "./inputs": {
+      "types": "./dist/inputs.d.ts",
+      "import": "./dist/inputs.mjs",
+      "require": "./dist/inputs.js"
+    },
+    "./layout": {
+      "types": "./dist/layout.d.ts",
+      "import": "./dist/layout.mjs",
+      "require": "./dist/layout.js"
+    },
+    "./feedback": {
+      "types": "./dist/feedback.d.ts",
+      "import": "./dist/feedback.mjs",
+      "require": "./dist/feedback.js"
+    },
+    "./icons": {
+      "types": "./dist/icons.d.ts",
+      "import": "./dist/icons.mjs",
+      "require": "./dist/icons.js"
+    },
+    "./navigation": {
+      "types": "./dist/navigation.d.ts",
+      "import": "./dist/navigation.mjs",
+      "require": "./dist/navigation.js"
+    },
+    "./charts": {
+      "types": "./dist/charts.d.ts",
+      "import": "./dist/charts.mjs",
+      "require": "./dist/charts.js"
+    },
+    "./utilities": {
+      "types": "./dist/utilities.d.ts",
+      "import": "./dist/utilities.mjs",
+      "require": "./dist/utilities.js"
+    },
+    "./third-party": {
+      "types": "./dist/third-party.d.ts",
+      "import": "./dist/third-party.mjs",
+      "require": "./dist/third-party.js"
+    },
+    "./carousel": {
+      "types": "./dist/carousel.d.ts",
+      "import": "./dist/carousel.mjs",
+      "require": "./dist/carousel.js"
+    },
+    "./tokens.css": "./dist/tokens.css",
+    "./fonts/inter.css": "./dist/fonts/inter.css",
+    "./fonts/human-sans.css": "./dist/fonts/human-sans.css"
   },
+  "sideEffects": [
+    "**/*.css",
+    "./dist/tokens.css",
+    "./dist/fonts/inter.css",
+    "./dist/fonts/human-sans.css"
+  ],
   "files": [
     "dist",
     ".specify/memory"
   ],
   "scripts": {
-    "build": "tsup",
+    "tokens:build": "style-dictionary build --config style-dictionary.config.mjs",
+    "build": "npm run tokens:build && tsup",
     "dev": "tsup --watch",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -31,9 +90,13 @@
     "lint:fix": "eslint . --ext ts,tsx --fix",
     "type-check": "tsc --noEmit",
     "check-types:ci": "tsc --noEmit",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "changeset": "changeset",
+    "version:changesets": "changeset version",
+    "release": "npm run build && changeset publish"
   },
   "dependencies": {
+    "@fontsource-variable/inter": "^5.2.8",
     "byte-size": "^9.0.0",
     "date-fns": "^3.6.0",
     "github-markdown-css": "^5.6.1",
@@ -56,8 +119,7 @@
     "embla-carousel-autoplay": "^8.0.0",
     "embla-carousel-react": "^8.0.0",
     "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0",
-    "reactflow": "^11.11.4"
+    "react-dom": "^18.2.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "embla-carousel-autoplay": {
@@ -69,6 +131,7 @@
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.10.0",
+    "@changesets/cli": "^2.31.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@jest/globals": "^29.7.0",
@@ -91,28 +154,33 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/byte-size": "^8.1.2",
     "@types/jest": "^29.5.14",
+    "@types/jest-image-snapshot": "^6.4.1",
     "@types/node": "^22.13.10",
     "@types/react": "^18.2.64",
     "@types/react-dom": "^18.2.21",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
     "@vitejs/plugin-react": "^4.2.1",
+    "concurrently": "^9.2.3",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.11",
     "eslint-plugin-storybook": "^0.11.2",
-    "embla-carousel-autoplay": "^8.6.0",
-    "embla-carousel-react": "^8.6.0",
+    "http-server": "^14.1.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "jest-image-snapshot": "^6.5.2",
     "monaco-editor": "^0.55.1",
     "playwright": "^1.48.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "reactflow": "^11.11.4",
     "storybook": "^8.4.7",
+    "style-dictionary": "^4.4.0",
     "ts-jest": "^29.2.5",
     "tsup": "^8.3.5",
     "typescript": "^5.2.2",

package/dist/index.css

@@ -1,79 +0,0 @@
-/* src/assets/fonts/human-sans-font.css */
-@font-face {
-  font-family: "HumanSans";
-  font-weight: 200;
-  font-style: normal;
-  font-display: swap;
-  src: url("./HumanSans-ExtraLight-VL7DEKQ4.otf") format("opentype");
-}
-@font-face {
-  font-family: "HumanSans";
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-  src: url("./HumanSans-Light-YV7AFKRB.otf") format("opentype");
-}
-@font-face {
-  font-family: "HumanSans";
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-  src: url("./HumanSans-Regular-QMFEP3F6.otf") format("opentype");
-}
-@font-face {
-  font-family: "HumanSans";
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-  src: url("./HumanSans-Medium-UULJ3PIR.otf") format("opentype");
-}
-@font-face {
-  font-family: "HumanSans";
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-  src: url("./HumanSans-Bold-4EAJ3L3T.otf") format("opentype");
-}
-@font-face {
-  font-family: "HumanSans";
-  font-weight: 900;
-  font-style: normal;
-  font-display: swap;
-  src: url("./HumanSans-Black-C4YJONK7.otf") format("opentype");
-}
-@font-face {
-  font-family: "HumanSans";
-  font-weight: 200;
-  font-style: oblique;
-  font-display: swap;
-  src: url("./HumanSans-ExtraLightOblique-VK2JTUXF.otf") format("opentype");
-}
-@font-face {
-  font-family: "HumanSans";
-  font-weight: 300;
-  font-style: oblique;
-  font-display: swap;
-  src: url("./HumanSans-LightOblique-VIXV7QA6.otf") format("opentype");
-}
-@font-face {
-  font-family: "HumanSans";
-  font-weight: 400;
-  font-style: oblique;
-  font-display: swap;
-  src: url("./HumanSans-RegularOblique-YPKQJAAM.otf") format("opentype");
-}
-@font-face {
-  font-family: "HumanSans";
-  font-weight: 500;
-  font-style: oblique;
-  font-display: swap;
-  src: url("./HumanSans-MediumOblique-M7FHDZRS.otf") format("opentype");
-}
-@font-face {
-  font-family: "HumanSans";
-  font-weight: 700;
-  font-style: oblique;
-  font-display: swap;
-  src: url("./HumanSans-BoldOblique-4D325T4F.otf") format("opentype");
-}
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/assets/fonts/human-sans-font.css"],"sourcesContent":["@font-face {\n  font-family: 'HumanSans';\n  font-weight: 200;\n  font-style: normal;\n  font-display: swap;\n  src: url('./HumanSans-ExtraLight.otf') format('opentype');\n}\n\n@font-face {\n  font-family: 'HumanSans';\n  font-weight: 300;\n  font-style: normal;\n  font-display: swap;\n  src: url('./HumanSans-Light.otf') format('opentype');\n}\n\n@font-face {\n  font-family: 'HumanSans';\n  font-weight: 400;\n  font-style: normal;\n  font-display: swap;\n  src: url('./HumanSans-Regular.otf') format('opentype');\n}\n\n@font-face {\n  font-family: 'HumanSans';\n  font-weight: 500;\n  font-style: normal;\n  font-display: swap;\n  src: url('./HumanSans-Medium.otf') format('opentype');\n}\n\n@font-face {\n  font-family: 'HumanSans';\n  font-weight: 700;\n  font-style: normal;\n  font-display: swap;\n  src: url('./HumanSans-Bold.otf') format('opentype');\n}\n\n@font-face {\n  font-family: 'HumanSans';\n  font-weight: 900;\n  font-style: normal;\n  font-display: swap;\n  src: url('./HumanSans-Black.otf') format('opentype');\n}\n\n@font-face {\n  font-family: 'HumanSans';\n  font-weight: 200;\n  font-style: oblique;\n  font-display: swap;\n  src: url('./HumanSans-ExtraLightOblique.otf') format('opentype');\n}\n\n@font-face {\n  font-family: 'HumanSans';\n  font-weight: 300;\n  font-style: oblique;\n  font-display: swap;\n  src: url('./HumanSans-LightOblique.otf') format('opentype');\n}\n\n@font-face {\n  font-family: 'HumanSans';\n  font-weight: 400;\n  font-style: oblique;\n  font-display: swap;\n  src: url('./HumanSans-RegularOblique.otf') format('opentype');\n}\n\n@font-face {\n  font-family: 'HumanSans';\n  font-weight: 500;\n  font-style: oblique;\n  font-display: swap;\n  src: url('./HumanSans-MediumOblique.otf') format('opentype');\n}\n\n@font-face {\n  font-family: 'HumanSans';\n  font-weight: 700;\n  font-style: oblique;\n  font-display: swap;\n  src: url('./HumanSans-BoldOblique.otf') format('opentype');\n}\n\n"],"mappings":";AAAA;AACE,eAAa;AACb,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,OAAK,2CAAkC,OAAO;AAChD;AAEA;AACE,eAAa;AACb,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,OAAK,sCAA6B,OAAO;AAC3C;AAEA;AACE,eAAa;AACb,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,OAAK,wCAA+B,OAAO;AAC7C;AAEA;AACE,eAAa;AACb,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,OAAK,uCAA8B,OAAO;AAC5C;AAEA;AACE,eAAa;AACb,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,OAAK,qCAA4B,OAAO;AAC1C;AAEA;AACE,eAAa;AACb,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,OAAK,sCAA6B,OAAO;AAC3C;AAEA;AACE,eAAa;AACb,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,OAAK,kDAAyC,OAAO;AACvD;AAEA;AACE,eAAa;AACb,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,OAAK,6CAAoC,OAAO;AAClD;AAEA;AACE,eAAa;AACb,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,OAAK,+CAAsC,OAAO;AACpD;AAEA;AACE,eAAa;AACb,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,OAAK,8CAAqC,OAAO;AACnD;AAEA;AACE,eAAa;AACb,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,OAAK,4CAAmC,OAAO;AACjD;","names":[]}