@primer/primitives 8.2.4-rc.e3ccaf09 → 8.2.4-rc.ea4beb50

package/dist/styleLint/functional/themes/light.json

@@ -12571,6 +12571,64 @@
     "attributes": {},
     "path": ["label", "coral", "fgColor", "active"]
   },
+  "tooltip-bgColor": {
+    "value": "#24292f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "tooltip-bgColor",
+    "attributes": {},
+    "path": ["tooltip", "bgColor"]
+  },
+  "tooltip-fgColor": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.onEmphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "tooltip-fgColor",
+    "attributes": {},
+    "path": ["tooltip", "fgColor"]
+  },
   "fgColor-default": {
     "value": "#1f2328",
     "$type": "color",
@@ -12684,6 +12742,35 @@
     "attributes": {},
     "path": ["fgColor", "onEmphasis"]
   },
+  "fgColor-onInverse": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "onInverse"]
+  },
   "fgColor-white": {
     "value": "#ffffff",
     "$type": "color",

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@primer/primitives",
-  "version": "8.2.4-rc.e3ccaf09",
+  "version": "8.2.4-rc.ea4beb50",
   "description": "Typography, spacing, and color primitives for Primer design system",
+  "engines": {
+    "node": ">=18.18.0 <18.19.0"
+  },
   "files": [
     "dist",
     "src/**/*",
@@ -25,17 +28,17 @@
   "scripts": {
     "build": "npm run build:v8 && npm run build:fallbacks && npm run build:figma",
     "build:next": "echo '\\033[31m 🛑 Use npm run build instead of npm run build:next\\033[0m'",
-    "build:v8": "ts-node ./scripts/buildTokens.ts",
-    "build:fallbacks": "ts-node ./scripts/buildFallbacks.ts",
-    "build:figma": "ts-node scripts/buildFigma.ts",
-    "tokenJson:check": "ts-node scripts/diffThemes.ts && ts-node scripts/diffTokenProps.ts",
-    "contrast:check": "ts-node scripts/color-contrast.ts",
+    "build:v8": "tsx ./scripts/buildTokens.ts",
+    "build:fallbacks": "tsx ./scripts/buildFallbacks.ts",
+    "build:figma": "tsx scripts/buildFigma.ts",
+    "tokenJson:check": "tsx scripts/diffThemes.ts && tsx scripts/diffTokenProps.ts",
+    "contrast:check": "tsx scripts/color-contrast.ts",
     "format": "prettier --write  '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
     "format:check": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
     "install:storybook": "cd docs/storybook && npm ci --legacy-peer-deps --no-audit --no-fund",
-    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0 --config .eslintrc.cjs && npm run lint:tokens",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint '**/*.{js,ts,tsx,md,mdx}' --config .eslintrc.cjs && npm run lint:tokens",
     "lint:fix": "eslint '**/*.{js,ts,tsx,md,mdx}' --fix --max-warnings=0 --config .eslintrc.cjs",
-    "lint:tokens": "ts-node ./scripts/validateTokenJson.ts",
+    "lint:tokens": "tsx ./scripts/validateTokenJson.ts",
     "prebuild": "rm -rf dist",
     "prepack": "npm run build",
     "release": "changeset publish",
@@ -71,7 +74,7 @@
     "markdown-table-ts": "^1.0.3",
     "prettier": "3.3",
     "style-dictionary": "^3.9.2",
-    "ts-node": "^10.9.2",
+    "tsx": "^4.16.2",
     "typescript": "5.5",
     "vitest": "^2.0.1",
     "zod": "3.23",

package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5

@@ -362,6 +362,12 @@
         $type: 'color',
       },
     },
+    borderColor: {
+      rest: {
+        $value: '{borderColor.emphasis}',
+        $type: 'color',
+      },
+    },
   },
   button: {
     primary: {
@@ -902,4 +908,14 @@
       },
     },
   },
+  tooltip: {
+    bgColor: {
+      $value: '{bgColor.inverse}',
+      $type: 'color',
+    },
+    fgColor: {
+      $value: '{fgColor.onInverse}',
+      $type: 'color',
+    },
+  },
 }

package/src/tokens/functional/color/dark/patterns-dark.json5

@@ -3073,4 +3073,30 @@
       },
     },
   },
+  tooltip: {
+    bgColor: {
+      $value: '{bgColor.emphasis}',
+      $type: 'color',
+      $extensions: {
+        'org.primer.figma': {
+          collection: 'mode',
+          mode: 'dark',
+          group: 'component',
+          scopes: ['bgColor'],
+        },
+      },
+    },
+    fgColor: {
+      $value: '{fgColor.onEmphasis}',
+      $type: 'color',
+      $extensions: {
+        'org.primer.figma': {
+          collection: 'mode',
+          mode: 'dark',
+          group: 'component',
+          scopes: ['fgColor'],
+        },
+      },
+    },
+  },
 }

package/src/tokens/functional/color/dark/primitives-dark.json5

@@ -53,6 +53,18 @@
         },
       },
     },
+    onInverse: {
+      $value: '{base.color.black}',
+      $type: 'color',
+      $extensions: {
+        'org.primer.figma': {
+          collection: 'mode',
+          mode: 'dark',
+          group: 'semantic',
+          scopes: ['fgColor'],
+        },
+      },
+    },
     white: {
       $value: '{base.color.white}',
       $type: 'color',

package/src/tokens/functional/color/light/overrides/light.high-contrast.json5

@@ -326,6 +326,12 @@
         $type: 'color',
       },
     },
+    borderColor: {
+      rest: {
+        $value: '{borderColor.emphasis}',
+        $type: 'color',
+      },
+    },
   },
   button: {
     default: {

package/src/tokens/functional/color/light/patterns-light.json5

@@ -3070,4 +3070,30 @@
       },
     },
   },
+  tooltip: {
+    bgColor: {
+      $value: '{bgColor.emphasis}',
+      $type: 'color',
+      $extensions: {
+        'org.primer.figma': {
+          collection: 'mode',
+          mode: 'light',
+          group: 'component',
+          scopes: ['bgColor'],
+        },
+      },
+    },
+    fgColor: {
+      $value: '{fgColor.onEmphasis}',
+      $type: 'color',
+      $extensions: {
+        'org.primer.figma': {
+          collection: 'mode',
+          mode: 'light',
+          group: 'component',
+          scopes: ['fgColor'],
+        },
+      },
+    },
+  },
 }

package/src/tokens/functional/color/light/primitives-light.json5

@@ -49,6 +49,18 @@
         },
       },
     },
+    onInverse: {
+      $value: '{base.color.white}',
+      $type: 'color',
+      $extensions: {
+        'org.primer.figma': {
+          collection: 'mode',
+          mode: 'light',
+          group: 'semantic',
+          scopes: ['fgColor'],
+        },
+      },
+    },
     white: {
       $value: '{base.color.white}',
       $type: 'color',

package/src/tokens/functional/size/border.json

@@ -81,6 +81,19 @@
           }
         }
       }
+    },
+    "default": {
+      "$value": "{borderRadius.medium}",
+      "$type": "dimension",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "functional/size",
+          "scopes": ["radius"],
+          "codeSyntax": {
+            "web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
+          }
+        }
+      }
     }
   },
   "outline": {