@primer/react-brand 0.14.0 → 0.15.0-rc.0f3d5ea

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

@@ -1,15 +1,13 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {
   "brand": {
     "Card": {
       "maxWidth": "26.25rem",
-      "visual": {
-        "shadow": "0 3px 2px rgb(0 0 0 / 4%), 0 7px 5px rgb(0 0 0 / 2%), 0 13px 10px rgb(0 0 0 / 2%), 0 22px 17px rgb(0 0 0 / 2%)"
-      },
+      "shadow": "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%)",
       "animation": {
         "duration": "600ms",
         "easing": "cubic-bezier(0.16, 1, 0.3, 1)"

package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

package/lib/design-tokens/ts/tokens/functional/components/river/base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:46 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:46 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:46 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 03 Mar 2023 08:49:18 GMT
+ * Generated on Mon, 20 Mar 2023 11:52:45 GMT
  */
 
 module.exports = {

package/lib/hooks/useAnchoredPosition.d.ts

@@ -0,0 +1,20 @@
+import React, { RefObject } from 'react';
+import type { AnchorPosition, PositionSettings } from '@primer/behaviors';
+export interface AnchoredPositionHookSettings extends Partial<PositionSettings> {
+    floatingElementRef?: React.RefObject<Element>;
+    anchorElementRef?: React.RefObject<Element>;
+}
+/**
+ * Calculates the top and left values for an absolutely-positioned floating element
+ * to be anchored to some anchor element. Returns refs for the floating element
+ * and the anchor element, along with the position.
+ * @param settings Settings for calculating the anchored position.
+ * @param dependencies Dependencies to determine when to re-calculate the position.
+ * @returns An object of {top: number, left: number} to absolutely-position the
+ * floating element.
+ */
+export declare function useAnchoredPosition(settings?: AnchoredPositionHookSettings, dependencies?: React.DependencyList): {
+    floatingElementRef: RefObject<Element> | undefined;
+    anchorElementRef: RefObject<Element> | undefined;
+    position: AnchorPosition | undefined;
+};

package/lib/hooks/useOnClickOutside.d.ts

@@ -1 +1,2 @@
-export declare function useOnClickOutside(ref: any, handler: any): void;
+import { RefObject } from 'react';
+export declare function useOnClickOutside(ref: RefObject<HTMLElement>, handler?: (event: MouseEvent | TouchEvent | FocusEvent) => void, excludeRef?: RefObject<HTMLElement>): void;

package/lib/hooks/useRef.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * There are some situations where we only want to create a new ref if one is not provided to a component
+ * or hook as a prop. However, due to the `rules-of-hooks`, we cannot conditionally make a call to `React.useRef`
+ * only in the situations where the ref is not provided as a prop.
+ * This hook aims to encapsulate that logic, so the consumer doesn't need to be concerned with violating `rules-of-hooks`.
+ * @param providedRef The ref to use - if undefined, will use the ref from a call to React.useRef
+ * @type TRef The type of the RefObject which should be created.
+ */
+export declare function useProvidedRefOrCreate<TRef>(providedRef?: React.RefObject<TRef>): React.RefObject<TRef>;

package/lib/hooks/useResizeObserver.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+export declare type ResizeObserverCallback = (entries: ResizeObserverEntry[]) => void;
+export interface ResizeObserverEntry {
+    contentRect: DOMRectReadOnly;
+}
+export declare function useResizeObserver<T extends HTMLElement>(callback: ResizeObserverCallback, target?: RefObject<T>): void;

package/lib/index.d.ts

@@ -23,3 +23,4 @@ export * from './CTAForm';
 export * from './MinimalFooter';
 export * from './Card';
 export * from './SectionIntro';
+export * from './ActionMenu';