npm - @primer/primitives - Versions diffs - 7.16.0-rc.1899c94b → 7.16.0-rc.3077c54b - Mend

@primer/primitives 7.16.0-rc.1899c94b → 7.16.0-rc.3077c54b

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

package/dist/css/functional/themes/dark-colorblind.css CHANGED Viewed

@@ -288,6 +288,7 @@
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
   --selection-bgColor: #1f6febb3;
+  --card-bgColor: #161b22;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
@@ -711,6 +712,7 @@
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
     --selection-bgColor: #1f6febb3;
+    --card-bgColor: #161b22;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;

package/dist/css/functional/themes/dark-dimmed.css CHANGED Viewed

@@ -288,6 +288,7 @@
   --underlineNav-borderColor-hover: #636e7b66;
   --underlineNav-iconColor-rest: #717e8b;
   --selection-bgColor: #316dcab3;
+  --card-bgColor: #2d333b;
   --fgColor-default: #c5d1de;
   --fgColor-muted: #717e8b;
   --fgColor-onEmphasis: #cdd9e5;
@@ -711,6 +712,7 @@
     --underlineNav-borderColor-hover: #636e7b66;
     --underlineNav-iconColor-rest: #717e8b;
     --selection-bgColor: #316dcab3;
+    --card-bgColor: #2d333b;
     --fgColor-default: #c5d1de;
     --fgColor-muted: #717e8b;
     --fgColor-onEmphasis: #cdd9e5;

package/dist/css/functional/themes/dark-high-contrast.css CHANGED Viewed

@@ -288,6 +288,7 @@
   --underlineNav-borderColor-hover: #bdc4cc;
   --underlineNav-iconColor-rest: #f0f3f6;
   --selection-bgColor: #409effb3;
+  --card-bgColor: #272b33;
   --fgColor-default: #fbfcfd;
   --fgColor-muted: #f0f3f6;
   --fgColor-onEmphasis: #0a0c10;
@@ -711,6 +712,7 @@
     --underlineNav-borderColor-hover: #bdc4cc;
     --underlineNav-iconColor-rest: #f0f3f6;
     --selection-bgColor: #409effb3;
+    --card-bgColor: #272b33;
     --fgColor-default: #fbfcfd;
     --fgColor-muted: #f0f3f6;
     --fgColor-onEmphasis: #0a0c10;

package/dist/css/functional/themes/dark-tritanopia.css CHANGED Viewed

@@ -288,6 +288,7 @@
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
   --selection-bgColor: #1f6febb3;
+  --card-bgColor: #161b22;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
@@ -711,6 +712,7 @@
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
     --selection-bgColor: #1f6febb3;
+    --card-bgColor: #161b22;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;

package/dist/css/functional/themes/dark.css CHANGED Viewed

@@ -288,6 +288,7 @@
   --underlineNav-borderColor-hover: #6e768166;
   --underlineNav-iconColor-rest: #848d97;
   --selection-bgColor: #1f6febb3;
+  --card-bgColor: #161b22;
   --fgColor-default: #e6edf3;
   --fgColor-muted: #848d97;
   --fgColor-onEmphasis: #ffffff;
@@ -711,6 +712,7 @@
     --underlineNav-borderColor-hover: #6e768166;
     --underlineNav-iconColor-rest: #848d97;
     --selection-bgColor: #1f6febb3;
+    --card-bgColor: #161b22;
     --fgColor-default: #e6edf3;
     --fgColor-muted: #848d97;
     --fgColor-onEmphasis: #ffffff;

package/dist/css/functional/themes/light-colorblind.css CHANGED Viewed

@@ -289,6 +289,7 @@
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
   --selection-bgColor: #0969da33;
+  --card-bgColor: #ffffff;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
@@ -712,6 +713,7 @@
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
     --selection-bgColor: #0969da33;
+    --card-bgColor: #ffffff;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;

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

@@ -289,6 +289,7 @@
   --underlineNav-borderColor-hover: #88929d;
   --underlineNav-iconColor-rest: #0e1116;
   --selection-bgColor: #0349b433;
+  --card-bgColor: #ffffff;
   --fgColor-default: #010409;
   --fgColor-muted: #0e1116;
   --fgColor-onEmphasis: #ffffff;
@@ -712,6 +713,7 @@
     --underlineNav-borderColor-hover: #88929d;
     --underlineNav-iconColor-rest: #0e1116;
     --selection-bgColor: #0349b433;
+    --card-bgColor: #ffffff;
     --fgColor-default: #010409;
     --fgColor-muted: #0e1116;
     --fgColor-onEmphasis: #ffffff;

package/dist/css/functional/themes/light-tritanopia.css CHANGED Viewed

@@ -289,6 +289,7 @@
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
   --selection-bgColor: #0969da33;
+  --card-bgColor: #ffffff;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
@@ -712,6 +713,7 @@
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
     --selection-bgColor: #0969da33;
+    --card-bgColor: #ffffff;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;

package/dist/css/functional/themes/light.css CHANGED Viewed

@@ -289,6 +289,7 @@
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
   --selection-bgColor: #0969da33;
+  --card-bgColor: #ffffff;
   --fgColor-default: #1f2328;
   --fgColor-muted: #636c76;
   --fgColor-onEmphasis: #ffffff;
@@ -712,6 +713,7 @@
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
     --selection-bgColor: #0969da33;
+    --card-bgColor: #ffffff;
     --fgColor-default: #1f2328;
     --fgColor-muted: #636c76;
     --fgColor-onEmphasis: #ffffff;

package/dist/docs/functional/themes/dark-colorblind.json CHANGED Viewed

@@ -8494,6 +8494,35 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
+  "card-bgColor": {
+    "value": "#161b22",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "card-bgColor",
+    "attributes": {},
+    "path": ["card", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#e6edf3",
     "$type": "color",

package/dist/docs/functional/themes/dark-dimmed.json CHANGED Viewed

@@ -8500,6 +8500,35 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
+  "card-bgColor": {
+    "value": "#2d333b",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "card-bgColor",
+    "attributes": {},
+    "path": ["card", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#c5d1de",
     "$type": "color",

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

@@ -8520,6 +8520,35 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
+  "card-bgColor": {
+    "value": "#272b33",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "card-bgColor",
+    "attributes": {},
+    "path": ["card", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#fbfcfd",
     "$type": "color",

package/dist/docs/functional/themes/dark-tritanopia.json CHANGED Viewed

@@ -8500,6 +8500,35 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
+  "card-bgColor": {
+    "value": "#161b22",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "card-bgColor",
+    "attributes": {},
+    "path": ["card", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#e6edf3",
     "$type": "color",

package/dist/docs/functional/themes/dark.json CHANGED Viewed

@@ -8500,6 +8500,35 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
+  "card-bgColor": {
+    "value": "#161b22",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "card-bgColor",
+    "attributes": {},
+    "path": ["card", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#e6edf3",
     "$type": "color",

package/dist/docs/functional/themes/light-colorblind.json CHANGED Viewed

@@ -8509,6 +8509,35 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
+  "card-bgColor": {
+    "value": "#ffffff",
+    "$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.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "card-bgColor",
+    "attributes": {},
+    "path": ["card", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#1f2328",
     "$type": "color",

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

@@ -8529,6 +8529,35 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
+  "card-bgColor": {
+    "value": "#ffffff",
+    "$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.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "card-bgColor",
+    "attributes": {},
+    "path": ["card", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#010409",
     "$type": "color",

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

@@ -8505,6 +8505,35 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
+  "card-bgColor": {
+    "value": "#ffffff",
+    "$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.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "card-bgColor",
+    "attributes": {},
+    "path": ["card", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#1f2328",
     "$type": "color",

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

@@ -8505,6 +8505,35 @@
     "attributes": {},
     "path": ["selection", "bgColor"]
   },
+  "card-bgColor": {
+    "value": "#ffffff",
+    "$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.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "card-bgColor",
+    "attributes": {},
+    "path": ["card", "bgColor"]
+  },
   "fgColor-default": {
     "value": "#1f2328",
     "$type": "color",

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

@@ -5653,6 +5653,22 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "card/bgColor",
+    "value": {
+      "r": 0.08627450980392157,
+      "g": 0.10588235294117647,
+      "b": 0.13333333333333333,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/card/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "selection/bgColor",
     "value": {

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

@@ -5683,6 +5683,22 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "card/bgColor",
+    "value": {
+      "r": 0.17647058823529413,
+      "g": 0.2,
+      "b": 0.23137254901960785,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/card/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "selection/bgColor",
     "value": {

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

@@ -5738,6 +5738,22 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "card/bgColor",
+    "value": {
+      "r": 0.15294117647058825,
+      "g": 0.16862745098039217,
+      "b": 0.2,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/card/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "selection/bgColor",
     "value": {

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

@@ -5654,6 +5654,22 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "card/bgColor",
+    "value": {
+      "r": 0.08627450980392157,
+      "g": 0.10588235294117647,
+      "b": 0.13333333333333333,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/card/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "selection/bgColor",
     "value": {

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

@@ -5653,6 +5653,22 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "card/bgColor",
+    "value": {
+      "r": 0.08627450980392157,
+      "g": 0.10588235294117647,
+      "b": 0.13333333333333333,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/card/bgColor",
+    "reference": "mode/bgColor/muted",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "selection/bgColor",
     "value": {

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

@@ -5413,6 +5413,22 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "card/bgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/card/bgColor",
+    "reference": "mode/bgColor/default",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "selection/bgColor",
     "value": {

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

@@ -5473,6 +5473,22 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "card/bgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/card/bgColor",
+    "reference": "mode/bgColor/default",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "selection/bgColor",
     "value": {

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

@@ -5407,6 +5407,22 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "card/bgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/card/bgColor",
+    "reference": "mode/bgColor/default",
+    "collection": "mode",
+    "mode": "light tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "selection/bgColor",
     "value": {