@helloimjolopez-pathway/pathway-tokens 5.3.0 → 6.0.0

package/dist/type.css

@@ -0,0 +1,49 @@
+/**
+ * semantic-type — one name per token, breakpoint resolved by media query.
+ * Generated by style-dictionary.config.js. Do not edit.
+ *
+ * :root is the desktop value. Narrower breakpoints override only what differs.
+ */
+:root {
+  --semantic-type-family-brand: Red Hat Text;
+  --semantic-type-font-size-4xl: 40px;
+  --semantic-type-font-size-5xl: 48px;
+  --semantic-type-font-size-6xl: 56px;
+  --semantic-type-font-size-l: 20px;
+  --semantic-type-font-size-m: 18px;
+  --semantic-type-font-size-r: 16px;
+  --semantic-type-font-size-s: 14px;
+  --semantic-type-font-size-xl: 24px;
+  --semantic-type-font-size-xs: 12px;
+  --semantic-type-font-size-xxl: 32px;
+  --semantic-type-font-size-xxs: 11px;
+  --semantic-type-font-size-xxxl: 36px;
+  --semantic-type-font-size-xxxs: 10px;
+  --semantic-type-letter-spacing-compact: 0px;
+  --semantic-type-letter-spacing-extraspacious: 0.6px;
+  --semantic-type-letter-spacing-spacious: 0.3px;
+  --semantic-type-letter-spacing-wide: 0.1px;
+  --semantic-type-line-height-4xl-single: 48px;
+  --semantic-type-line-height-5xl-single: 58px;
+  --semantic-type-line-height-6xl-single: 68px;
+  --semantic-type-line-height-l-single: 28px;
+  --semantic-type-line-height-m-relaxed: 30px;
+  --semantic-type-line-height-m-single: 24px;
+  --semantic-type-line-height-r-single: 22px;
+  --semantic-type-line-height-s-single: 20px;
+  --semantic-type-line-height-s-tight: 18px;
+  --semantic-type-line-height-xl-single: 30px;
+  --semantic-type-line-height-xs-single: 18px;
+  --semantic-type-line-height-xs-tight: 16px;
+  --semantic-type-line-height-xxl-single: 40px;
+  --semantic-type-line-height-xxs-single: 16px;
+  --semantic-type-line-height-xxs-tight: 14px;
+  --semantic-type-line-height-xxxl-single: 44px;
+  --semantic-type-line-height-xxxs-single: 14px;
+  --semantic-type-line-height-xxxs-tight: 12px;
+  --semantic-type-weight-bold: 700;
+  --semantic-type-weight-light: 300;
+  --semantic-type-weight-medium: 500;
+  --semantic-type-weight-regular: 400;
+  --semantic-type-weight-semibold: 600;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helloimjolopez-pathway/pathway-tokens",
-  "version": "5.3.0",
+  "version": "6.0.0",
   "description": "Pathway Design System tokens — CSS custom properties, JS export, and DTCG JSON",
   "license": "UNLICENSED",
   "type": "module",
@@ -8,14 +8,36 @@
     "node": ">=20"
   },
   "files": [
-    "dist"
+    "dist",
+    "components/sidenav/sidenav.jsx",
+    "components/scrollbar/scrollbar.jsx"
   ],
   "main": "./dist/tokens.js",
-  "style": "./dist/tokens.css",
+  "style": "./dist/themes/light.css",
   "exports": {
     ".": "./dist/tokens.js",
-    "./css": "./dist/tokens.css",
-    "./json": "./dist/tokens.json"
+    "./json": "./dist/tokens.json",
+    "./primitives.css": "./dist/primitives.css",
+    "./themes/light.css": "./dist/themes/light.css",
+    "./themes/midnight.css": "./dist/themes/midnight.css",
+    "./sidenav": "./components/sidenav/sidenav.jsx",
+    "./layout.css": "./dist/layout.css",
+    "./layout-contextual.css": "./dist/layout-contextual.css",
+    "./motion.css": "./dist/motion.css",
+    "./breakpoints.css": "./dist/breakpoints.css",
+    "./type.css": "./dist/type.css"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
   },
   "publishConfig": {
     "access": "public",
@@ -30,20 +52,34 @@
     "fix-tokens": "node scripts/fix-tokens.js",
     "fix-tokens-preview": "node scripts/fix-tokens.js --dry-run",
     "build-tokens": "node scripts/sync-motion-tokens.js && node style-dictionary.config.js",
-    "build-dist": "node scripts/sync-motion-tokens.js && node style-dictionary.config.js && node scripts/build-dist.js",
+    "build-dist": "node scripts/sync-motion-tokens.js && node style-dictionary.config.js && node scripts/check-demo-tokens.js && node scripts/check-token-refs.js && node scripts/check-token-names.js && node scripts/build-dist.js && npm run build-elements",
     "storybook": "node style-dictionary.config.js && storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "check-demo-tokens": "node scripts/check-demo-tokens.js",
+    "assemble-export": "node scripts/assemble-figma-export.js",
+    "sync-from-figma": "node scripts/assemble-figma-export.js .figma-dump && node scripts/sync-tokens.js && npm run build-dist",
+    "figma:parse": "figma connect parse",
+    "figma:publish": "figma connect publish",
+    "figma:unpublish": "figma connect unpublish",
+    "check-secrets": "node scripts/check-secrets.js",
+    "check-token-refs": "node scripts/check-token-refs.js",
+    "check-token-names": "node scripts/check-token-names.js",
+    "check-tokens": "node scripts/check-demo-tokens.js && node scripts/check-token-refs.js && node scripts/check-token-names.js",
+    "build-elements": "esbuild components/sidenav/pathway-sidenav.js --bundle --format=esm --minify --loader:.jsx=jsx --jsx=automatic --define:process.env.NODE_ENV='\"production\"' --outfile=dist/pathway-sidenav.js"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.29.2",
     "@babel/preset-react": "^7.28.5",
+    "@figma/code-connect": "^2.0.0",
     "@storybook/addon-a11y": "^8.6.18",
     "@storybook/addon-docs": "^8.6.18",
     "@storybook/addon-webpack5-compiler-babel": "^4.0.1",
     "@storybook/blocks": "^8.6.18",
     "@storybook/react-webpack5": "^8.6.18",
+    "esbuild": "^0.25.12",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "remark-gfm": "^4.0.1",
     "storybook": "^8.6.18",
     "style-dictionary": "^5.4.0"
   }