@primer/react-brand 0.23.0 → 0.24.0-rc.1040aa1

package/lib/design-tokens/ts/tokens/functional/size/size.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 
@@ -12,7 +12,7 @@ declare const tokens: {
         "fine": string,
         "coarse": string
       },
-      "xsmall": {
+      "medium": {
         "size": string,
         "lineBoxHeight": string,
         "paddingBlock": string,
@@ -23,17 +23,8 @@ declare const tokens: {
         },
         "gap": string
       },
-      "small": {
+      "large": {
         "size": string,
-        "lineBoxHeight": string,
-        "paddingBlock": string,
-        "paddingInline": {
-          "condensed": string,
-          "normal": string
-        },
-        "gap": string
-      },
-      "medium": {
         "lineBoxHeight": string,
         "paddingBlock": string,
         "paddingInline": {
@@ -43,24 +34,12 @@ declare const tokens: {
         },
         "gap": string
       },
-      "large": {
-        "lineBoxHeight": string,
-        "paddingBlock": string,
-        "paddingInline": {
-          "normal": string,
-          "spacious": string
-        },
-        "gap": string
+      "border": {
+        "radius": string
       },
-      "xlarge": {
-        "size": string,
-        "lineBoxHeight": string,
-        "paddingBlock": string,
-        "paddingInline": {
-          "normal": string,
-          "spacious": string
-        },
-        "gap": string
+      "animation": {
+        "duration": string,
+        "easing": string
       }
     },
     "box": {

package/lib/design-tokens/ts/tokens/functional/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 
@@ -12,55 +12,34 @@ module.exports = {
         "fine": "1rem",
         "coarse": "2.75rem"
       },
-      "xsmall": {
-        "size": "1.5rem",
-        "lineBoxHeight": "1.25rem",
-        "paddingBlock": "calc((1.5rem - 1.25rem) / 2)",
-        "paddingInline": {
-          "condensed": "0.25rem",
-          "normal": "0.5rem",
-          "spacious": "0.75rem"
-        },
-        "gap": "0.25rem"
-      },
-      "small": {
-        "size": "1.75rem",
-        "lineBoxHeight": "1.25rem",
-        "paddingBlock": "calc((1.75rem - 1.25rem) / 2)",
-        "paddingInline": {
-          "condensed": "0.5rem",
-          "normal": "0.75rem"
-        },
-        "gap": "0.25rem"
-      },
       "medium": {
+        "size": "3rem",
         "lineBoxHeight": "1.25rem",
-        "paddingBlock": "calc((2.5rem - 1.25rem) / 2)",
+        "paddingBlock": "0.75rem",
         "paddingInline": {
-          "condensed": "0.5rem",
-          "normal": "0.75rem",
-          "spacious": "1rem"
+          "condensed": "0.75rem",
+          "normal": "1rem",
+          "spacious": "1.5rem"
         },
         "gap": "0.5rem"
       },
       "large": {
+        "size": "3.5rem",
         "lineBoxHeight": "1.25rem",
-        "paddingBlock": "calc((var(--base-size-48) - 1.25rem) / 2)",
+        "paddingBlock": "1.125rem",
         "paddingInline": {
-          "normal": "0.75rem",
-          "spacious": "1rem"
+          "condensed": "1rem",
+          "normal": "1.25rem",
+          "spacious": "2rem"
         },
-        "gap": "0.5rem"
+        "gap": "1rem"
       },
-      "xlarge": {
-        "size": "3rem",
-        "lineBoxHeight": "1.25rem",
-        "paddingBlock": "calc((3rem - 1.25rem) / 2)",
-        "paddingInline": {
-          "normal": "0.75rem",
-          "spacious": "1rem"
-        },
-        "gap": "0.5rem"
+      "border": {
+        "radius": "var(--brand-borderRadius-medium)"
+      },
+      "animation": {
+        "duration": "80ms",
+        "easing": "var(--brand-animation-easing-glide)"
       }
     },
     "box": {

package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 

package/lib/design-tokens/ts/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 

package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 
@@ -8,11 +8,40 @@
 declare const tokens: {
   "brand": {
     "heading": {
+      "weight": {
+        "800": string,
+        "900": string,
+        "1000": string
+      },
+      "letterSpacing": {
+        "800": string,
+        "900": string,
+        "1000": string
+      },
       "lineHeight": {
         "400": string,
         "500": string,
         "600": string,
-        "700": string
+        "700": string,
+        "800": string,
+        "900": string,
+        "1000": string
+      }
+    },
+    "text": {
+      "subhead": {
+        "size": {
+          "medium": string,
+          "large": string
+        },
+        "weight": {
+          "medium": string,
+          "large": string
+        },
+        "lineHeight": {
+          "medium": string,
+          "large": string
+        }
       }
     }
   }

package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 
@@ -8,11 +8,40 @@
 module.exports = {
   "brand": {
     "heading": {
+      "weight": {
+        "800": "var(--base-text-weight-semibold)",
+        "900": "var(--base-text-weight-semibold)",
+        "1000": "var(--base-text-weight-bold)"
+      },
+      "letterSpacing": {
+        "800": "-0.02em",
+        "900": "-0.02em",
+        "1000": "-0.03em"
+      },
       "lineHeight": {
-        "400": "1.25rem",
-        "500": "1.5rem",
-        "600": "1.75rem",
-        "700": "2rem"
+        "400": "1.3",
+        "500": "1.3",
+        "600": "1.3",
+        "700": "1.2",
+        "800": "1.2",
+        "900": "1.1",
+        "1000": "1.1"
+      }
+    },
+    "text": {
+      "subhead": {
+        "size": {
+          "medium": "1rem",
+          "large": "1.125rem"
+        },
+        "weight": {
+          "medium": "var(--base-text-weight-semibold)",
+          "large": "var(--base-text-weight-semibold)"
+        },
+        "lineHeight": {
+          "medium": "1.3",
+          "large": "1.3"
+        }
       }
     }
   }

package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:47 GMT
  */
 
 
@@ -69,6 +69,9 @@ declare const tokens: {
         "1000": string
       },
       "letterSpacing": {
+        "400": string,
+        "500": string,
+        "600": string,
         "700": string,
         "800": string,
         "900": string,

package/lib/design-tokens/ts/tokens/functional/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 09:40:20 GMT
+ * Generated on Mon, 21 Aug 2023 11:37:48 GMT
  */
 
 
@@ -22,13 +22,13 @@ module.exports = {
         "400": "var(--base-text-weight-semibold)",
         "500": "var(--base-text-weight-semibold)",
         "600": "var(--base-text-weight-semibold)",
-        "700": "var(--base-text-weight-bold)"
+        "700": "var(--base-text-weight-semibold)"
       },
       "letterSpacing": {
         "400": "-0.01em",
         "500": "-0.01em",
-        "600": "-0.01em",
-        "700": "-0.01em"
+        "600": "-0.02em",
+        "700": "-0.02em"
       }
     },
     "text": {
@@ -36,43 +36,46 @@ module.exports = {
         "100": "var(--base-text-weight-normal)",
         "200": "var(--base-text-weight-normal)",
         "300": "var(--base-text-weight-normal)",
-        "400": "var(--base-text-weight-normal)",
-        "500": "var(--base-text-weight-normal)",
-        "600": "var(--base-text-weight-normal)",
-        "700": "var(--base-text-weight-normal)",
-        "800": "var(--base-text-weight-extrabold)",
-        "900": "var(--base-text-weight-extrabold)",
-        "1000": "var(--base-text-weight-extrabold)"
+        "400": "var(--base-text-weight-semibold)",
+        "500": "var(--base-text-weight-semibold)",
+        "600": "var(--base-text-weight-semibold)",
+        "700": "var(--base-text-weight-semibold)",
+        "800": "var(--base-text-weight-semibold)",
+        "900": "var(--base-text-weight-semibold)",
+        "1000": "var(--base-text-weight-bold)"
       },
       "size": {
-        "100": "0.75rem",
-        "200": "0.875rem",
-        "300": "1rem",
-        "400": "1rem",
-        "500": "1.25rem",
-        "600": "1.5rem",
-        "700": "1.75rem",
+        "100": "0.875rem",
+        "200": "1rem",
+        "300": "1.125rem",
+        "400": "1.25rem",
+        "500": "1.5rem",
+        "600": "1.75rem",
+        "700": "2rem",
         "800": "2rem",
-        "900": "2.5rem",
-        "1000": "3rem"
+        "900": "2.25rem",
+        "1000": "2.5rem"
       },
       "lineHeight": {
-        "100": "1.25rem",
-        "200": "1.25rem",
-        "300": "1.5rem",
-        "400": "1.5rem",
-        "500": "1.75rem",
-        "600": "2rem",
-        "700": "2.5rem",
-        "800": "2.25rem",
-        "900": "2.75rem",
-        "1000": "3.25rem"
+        "100": "1.5",
+        "200": "1.5",
+        "300": "1.5",
+        "400": "1.3",
+        "500": "1.3",
+        "600": "1.2",
+        "700": "1.2",
+        "800": "1.2",
+        "900": "1.1",
+        "1000": "1.1"
       },
       "letterSpacing": {
-        "700": "-0.01em",
-        "800": "-0.01em",
-        "900": "-0.01em",
-        "1000": "-0.01em"
+        "400": "-0.01em",
+        "500": "-0.01em",
+        "600": "-0.02em",
+        "700": "-0.02em",
+        "800": "-0.02em",
+        "900": "-0.02em",
+        "1000": "-0.03em"
       },
       "style": {
         "italic": {

package/lib/findElementInChildren.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const findElementInChildren: (children: React.ReactNode, element: React.ElementType) => boolean;
+export default findElementInChildren;

package/lib/forms/index.d.ts

@@ -1,7 +1,6 @@
 /**
  * Shared form (control) design tokens
  */
-import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/control/base.css';
 import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css';
 export * from './Checkbox';
 export * from './Textarea';

package/lib/index.d.ts

@@ -5,7 +5,7 @@ export * from './Heading';
 export * from './ThemeProvider';
 export * from './Button';
 export * from './ButtonGroup';
-export * from './River';
+export * from './river';
 export * from './SubdomainNavBar';
 export * from './InlineLink';
 export * from './Link';