@primer/react-brand 0.4.0-rc.dad5972 → 0.5.0-rc.01a1264

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 (119) hide show
  1. package/CHANGELOG.md +87 -1
  2. package/lib/Button/Button.d.ts +4 -0
  3. package/lib/Stack/Stack.d.ts +112 -0
  4. package/lib/Stack/Stack.visual.spec.d.ts +1 -0
  5. package/lib/Stack/index.d.ts +1 -0
  6. package/lib/SubdomainNavBar/NavigationVisbilityObserver.d.ts +6 -0
  7. package/lib/SubdomainNavBar/SubdomainNavBar.d.ts +63 -0
  8. package/lib/SubdomainNavBar/SubdomainNavBar.visual.spec.d.ts +1 -0
  9. package/lib/SubdomainNavBar/index.d.ts +1 -0
  10. package/lib/SubdomainNavBar/useVisibilityObserver.d.ts +5 -0
  11. package/lib/Testimonial/Testimonial.d.ts +72 -0
  12. package/lib/Testimonial/Testimonial.visual.spec.d.ts +1 -0
  13. package/lib/Testimonial/index.d.ts +1 -0
  14. package/lib/css/main.css +1065 -23
  15. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  17. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  18. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +27 -0
  33. package/lib/design-tokens/css/tokens/functional/size/border.css +4 -4
  34. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/size/size.css +7 -7
  38. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  40. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  41. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  42. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  43. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  44. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  45. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  46. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  47. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  48. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  49. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  50. package/lib/design-tokens/js/module/tokens/functional/size/border.js +15 -15
  51. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  52. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  53. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  54. package/lib/design-tokens/js/module/tokens/functional/size/size.js +13 -13
  55. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  56. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  57. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  58. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  59. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  60. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  61. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  62. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  63. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  64. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  65. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  66. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  67. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  68. package/lib/design-tokens/js/tokens/functional/size/border.js +5 -5
  69. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  70. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  71. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  72. package/lib/design-tokens/js/tokens/functional/size/size.js +7 -7
  73. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  74. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  75. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  76. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  77. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  78. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  79. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  80. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  81. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  82. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  83. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  84. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  85. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  86. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  87. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  88. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  89. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  90. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  91. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  92. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  93. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  94. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  95. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  96. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +5 -5
  97. package/lib/design-tokens/ts/tokens/functional/size/border.js +5 -5
  98. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  99. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  100. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  101. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  102. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  103. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  104. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  105. package/lib/design-tokens/ts/tokens/functional/size/size.js +7 -7
  106. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  107. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  108. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  109. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  110. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  111. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  112. package/lib/forms/Checkbox/Checkbox.d.ts +1 -1
  113. package/lib/forms/Select/Select.d.ts +1 -1
  114. package/lib/forms/TextInput/TextInput.d.ts +9 -1
  115. package/lib/hooks/useKeyboardEscape.d.ts +1 -0
  116. package/lib/hooks/useOnClickOutside.d.ts +1 -0
  117. package/lib/index.d.ts +3 -0
  118. package/lib/index.js +1 -1
  119. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,10 +1,96 @@
1
1
  # @primer/react-brand
2
2
 
3
+ ## 0.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#81](https://github.com/primer/brand/pull/81) [`88e2007`](https://github.com/primer/brand/commit/88e20076f797338b9ab6d7d2d932320094cda5d7) Thanks [@rezrah](https://github.com/rezrah)! - Added `SubdomainNavBar` component.
8
+
9
+ Usage example:
10
+
11
+ ```jsx
12
+ <SubdomainNavBar title="Subdomain">
13
+ <SubdomainNavBar.Link href="#">Collections</SubdomainNavBar.Link>
14
+ <SubdomainNavBar.Link href="#">Topics</SubdomainNavBar.Link>
15
+ <SubdomainNavBar.Link href="#">Articles</SubdomainNavBar.Link>
16
+ <SubdomainNavBar.Link href="#">Events</SubdomainNavBar.Link>
17
+ <SubdomainNavBar.Link href="#">Video</SubdomainNavBar.Link>
18
+ <SubdomainNavBar.Link href="#">Social</SubdomainNavBar.Link>
19
+ <SubdomainNavBar.Search ref={inputRef} onSubmit={handleSubmit} />
20
+ <SubdomainNavBar.PrimaryAction href="#">Primary CTA</SubdomainNavBar.PrimaryAction>
21
+ <SubdomainNavBar.SecondaryAction href="#">Secondary CTA</SubdomainNavBar.SecondaryAction>
22
+ </SubdomainNavBar>
23
+ ```
24
+
25
+ See the [documentation](https://primer.style/brand/components/SubdomainNavBar) and [Storybook](https://primer.style/brand/storybook/?path=/story/components-subdomainnavbar--playground) for more usage examples.
26
+
27
+ * [#82](https://github.com/primer/brand/pull/82) [`afbab6c`](https://github.com/primer/brand/commit/afbab6c24b5a8fe08d6eea28dfebc4bde143bfd5) Thanks [@rezrah](https://github.com/rezrah)! - Added `Testimonial` component.
28
+
29
+ Usage example:
30
+
31
+ ```jsx
32
+ <Testimonial>
33
+ <Testimonial.Quote>
34
+ GitHub helps us ensure that we have our security controls baked into our pipelines all the way from the first line
35
+ of code we&apos;re writing.
36
+ </Testimonial.Quote>
37
+ <Testimonial.Name position="Staff Security Engineer">David Ross</Testimonial.Name>
38
+ <Testimonial.Avatar
39
+ src="https://avatars.githubusercontent.com/u/92997159?v=4"
40
+ alt="Circular avatar from David Ross's GitHub profile"
41
+ />
42
+ </Testimonial>
43
+ ```
44
+
45
+ See the [documentation](https://primer.style/brand/components/Testimonial) or [Storybook](https://primer.style/brand/storybook/?path=/story/components-testimonial--playground) for more usage examples.
46
+
47
+ - [#82](https://github.com/primer/brand/pull/82) [`afbab6c`](https://github.com/primer/brand/commit/afbab6c24b5a8fe08d6eea28dfebc4bde143bfd5) Thanks [@rezrah](https://github.com/rezrah)! - Added `Stack` component.
48
+
49
+ Usage example:
50
+
51
+ ```jsx
52
+ <Stack direction="horizontal" gap="spacious" padding="spacious">
53
+ <div>
54
+ <img
55
+ src="https://via.placeholder.com/300x150/f5f5f5/f5f5f5.png"
56
+ alt="placeholder with gray background and no foreground text"
57
+ />
58
+ </div>
59
+ <div>
60
+ <img
61
+ src="https://via.placeholder.com/300x150/f5f5f5/f5f5f5.png"
62
+ alt="placeholder with gray background and no foreground text"
63
+ />
64
+ </div>
65
+ <div>
66
+ <img
67
+ src="https://via.placeholder.com/300x150/f5f5f5/f5f5f5.png"
68
+ alt="placeholder with gray background and no foreground text"
69
+ />
70
+ </div>
71
+ </Stack>
72
+ ```
73
+
74
+ See [Storybook](https://primer.style/brand/storybook/?path=/story/components-stack--playground) for more usage examples.
75
+
3
76
  ## 0.4.0
4
77
 
5
78
  ### Minor Changes
6
79
 
7
- - [#69](https://github.com/primer/brand/pull/69) [`7838af5`](https://github.com/primer/brand/commit/7838af57ae2fdb94d07c188a142feebc0a4a605d) Thanks [@rezrah](https://github.com/rezrah)! - Added `FormControl`, `Checkbox`, `TextInput` and `Select` components.
80
+ - [#78](https://github.com/primer/brand/pull/78) [`487a9e7`](https://github.com/primer/brand/commit/487a9e7b03b6c196358e1f1146fd87e8c4fe44d4) Thanks [@JoshBowdenConcepts](https://github.com/JoshBowdenConcepts)! - Added a new `size` prop to `Button` and a `medium` sized variant, making the previous `large` size optional.
81
+
82
+ ⚠️ This update should be considered a breaking change, despite being issued in a `minor` release.
83
+
84
+ Selectable values: `medium` (default) and `large`.
85
+
86
+ **Upgrade steps:**
87
+
88
+ ```diff
89
+ - <Button>before</Button>
90
+ + <Button size="large">after</Button>
91
+ ```
92
+
93
+ * [#69](https://github.com/primer/brand/pull/69) [`7838af5`](https://github.com/primer/brand/commit/7838af57ae2fdb94d07c188a142feebc0a4a605d) Thanks [@rezrah](https://github.com/rezrah)! - Added `FormControl`, `Checkbox`, `TextInput` and `Select` components.
8
94
 
9
95
  **Read the Technical Previews for usage examples:**
10
96
 
@@ -4,8 +4,12 @@ import type { BaseProps } from '../component-helpers';
4
4
  export declare type ButtonProps<C extends React.ElementType> = BaseProps<C> & {
5
5
  as?: C;
6
6
  variant?: 'primary' | 'secondary';
7
+ size?: 'medium' | 'large';
8
+ hasArrow?: boolean;
7
9
  } & React.ComponentPropsWithoutRef<C>;
8
10
  export declare const Button: React.ForwardRefExoticComponent<Pick<BaseProps<React.ElementType<any>> & {
9
11
  as?: React.ElementType<any> | undefined;
10
12
  variant?: "primary" | "secondary" | undefined;
13
+ size?: "medium" | "large" | undefined;
14
+ hasArrow?: boolean | undefined;
11
15
  } & Pick<any, string | number | symbol>, string | number | symbol> & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,112 @@
1
+ import React from 'react';
2
+ import type { BaseProps } from '../component-helpers';
3
+ import '../../lib/design-tokens/css/tokens/functional/size/size.css';
4
+ export declare const StackDirectionVariants: readonly ["horizontal", "vertical"];
5
+ declare type StackDirectionVariants = typeof StackDirectionVariants[number];
6
+ export declare const defaultStackDirection: "vertical";
7
+ export declare const StackSpacingVariants: readonly ["condensed", "normal", "spacious"];
8
+ declare type StackSpacingVariants = typeof StackSpacingVariants[number];
9
+ export declare const defaultStackSpacing: "normal";
10
+ export declare const StackAlignItemVariants: readonly ["center", "flex-start", "flex-end"];
11
+ declare type StackAlignItemVariants = typeof StackAlignItemVariants[number];
12
+ export declare const StackJustifyContentVariants: readonly ["center", "flex-start", "flex-end", "space-between", "space-around", "space-evenly"];
13
+ declare type justifyContentVariants = typeof StackJustifyContentVariants[number];
14
+ declare type ResponsiveJustifyContentMap = {
15
+ narrow?: justifyContentVariants;
16
+ regular?: justifyContentVariants;
17
+ wide?: justifyContentVariants;
18
+ };
19
+ declare type ResponsiveAlignItemsMap = {
20
+ narrow?: StackAlignItemVariants;
21
+ regular?: StackAlignItemVariants;
22
+ wide?: StackAlignItemVariants;
23
+ };
24
+ declare type ResponsiveDirectionMap = {
25
+ narrow?: StackDirectionVariants;
26
+ regular?: StackDirectionVariants;
27
+ wide?: StackDirectionVariants;
28
+ };
29
+ declare type ResponsiveSpacingMap = {
30
+ narrow?: StackSpacingVariants;
31
+ regular?: StackSpacingVariants;
32
+ wide?: StackSpacingVariants;
33
+ };
34
+ export declare type StackProps = BaseProps<HTMLElement> & {
35
+ children: React.ReactElement[] | React.ReactElement;
36
+ /**
37
+ * Defines the flex-direction CSS property.
38
+ * A string value will be applied to all viewports.
39
+ * An object can be used to define different values for different viewports.
40
+ */
41
+ direction?: StackDirectionVariants | ResponsiveDirectionMap;
42
+ /**
43
+ * Defines the gap CSS property.
44
+ * A string value will be applied to all viewports.
45
+ * An object can be used to define different values for different viewports.
46
+ */
47
+ gap?: StackSpacingVariants | ResponsiveSpacingMap;
48
+ /**
49
+ * Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.
50
+ * A string value will be applied to all viewports.
51
+ * An object can be used to define different values for different viewports.
52
+ */
53
+ alignItems?: StackAlignItemVariants | ResponsiveAlignItemsMap;
54
+ /**
55
+ * Defines the padding CSS property on the parent Stack.
56
+ * A string value will be applied to all viewports.
57
+ * An object can be used to define different values for different viewports.
58
+ */
59
+ padding?: StackSpacingVariants | ResponsiveSpacingMap;
60
+ /**
61
+ * Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.
62
+ * A string value will be applied to all viewports.
63
+ * An object can be used to define different values for different viewports.
64
+ */
65
+ justifyContent?: justifyContentVariants | ResponsiveJustifyContentMap;
66
+ /**
67
+ * Forward inline styles
68
+ */
69
+ style?: React.CSSProperties;
70
+ } & BaseProps<HTMLDivElement>;
71
+ /**
72
+ * Stack enables layout of its immediate children along the vertical or horizontal axis
73
+ * @see https://primer.style/brand/components/Stack
74
+ */
75
+ export declare const Stack: React.ForwardRefExoticComponent<Pick<BaseProps<HTMLElement> & {
76
+ children: React.ReactElement[] | React.ReactElement;
77
+ /**
78
+ * Defines the flex-direction CSS property.
79
+ * A string value will be applied to all viewports.
80
+ * An object can be used to define different values for different viewports.
81
+ */
82
+ direction?: "horizontal" | "vertical" | ResponsiveDirectionMap | undefined;
83
+ /**
84
+ * Defines the gap CSS property.
85
+ * A string value will be applied to all viewports.
86
+ * An object can be used to define different values for different viewports.
87
+ */
88
+ gap?: "condensed" | "normal" | "spacious" | ResponsiveSpacingMap | undefined;
89
+ /**
90
+ * Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.
91
+ * A string value will be applied to all viewports.
92
+ * An object can be used to define different values for different viewports.
93
+ */
94
+ alignItems?: "center" | "flex-start" | "flex-end" | ResponsiveAlignItemsMap | undefined;
95
+ /**
96
+ * Defines the padding CSS property on the parent Stack.
97
+ * A string value will be applied to all viewports.
98
+ * An object can be used to define different values for different viewports.
99
+ */
100
+ padding?: "condensed" | "normal" | "spacious" | ResponsiveSpacingMap | undefined;
101
+ /**
102
+ * Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.
103
+ * A string value will be applied to all viewports.
104
+ * An object can be used to define different values for different viewports.
105
+ */
106
+ justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | ResponsiveJustifyContentMap | undefined;
107
+ /**
108
+ * Forward inline styles
109
+ */
110
+ style?: React.CSSProperties | undefined;
111
+ } & BaseProps<HTMLDivElement>, "children" | "className" | "id" | "style" | "direction" | "gap" | "alignItems" | "padding" | "justifyContent"> & React.RefAttributes<unknown>>;
112
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export * from './Stack';
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ export declare function NavigationVisbilityObserver({ children, className, ...rest }: {
3
+ [x: string]: any;
4
+ children: any;
5
+ className: any;
6
+ }): JSX.Element;
@@ -0,0 +1,63 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ /**
3
+ * Design tokens
4
+ */
5
+ import '../../lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css';
6
+ export declare type SubdomainNavBarProps = {
7
+ /**
8
+ * Valid child elements are `SubdomainNavBar.Link`, `SubdomainNavBar.PrimaryAction`,
9
+ * `SubdomainNavBar.SecondaryAction` and `SubdomainNavBar.Search`
10
+ */
11
+ children?: React.ReactNode | React.ReactElement<LinkProps> | React.ReactElement<SearchProps> | React.ReactElement<CTAActionProps>;
12
+ /**
13
+ * Forward a custom HTML class attribute
14
+ */
15
+ className?: string;
16
+ /**
17
+ * Fixes the navigation bar to the top of the viewport. Defaults to `true`.
18
+ */
19
+ fixed?: boolean;
20
+ /**
21
+ * The title or name of the subdomain. Appears adjacent to the logo and is required for communicating content to assisitive technologies.
22
+ */
23
+ title: string;
24
+ /**
25
+ * Optionally change the URL of the logo
26
+ */
27
+ logoHref?: string;
28
+ };
29
+ declare function Root({ children, fixed, logoHref, title, ...rest }: SubdomainNavBarProps): JSX.Element;
30
+ declare type LinkProps = {
31
+ href: string;
32
+ } & React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
33
+ declare function Link({ href, className, children, ...rest }: PropsWithChildren<LinkProps>): JSX.Element;
34
+ export declare type SubdomainNavBarSearchResultProps = {
35
+ title: string;
36
+ description: string;
37
+ url: string;
38
+ date: string;
39
+ category?: string;
40
+ };
41
+ declare type SearchProps = {
42
+ onSubmit: (e: React.FormEvent<HTMLFormElement>) => void;
43
+ onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
44
+ ref: React.RefObject<HTMLInputElement>;
45
+ active?: boolean;
46
+ title?: string;
47
+ handlerFn?: () => void;
48
+ autoComplete?: boolean;
49
+ searchResults?: SubdomainNavBarSearchResultProps[];
50
+ searchTerm?: string;
51
+ };
52
+ declare type CTAActionProps = {
53
+ href: string;
54
+ };
55
+ declare function PrimaryAction({ children, href, ...rest }: PropsWithChildren<CTAActionProps>): JSX.Element;
56
+ declare function SecondaryAction({ children, href, ...rest }: PropsWithChildren<CTAActionProps>): JSX.Element;
57
+ export declare const SubdomainNavBar: typeof Root & {
58
+ Link: typeof Link;
59
+ Search: React.ForwardRefExoticComponent<Pick<SearchProps, "title" | "onChange" | "onSubmit" | "autoComplete" | "active" | "searchResults" | "searchTerm" | "handlerFn"> & React.RefAttributes<unknown>>;
60
+ PrimaryAction: typeof PrimaryAction;
61
+ SecondaryAction: typeof SecondaryAction;
62
+ };
63
+ export {};
@@ -0,0 +1 @@
1
+ export * from './SubdomainNavBar';
@@ -0,0 +1,5 @@
1
+ import { RefObject } from 'react';
2
+ export declare type VisibilityMap = {
3
+ [key: string]: boolean;
4
+ };
5
+ export declare function useVisibilityObserver(navigationRef: RefObject<HTMLUListElement>): VisibilityMap[];
@@ -0,0 +1,72 @@
1
+ import React, { HTMLAttributes, SVGProps } from 'react';
2
+ import { BaseProps } from '../component-helpers';
3
+ declare type TestimonialAlignment = 'start' | 'center';
4
+ export declare type TestimonialProps = {
5
+ /**
6
+ * Valid children include Testimonial.Name, Testimonial.Avatar, and Testimonial.Name
7
+ */
8
+ children: React.ReactNode | React.ReactElement<QuoteProps> | React.ReactElement<NameProps> | React.ReactElement<AvatarProps> | React.ReactElement<LogoProps>[];
9
+ /**
10
+ * Aligns the testimonial content
11
+ */
12
+ align?: TestimonialAlignment;
13
+ } & BaseProps<HTMLElement>;
14
+ /**
15
+ * Testimonial quote child element
16
+ * <Testimonial.Quote>
17
+ */
18
+ declare type QuoteProps = {
19
+ children: string;
20
+ } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>;
21
+ /**
22
+ * Testimonial name child element
23
+ * <Testimonial.Name>
24
+ */
25
+ declare type NameProps = {
26
+ position?: string;
27
+ } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>;
28
+ export declare const Name: React.ForwardRefExoticComponent<Pick<{
29
+ position?: string | undefined;
30
+ } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "children" | "className" | "id" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "position"> & React.RefAttributes<unknown>>;
31
+ /**
32
+ * Testimonial avatar child element
33
+ * <Testimonial.Avatar>
34
+ */
35
+ declare type AvatarProps = {
36
+ src: string;
37
+ alt: string;
38
+ } & React.HTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement>;
39
+ export declare const Avatar: React.ForwardRefExoticComponent<Pick<{
40
+ src: string;
41
+ alt: string;
42
+ } & React.HTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement>, "children" | "className" | "id" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alt" | "src"> & React.RefAttributes<unknown>>;
43
+ /**
44
+ * Testimonial logo child element
45
+ * <Testimonial.Logo>
46
+ */
47
+ declare type LogoProps = {
48
+ children: React.ReactElement<SVGProps<SVGSVGElement>> | React.ReactElement<HTMLAttributes<HTMLImageElement>>;
49
+ } & React.HTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement>;
50
+ export declare const Logo: React.ForwardRefExoticComponent<Pick<{
51
+ children: React.ReactElement<SVGProps<SVGSVGElement>> | React.ReactElement<HTMLAttributes<HTMLImageElement>>;
52
+ } & React.HTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement>, "children" | "className" | "id" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<unknown>>;
53
+ /**
54
+ * Use Testimonial to display a quote from a customer or user.
55
+ * @see https://primer.style/brand/components/Testimonial
56
+ */
57
+ export declare const Testimonial: React.ForwardRefExoticComponent<Pick<TestimonialProps, "children" | "className" | "align" | "id"> & React.RefAttributes<unknown>> & {
58
+ Quote: React.ForwardRefExoticComponent<Pick<{
59
+ children: string;
60
+ } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "children" | "className" | "id" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<unknown>>;
61
+ Name: React.ForwardRefExoticComponent<Pick<{
62
+ position?: string | undefined;
63
+ } & React.HTMLAttributes<HTMLElement> & BaseProps<HTMLElement>, "children" | "className" | "id" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "position"> & React.RefAttributes<unknown>>;
64
+ Avatar: React.ForwardRefExoticComponent<Pick<{
65
+ src: string;
66
+ alt: string;
67
+ } & React.HTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement>, "children" | "className" | "id" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alt" | "src"> & React.RefAttributes<unknown>>;
68
+ Logo: React.ForwardRefExoticComponent<Pick<{
69
+ children: React.ReactElement<SVGProps<SVGSVGElement>> | React.ReactElement<HTMLAttributes<HTMLImageElement>>;
70
+ } & React.HTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement>, "children" | "className" | "id" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<unknown>>;
71
+ };
72
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export * from './Testimonial';