npm - @primer/primitives - Versions diffs - 7.17.0-rc.8ff6ed39 → 7.17.0-rc.8fffddc7 - Mend

@primer/primitives 7.17.0-rc.8ff6ed39 → 7.17.0-rc.8fffddc7

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

package/dist/fallbacks/functional/typography/typography.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "--fontStack-system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "--fontStack-sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
   "--fontStack-monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
-  "--text-display-lineBoxHeight": "3.5rem",
+  "--text-display-lineBoxHeight": 1.4,
   "--text-display-size": "2.5rem",
   "--text-display-lineHeight": 1.4,
   "--text-display-weight": 500,

package/dist/figma/figma.json CHANGED Viewed

@@ -85,6 +85,22 @@
         "component",
         "component (internal)"
       ]
+    },
+    "typography": {
+      "modes": [
+        "default"
+      ],
+      "groups": [
+        "typography"
+      ]
+    },
+    "base/typography": {
+      "modes": [
+        "default"
+      ],
+      "groups": [
+        "base/typography"
+      ]
     }
   },
   "files": [
@@ -111,6 +127,7 @@
     "dist/figma/themes/light-colorblind.json",
     "dist/figma/themes/light-high-contrast.json",
     "dist/figma/themes/light-tritanopia.json",
-    "dist/figma/themes/light.json"
+    "dist/figma/themes/light.json",
+    "dist/figma/typography/typography.json"
   ]
 }

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

@@ -5621,6 +5621,86 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "display/pink/borderColor/emphasis",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/emphasis",
+    "reference": "base/color/dark/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/borderColor/muted",
+    "value": {
+      "r": 0.27058823529411763,
+      "g": 0.10980392156862745,
+      "b": 0.20784313725490197,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/muted",
+    "reference": "base/color/dark/base/display/color/pink/1",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/fgColor",
+    "value": {
+      "r": 0.8980392156862745,
+      "g": 0.4823529411764706,
+      "b": 0.6980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/fgColor",
+    "reference": "base/color/dark/base/display/color/pink/6",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/emphasis",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/emphasis",
+    "reference": "base/color/dark/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/muted",
+    "value": {
+      "r": 0.17647058823529413,
+      "g": 0.08235294117647059,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/muted",
+    "reference": "base/color/dark/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "display/indigo/borderColor/emphasis",
     "value": {

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

@@ -5555,6 +5555,86 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "display/pink/borderColor/emphasis",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/emphasis",
+    "reference": "base/color/dark/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/borderColor/muted",
+    "value": {
+      "r": 0.27058823529411763,
+      "g": 0.10980392156862745,
+      "b": 0.20784313725490197,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/muted",
+    "reference": "base/color/dark/base/display/color/pink/1",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/fgColor",
+    "value": {
+      "r": 0.8980392156862745,
+      "g": 0.4823529411764706,
+      "b": 0.6980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/fgColor",
+    "reference": "base/color/dark/base/display/color/pink/6",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/emphasis",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/emphasis",
+    "reference": "base/color/dark/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/muted",
+    "value": {
+      "r": 0.17647058823529413,
+      "g": 0.08235294117647059,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/muted",
+    "reference": "base/color/dark/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "display/indigo/borderColor/emphasis",
     "value": {

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

@@ -5612,6 +5612,86 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "display/pink/borderColor/emphasis",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/emphasis",
+    "reference": "base/color/dark/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/borderColor/muted",
+    "value": {
+      "r": 0.27058823529411763,
+      "g": 0.10980392156862745,
+      "b": 0.20784313725490197,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/muted",
+    "reference": "base/color/dark/base/display/color/pink/1",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/fgColor",
+    "value": {
+      "r": 0.8980392156862745,
+      "g": 0.4823529411764706,
+      "b": 0.6980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/fgColor",
+    "reference": "base/color/dark/base/display/color/pink/6",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/emphasis",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/emphasis",
+    "reference": "base/color/dark/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/muted",
+    "value": {
+      "r": 0.17647058823529413,
+      "g": 0.08235294117647059,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/muted",
+    "reference": "base/color/dark/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "display/indigo/borderColor/emphasis",
     "value": {

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

@@ -5622,6 +5622,86 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "display/pink/borderColor/emphasis",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/emphasis",
+    "reference": "base/color/dark/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/borderColor/muted",
+    "value": {
+      "r": 0.27058823529411763,
+      "g": 0.10980392156862745,
+      "b": 0.20784313725490197,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/muted",
+    "reference": "base/color/dark/base/display/color/pink/1",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/fgColor",
+    "value": {
+      "r": 0.8980392156862745,
+      "g": 0.4823529411764706,
+      "b": 0.6980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/fgColor",
+    "reference": "base/color/dark/base/display/color/pink/6",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/emphasis",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/emphasis",
+    "reference": "base/color/dark/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/muted",
+    "value": {
+      "r": 0.17647058823529413,
+      "g": 0.08235294117647059,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/muted",
+    "reference": "base/color/dark/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "display/indigo/borderColor/emphasis",
     "value": {

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

@@ -5525,6 +5525,86 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "display/pink/borderColor/emphasis",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/emphasis",
+    "reference": "base/color/dark/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/borderColor/muted",
+    "value": {
+      "r": 0.27058823529411763,
+      "g": 0.10980392156862745,
+      "b": 0.20784313725490197,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/muted",
+    "reference": "base/color/dark/base/display/color/pink/1",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/fgColor",
+    "value": {
+      "r": 0.8980392156862745,
+      "g": 0.4823529411764706,
+      "b": 0.6980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/fgColor",
+    "reference": "base/color/dark/base/display/color/pink/6",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/emphasis",
+    "value": {
+      "r": 0.8274509803921568,
+      "g": 0.27058823529411763,
+      "b": 0.5686274509803921,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/emphasis",
+    "reference": "base/color/dark/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/muted",
+    "value": {
+      "r": 0.17647058823529413,
+      "g": 0.08235294117647059,
+      "b": 0.1411764705882353,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/muted",
+    "reference": "base/color/dark/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "display/indigo/borderColor/emphasis",
     "value": {

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

@@ -5366,6 +5366,86 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "display/pink/borderColor/emphasis",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/emphasis",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/borderColor/muted",
+    "value": {
+      "r": 0.9921568627450981,
+      "g": 0.788235294117647,
+      "b": 0.8862745098039215,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/muted",
+    "reference": "base/color/light/base/display/color/pink/1",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/fgColor",
+    "value": {
+      "r": 0.6941176470588235,
+      "g": 0.1843137254901961,
+      "b": 0.4745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/fgColor",
+    "reference": "base/color/light/base/display/color/pink/6",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/emphasis",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/emphasis",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/muted",
+    "value": {
+      "r": 1,
+      "g": 0.8980392156862745,
+      "b": 0.9450980392156862,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/muted",
+    "reference": "base/color/light/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "display/indigo/borderColor/emphasis",
     "value": {

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

@@ -5352,6 +5352,86 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "display/pink/borderColor/emphasis",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/emphasis",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/borderColor/muted",
+    "value": {
+      "r": 0.9921568627450981,
+      "g": 0.788235294117647,
+      "b": 0.8862745098039215,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/borderColor/muted",
+    "reference": "base/color/light/base/display/color/pink/1",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "display/pink/fgColor",
+    "value": {
+      "r": 0.6941176470588235,
+      "g": 0.1843137254901961,
+      "b": 0.4745098039215686,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/fgColor",
+    "reference": "base/color/light/base/display/color/pink/6",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/emphasis",
+    "value": {
+      "r": 0.807843137254902,
+      "g": 0.17254901960784313,
+      "b": 0.5215686274509804,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/emphasis",
+    "reference": "base/color/light/base/display/color/pink/5",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "display/pink/bgColor/muted",
+    "value": {
+      "r": 1,
+      "g": 0.8980392156862745,
+      "b": 0.9450980392156862,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/display/pink/bgColor/muted",
+    "reference": "base/color/light/base/display/color/pink/0",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "display/indigo/borderColor/emphasis",
     "value": {