npm - @primer/react-brand - Versions diffs - 0.20.0 → 0.20.1-rc.936afc7 - Mend

@primer/react-brand 0.20.0 → 0.20.1-rc.936afc7

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

package/lib/design-tokens/css/tokens/functional/size/size-fine.css CHANGED Viewed

@@ -1,9 +1,10 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
-@media (pointer: fine) { :root {
+    @media (pointer: fine) { :root {
   --brand-controlStack-medium-gap-auto: var(--base-size-8);
   --brand-controlStack-small-gap-auto: var(--base-size-8);
   --brand-control-minTarget-auto: var(--base-size-16);

package/lib/design-tokens/css/tokens/functional/size/size.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 :root {

package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:28 GMT
  */
 :root {

package/lib/design-tokens/css/tokens/functional/typography/typography.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 :root {

package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -2548,4 +2548,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/base/size/size.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -263,4 +263,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/base/typography/typography.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -122,4 +122,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/animation/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -423,4 +423,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/colors/global.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -489,4 +489,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/card/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -72,4 +72,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -566,4 +566,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/control/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -192,4 +192,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -44,4 +44,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -28,4 +28,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -28,4 +28,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -31,4 +31,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -123,4 +123,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -44,4 +44,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/image/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -26,4 +26,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -46,4 +46,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -462,4 +462,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -278,4 +278,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/river/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -44,4 +44,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/components/river/river.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -90,4 +90,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/size/border.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -162,4 +162,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -98,4 +98,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -70,4 +70,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -70,4 +70,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/size/size.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -789,4 +789,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/size/viewport.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -98,4 +98,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -170,4 +170,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/module/tokens/functional/typography/typography.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 module.exports = {
@@ -1970,4 +1970,4 @@ module.exports = {
       }
     }
   }
-};
+};

package/lib/design-tokens/js/tokens/base/colors/color-scales.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 export const BaseColorScaleGray0 = "210 25% 98%";
@@ -134,4 +134,4 @@ export const BaseColorScalePink7 = "322 58% 30%";
 export const BaseColorScalePink8 = "320 67% 23%";
 export const BaseColorScalePink9 = "319 93% 16%";
 export const BaseColorScaleBlack0 = "213 14% 12%";
-export const BaseColorScaleWhite0 = "0 100% 100%";
+export const BaseColorScaleWhite0 = "0 100% 100%";

package/lib/design-tokens/js/tokens/base/size/size.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 export const BaseSize4 = "0.25rem";
@@ -19,4 +19,4 @@ export const BaseSize64 = "4rem";
 export const BaseSize80 = "5rem";
 export const BaseSize96 = "6rem";
 export const BaseSize112 = "7rem";
-export const BaseSize128 = "8rem";
+export const BaseSize128 = "8rem";

package/lib/design-tokens/js/tokens/base/typography/typography.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 export const BaseTextWeightLight = 300;
@@ -9,4 +9,4 @@ export const BaseTextWeightMedium = 500;
 export const BaseTextWeightSemibold = 600;
 export const BaseTextWeightBold = 700;
 export const BaseTextWeightExtrabold = 800;
-export const BaseTextWeightHeavy = 900;
+export const BaseTextWeightHeavy = 900;

package/lib/design-tokens/js/tokens/functional/animation/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 export const BrandAnimationDurationDefault = "0.6s";
@@ -25,4 +25,4 @@ export const BrandAnimationVariantScaleInRightStart = "0.90";
 export const BrandAnimationVariantScaleInRightEnd = "1";
 export const BrandAnimationVariantScaleInLeftDistance = "1.25rem";
 export const BrandAnimationVariantScaleInLeftStart = "0.90";
-export const BrandAnimationVariantScaleInLeftEnd = "1";
+export const BrandAnimationVariantScaleInLeftEnd = "1";

package/lib/design-tokens/js/tokens/functional/colors/global.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 export const BrandColorSuccessFg = "var(--base-color-scale-green-5)";
@@ -28,4 +28,4 @@ export const BrandColorCanvasSubtle = "var(--base-color-scale-gray-0)";
 export const BrandColorBorderDefault = "var(--base-color-scale-gray-2)";
 export const BrandColorBorderMuted = "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)";
 export const BrandColorBorderSubtle = "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)";
-export const BrandColorFocus = "var(--base-color-scale-blue-5)";
+export const BrandColorFocus = "var(--base-color-scale-blue-5)";

package/lib/design-tokens/js/tokens/functional/components/card/base.js CHANGED Viewed

@@ -1,9 +1,9 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 export const BrandCardMaxWidth = "26.25rem";
 export const BrandCardShadow = "0 3px 2px hsl(var(--base-color-scale-black-0-hsl) / 4%), 0 7px 5px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 13px 10px hsl(var(--base-color-scale-black-0-hsl) / 2%), 0 22px 17px hsl(var(--base-color-scale-black-0-hsl) / 2%)";
 export const BrandCardAnimationDuration = "600ms";
-export const BrandCardAnimationEasing = "cubic-bezier(0.16, 1, 0.3, 1)";
+export const BrandCardAnimationEasing = "cubic-bezier(0.16, 1, 0.3, 1)";

package/lib/design-tokens/js/tokens/functional/components/card/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 export const BrandCardBackgroundDefault = "var(--brand-color-canvas-default)";
@@ -31,4 +31,4 @@ export const BrandCardIconColorPink = "var(--base-color-scale-pink-5)";
 export const BrandCardIconColorPurple = "var(--base-color-scale-purple-5)";
 export const BrandCardIconColorRed = "var(--base-color-scale-red-5)";
 export const BrandCardIconColorTeal = "var(--base-color-scale-teal-5)";
-export const BrandCardIconColorYellow = "var(--base-color-scale-yellow-5)";
+export const BrandCardIconColorYellow = "var(--base-color-scale-yellow-5)";

package/lib/design-tokens/js/tokens/functional/components/control/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 export const BrandControlMediumSize = "2.5rem";
@@ -13,4 +13,4 @@ export const BrandControlLargeFontWeight = "var(--brand-text-weight-300)";
 export const BrandControlLargeFontSize = "var(--brand-text-size-300)";
 export const BrandControlBorderRadius = "var(--brand-borderRadius-medium)";
 export const BrandControlAnimationDuration = "80ms";
-export const BrandControlAnimationEasing = "cubic-bezier(0.33, 1, 0.68, 1)";
+export const BrandControlAnimationEasing = "cubic-bezier(0.33, 1, 0.68, 1)";

package/lib/design-tokens/js/tokens/functional/components/faq/base.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 export const BrandFAQHeadingCenteredMaxWidth = "37.5rem";
-export const BrandFAQMaxWidth = "51rem";
+export const BrandFAQMaxWidth = "51rem";

package/lib/design-tokens/js/tokens/functional/components/faq/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
-export const BrandFAQHeadingColor = "var(--brand-color-text-default)";
+export const BrandFAQHeadingColor = "var(--brand-color-text-default)";

package/lib/design-tokens/js/tokens/functional/components/footer/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
-export const BrandFooterBgColor = "var(--base-color-scale-white-0)";
+export const BrandFooterBgColor = "var(--base-color-scale-white-0)";

package/lib/design-tokens/js/tokens/functional/components/grid/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
-export const BrandGridColumnBgColorOverlay = "hsl(var(--base-color-scale-red-4-hsl) / 30%)";
+export const BrandGridColumnBgColorOverlay = "hsl(var(--base-color-scale-red-4-hsl) / 30%)";

package/lib/design-tokens/js/tokens/functional/components/grid/grid.js CHANGED Viewed

@@ -1,8 +1,8 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 export const BrandGridSpacingRow = "var(--base-size-16)";
 export const BrandGridSpacingColumnGap = "var(--base-size-16)";
-export const BrandGridSpacingMargin = "var(--base-size-16)";
+export const BrandGridSpacingMargin = "var(--base-size-16)";

package/lib/design-tokens/js/tokens/functional/components/hero/base.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
 export const BrandHeroNarrowPadding = "var(--base-size-96) 0";
-export const BrandHeroRegularPadding = "var(--base-size-128) 0";
+export const BrandHeroRegularPadding = "var(--base-size-128) 0";

package/lib/design-tokens/js/tokens/functional/components/image/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 26 May 2023 11:09:54 GMT
+ * Generated on Tue, 30 May 2023 12:29:27 GMT
  */
-export const BrandImageRatioCustom = "auto";
+export const BrandImageRatioCustom = "auto";