npm - @primer/primitives - Versions diffs - 11.2.0-rc.1821f7d7 → 11.2.1-rc.fce821d3 - Mend

@primer/primitives 11.2.0-rc.1821f7d7 → 11.2.1-rc.fce821d3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/dist/styleLint/functional/themes/light-high-contrast.json CHANGED Viewed

@@ -3858,7 +3858,7 @@
         "group": "semantic",
         "scopes": ["borderColor"],
         "codeSyntax": {
-          "web": "var(--borderColor-draft-muted) */"
+          "web": "var(--borderColor-draft-muted)"
         }
       },
       "org.primer.overrides": {
@@ -3931,7 +3931,7 @@
           "group": "semantic",
           "scopes": ["borderColor"],
           "codeSyntax": {
-            "web": "var(--borderColor-draft-muted) */"
+            "web": "var(--borderColor-draft-muted)"
           }
         },
         "org.primer.overrides": {
@@ -18117,6 +18117,111 @@
     "attributes": {},
     "path": ["counter", "borderColor"]
   },
+  "dashboard-bgColor": {
+    "key": "{dashboard.bgColor}",
+    "$value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/dashboard.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{dashboard.bgColor}"
+    },
+    "name": "dashboard-bgColor",
+    "attributes": {},
+    "path": ["dashboard", "bgColor"]
+  },
   "data-auburn-color-emphasis": {
     "key": "{data.auburn.color.emphasis}",
     "$value": "#9d615c",

package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json CHANGED Viewed

@@ -3860,7 +3860,7 @@
         "group": "semantic",
         "scopes": ["borderColor"],
         "codeSyntax": {
-          "web": "var(--borderColor-draft-muted) */"
+          "web": "var(--borderColor-draft-muted)"
         }
       },
       "org.primer.overrides": {
@@ -3934,7 +3934,7 @@
           "group": "semantic",
           "scopes": ["borderColor"],
           "codeSyntax": {
-            "web": "var(--borderColor-draft-muted) */"
+            "web": "var(--borderColor-draft-muted)"
           }
         },
         "org.primer.overrides": {
@@ -18123,6 +18123,111 @@
     "attributes": {},
     "path": ["counter", "borderColor"]
   },
+  "dashboard-bgColor": {
+    "key": "{dashboard.bgColor}",
+    "$value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#eff2f5",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/dashboard.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{dashboard.bgColor}"
+    },
+    "name": "dashboard-bgColor",
+    "attributes": {},
+    "path": ["dashboard", "bgColor"]
+  },
   "data-auburn-color-emphasis": {
     "key": "{data.auburn.color.emphasis}",
     "$value": "#9d615c",

package/dist/styleLint/functional/themes/light-tritanopia.json CHANGED Viewed

@@ -3862,7 +3862,7 @@
         "group": "semantic",
         "scopes": ["borderColor"],
         "codeSyntax": {
-          "web": "var(--borderColor-draft-muted) */"
+          "web": "var(--borderColor-draft-muted)"
         }
       },
       "org.primer.overrides": {
@@ -3936,7 +3936,7 @@
           "group": "semantic",
           "scopes": ["borderColor"],
           "codeSyntax": {
-            "web": "var(--borderColor-draft-muted) */"
+            "web": "var(--borderColor-draft-muted)"
           }
         },
         "org.primer.overrides": {
@@ -18121,6 +18121,111 @@
     "attributes": {},
     "path": ["counter", "borderColor"]
   },
+  "dashboard-bgColor": {
+    "key": "{dashboard.bgColor}",
+    "$value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/dashboard.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{dashboard.bgColor}"
+    },
+    "name": "dashboard-bgColor",
+    "attributes": {},
+    "path": ["dashboard", "bgColor"]
+  },
   "data-auburn-color-emphasis": {
     "key": "{data.auburn.color.emphasis}",
     "$value": "#9d615c",

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

@@ -3860,7 +3860,7 @@
         "group": "semantic",
         "scopes": ["borderColor"],
         "codeSyntax": {
-          "web": "var(--borderColor-draft-muted) */"
+          "web": "var(--borderColor-draft-muted)"
         }
       },
       "org.primer.overrides": {
@@ -3933,7 +3933,7 @@
           "group": "semantic",
           "scopes": ["borderColor"],
           "codeSyntax": {
-            "web": "var(--borderColor-draft-muted) */"
+            "web": "var(--borderColor-draft-muted)"
           }
         },
         "org.primer.overrides": {
@@ -18115,6 +18115,111 @@
     "attributes": {},
     "path": ["counter", "borderColor"]
   },
+  "dashboard-bgColor": {
+    "key": "{dashboard.bgColor}",
+    "$value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#f6f8fa",
+          "filePath": "src/tokens/component/dashboard.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/dashboard.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{bgColor.inset}",
+            "filePath": "src/tokens/component/dashboard.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{dashboard.bgColor}"
+    },
+    "name": "dashboard-bgColor",
+    "attributes": {},
+    "path": ["dashboard", "bgColor"]
+  },
   "data-auburn-color-emphasis": {
     "key": "{data.auburn.color.emphasis}",
     "$value": "#9d615c",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "11.2.0-rc.1821f7d7",
+  "version": "11.2.1-rc.fce821d3",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "type": "module",
   "files": [

package/src/tokens/component/dashboard.json5 ADDED Viewed

@@ -0,0 +1,35 @@
+{
+  dashboard: {
+    bgColor: {
+      $value: '{bgColor.default}',
+      $type: 'color',
+      $extensions: {
+        'org.primer.figma': {
+          collection: 'mode',
+          group: 'component (internal)',
+          scopes: ['bgColor'],
+        },
+        'org.primer.overrides': {
+          dark: {
+            $value: '{bgColor.inset}',
+          },
+          'dark-dimmed': {
+            $value: '{bgColor.inset}',
+          },
+          'dark-dimmed-high-contrast': {
+            $value: '{bgColor.inset}',
+          },
+          'dark-high-contrast': {
+            $value: '{bgColor.inset}',
+          },
+          'dark-protanopia-deuteranopia-high-contrast': {
+            $value: '{bgColor.inset}',
+          },
+          'dark-tritanopia-high-contrast': {
+            $value: '{bgColor.inset}',
+          },
+        },
+      },
+    },
+  },
+}

package/src/tokens/functional/color/borderColor.json5 CHANGED Viewed

@@ -744,7 +744,7 @@
             group: 'semantic',
             scopes: ['borderColor'],
             codeSyntax: {
-              web: 'var(--borderColor-draft-muted) */',
+              web: 'var(--borderColor-draft-muted)',
             },
           },
           'org.primer.overrides': {