npm - @primer/primitives - Versions diffs - 7.11.0-rc.f5fac74 → 7.11.0 - Mend

@primer/primitives 7.11.0-rc.f5fac74 → 7.11.0

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

package/dist/deprecated/colors.json CHANGED Viewed

@@ -1 +1,7 @@
-{}
+{
+  "mktg.btn.bg": null,
+  "mktg.btn.shadow.outline": null,
+  "mktg.btn.shadow.focus": null,
+  "mktg.btn.shadow.hover": null,
+  "mktg.btn.shadow.hoverMuted": null
+}

package/dist/js/colors/dark.d.ts CHANGED Viewed

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;

package/dist/js/colors/dark.js CHANGED Viewed

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#606771"
+        }
+    },
     "avatar": {
         "bg": "rgba(255,255,255,0.1)",
         "border": "rgba(240,246,252,0.1)",

package/dist/js/colors/dark_colorblind.d.ts CHANGED Viewed

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;

package/dist/js/colors/dark_colorblind.js CHANGED Viewed

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#606771"
+        }
+    },
     "avatar": {
         "bg": "rgba(255,255,255,0.1)",
         "border": "rgba(240,246,252,0.1)",

package/dist/js/colors/dark_dimmed.d.ts CHANGED Viewed

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;

package/dist/js/colors/dark_dimmed.js CHANGED Viewed

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#606771"
+        }
+    },
     "avatar": {
         "bg": "rgba(205,217,229,0.1)",
         "border": "rgba(205,217,229,0.1)",

package/dist/js/colors/dark_high_contrast.d.ts CHANGED Viewed

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;

package/dist/js/colors/dark_high_contrast.js CHANGED Viewed

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#9ea7b3"
+        }
+    },
     "avatar": {
         "bg": "rgba(255,255,255,0.1)",
         "border": "rgba(255,255,255,0.9)",

package/dist/js/colors/dark_tritanopia.d.ts CHANGED Viewed

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;

package/dist/js/colors/dark_tritanopia.js CHANGED Viewed

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#606771"
+        }
+    },
     "avatar": {
         "bg": "rgba(255,255,255,0.1)",
         "border": "rgba(240,246,252,0.1)",

package/dist/js/colors/index.d.ts CHANGED Viewed

@@ -188,6 +188,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -675,6 +680,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -1162,6 +1172,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -1649,6 +1664,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -2136,6 +2156,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -2623,6 +2648,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -3110,6 +3140,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -3597,6 +3632,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;
@@ -4084,6 +4124,11 @@ declare const _default: {
                 };
             };
         };
+        control: {
+            borderColor: {
+                emphasis: string;
+            };
+        };
         avatar: {
             bg: string;
             border: string;

package/dist/js/colors/light.d.ts CHANGED Viewed

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;

package/dist/js/colors/light.js CHANGED Viewed

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#858F99"
+        }
+    },
     "avatar": {
         "bg": "#ffffff",
         "border": "rgba(27,31,36,0.15)",

package/dist/js/colors/light_colorblind.d.ts CHANGED Viewed

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;

package/dist/js/colors/light_colorblind.js CHANGED Viewed

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#858F99"
+        }
+    },
     "avatar": {
         "bg": "#ffffff",
         "border": "rgba(27,31,36,0.15)",

package/dist/js/colors/light_high_contrast.d.ts CHANGED Viewed

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;

package/dist/js/colors/light_high_contrast.js CHANGED Viewed

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#20252c"
+        }
+    },
     "avatar": {
         "bg": "#ffffff",
         "border": "rgba(1,4,9,0.8)",

package/dist/js/colors/light_tritanopia.d.ts CHANGED Viewed

@@ -187,6 +187,11 @@ declare const _default: {
             };
         };
     };
+    control: {
+        borderColor: {
+            emphasis: string;
+        };
+    };
     avatar: {
         bg: string;
         border: string;

package/dist/js/colors/light_tritanopia.js CHANGED Viewed

@@ -189,6 +189,11 @@ exports.default = {
             }
         }
     },
+    "control": {
+        "borderColor": {
+            "emphasis": "#858F99"
+        }
+    },
     "avatar": {
         "bg": "#ffffff",
         "border": "rgba(27,31,36,0.15)",

package/dist/js/index.d.ts CHANGED Viewed

@@ -189,6 +189,11 @@ declare const _default: {
                     };
                 };
             };
+            control: {
+                borderColor: {
+                    emphasis: string;
+                };
+            };
             avatar: {
                 bg: string;
                 border: string;
@@ -676,6 +681,11 @@ declare const _default: {
                     };
                 };
             };
+            control: {
+                borderColor: {
+                    emphasis: string;
+                };
+            };
             avatar: {
                 bg: string;
                 border: string;
@@ -1163,6 +1173,11 @@ declare const _default: {
                     };
                 };
             };
+            control: {
+                borderColor: {
+                    emphasis: string;
+                };
+            };
             avatar: {
                 bg: string;
                 border: string;
@@ -1650,6 +1665,11 @@ declare const _default: {
                     };
                 };
             };
+            control: {
+                borderColor: {
+                    emphasis: string;
+                };
+            };
             avatar: {
                 bg: string;
                 border: string;
@@ -2137,6 +2157,11 @@ declare const _default: {
                     };
                 };
             };
+            control: {
+                borderColor: {
+                    emphasis: string;
+                };
+            };
             avatar: {
                 bg: string;
                 border: string;
@@ -2624,6 +2649,11 @@ declare const _default: {
                     };
                 };
             };
+            control: {
+                borderColor: {
+                    emphasis: string;
+                };
+            };
             avatar: {
                 bg: string;
                 border: string;
@@ -3111,6 +3141,11 @@ declare const _default: {
                     };
                 };
             };
+            control: {
+                borderColor: {
+                    emphasis: string;
+                };
+            };
             avatar: {
                 bg: string;
                 border: string;
@@ -3598,6 +3633,11 @@ declare const _default: {
                     };
                 };
             };
+            control: {
+                borderColor: {
+                    emphasis: string;
+                };
+            };
             avatar: {
                 bg: string;
                 border: string;
@@ -4085,6 +4125,11 @@ declare const _default: {
                     };
                 };
             };
+            control: {
+                borderColor: {
+                    emphasis: string;
+                };
+            };
             avatar: {
                 bg: string;
                 border: string;

package/dist/json/colors/dark.json CHANGED Viewed

@@ -187,6 +187,11 @@
       }
     }
   },
+  "control": {
+    "borderColor": {
+      "emphasis": "#606771"
+    }
+  },
   "avatar": {
     "bg": "rgba(255,255,255,0.1)",
     "border": "rgba(240,246,252,0.1)",

package/dist/json/colors/dark_colorblind.json CHANGED Viewed

@@ -187,6 +187,11 @@
       }
     }
   },
+  "control": {
+    "borderColor": {
+      "emphasis": "#606771"
+    }
+  },
   "avatar": {
     "bg": "rgba(255,255,255,0.1)",
     "border": "rgba(240,246,252,0.1)",

package/dist/json/colors/dark_dimmed.json CHANGED Viewed

@@ -187,6 +187,11 @@
       }
     }
   },
+  "control": {
+    "borderColor": {
+      "emphasis": "#606771"
+    }
+  },
   "avatar": {
     "bg": "rgba(205,217,229,0.1)",
     "border": "rgba(205,217,229,0.1)",

package/dist/json/colors/dark_high_contrast.json CHANGED Viewed

@@ -187,6 +187,11 @@
       }
     }
   },
+  "control": {
+    "borderColor": {
+      "emphasis": "#9ea7b3"
+    }
+  },
   "avatar": {
     "bg": "rgba(255,255,255,0.1)",
     "border": "rgba(255,255,255,0.9)",

package/dist/json/colors/dark_tritanopia.json CHANGED Viewed

@@ -187,6 +187,11 @@
       }
     }
   },
+  "control": {
+    "borderColor": {
+      "emphasis": "#606771"
+    }
+  },
   "avatar": {
     "bg": "rgba(255,255,255,0.1)",
     "border": "rgba(240,246,252,0.1)",

package/dist/json/colors/light.json CHANGED Viewed

@@ -187,6 +187,11 @@
       }
     }
   },
+  "control": {
+    "borderColor": {
+      "emphasis": "#858F99"
+    }
+  },
   "avatar": {
     "bg": "#ffffff",
     "border": "rgba(27,31,36,0.15)",

package/dist/json/colors/light_colorblind.json CHANGED Viewed

@@ -187,6 +187,11 @@
       }
     }
   },
+  "control": {
+    "borderColor": {
+      "emphasis": "#858F99"
+    }
+  },
   "avatar": {
     "bg": "#ffffff",
     "border": "rgba(27,31,36,0.15)",

package/dist/json/colors/light_high_contrast.json CHANGED Viewed

@@ -187,6 +187,11 @@
       }
     }
   },
+  "control": {
+    "borderColor": {
+      "emphasis": "#20252c"
+    }
+  },
   "avatar": {
     "bg": "#ffffff",
     "border": "rgba(1,4,9,0.8)",

package/dist/json/colors/light_tritanopia.json CHANGED Viewed

@@ -187,6 +187,11 @@
       }
     }
   },
+  "control": {
+    "borderColor": {
+      "emphasis": "#858F99"
+    }
+  },
   "avatar": {
     "bg": "#ffffff",
     "border": "rgba(27,31,36,0.15)",

package/dist/scss/colors/_dark.scss CHANGED Viewed

@@ -152,6 +152,7 @@
     --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
     --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
+    --color-control-border-color-emphasis: #606771;
     --color-avatar-bg: rgba(255,255,255,0.1);
     --color-avatar-border: rgba(240,246,252,0.1);
     --color-avatar-stack-fade: #30363d;

package/dist/scss/colors/_dark_colorblind.scss CHANGED Viewed

@@ -152,6 +152,7 @@
     --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
     --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
+    --color-control-border-color-emphasis: #606771;
     --color-avatar-bg: rgba(255,255,255,0.1);
     --color-avatar-border: rgba(240,246,252,0.1);
     --color-avatar-stack-fade: #30363d;

package/dist/scss/colors/_dark_dimmed.scss CHANGED Viewed

@@ -152,6 +152,7 @@
     --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
     --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
+    --color-control-border-color-emphasis: #606771;
     --color-avatar-bg: rgba(205,217,229,0.1);
     --color-avatar-border: rgba(205,217,229,0.1);
     --color-avatar-stack-fade: #444c56;

package/dist/scss/colors/_dark_high_contrast.scss CHANGED Viewed

@@ -152,6 +152,7 @@
     --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
     --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
+    --color-control-border-color-emphasis: #9ea7b3;
     --color-avatar-bg: rgba(255,255,255,0.1);
     --color-avatar-border: rgba(255,255,255,0.9);
     --color-avatar-stack-fade: #525964;

package/dist/scss/colors/_dark_tritanopia.scss CHANGED Viewed

@@ -152,6 +152,7 @@
     --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
     --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
+    --color-control-border-color-emphasis: #606771;
     --color-avatar-bg: rgba(255,255,255,0.1);
     --color-avatar-border: rgba(240,246,252,0.1);
     --color-avatar-stack-fade: #30363d;

package/dist/scss/colors/_light.scss CHANGED Viewed

@@ -152,6 +152,7 @@
     --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
     --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
+    --color-control-border-color-emphasis: #858F99;
     --color-avatar-bg: #ffffff;
     --color-avatar-border: rgba(27,31,36,0.15);
     --color-avatar-stack-fade: #afb8c1;

package/dist/scss/colors/_light_colorblind.scss CHANGED Viewed

@@ -152,6 +152,7 @@
     --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
     --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
+    --color-control-border-color-emphasis: #858F99;
     --color-avatar-bg: #ffffff;
     --color-avatar-border: rgba(27,31,36,0.15);
     --color-avatar-stack-fade: #afb8c1;

package/dist/scss/colors/_light_high_contrast.scss CHANGED Viewed

@@ -152,6 +152,7 @@
     --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
     --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
+    --color-control-border-color-emphasis: #20252c;
     --color-avatar-bg: #ffffff;
     --color-avatar-border: rgba(1,4,9,0.8);
     --color-avatar-stack-fade: #acb6c0;

package/dist/scss/colors/_light_tritanopia.scss CHANGED Viewed

@@ -152,6 +152,7 @@
     --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
     --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
     --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
+    --color-control-border-color-emphasis: #858F99;
     --color-avatar-bg: #ffffff;
     --color-avatar-border: rgba(27,31,36,0.15);
     --color-avatar-stack-fade: #afb8c1;

package/dist/ts/colors/dark.ts CHANGED Viewed

@@ -187,6 +187,11 @@ export default {
       }
     }
   },
+  "control": {
+    "borderColor": {
+      "emphasis": "#606771"
+    }
+  },
   "avatar": {
     "bg": "rgba(255,255,255,0.1)",
     "border": "rgba(240,246,252,0.1)",