@primer/react-brand 0.27.0-rc.b7869d0 → 0.27.0

package/lib/Box/Box.d.ts

@@ -73,5 +73,5 @@ type BoxProps = {
  * Use Box to apply fine-grained styling to content.
  * @see https://primer.style/brand/components/Box
  */
-export declare const Box: ({ animate, children, className, "data-testid": testId, style, padding, paddingBlockStart, paddingInlineEnd, paddingBlockEnd, paddingInlineStart, margin, marginBlockStart, marginInlineEnd, marginBlockEnd, marginInlineStart, backgroundColor, borderRadius, borderWidth, borderColor, borderStyle, }: PropsWithChildren<BoxProps>) => JSX.Element;
+export declare const Box: ({ animate, children, className, "data-testid": testId, style, padding, paddingBlockStart, paddingInlineEnd, paddingBlockEnd, paddingInlineStart, margin, marginBlockStart, marginInlineEnd, marginBlockEnd, marginInlineStart, backgroundColor, borderRadius, borderWidth, borderColor, borderStyle, ...rest }: PropsWithChildren<BoxProps>) => JSX.Element;
 export {};

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root {
@@ -796,7 +796,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -810,7 +810,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -829,7 +829,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -1182,7 +1182,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -1731,7 +1731,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -1958,7 +1958,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -2217,7 +2217,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root {
@@ -2243,7 +2243,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -3001,7 +3001,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -3837,7 +3837,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -3858,7 +3858,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -3868,7 +3868,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root {
@@ -4778,7 +4778,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -4806,7 +4806,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -4816,32 +4816,35 @@ select {
 }
 
 [data-color-mode="dark"] {
-  --brand-InlineLink-color-rest: var(--base-color-scale-blue-4);
-  --brand-InlineLink-color-pressed: var(--base-color-scale-blue-2);
+  --brand-InlineLink-color-rest: var(--base-color-scale-blue-2);
+  --brand-InlineLink-color-pressed: var(--base-color-scale-blue-1);
 }
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
   --brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);
-  --brand-InlineLink-transition-scale-end: -2;
-  --brand-InlineLink-transition-scale-start: 1;
 }
 
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
-  text-decoration: none;
   position: relative;
+  text-decoration: underline;
+  text-decoration-color: var(--brand-InlineLink-color-rest);
+  text-decoration-thickness: var(--brand-borderWidth-thin);
+  text-underline-position: under;
+  transition: var(--brand-InlineLink-transition-timing) text-decoration;
 }
 
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
-  text-decoration: none;
+  text-decoration-thickness: var(--brand-borderWidth-thick);
 }
 
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama,
 .Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
+  font-weight: inherit;
   color: var(--brand-InlineLink-color-rest);
 }
 
@@ -4850,27 +4853,6 @@ select {
   color: var(--brand-InlineLink-color-pressed);
 }
 
-.Primer_Brand__InlineLink-module__InlineLink___U_Ama::after {
-  content: '';
-  border-bottom: var(--brand-borderWidth-thin) solid var(--brand-InlineLink-color-rest);
-  height: 0;
-  transition: var(--brand-InlineLink-transition-timing) transform;
-  transform: scaleY(var(--brand-InlineLink-transition-scale-start));
-  transform-origin: 50% 100%;
-  width: 100%;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-}
-
-.Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover::after {
-  transform: scaleY(var(--brand-InlineLink-transition-scale-end));
-}
-
-.Primer_Brand__InlineLink-module__InlineLink___U_Ama:active::after {
-  border-color: var(--brand-InlineLink-color-pressed);
-}
-
 .Primer_Brand__Link-module__Link___lvKjM {
   position: relative;
   display: inline-flex;
@@ -4962,7 +4944,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -4978,7 +4960,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -5191,7 +5173,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -5200,7 +5182,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -5218,7 +5200,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root {
@@ -5335,7 +5317,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -5483,7 +5465,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   background-color: var(--brand-color-canvas-default);
   border: none;
   border-radius: var(--brand-borderRadius-medium);
-  line-height: var(--brand-text-lineHeight-200);
+  line-height: var(--brand-text-lineHeight-100);
   transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
   transition-property: color, background-color, box-shadow;
 }
@@ -5535,14 +5517,14 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
  * Sizes
  */
 .Primer_Brand__Textarea-module__Textarea--medium___pMZGb {
-  font-weight: var(--brand-text-weight-200);
-  font-size: var(--brand-text-size-200);
+  font-weight: var(--brand-text-weight-100);
+  font-size: var(--brand-text-size-100);
   padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-condensed);
 }
 
 .Primer_Brand__Textarea-module__Textarea--large___wCPXA {
-  font-weight: var(--brand-text-weight-300);
-  font-size: var(--brand-text-size-300);
+  font-weight: var(--brand-text-weight-200);
+  font-size: var(--brand-text-size-200);
   padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-condensed);
 }
 
@@ -6254,9 +6236,9 @@ Fixes safari bug where outline doesn't respect border-radius
 }
 
 .Primer_Brand__FormControl-module__FormControl-label--large___okLn6 {
-  letter-spacing: var(--brand-text-letterSpacing-200);
-  font-size: var(--brand-text-size-200);
-  line-height: var(--brand-text-lineHeight-200);
+  letter-spacing: var(--brand-text-letterSpacing-300);
+  font-size: var(--brand-text-size-300);
+  line-height: var(--brand-text-lineHeight-300);
 }
 
 .Primer_Brand__FormControl-module__FormControl-label--checkbox___x2U9X {
@@ -6436,7 +6418,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -6450,7 +6432,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -6656,7 +6638,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -6672,7 +6654,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root {
@@ -6990,7 +6972,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -7394,7 +7376,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -7572,7 +7554,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -7585,6 +7567,7 @@ html {
 }
 
 .Primer_Brand__MinimalFooter-module__Footer___oqJdA {
+  position: relative;
   background-color: var(--brand-footer-bg-color);
 }
 
@@ -7698,7 +7681,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -7828,7 +7811,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -7840,7 +7823,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -7928,6 +7911,7 @@ html {
   flex: auto;
   grid-template-rows: auto auto auto auto 1fr;
   position: relative;
+  height: 100%;
 }
 
 .Primer_Brand__Card-module__Card___ByGEk[focus-within] {
@@ -8212,7 +8196,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -8603,7 +8587,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -12776,7 +12760,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -12794,7 +12778,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -12810,7 +12794,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -13035,7 +13019,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,
@@ -13049,7 +13033,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {
@@ -13063,7 +13047,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/base/colors/color-scales.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/animation/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/colors/global.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/bento/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/card/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/card/colors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:24 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:53 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 27 Sep 2023 08:34:54 GMT
+ * Generated on Mon, 02 Oct 2023 13:46:25 GMT
  */
 
 :root,