npm - @primer/primitives - Versions diffs - 8.2.4-rc.f820602a → 8.2.4 - Mend

@primer/primitives 8.2.4-rc.f820602a → 8.2.4

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 (59) hide show

package/dist/figma/themes/dark-colorblind.json CHANGED Viewed

@@ -2281,6 +2281,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/dark/base/color/black",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7878,6 +7894,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

package/dist/figma/themes/dark-dimmed.json CHANGED Viewed

@@ -2117,6 +2117,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 0.10980392156862745,
+      "g": 0.12941176470588237,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/dark-dimmed/base/color/black",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7909,6 +7925,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 0.803921568627451,
+      "g": 0.8509803921568627,
+      "b": 0.8980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.38823529411764707,
+      "g": 0.43137254901960786,
+      "b": 0.4823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

package/dist/figma/themes/dark-high-contrast.json CHANGED Viewed

@@ -2108,6 +2108,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/dark-high-contrast/base/color/black",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -5025,22 +5041,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "controlTrack/borderColor/rest",
-    "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/controlTrack/borderColor/rest",
-    "reference": "base/color/dark/base/color/transparent",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "controlTrack/bgColor/active",
     "value": {
@@ -7982,6 +7982,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onInverse",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/inverse",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {
@@ -8570,6 +8602,22 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "controlTrack/borderColor/rest",
+    "value": {
+      "r": 0.6196078431372549,
+      "g": 0.6549019607843137,
+      "b": 0.7019607843137254,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/controlTrack/borderColor/rest",
+    "reference": "mode/borderColor/emphasis",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "controlTrack/fgColor/disabled",
     "value": {

package/dist/figma/themes/dark-tritanopia.json CHANGED Viewed

@@ -2281,6 +2281,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/dark/base/color/black",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7879,6 +7895,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

package/dist/figma/themes/dark.json CHANGED Viewed

@@ -2087,6 +2087,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/dark/base/color/black",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7879,6 +7895,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

package/dist/figma/themes/light-colorblind.json CHANGED Viewed

@@ -2174,6 +2174,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/light/base/color/white",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7637,6 +7653,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.1411764705882353,
+      "g": 0.1607843137254902,
+      "b": 0.1843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

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

@@ -2040,6 +2040,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/light/base/color/white",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -4842,22 +4858,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "controlTrack/borderColor/rest",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/controlTrack/borderColor/rest",
-    "reference": "base/color/light/base/color/transparent",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "controlTrack/bgColor/active",
     "value": {
@@ -7717,6 +7717,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.054901960784313725,
+      "g": 0.06666666666666667,
+      "b": 0.08627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {
@@ -8452,6 +8484,22 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "controlTrack/borderColor/rest",
+    "value": {
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/controlTrack/borderColor/rest",
+    "reference": "mode/borderColor/emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "controlTrack/fgColor/disabled",
     "value": {

package/dist/figma/themes/light-tritanopia.json CHANGED Viewed

@@ -2172,6 +2172,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/light/base/color/white",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7631,6 +7647,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.1411764705882353,
+      "g": 0.1607843137254902,
+      "b": 0.1843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

package/dist/figma/themes/light.json CHANGED Viewed

@@ -2020,6 +2020,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/light/base/color/white",
+    "collection": "mode",
+    "mode": "light",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7632,6 +7648,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.1411764705882353,
+      "g": 0.1607843137254902,
+      "b": 0.1843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "light",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

package/dist/internalCss/dark-colorblind.css CHANGED Viewed

@@ -713,9 +713,12 @@
   --label-coral-fgColor-rest: #f7794b;
   --label-coral-fgColor-hover: #fa8c61;
   --label-coral-fgColor-active: #fdaa86;
+  --tooltip-bgColor: #6e7681;
+  --tooltip-fgColor: #ffffff;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #8d96a0;
   --fgColor-onEmphasis: #ffffff;
+  --fgColor-onInverse: #010409;
   --fgColor-white: #ffffff;
   --fgColor-black: #010409;
   --fgColor-disabled: #6e7681;
@@ -1562,9 +1565,12 @@
     --label-coral-fgColor-rest: #f7794b;
     --label-coral-fgColor-hover: #fa8c61;
     --label-coral-fgColor-active: #fdaa86;
+    --tooltip-bgColor: #6e7681;
+    --tooltip-fgColor: #ffffff;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #8d96a0;
     --fgColor-onEmphasis: #ffffff;
+    --fgColor-onInverse: #010409;
     --fgColor-white: #ffffff;
     --fgColor-black: #010409;
     --fgColor-disabled: #6e7681;