@primer/react-brand 0.4.0 → 0.5.0-rc.04a988d
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.
- package/CHANGELOG.md +284 -0
- package/lib/Accordion/Accordion.d.ts +4 -4
- package/lib/Button/Button.d.ts +2 -0
- package/lib/FAQ/FAQ.d.ts +4 -4
- package/lib/Heading/Heading.d.ts +1 -1
- package/lib/InlineLink/InlineLink.d.ts +1 -1
- package/lib/River/River.d.ts +3 -3
- package/lib/Stack/Stack.d.ts +112 -0
- package/lib/Stack/Stack.visual.spec.d.ts +1 -0
- package/lib/Stack/index.d.ts +1 -0
- package/lib/SubdomainNavBar/NavigationVisbilityObserver.d.ts +6 -0
- package/lib/SubdomainNavBar/SubdomainNavBar.d.ts +63 -0
- package/lib/SubdomainNavBar/SubdomainNavBar.visual.spec.d.ts +1 -0
- package/lib/SubdomainNavBar/index.d.ts +1 -0
- package/lib/SubdomainNavBar/useVisibilityObserver.d.ts +5 -0
- package/lib/Testimonial/Testimonial.d.ts +72 -0
- package/lib/Testimonial/Testimonial.visual.spec.d.ts +1 -0
- package/lib/Testimonial/index.d.ts +1 -0
- package/lib/css/main.css +1066 -36
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +27 -0
- package/lib/design-tokens/css/tokens/functional/size/border.css +4 -4
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +7 -7
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +15 -15
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +11 -11
- package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +15 -15
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +13 -13
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/border.js +5 -5
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +7 -7
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +5 -5
- package/lib/design-tokens/ts/tokens/functional/size/border.js +5 -5
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +7 -7
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/forms/Checkbox/Checkbox.d.ts +1 -1
- package/lib/forms/Select/Select.d.ts +1 -1
- package/lib/forms/TextInput/TextInput.d.ts +10 -2
- package/lib/hooks/useKeyboardEscape.d.ts +1 -0
- package/lib/hooks/useOnClickOutside.d.ts +1 -0
- package/lib/index.d.ts +3 -0
- package/lib/index.js +1 -1
- package/package.json +3 -3
|
@@ -54,4 +54,4 @@ export declare const Checkbox: React.ForwardRefExoticComponent<Pick<{
|
|
|
54
54
|
* Used during form submission and to identify which checkbox inputs are selected
|
|
55
55
|
*/
|
|
56
56
|
value?: string | undefined;
|
|
57
|
-
} & React.InputHTMLAttributes<HTMLInputElement> & BaseProps<HTMLInputElement>, "
|
|
57
|
+
} & React.InputHTMLAttributes<HTMLInputElement> & BaseProps<HTMLInputElement>, "className" | "id" | "children" | "form" | "slot" | "style" | "title" | "pattern" | "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" | "list" | "size" | "type" | "step" | "value" | "alt" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "multiple" | "maxLength" | "minLength" | "src" | "required" | "validationStatus" | "crossOrigin" | "enterKeyHint" | "height" | "max" | "min" | "name" | "readOnly" | "width" | "indeterminate"> & React.RefAttributes<unknown>>;
|
|
@@ -52,7 +52,7 @@ export declare const Select: React.ForwardRefExoticComponent<Pick<{
|
|
|
52
52
|
*
|
|
53
53
|
*/
|
|
54
54
|
validationStatus?: FormValidationStatus | undefined;
|
|
55
|
-
} & Omit<React.InputHTMLAttributes<HTMLSelectElement>, "size"> & BaseProps<HTMLSelectElement>, "
|
|
55
|
+
} & Omit<React.InputHTMLAttributes<HTMLSelectElement>, "size"> & BaseProps<HTMLSelectElement>, "className" | "id" | "children" | "form" | "slot" | "style" | "title" | "pattern" | "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" | "list" | "size" | "type" | "step" | "value" | "alt" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "multiple" | "maxLength" | "minLength" | "src" | "fullWidth" | "required" | "validationStatus" | "crossOrigin" | "enterKeyHint" | "height" | "max" | "min" | "name" | "readOnly" | "width"> & React.RefAttributes<unknown>> & {
|
|
56
56
|
Option: ({ children, value, ...rest }: OptionProps) => JSX.Element;
|
|
57
57
|
OptGroup: ({ children, label, ...rest }: OptGroupProps) => JSX.Element;
|
|
58
58
|
};
|
|
@@ -6,6 +6,10 @@ export declare type TextInputProps = {
|
|
|
6
6
|
* Applies full width styling.
|
|
7
7
|
*/
|
|
8
8
|
fullWidth?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Removes border
|
|
11
|
+
*/
|
|
12
|
+
invisible?: boolean;
|
|
9
13
|
/**
|
|
10
14
|
* Applies non-interactive text to start of input.
|
|
11
15
|
*/
|
|
@@ -48,6 +52,10 @@ export declare const TextInput: React.ForwardRefExoticComponent<Pick<{
|
|
|
48
52
|
* Applies full width styling.
|
|
49
53
|
*/
|
|
50
54
|
fullWidth?: boolean | undefined;
|
|
55
|
+
/**
|
|
56
|
+
* Removes border
|
|
57
|
+
*/
|
|
58
|
+
invisible?: boolean | undefined;
|
|
51
59
|
/**
|
|
52
60
|
* Applies non-interactive text to start of input.
|
|
53
61
|
*/
|
|
@@ -75,7 +83,7 @@ export declare const TextInput: React.ForwardRefExoticComponent<Pick<{
|
|
|
75
83
|
/**
|
|
76
84
|
* Constrains the input type to single line inputs.
|
|
77
85
|
*/
|
|
78
|
-
type?: "number" | "search" | "time" | "text" | "tel" | "url" | "email" | "date" | "
|
|
86
|
+
type?: "number" | "search" | "time" | "text" | "tel" | "url" | "email" | "date" | "datetime-local" | "password" | undefined;
|
|
79
87
|
/**
|
|
80
88
|
* Applies a required attribute to the input
|
|
81
89
|
*/
|
|
@@ -84,4 +92,4 @@ export declare const TextInput: React.ForwardRefExoticComponent<Pick<{
|
|
|
84
92
|
*
|
|
85
93
|
*/
|
|
86
94
|
validationStatus?: FormValidationStatus | undefined;
|
|
87
|
-
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & BaseProps<HTMLInputElement>, "
|
|
95
|
+
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & BaseProps<HTMLInputElement>, "className" | "id" | "children" | "form" | "slot" | "style" | "title" | "pattern" | "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" | "list" | "size" | "type" | "step" | "value" | "alt" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "multiple" | "maxLength" | "minLength" | "src" | "fullWidth" | "required" | "validationStatus" | "crossOrigin" | "enterKeyHint" | "height" | "max" | "min" | "name" | "readOnly" | "width" | "invisible" | "leadingText" | "leadingVisual" | "monospace" | "trailingText" | "trailingVisual"> & React.RefAttributes<unknown>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useKeyboardEscape(handler: any): void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useOnClickOutside(ref: any, handler: any): void;
|
package/lib/index.d.ts
CHANGED
|
@@ -5,8 +5,11 @@ export * from './Heading';
|
|
|
5
5
|
export * from './ThemeProvider';
|
|
6
6
|
export * from './Button';
|
|
7
7
|
export * from './River';
|
|
8
|
+
export * from './SubdomainNavBar';
|
|
8
9
|
export * from './InlineLink';
|
|
9
10
|
export * from './Link';
|
|
10
11
|
export * from './Accordion';
|
|
11
12
|
export * from './FAQ';
|
|
12
13
|
export * from './forms';
|
|
14
|
+
export * from './Stack';
|
|
15
|
+
export * from './Testimonial';
|
package/lib/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see index.js.LICENSE.txt */
|
|
2
|
-
!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react")):"function"==typeof define&&define.amd?define("@primer/react-brand",[],r):"object"==typeof exports?exports["@primer/react-brand"]=r(require("react")):e["@primer/react-brand"]=r(e.React)}(this,(e=>(()=>{"use strict";var r={418:e=>{var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function a(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,_){for(var i,l,o=a(e),d=1;d<arguments.length;d++){for(var s in i=Object(arguments[d]))t.call(i,s)&&(o[s]=i[s]);if(r){l=r(i);for(var u=0;u<l.length;u++)n.call(i,l[u])&&(o[l[u]]=i[l[u]])}}return o}},921:(e,r)=>{var t=60103,n=60106,a=60107,_=60108,i=60114,l=60109,o=60110,d=60112,s=60113,u=60120,m=60115,c=60116;if("function"==typeof Symbol&&Symbol.for){var p=Symbol.for;t=p("react.element"),n=p("react.portal"),a=p("react.fragment"),_=p("react.strict_mode"),i=p("react.profiler"),l=p("react.provider"),o=p("react.context"),d=p("react.forward_ref"),s=p("react.suspense"),u=p("react.suspense_list"),m=p("react.memo"),c=p("react.lazy"),p("react.block"),p("react.server.block"),p("react.fundamental"),p("react.debug_trace_mode"),p("react.legacy_hidden")}r.isFragment=function(e){return function(e){if("object"==typeof e&&null!==e){var r=e.$$typeof;switch(r){case t:switch(e=e.type){case a:case i:case _:case s:case u:return e;default:switch(e=e&&e.$$typeof){case o:case d:case c:case m:case l:return e;default:return r}}case n:return r}}}(e)===a}},864:(e,r,t)=>{e.exports=t(921)},251:(e,r,t)=>{t(418);var n=t(697),a=60103;if("function"==typeof Symbol&&Symbol.for){var _=Symbol.for;a=_("react.element"),_("react.fragment")}var i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,o={key:!0,ref:!0,__self:!0,__source:!0};function d(e,r,t){var n,_={},d=null,s=null;for(n in void 0!==t&&(d=""+t),void 0!==r.key&&(d=""+r.key),void 0!==r.ref&&(s=r.ref),r)l.call(r,n)&&!o.hasOwnProperty(n)&&(_[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===_[n]&&(_[n]=r[n]);return{$$typeof:a,type:e,key:d,ref:s,props:_,_owner:i.current}}r.jsx=d,r.jsxs=d},893:(e,r,t)=>{e.exports=t(251)},697:r=>{r.exports=e}},t={};function n(e){var a=t[e];if(void 0!==a)return a.exports;var _=t[e]={exports:{}};return r[e](_,_.exports,n),_.exports}n.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return n.d(r,{a:r}),r},n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{Accordion:()=>G,AccordionContent:()=>D,AccordionHeading:()=>U,AccordionRoot:()=>W,Button:()=>f,Checkbox:()=>de,ColorModesEnum:()=>C,FAQ:()=>ee,FormControl:()=>ye,Heading:()=>P,HeadingSizes:()=>T,HeadingTags:()=>B,Hero:()=>y,InlineLink:()=>$,Link:()=>q,River:()=>V,Select:()=>xe,Text:()=>h,TextInput:()=>ue,TextSizes:()=>s,TextTags:()=>u,TextVariants:()=>m,ThemeContext:()=>j,ThemeProvider:()=>F,classMap:()=>b,defaultHeadingTag:()=>I,defaultRiverAlign:()=>E,defaultRiverImageTextRatio:()=>k,defaultTextSize:()=>p,defaultTextTag:()=>c,defaultTextVariant:()=>x,getHeadingWarning:()=>M,useTheme:()=>S});var e=n(893),r=n(697),t=n.n(r);function _(e){var r,t,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(r=0;r<e.length;r++)e[r]&&(t=_(e[r]))&&(n&&(n+=" "),n+=t);else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function i(){for(var e,r,t=0,n="";t<arguments.length;)(e=arguments[t++])&&(r=_(e))&&(n&&(n+=" "),n+=r);return n}const l={Hero:"Primer_Brand__Hero-module__Hero___EM3jf","Hero--align-start":"Primer_Brand__Hero-module__Hero--align-start___m8GEr","Hero--align-center":"Primer_Brand__Hero-module__Hero--align-center___HUXm3","Hero-heading":"Primer_Brand__Hero-module__Hero-heading___QuVBH","Hero-description":"Primer_Brand__Hero-module__Hero-description___vG4iA","Hero-actions":"Primer_Brand__Hero-module__Hero-actions___oH1NT"};function o({className:r,expanded:t=!1}){return(0,e.jsxs)("svg",{className:i("Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek",t&&"Primer_Brand__ExpandableArrow-module__ExpandableArrow--expanded___gajDr",r),width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[(0,e.jsx)("path",{fill:"currentColor",d:"M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"}),(0,e.jsx)("path",{className:i("Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy",t&&"Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9"),stroke:"currentColor",d:"M1.75 8H11",strokeWidth:"1.5",strokeLinecap:"round"})]})}const d={Text:"Primer_Brand__Text-module__Text___pecHN","Text--default":"Primer_Brand__Text-module__Text--default___DChoE","Text--muted":"Primer_Brand__Text-module__Text--muted___lTaVa","Text--700":"Primer_Brand__Text-module__Text--700___cOggy","Text--600":"Primer_Brand__Text-module__Text--600___ThppA","Text--500":"Primer_Brand__Text-module__Text--500___orDRu","Text--400":"Primer_Brand__Text-module__Text--400___y7m4l","Text--300":"Primer_Brand__Text-module__Text--300___TBQTB","Text--200":"Primer_Brand__Text-module__Text--200___XAIGT","Text--100":"Primer_Brand__Text-module__Text--100___csEom"},s=["700","600","500","400","300","200","100"],u=["p","span","div"],m=["default","muted"],c=u[1],p=s[3],x=m[0];function h({as:r=c,className:n,children:a,size:_=p,variant:l=x,...o}){const s=i(d.Text,d[`Text--${l}`],d[`Text--${_}`],n),u=t().Children.toArray(a).map((e=>t().isValidElement(e)&&"string"!=typeof e.type&&e.type===$?t().cloneElement(e,{size:_}):e));return"p"===r?(0,e.jsx)("p",{className:s,...o,children:u}):"div"===r?(0,e.jsx)("div",{className:s,...o,children:u}):(0,e.jsx)("span",{className:s,...o,children:u})}const g={Button:"Primer_Brand__Button-module__Button___lDruK","Button--label":"Primer_Brand__Button-module__Button--label___lUBc0","Button-arrow":"Primer_Brand__Button-module__Button-arrow___SkJXQ","Button--primary":"Primer_Brand__Button-module__Button--primary___xIC7G","Button--label-primary":"Primer_Brand__Button-module__Button--label-primary___Leisi","Button--secondary":"Primer_Brand__Button-module__Button--secondary___akMC2","Button--size-medium":"Primer_Brand__Button-module__Button--size-medium___EyCyw","Button--size-large":"Primer_Brand__Button-module__Button--size-large___REN1l"},f=(0,r.forwardRef)((({as:r,variant:n="secondary",size:a="medium",className:_,children:l,onMouseEnter:d,onMouseLeave:s,onFocus:u,onBlur:m,...c},p)=>{const[x,f]=t().useState(!1),[v,T]=t().useState(!1),B=r||"button";return(0,e.jsxs)(B,{ref:p,className:i(g.Button,g[`Button--${n}`],g[`Button--size-${a}`],_),onMouseEnter:e=>{f(!0),d?.(e)},onMouseLeave:e=>{f(!1),s?.(e)},onFocus:e=>{T(!0),u?.(e)},onBlur:e=>{T(!1),m?.(e)},...c,children:[(0,e.jsx)(h,{as:"span",size:"medium"===a?"300":"400",className:i(g["Button--label"],"primary"===n&&g["Button--label-primary"]),children:l}),(0,e.jsx)(o,{className:g["Button-arrow"],expanded:x||v})]})})),v={Heading:"Primer_Brand__Heading-module__Heading___IVpmp","Heading--1":"Primer_Brand__Heading-module__Heading--1___Ufc7G","Heading--2":"Primer_Brand__Heading-module__Heading--2___TFg09","Heading--3":"Primer_Brand__Heading-module__Heading--3___wsITu","Heading--4":"Primer_Brand__Heading-module__Heading--4___C9jDG","Heading--5":"Primer_Brand__Heading-module__Heading--5___HgypG","Heading--6":"Primer_Brand__Heading-module__Heading--6___FEQ_V"},T=["1","2","3","4","5","6"],B=["h1","h2","h3","h4","h5","h6"],I=B[1],b={h1:T[0],h2:T[1],h3:T[2],h4:T[3],h5:T[4],h6:T[5]},P=(0,r.forwardRef)((({className:r,children:n,as:a=I,..._},l)=>{const o=i(v.Heading,v[`Heading--${b[a]}`],r),d=t().useCallback((({...e})=>B.includes(a)?t().createElement(a,e,n):(console.error(`Heading: 'as' prop must be one of ${B.join(", ")}`),null)),[a,n]);return(0,e.jsx)(d,{className:o,ref:l,..._,children:n})})),y=(0,r.forwardRef)((({className:r,heading:t,description:n,primaryAction:a,secondaryAction:_,align:o="start",...d},s)=>(0,e.jsxs)("div",{className:i(l.Hero,l[`Hero--align-${o}`],r),ref:s,...d,children:[(0,e.jsx)(P,{className:l["Hero-heading"],as:"h1",children:t}),n?(0,e.jsx)(h,{className:l["Hero-description"],as:"p",size:"400",variant:"muted",children:n}):null,(0,e.jsxs)("div",{className:l["Hero-actions"],children:[(0,e.jsx)(f,{as:"a",variant:"primary",size:"large",href:a.href,children:a.text}),_?(0,e.jsx)(f,{as:"a",variant:"secondary",size:"large",href:_.href,children:_.text}):null]})]})));var C;!function(e){e.LIGHT="light",e.DARK="dark",e.AUTO="auto"}(C||(C={}));const w=C.LIGHT,j=(0,r.createContext)({colorMode:w,availableColorModes:Object.values(C)});function F({colorMode:t=w,children:n,...a}){const[_,i]=(0,r.useState)(t),l=(0,r.useMemo)((()=>Object.values(C)),[]);return(0,r.useEffect)((()=>(t===C.AUTO?i(A()):_!==t&&i(t),R(i))),[t,_,i]),(0,e.jsx)(j.Provider,{value:{colorMode:_,availableColorModes:l},children:(0,e.jsx)("div",{"data-color-mode":_,...a,children:n})})}const N=()=>window.matchMedia(`(prefers-color-scheme: ${C.DARK})`),A=()=>N().matches?C.DARK:C.LIGHT,R=e=>{const r=N(),t=r=>e(r.matches?C.DARK:C.LIGHT);return r.addEventListener("change",t),()=>r.removeEventListener("change",t)},S=()=>(0,r.useContext)(j),H={River:"Primer_Brand__River-module__River___VHPl5","River--align-center":"Primer_Brand__River-module__River--align-center___TH7xI",River__visual:"Primer_Brand__River-module__River__visual___sTe_U","River__visual--fill-media":"Primer_Brand__River-module__River__visual--fill-media___AVMgH","River__visual--has-shadow":"Primer_Brand__River-module__River__visual--has-shadow___cL9nP",River__heading:"Primer_Brand__River-module__River__heading___pwKXi","River__call-to-action":"Primer_Brand__River-module__River__call-to-action___GIOCe",River__text:"Primer_Brand__River-module__River__text___ZlR1K","River--50-50":"Primer_Brand__River-module__River--50-50___cpSFU","River--60-40":"Primer_Brand__River-module__River--60-40___XDKAU","River--align-start":"Primer_Brand__River-module__River--align-start___L0mn_","River--align-end":"Primer_Brand__River-module__River--align-end___UIM3e",River__content:"Primer_Brand__River-module__River__content___opQUA","River__body-text":"Primer_Brand__River-module__River__body-text___tt2Yf"},k="50:50",E="start",L=(0,r.forwardRef)((({imageTextRatio:r=k,align:n=E,className:a,children:_,...l},o)=>{const{Visual:d,Content:s}=t().Children.toArray(_).reduce(((e,r)=>(t().isValidElement(r)&&"string"!=typeof r.type&&(r.type===z&&(e.Visual=r),r.type===O&&(e.Content=r)),e)),{Visual:null,Content:null}),u="start"===n||"center"===n?[s,d]:[d,s];return(0,e.jsx)("section",{className:i(H.River,H[`River--${r.replace(":","-")}`],H[`River--align-${n}`],a),...l,ref:o,children:u})})),M=e=>`River.Content does not accept a Heading with as="${e}". River automatically applies as="h3" by default.`,O=(0,r.forwardRef)((({children:r,leadingComponent:n,trailingComponent:a,..._},l)=>{const o=t().Children.toArray(r).find((e=>t().isValidElement(e)&&e.type===P)),d=t().Children.toArray(r).find((e=>t().isValidElement(e)&&e.type===h)),s=t().Children.toArray(r).find((e=>t().isValidElement(e)&&e.type===q));return(0,e.jsxs)("div",{className:H.River__content,..._,ref:l,children:[n&&(0,e.jsx)("div",{children:(0,e.jsx)(n,{})}),t().isValidElement(o)&&(0,e.jsx)("div",{className:H.River__heading,children:t().cloneElement(o,{as:(e=>{const{as:r}=e.props;return r&&B.includes(r)&&"h3"!==r&&console.warn(M(r)),"h3"})(o)})}),t().isValidElement(d)&&(0,e.jsx)("div",{className:H["River__body-text"],children:t().cloneElement(d,{variant:"muted",as:"p",className:i(H.River__text,d.props.className)})}),t().isValidElement(s)&&(0,e.jsx)("div",{className:H["River__call-to-action"],children:t().cloneElement(s,{size:"large"})}),a&&(0,e.jsx)("div",{children:(0,e.jsx)(a,{})})]})})),z=(0,r.forwardRef)((({fillMedia:r=!0,children:t,className:n,hasShadow:a=!0,..._},l)=>(0,e.jsx)("div",{className:i(H.River__visual,a&&H["River__visual--has-shadow"],r&&H["River__visual--fill-media"],n),..._,ref:l,children:t}))),V=Object.assign(L,{Visual:z,Content:O}),$=(0,r.forwardRef)((({className:r,size:t=p,children:n,href:a,..._},l)=>{const o=i("Primer_Brand__InlineLink-module__InlineLink___U_Ama",r);return(0,e.jsx)("a",{href:a,className:o,..._,ref:l,children:(0,e.jsx)(h,{size:t,as:"span",children:n})})})),Q={Link:"Primer_Brand__Link-module__Link___lvKjM","Link--label":"Primer_Brand__Link-module__Link--label___j8etE","Link-arrow":"Primer_Brand__Link-module__Link-arrow___HBMJ9","Link--large":"Primer_Brand__Link-module__Link--large___cXMt5"};function q({size:n="medium",className:a,children:_,onMouseEnter:l,onMouseLeave:d,onFocus:s,onBlur:u,...m}){const[c,p]=t().useState(!1),[x,g]=t().useState(!1),f=(0,r.useCallback)((e=>{p(!c),l?.(e)}),[l,c]),v=(0,r.useCallback)((e=>{p(!c),d?.(e)}),[d,c]),T=(0,r.useCallback)((e=>{g(!x),s?.(e)}),[s,x]),B=(0,r.useCallback)((e=>{g(!x),u?.(e)}),[u,x]);return(0,e.jsxs)("a",{className:i(Q.Link,Q[`Link--${n}`],a),onMouseEnter:f,onMouseLeave:v,onFocus:T,onBlur:B,...m,children:[(0,e.jsx)(h,{as:"span",size:{medium:"300",large:"400"}[n],className:i(Q["Link--label"]),children:_}),(0,e.jsx)(o,{className:Q["Link-arrow"],expanded:c||x})]})}const W=(0,r.forwardRef)((({children:r,className:n,open:a=!1,..._},l)=>{const{AccordionHeading:o,AccordionContent:d}=t().Children.toArray(r).reduce(((e,r)=>(t().isValidElement(r)&&"string"!=typeof r.type&&(r.type===D&&(e.AccordionContent=r),r.type===U&&(e.AccordionHeading=r)),e)),{AccordionHeading:null,AccordionContent:null});return(0,e.jsxs)("details",{className:i("Primer_Brand__Accordion-module__Accordion___M_LPt",n),open:a,..._,ref:l,children:[o,d]})})),U=(0,r.forwardRef)((({children:r,className:t,...n},a)=>(0,e.jsx)("summary",{className:i("Primer_Brand__Accordion-module__Accordion__summary___NUIYc",t),ref:a,...n,children:(0,e.jsx)(P,{as:"h4",className:"Primer_Brand__Accordion-module__Accordion__summary-heading_____snF",children:r})})));function D({children:r,className:n,...a}){const _=t().isValidElement(r)&&r.type===t().Fragment?r.props.children:r,l=t().Children.map(_,(r=>t().isValidElement(r)&&"string"==typeof r.type&&["p","span"].includes(r.type)?t().cloneElement(r,{children:(0,e.jsx)(h,{variant:"muted",size:"300",as:"span",children:r.props.children})}):r));return(0,e.jsx)("section",{className:i("Primer_Brand__Accordion-module__Accordion__content___wMZGe",n),...a,children:t().Children.toArray(l).map((e=>t().isValidElement(e)&&t().cloneElement(e,{className:i("Primer_Brand__Accordion-module__Accordion__content-item___M_dlm",e.props.className)})))})}const G=Object.assign(W,{Content:D,Heading:U});var K=n(864);const Z={FAQ:"Primer_Brand__FAQ-module__FAQ___R3vLU",FAQ__heading:"Primer_Brand__FAQ-module__FAQ__heading___bH0aG",FAQ__subheading:"Primer_Brand__FAQ-module__FAQ__subheading___I4puv","FAQ__heading--start":"Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3","FAQ__heading--center":"Primer_Brand__FAQ-module__FAQ__heading--center___xMpbW","FAQ__heading--large":"Primer_Brand__FAQ-module__FAQ__heading--large___pBEPT","FAQ__heading--with-margin":"Primer_Brand__FAQ-module__FAQ__heading--with-margin___S2_ET"},X=(0,r.forwardRef)((({children:r,className:n,...a},_)=>{const l=t().Children.toArray(r).some((e=>(0,K.isFragment)(e))),o=t().Children.toArray(r).filter((e=>!(!t().isValidElement(e)||"string"==typeof e.type||!l&&e.type!==J&&e.type!==Y&&e.type!==W))),d=t().Children.toArray(r).some((e=>t().isValidElement(e)&&"string"!=typeof e.type&&e.type===Y));return(0,e.jsx)("section",{className:i(Z.FAQ,n),ref:_,...a,children:t().Children.toArray(o).map((e=>t().isValidElement(e)&&"string"!=typeof e.type&&e.type===J?t().cloneElement(e,{align:d?"start":e.props.align,size:d?"large":e.props.size,className:i(!d&&Z["FAQ__heading--with-margin"],e.props.className)}):e))})})),J=(0,r.forwardRef)((({children:r,className:t,size:n="medium",align:a="center",..._},l)=>{const o="medium"===n?"h3":"h2";return(0,e.jsx)(P,{as:o,className:i(Z.FAQ__heading,"large"===n&&Z["FAQ__heading--large"],Z[`FAQ__heading--${a}`],t),ref:l,..._,children:r})}));function Y({children:r,className:t,...n}){return(0,e.jsx)(P,{as:"h3",className:i(Z.FAQ__subheading,t),...n,children:r})}const ee=Object.assign(X,{Subheading:Y,Heading:J,Item:W,Question:U,Answer:D});function re(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var te=re()?r.useLayoutEffect:r.useEffect,ne=!1,ae=0;function _e(){return++ae}function ie(e){var t;if("function"==typeof r.useId){var n=(0,r.useId)(e);return null!=e?e:n}var a=null!=e?e:ne?_e():null,_=(0,r.useState)(a),i=_[0],l=_[1];return te((function(){null===i&&l(_e())}),[]),(0,r.useEffect)((function(){!1===ne&&(ne=!0)}),[]),null!=(t=null!=e?e:i)?t:void 0}const le="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?r.useLayoutEffect:r.useEffect,oe="Primer_Brand__Checkbox-module__Checkbox-checkmark___atiwt",de=(0,r.forwardRef)((({checked:t,className:n,indeterminate:a,disabled:_,id:l,onChange:o,required:d,validationStatus:s,value:u,...m},c)=>{const p=(0,r.useRef)(c||null),x=ie(l);return le((()=>{p.current&&(p.current.indeterminate=a||!1)}),[a,t,p]),(0,e.jsxs)("span",{className:"Primer_Brand__Checkbox-module__Checkbox-wrapper___qo8KL",children:[(0,e.jsx)("input",{id:x,"aria-checked":a?"mixed":t?"true":"false","aria-disabled":_?"true":"false","aria-invalid":"error"===s?"true":"false","aria-required":d?"true":"false",checked:!a&&t,className:i("Primer_Brand__Checkbox-module__Checkbox-input___sux6s"),disabled:_,name:u,onChange:o,ref:p,required:d,type:"checkbox",value:u,...m}),(0,e.jsxs)("label",{htmlFor:x,className:i("Primer_Brand__Checkbox-module__Checkbox___T8FJa",a&&"Primer_Brand__Checkbox-module__Checkbox--indeterminate___U5S6k",n),children:[!a&&(0,e.jsx)("svg",{viewBox:"0 0 100 100",className:i(oe),children:(0,e.jsx)("path",{className:i("Primer_Brand__Checkbox-module__Checkbox-checkmark-path___qgsjb"),fill:"none",stroke:"#000",strokeWidth:"13",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",d:"M12.1 52.1l24.4 24.4 53-53"})}),a&&(0,e.jsx)("svg",{className:i(oe),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:"16",height:"16",children:(0,e.jsx)("path",{fillRule:"evenodd",d:"M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"})})]})]})})),se={TextInput:"Primer_Brand__TextInput-module__TextInput___EtKj3","TextInput--medium":"Primer_Brand__TextInput-module__TextInput--medium___kJrew","TextInput--large":"Primer_Brand__TextInput-module__TextInput--large___zpUvY","TextInput--fullWidth":"Primer_Brand__TextInput-module__TextInput--fullWidth___rbllM","TextInput-wrapper--disabled":"Primer_Brand__TextInput-module__TextInput-wrapper--disabled___HWTx_","TextInput-wrapper":"Primer_Brand__TextInput-module__TextInput-wrapper___HgxNu","TextInput-wrapper--fullWidth":"Primer_Brand__TextInput-module__TextInput-wrapper--fullWidth___eclO4","TextInput-wrapper--monospace":"Primer_Brand__TextInput-module__TextInput-wrapper--monospace___y1fd6","TextInput-wrapper--success":"Primer_Brand__TextInput-module__TextInput-wrapper--success___g5ODK","TextInput-wrapper--error":"Primer_Brand__TextInput-module__TextInput-wrapper--error___V7qtN","TextInput--has-leading-visual--medium":"Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS","TextInput--has-leading-visual--large":"Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9","TextInput--has-trailing-visual--medium":"Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM","TextInput--has-trailing-visual--large":"Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P","TextInput-leading-visual":"Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz","TextInput-trailing-visual":"Primer_Brand__TextInput-module__TextInput-trailing-visual___k0E6L","TextInput-leading-visual-icon--medium":"Primer_Brand__TextInput-module__TextInput-leading-visual-icon--medium___y_4Pu","TextInput-leading-visual-icon--large":"Primer_Brand__TextInput-module__TextInput-leading-visual-icon--large___VPOF7","TextInput-leading-text":"Primer_Brand__TextInput-module__TextInput-leading-text___H5Cfr","TextInput-trailing-text":"Primer_Brand__TextInput-module__TextInput-trailing-text___ikt8X","TextInput-leading-text--disabled":"Primer_Brand__TextInput-module__TextInput-leading-text--disabled___APVY0","TextInput-trailing-text--disabled":"Primer_Brand__TextInput-module__TextInput-trailing-text--disabled___oM2Ls","TextInput-leading-text-inner":"Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j","TextInput-trailing-text-inner":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx","TextInput-leading-text-inner--medium":"Primer_Brand__TextInput-module__TextInput-leading-text-inner--medium___B7Rra","TextInput-trailing-text-inner--medium":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner--medium___P9cYA","TextInput-leading-text-inner--large":"Primer_Brand__TextInput-module__TextInput-leading-text-inner--large___HfLcI","TextInput-trailing-text-inner--large":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner--large___LTt33","TextInput-leading-text--medium":"Primer_Brand__TextInput-module__TextInput-leading-text--medium___AXLxn","TextInput-trailing-text--medium":"Primer_Brand__TextInput-module__TextInput-trailing-text--medium___o1pNj","TextInput-leading-text--large":"Primer_Brand__TextInput-module__TextInput-leading-text--large___z8lZE","TextInput-trailing-text--large":"Primer_Brand__TextInput-module__TextInput-trailing-text--large___nFFjq","TextInput--has-leading-text":"Primer_Brand__TextInput-module__TextInput--has-leading-text___u7qke","TextInput--has-trailing-text":"Primer_Brand__TextInput-module__TextInput--has-trailing-text___Rsoog","TextInput-leading-text--success":"Primer_Brand__TextInput-module__TextInput-leading-text--success___LLFx7","TextInput-trailing-text--success":"Primer_Brand__TextInput-module__TextInput-trailing-text--success___EfLVd","TextInput-leading-text--error":"Primer_Brand__TextInput-module__TextInput-leading-text--error___TM77D","TextInput-trailing-text--error":"Primer_Brand__TextInput-module__TextInput-trailing-text--error___R96jr"},ue=(0,r.forwardRef)((({className:r,disabled:n,fullWidth:a=!1,leadingText:_,leadingVisual:l,monospace:o,placeholder:d,size:s="medium",trailingText:u,trailingVisual:m,validationStatus:c,...p},x)=>(0,e.jsxs)("span",{className:i(se["TextInput-wrapper"],a&&se["TextInput-wrapper--fullWidth"],o&&se["TextInput-wrapper--monospace"],n&&se["TextInput-wrapper--disabled"],c&&se[`TextInput-wrapper--${c}`]),children:[_&&!l&&(0,e.jsx)("span",{className:i(se["TextInput-leading-text"],se[`TextInput-leading-text--${s}`],n&&se["TextInput-leading-text--disabled"],c&&se[`TextInput-leading-text--${c}`]),children:(0,e.jsx)("span",{className:i(se["TextInput-leading-text-inner"],se[`TextInput-leading-text-inner--${s}`]),children:_})}),l&&!_&&(0,e.jsx)("span",{className:se["TextInput-leading-visual"],children:"function"==typeof l?(0,e.jsx)(l,{className:i(se["TextInput-leading-visual-icon"],se[`TextInput-leading-visual-icon--${s}`])}):t().isValidElement(l)&&t().cloneElement(l,{className:i(se["TextInput-leading-visual-icon"],se[`TextInput-leading-visual-icon--${s}`]),width:"large"===s?20:16,height:"large"===s?20:16})}),(0,e.jsx)("input",{type:"text",ref:x,className:i(se.TextInput,"TextInput",se[`TextInput--${s}`],a&&se["TextInput--fullWidth"],l&&se[`TextInput--has-leading-visual--${s}`],m&&se["TextInput--has-trailing-visual"],c&&se[`TextInput--${c}`],_&&!l&&se["TextInput--has-leading-text"],u&&!m&&se["TextInput--has-trailing-text"],r),placeholder:d,disabled:n,"aria-invalid":"error"===c,...p}),m&&!u&&(0,e.jsx)("span",{className:se["TextInput-trailing-visual"],children:"function"==typeof m?(0,e.jsx)(m,{className:i(se["TextInput-trailing-visual-icon"],se[`TextInput-trailing-visual-icon--${s}`])}):t().isValidElement(m)&&t().cloneElement(m,{className:i(se["TextInput-trailing-visual-icon"],se[`TextInput-trailing-visual-icon--${s}`]),width:"large"===s?20:16,height:"large"===s?20:16})}),u&&!m&&(0,e.jsx)("span",{className:i(se["TextInput-trailing-text"],se[`TextInput-trailing-text--${s}`],n&&se["TextInput-trailing-text--disabled"],c&&se[`TextInput-trailing-text--${c}`]),children:(0,e.jsx)("span",{className:i(se["TextInput-trailing-text-inner"],se[`TextInput-trailing-text-inner--${s}`]),children:u})})]})));ue.displayName="TextInput";const me={Select:"Primer_Brand__Select-module__Select___Jqn1f","focus-visible":"Primer_Brand__Select-module__focus-visible___viA1m","Select-arrow-indicator":"Primer_Brand__Select-module__Select-arrow-indicator___LTpJz","Select-arrow-indicator--disabled":"Primer_Brand__Select-module__Select-arrow-indicator--disabled___dLMeI","Select--medium":"Primer_Brand__Select-module__Select--medium___kckBr","Select--large":"Primer_Brand__Select-module__Select--large___A7u6F","Select--fullWidth":"Primer_Brand__Select-module__Select--fullWidth___PLk5U","Select-wrapper":"Primer_Brand__Select-module__Select-wrapper___iV0Tg","Select-wrapper--disabled":"Primer_Brand__Select-module__Select-wrapper--disabled___Ka43y","Select-wrapper--fullWidth":"Primer_Brand__Select-module__Select-wrapper--fullWidth___oOOo4","Select--success":"Primer_Brand__Select-module__Select--success___pkmVg","Select--error":"Primer_Brand__Select-module__Select--error___A9JuG"},ce=(0,r.forwardRef)((({children:r,className:t,disabled:n,fullWidth:a=!1,placeholder:_,size:l="medium",validationStatus:o,...d},s)=>(0,e.jsxs)("span",{className:i(me["Select-wrapper"],a&&me["Select-wrapper--fullWidth"],o&&me[`Select--${o}`],n&&me["Select-wrapper--disabled"]),children:[(0,e.jsx)("select",{"aria-invalid":"error"===o,className:i(me.Select,"Select",me[`Select--${l}`],a&&me["Select--fullWidth"],t),disabled:n,placeholder:_,ref:s,...d,children:r}),(0,e.jsx)("span",{className:i(me["Select-arrow-indicator"],n&&me["Select-arrow-indicator--disabled"]),children:(0,e.jsx)(pe,{})})]}))),pe=({className:r})=>(0,e.jsx)("svg",{width:"16",height:"16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:i(r),children:(0,e.jsx)("path",{d:"m4.074 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.043 9H4.251a.25.25 0 0 0-.177.427ZM4.074 7.47 7.47 4.073a.25.25 0 0 1 .354 0L11.22 7.47a.25.25 0 0 1-.177.426H4.251a.25.25 0 0 1-.177-.426Z"})}),xe=Object.assign(ce,{Option:({children:r,value:t,...n})=>(0,e.jsx)("option",{value:t,...n,children:r}),OptGroup:({children:r,label:t,...n})=>(0,e.jsx)("optgroup",{label:t,...n,children:r})});var he={small:16,medium:32,large:64};function ge(e){var r=e["aria-label"],t=e.className,n=e.fill,a=void 0===n?"currentColor":n,_=e.size,i=e.verticalAlign,l=e.svgDataByHeight,o=he[_]||_,d=function(e,r){return e.map((function(e){return parseInt(e,10)})).reduce((function(e,t){return t<=r?t:e}),e[0])}(Object.keys(l),o),s=l[d].width;return{"aria-hidden":r?"false":"true","aria-label":r,role:"img",className:t,viewBox:"0 0 "+s+" "+d,width:o*(s/d),height:o,fill:a,style:{display:"inline-block",userSelect:"none",verticalAlign:i,overflow:"visible"},dangerouslySetInnerHTML:{__html:l[d].path}}}var fe=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e};function ve(e){return t().createElement("svg",ge(fe({},e,{svgDataByHeight:{12:{width:12,path:'<path fill-rule="evenodd" d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 01-1.146 1.954H1.33A1.312 1.312 0 01.183 9.058L4.855.708zM7 7V3H5v4h2zm-1 3a1 1 0 100-2 1 1 0 000 2z"></path>'}}})))}function Te(e){return t().createElement("svg",ge(fe({},e,{svgDataByHeight:{12:{width:12,path:'<path fill-rule="evenodd" d="M6 0a6 6 0 100 12A6 6 0 006 0zm-.705 8.737L9.63 4.403 8.392 3.166 5.295 6.263l-1.7-1.702L2.356 5.8l2.938 2.938z"></path>'},16:{width:16,path:'<path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L6.75 9.19 5.28 7.72a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l4.5-4.5z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm16.28-2.72a.75.75 0 00-1.06-1.06l-5.97 5.97-2.47-2.47a.75.75 0 00-1.06 1.06l3 3a.75.75 0 001.06 0l6.5-6.5z"></path>'}}})))}ve.defaultProps={className:"octicon octicon-alert-fill",size:16,verticalAlign:"text-bottom"},Te.defaultProps={className:"octicon octicon-check-circle-fill",size:16,verticalAlign:"text-bottom"};const Be={FormControl:"Primer_Brand__FormControl-module__FormControl___ZJtXy","FormControl--fullWidth":"Primer_Brand__FormControl-module__FormControl--fullWidth___QyLCS","FormControl--checkbox":"Primer_Brand__FormControl-module__FormControl--checkbox___R2ng7","FormControl--border":"Primer_Brand__FormControl-module__FormControl--border___CRSaq","FormControl-label":"Primer_Brand__FormControl-module__FormControl-label___meeuB","FormControl-label--visually-hidden":"Primer_Brand__FormControl-module__FormControl-label--visually-hidden___cFizI","FormControl-label--medium":"Primer_Brand__FormControl-module__FormControl-label--medium___inrKd","FormControl-label--large":"Primer_Brand__FormControl-module__FormControl-label--large___okLn6","FormControl-label--checkbox":"Primer_Brand__FormControl-module__FormControl-label--checkbox___x2U9X","FormControl-hint":"Primer_Brand__FormControl-module__FormControl-hint___dbP0O","FormControl-validation":"Primer_Brand__FormControl-module__FormControl-validation___vG5tm","FormControl-validation--success":"Primer_Brand__FormControl-module__FormControl-validation--success___fGV4L","FormControl-validation--error":"Primer_Brand__FormControl-module__FormControl-validation--error___DJVR5","FormControl-validation-icon":"Primer_Brand__FormControl-module__FormControl-validation-icon___xh1go","FormControl-validation--animate-in":"Primer_Brand__FormControl-module__FormControl-validation--animate-in___C_pxB",FormControlValidationFadeIn:"Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R"},Ie=({children:r,className:n,htmlFor:a,required:_,showRequiredIndicator:l=!0,size:o="medium",validationStatus:d,visuallyHidden:s,...u})=>(0,e.jsxs)("label",{htmlFor:a,className:i(Be["FormControl-label"],d&&Be[`FormControl-label--${d}`],Be[`FormControl-label--${o}`],s&&Be["FormControl-label--visually-hidden"],n),...u,children:[t().Children.map(r,(e=>t().isValidElement(e)&&e.type===Pe?t().cloneElement(e,{className:i(Be["FormControl--visible"],e.props.className)}):e)),_&&l&&(0,e.jsxs)("span",{className:Be["FormControl-label-required"],"aria-hidden":!0,children:[" ","*"]})]}),be=({children:r,validationStatus:t})=>(0,e.jsxs)("span",{className:i(Be["FormControl-validation"],t&&Be["FormControl-validation--animate-in"],t&&Be[`FormControl-validation--${t}`]),children:["error"===t&&(0,e.jsx)("span",{className:Be["FormControl-validation-icon"],children:(0,e.jsx)(ve,{})}),"success"===t&&(0,e.jsx)("span",{className:Be["FormControl-validation-icon"],children:(0,e.jsx)(Te,{})}),r]}),Pe=({children:r,className:t,...n})=>(0,e.jsx)("span",{className:i(Be["FormControl-hint"],t),...n,children:r}),ye=Object.assign((({children:r,className:n,hasBorder:a,fullWidth:_,id:l,required:o,size:d="medium",validationStatus:s,...u})=>{const m=ie(l),c=l||m,p=t().Children.toArray(r).some((e=>t().isValidElement(e)&&e.type===de));return(0,e.jsx)("section",{id:`FormControl--${c}`,className:i(Be.FormControl,_&&Be["FormControl--fullWidth"],p&&Be["FormControl--checkbox"],a&&Be["FormControl--border"],n),...u,children:t().Children.map(r,(e=>{if(e){const r=`${c}`;return e.type===ue||e.type===xe?t().cloneElement(e,{className:i(e.props.className),id:r,name:r,required:e.props.required||o,validationStatus:e.props.validationStatus||s,fullWidth:_,size:d}):e.type===de?t().cloneElement(e,{className:i(e.props.className),id:r,name:r,required:e.props.required||o,validationStatus:e.props.validationStatus||s}):e.type===Ie?t().cloneElement(e,{className:i(p&&Be["FormControl-label--checkbox"],e.props.className),htmlFor:r,children:e.props.children,required:o,validationStatus:s,size:d,showRequiredIndicator:!p&&e.props.showRequiredIndicator}):e.type===be?t().cloneElement(e,{validationStatus:s}):e}}))})}),{Label:Ie,Validation:be,Hint:Pe})})(),a})()));
|
|
2
|
+
!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react")):"function"==typeof define&&define.amd?define("@primer/react-brand",[],r):"object"==typeof exports?exports["@primer/react-brand"]=r(require("react")):e["@primer/react-brand"]=r(e.React)}(this,(e=>(()=>{"use strict";var r={418:e=>{var r=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function n(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},a=0;a<10;a++)r["_"+String.fromCharCode(a)]=a;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var t={};return"abcdefghijklmnopqrst".split("").forEach((function(e){t[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},t)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var _,l,o=n(e),d=1;d<arguments.length;d++){for(var s in _=Object(arguments[d]))a.call(_,s)&&(o[s]=_[s]);if(r){l=r(_);for(var m=0;m<l.length;m++)t.call(_,l[m])&&(o[l[m]]=_[l[m]])}}return o}},921:(e,r)=>{var a=60103,t=60106,n=60107,i=60108,_=60114,l=60109,o=60110,d=60112,s=60113,m=60120,c=60115,u=60116;if("function"==typeof Symbol&&Symbol.for){var p=Symbol.for;a=p("react.element"),t=p("react.portal"),n=p("react.fragment"),i=p("react.strict_mode"),_=p("react.profiler"),l=p("react.provider"),o=p("react.context"),d=p("react.forward_ref"),s=p("react.suspense"),m=p("react.suspense_list"),c=p("react.memo"),u=p("react.lazy"),p("react.block"),p("react.server.block"),p("react.fundamental"),p("react.debug_trace_mode"),p("react.legacy_hidden")}r.isFragment=function(e){return function(e){if("object"==typeof e&&null!==e){var r=e.$$typeof;switch(r){case a:switch(e=e.type){case n:case _:case i:case s:case m:return e;default:switch(e=e&&e.$$typeof){case o:case d:case u:case c:case l:return e;default:return r}}case t:return r}}}(e)===n}},864:(e,r,a)=>{e.exports=a(921)},251:(e,r,a)=>{a(418);var t=a(697),n=60103;if(r.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;n=i("react.element"),r.Fragment=i("react.fragment")}var _=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l=Object.prototype.hasOwnProperty,o={key:!0,ref:!0,__self:!0,__source:!0};function d(e,r,a){var t,i={},d=null,s=null;for(t in void 0!==a&&(d=""+a),void 0!==r.key&&(d=""+r.key),void 0!==r.ref&&(s=r.ref),r)l.call(r,t)&&!o.hasOwnProperty(t)&&(i[t]=r[t]);if(e&&e.defaultProps)for(t in r=e.defaultProps)void 0===i[t]&&(i[t]=r[t]);return{$$typeof:n,type:e,key:d,ref:s,props:i,_owner:_.current}}r.jsx=d,r.jsxs=d},893:(e,r,a)=>{e.exports=a(251)},697:r=>{r.exports=e}},a={};function t(e){var n=a[e];if(void 0!==n)return n.exports;var i=a[e]={exports:{}};return r[e](i,i.exports,t),i.exports}t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var a in r)t.o(r,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{t.r(n),t.d(n,{Accordion:()=>ve,AccordionContent:()=>ge,AccordionHeading:()=>xe,AccordionRoot:()=>he,Avatar:()=>tr,Button:()=>v,Checkbox:()=>Ae,ColorModesEnum:()=>k,FAQ:()=>Ne,FormControl:()=>De,Heading:()=>N,HeadingSizes:()=>B,HeadingTags:()=>b,Hero:()=>P,InlineLink:()=>ce,Link:()=>pe,Logo:()=>nr,Name:()=>ar,River:()=>O,Select:()=>Me,Stack:()=>Je,StackAlignItemVariants:()=>Ze,StackDirectionVariants:()=>We,StackJustifyContentVariants:()=>Xe,StackSpacingVariants:()=>Ue,SubdomainNavBar:()=>me,Testimonial:()=>ir,Text:()=>x,TextInput:()=>Ee,TextSizes:()=>s,TextTags:()=>m,TextVariants:()=>c,ThemeContext:()=>j,ThemeProvider:()=>w,classMap:()=>T,defaultHeadingTag:()=>S,defaultRiverAlign:()=>L,defaultRiverImageTextRatio:()=>E,defaultStackDirection:()=>Ge,defaultStackSpacing:()=>Ke,defaultTextSize:()=>p,defaultTextTag:()=>u,defaultTextVariant:()=>h,getHeadingWarning:()=>z,useTheme:()=>A});var e=t(893),r=t(697),a=t.n(r);function i(e){var r,a,t="";if("string"==typeof e||"number"==typeof e)t+=e;else if("object"==typeof e)if(Array.isArray(e))for(r=0;r<e.length;r++)e[r]&&(a=i(e[r]))&&(t&&(t+=" "),t+=a);else for(r in e)e[r]&&(t&&(t+=" "),t+=r);return t}function _(){for(var e,r,a=0,t="";a<arguments.length;)(e=arguments[a++])&&(r=i(e))&&(t&&(t+=" "),t+=r);return t}const l={Hero:"Primer_Brand__Hero-module__Hero___EM3jf","Hero--align-start":"Primer_Brand__Hero-module__Hero--align-start___m8GEr","Hero--align-center":"Primer_Brand__Hero-module__Hero--align-center___HUXm3","Hero-heading":"Primer_Brand__Hero-module__Hero-heading___QuVBH","Hero-description":"Primer_Brand__Hero-module__Hero-description___vG4iA","Hero-actions":"Primer_Brand__Hero-module__Hero-actions___oH1NT"};function o({className:r,expanded:a=!1}){return(0,e.jsxs)("svg",{className:_("Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek",a&&"Primer_Brand__ExpandableArrow-module__ExpandableArrow--expanded___gajDr",r),width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[(0,e.jsx)("path",{fill:"currentColor",d:"M7.28033 3.21967C6.98744 2.92678 6.51256 2.92678 6.21967 3.21967C5.92678 3.51256 5.92678 3.98744 6.21967 4.28033L7.28033 3.21967ZM11 8L11.5303 8.53033C11.8232 8.23744 11.8232 7.76256 11.5303 7.46967L11 8ZM6.21967 11.7197C5.92678 12.0126 5.92678 12.4874 6.21967 12.7803C6.51256 13.0732 6.98744 13.0732 7.28033 12.7803L6.21967 11.7197ZM6.21967 4.28033L10.4697 8.53033L11.5303 7.46967L7.28033 3.21967L6.21967 4.28033ZM10.4697 7.46967L6.21967 11.7197L7.28033 12.7803L11.5303 8.53033L10.4697 7.46967Z"}),(0,e.jsx)("path",{className:_("Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy",a&&"Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9"),stroke:"currentColor",d:"M1.75 8H11",strokeWidth:"1.5",strokeLinecap:"round"})]})}const d={Text:"Primer_Brand__Text-module__Text___pecHN","Text--default":"Primer_Brand__Text-module__Text--default___DChoE","Text--muted":"Primer_Brand__Text-module__Text--muted___lTaVa","Text--700":"Primer_Brand__Text-module__Text--700___cOggy","Text--600":"Primer_Brand__Text-module__Text--600___ThppA","Text--500":"Primer_Brand__Text-module__Text--500___orDRu","Text--400":"Primer_Brand__Text-module__Text--400___y7m4l","Text--300":"Primer_Brand__Text-module__Text--300___TBQTB","Text--200":"Primer_Brand__Text-module__Text--200___XAIGT","Text--100":"Primer_Brand__Text-module__Text--100___csEom"},s=["700","600","500","400","300","200","100"],m=["p","span","div"],c=["default","muted"],u=m[1],p=s[3],h=c[0];function x({as:r=u,className:t,children:n,size:i=p,variant:l=h,...o}){const s=_(d.Text,d[`Text--${l}`],d[`Text--${i}`],t),m=a().Children.toArray(n).map((e=>a().isValidElement(e)&&"string"!=typeof e.type&&e.type===ce?a().cloneElement(e,{size:i}):e));return"p"===r?(0,e.jsx)("p",{className:s,...o,children:m}):"div"===r?(0,e.jsx)("div",{className:s,...o,children:m}):(0,e.jsx)("span",{className:s,...o,children:m})}const g={Button:"Primer_Brand__Button-module__Button___lDruK","Button--label":"Primer_Brand__Button-module__Button--label___lUBc0","Button-arrow":"Primer_Brand__Button-module__Button-arrow___SkJXQ","Button--primary":"Primer_Brand__Button-module__Button--primary___xIC7G","Button--label-primary":"Primer_Brand__Button-module__Button--label-primary___Leisi","Button--secondary":"Primer_Brand__Button-module__Button--secondary___akMC2","Button--size-medium":"Primer_Brand__Button-module__Button--size-medium___EyCyw","Button--size-large":"Primer_Brand__Button-module__Button--size-large___REN1l"},v=(0,r.forwardRef)((({as:r,variant:t="secondary",size:n="medium",hasArrow:i=!0,className:l,children:d,onMouseEnter:s,onMouseLeave:m,onFocus:c,onBlur:u,...p},h)=>{const[v,f]=a().useState(!1),[B,b]=a().useState(!1),S=r||"button";return(0,e.jsxs)(S,{ref:h,className:_(g.Button,g[`Button--${t}`],g[`Button--size-${n}`],l),onMouseEnter:e=>{f(!0),s?.(e)},onMouseLeave:e=>{f(!1),m?.(e)},onFocus:e=>{b(!0),c?.(e)},onBlur:e=>{b(!1),u?.(e)},...p,children:[(0,e.jsx)(x,{as:"span",size:"medium"===n?"300":"400",className:_(g["Button--label"],"primary"===t&&g["Button--label-primary"]),children:d}),i&&(0,e.jsx)(o,{className:g["Button-arrow"],expanded:v||B})]})})),f={Heading:"Primer_Brand__Heading-module__Heading___IVpmp","Heading--1":"Primer_Brand__Heading-module__Heading--1___Ufc7G","Heading--2":"Primer_Brand__Heading-module__Heading--2___TFg09","Heading--3":"Primer_Brand__Heading-module__Heading--3___wsITu","Heading--4":"Primer_Brand__Heading-module__Heading--4___C9jDG","Heading--5":"Primer_Brand__Heading-module__Heading--5___HgypG","Heading--6":"Primer_Brand__Heading-module__Heading--6___FEQ_V"},B=["1","2","3","4","5","6"],b=["h1","h2","h3","h4","h5","h6"],S=b[1],T={h1:B[0],h2:B[1],h3:B[2],h4:B[3],h5:B[4],h6:B[5]},N=(0,r.forwardRef)((({className:r,children:t,as:n=S,...i},l)=>{const o=_(f.Heading,f[`Heading--${T[n]}`],r),d=a().useCallback((({...e})=>b.includes(n)?a().createElement(n,e,t):(console.error(`Heading: 'as' prop must be one of ${b.join(", ")}`),null)),[n,t]);return(0,e.jsx)(d,{className:o,ref:l,...i,children:t})})),P=(0,r.forwardRef)((({className:r,heading:a,description:t,primaryAction:n,secondaryAction:i,align:o="start",...d},s)=>(0,e.jsxs)("div",{className:_(l.Hero,l[`Hero--align-${o}`],r),ref:s,...d,children:[(0,e.jsx)(N,{className:l["Hero-heading"],as:"h1",children:a}),t?(0,e.jsx)(x,{className:l["Hero-description"],as:"p",size:"400",variant:"muted",children:t}):null,(0,e.jsxs)("div",{className:l["Hero-actions"],children:[(0,e.jsx)(v,{as:"a",variant:"primary",size:"large",href:n.href,children:n.text}),i?(0,e.jsx)(v,{as:"a",variant:"secondary",size:"large",href:i.href,children:i.text}):null]})]})));var k;!function(e){e.LIGHT="light",e.DARK="dark",e.AUTO="auto"}(k||(k={}));const y=k.LIGHT,j=(0,r.createContext)({colorMode:y,availableColorModes:Object.values(k)});function w({colorMode:a=y,children:t,...n}){const[i,_]=(0,r.useState)(a),l=(0,r.useMemo)((()=>Object.values(k)),[]);return(0,r.useEffect)((()=>(a===k.AUTO?_(C()):i!==a&&_(a),F(_))),[a,i,_]),(0,e.jsx)(j.Provider,{value:{colorMode:i,availableColorModes:l},children:(0,e.jsx)("div",{"data-color-mode":i,...n,children:t})})}const I=()=>window.matchMedia(`(prefers-color-scheme: ${k.DARK})`),C=()=>I().matches?k.DARK:k.LIGHT,F=e=>{const r=I(),a=r=>e(r.matches?k.DARK:k.LIGHT);return r.addEventListener("change",a),()=>r.removeEventListener("change",a)},A=()=>(0,r.useContext)(j),R={River:"Primer_Brand__River-module__River___VHPl5","River--align-center":"Primer_Brand__River-module__River--align-center___TH7xI",River__visual:"Primer_Brand__River-module__River__visual___sTe_U","River__visual--fill-media":"Primer_Brand__River-module__River__visual--fill-media___AVMgH","River__visual--has-shadow":"Primer_Brand__River-module__River__visual--has-shadow___cL9nP",River__heading:"Primer_Brand__River-module__River__heading___pwKXi","River__call-to-action":"Primer_Brand__River-module__River__call-to-action___GIOCe",River__text:"Primer_Brand__River-module__River__text___ZlR1K","River--50-50":"Primer_Brand__River-module__River--50-50___cpSFU","River--60-40":"Primer_Brand__River-module__River--60-40___XDKAU","River--align-start":"Primer_Brand__River-module__River--align-start___L0mn_","River--align-end":"Primer_Brand__River-module__River--align-end___UIM3e",River__content:"Primer_Brand__River-module__River__content___opQUA","River__body-text":"Primer_Brand__River-module__River__body-text___tt2Yf"},E="50:50",L="start",H=(0,r.forwardRef)((({imageTextRatio:r=E,align:t=L,className:n,children:i,...l},o)=>{const{Visual:d,Content:s}=a().Children.toArray(i).reduce(((e,r)=>(a().isValidElement(r)&&"string"!=typeof r.type&&(r.type===V&&(e.Visual=r),r.type===M&&(e.Content=r)),e)),{Visual:null,Content:null}),m="start"===t||"center"===t?[s,d]:[d,s];return(0,e.jsx)("section",{className:_(R.River,R[`River--${r.replace(":","-")}`],R[`River--align-${t}`],n),...l,ref:o,children:m})})),z=e=>`River.Content does not accept a Heading with as="${e}". River automatically applies as="h3" by default.`,M=(0,r.forwardRef)((({children:r,leadingComponent:t,trailingComponent:n,...i},l)=>{const o=a().Children.toArray(r).find((e=>a().isValidElement(e)&&e.type===N)),d=a().Children.toArray(r).find((e=>a().isValidElement(e)&&e.type===x)),s=a().Children.toArray(r).find((e=>a().isValidElement(e)&&e.type===pe));return(0,e.jsxs)("div",{className:R.River__content,...i,ref:l,children:[t&&(0,e.jsx)("div",{children:(0,e.jsx)(t,{})}),a().isValidElement(o)&&(0,e.jsx)("div",{className:R.River__heading,children:a().cloneElement(o,{as:(e=>{const{as:r}=e.props;return r&&b.includes(r)&&"h3"!==r&&console.warn(z(r)),"h3"})(o)})}),a().isValidElement(d)&&(0,e.jsx)("div",{className:R["River__body-text"],children:a().cloneElement(d,{variant:"muted",as:"p",className:_(R.River__text,d.props.className)})}),a().isValidElement(s)&&(0,e.jsx)("div",{className:R["River__call-to-action"],children:a().cloneElement(s,{size:"large"})}),n&&(0,e.jsx)("div",{children:(0,e.jsx)(n,{})})]})})),V=(0,r.forwardRef)((({fillMedia:r=!0,children:a,className:t,hasShadow:n=!0,...i},l)=>(0,e.jsx)("div",{className:_(R.River__visual,n&&R["River__visual--has-shadow"],r&&R["River__visual--fill-media"],t),...i,ref:l,children:a}))),O=Object.assign(H,{Visual:V,Content:M});var $={small:16,medium:32,large:64};function Q(e){var r=e["aria-label"],a=e.className,t=e.fill,n=void 0===t?"currentColor":t,i=e.size,_=e.verticalAlign,l=e.svgDataByHeight,o=$[i]||i,d=function(e,r){return e.map((function(e){return parseInt(e,10)})).reduce((function(e,a){return a<=r?a:e}),e[0])}(Object.keys(l),o),s=l[d].width;return{"aria-hidden":r?"false":"true","aria-label":r,role:"img",className:a,viewBox:"0 0 "+s+" "+d,width:o*(s/d),height:o,fill:n,style:{display:"inline-block",userSelect:"none",verticalAlign:_,overflow:"visible"},dangerouslySetInnerHTML:{__html:l[d].path}}}var D=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e};function q(e){return a().createElement("svg",Q(D({},e,{svgDataByHeight:{12:{width:12,path:'<path fill-rule="evenodd" d="M4.855.708c.5-.896 1.79-.896 2.29 0l4.675 8.351a1.312 1.312 0 01-1.146 1.954H1.33A1.312 1.312 0 01.183 9.058L4.855.708zM7 7V3H5v4h2zm-1 3a1 1 0 100-2 1 1 0 000 2z"></path>'}}})))}function W(e){return a().createElement("svg",Q(D({},e,{svgDataByHeight:{12:{width:12,path:'<path fill-rule="evenodd" d="M6 0a6 6 0 100 12A6 6 0 006 0zm-.705 8.737L9.63 4.403 8.392 3.166 5.295 6.263l-1.7-1.702L2.356 5.8l2.938 2.938z"></path>'},16:{width:16,path:'<path fill-rule="evenodd" d="M8 16A8 8 0 108 0a8 8 0 000 16zm3.78-9.72a.75.75 0 00-1.06-1.06L6.75 9.19 5.28 7.72a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l4.5-4.5z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm16.28-2.72a.75.75 0 00-1.06-1.06l-5.97 5.97-2.47-2.47a.75.75 0 00-1.06 1.06l3 3a.75.75 0 001.06 0l6.5-6.5z"></path>'}}})))}function G(e){return a().createElement("svg",Q(D({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M5.22 8.72a.75.75 0 000 1.06l6.25 6.25a.75.75 0 001.06 0l6.25-6.25a.75.75 0 00-1.06-1.06L12 14.44 6.28 8.72a.75.75 0 00-1.06 0z"></path>'}}})))}function U(e){return a().createElement("svg",Q(D({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M9.78 12.78a.75.75 0 01-1.06 0L4.47 8.53a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L6.06 8l3.72 3.72a.75.75 0 010 1.06z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M15.28 5.22a.75.75 0 00-1.06 0l-6.25 6.25a.75.75 0 000 1.06l6.25 6.25a.75.75 0 101.06-1.06L9.56 12l5.72-5.72a.75.75 0 000-1.06z"></path>'}}})))}function K(e){return a().createElement("svg",Q(D({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>'}}})))}function Z(e){return a().createElement("svg",Q(D({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M14.53 15.59a8.25 8.25 0 111.06-1.06l5.69 5.69a.75.75 0 11-1.06 1.06l-5.69-5.69zM2.5 9.25a6.75 6.75 0 1111.74 4.547.746.746 0 00-.443.442A6.75 6.75 0 012.5 9.25z"></path>'}}})))}function X(e){return a().createElement("svg",Q(D({},e,{svgDataByHeight:{16:{width:16,path:'<path fill-rule="evenodd" d="M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"></path>'},24:{width:24,path:'<path fill-rule="evenodd" d="M5.72 5.72a.75.75 0 011.06 0L12 10.94l5.22-5.22a.75.75 0 111.06 1.06L13.06 12l5.22 5.22a.75.75 0 11-1.06 1.06L12 13.06l-5.22 5.22a.75.75 0 01-1.06-1.06L10.94 12 5.72 6.78a.75.75 0 010-1.06z"></path>'}}})))}function J(e,a){(0,r.useEffect)((()=>{const r=r=>{e.current&&!e.current.contains(r.target)&&a(r)};return document.addEventListener("mousedown",r),document.addEventListener("touchstart",r,{passive:!0}),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("touchstart",r)}}),[e,a])}q.defaultProps={className:"octicon octicon-alert-fill",size:16,verticalAlign:"text-bottom"},W.defaultProps={className:"octicon octicon-check-circle-fill",size:16,verticalAlign:"text-bottom"},G.defaultProps={className:"octicon octicon-chevron-down",size:16,verticalAlign:"text-bottom"},U.defaultProps={className:"octicon octicon-chevron-left",size:16,verticalAlign:"text-bottom"},K.defaultProps={className:"octicon octicon-mark-github",size:16,verticalAlign:"text-bottom"},Z.defaultProps={className:"octicon octicon-search",size:16,verticalAlign:"text-bottom"},X.defaultProps={className:"octicon octicon-x",size:16,verticalAlign:"text-bottom"};const Y="Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc",ee="Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J",re="Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF",ae="Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT",te="Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button___g_9BM",ne="Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-desc___Rb5Tm";function ie({children:t,className:n,...i}){const l=(0,r.useRef)(null),[o]=function(e){const[a,t]=(0,r.useState)({}),n=e=>{const r={};for(const a of e){const e=a.target.getAttribute("data-navitemid");e&&(a.isIntersecting?r[e]=!0:r[e]=!1)}t((e=>({...e,...r})))};return(0,r.useEffect)((()=>{const r=new IntersectionObserver(n,{root:e.current,threshold:1});if(e.current){const a=Array.from(e.current.children);for(const e of a)e.getAttribute("data-navitemid")&&r.observe(e)}return()=>r.disconnect()}),[e]),[a]}(l);return(0,e.jsxs)("ul",{className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r",n),ref:l,...i,children:[a().Children.map(t,(e=>a().cloneElement(e,{className:_(e.props.className,!!o[e.props["data-navitemid"]]&&"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--visible___oDmLP",!o[e.props["data-navitemid"]]&&"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--invisible___NioAh")}))),(0,e.jsx)(_e,{visibilityMap:o,children:t})]})}function _e({children:t,className:n,visibilityMap:i}){const[l,o]=(0,r.useState)(null),d=(0,r.useRef)(null);J(d,(()=>m()));const s=Boolean(l),m=(0,r.useCallback)((()=>{o(null)}),[]);return function(e){const a=(0,r.useCallback)((r=>{"Escape"===r.key&&e()}),[e]);(0,r.useEffect)((()=>(document.addEventListener("keydown",a,!1),()=>{document.removeEventListener("keydown",a,!1)})),[a])}(m),(0,e.jsxs)("li",{className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--overflow___FXC7u",n),ref:d,children:[(0,e.jsxs)("button",{"aria-expanded":s?"true":"false","aria-label":"more","aria-controls":"more-navigation","aria-haspopup":"true",onClick:e=>{l?m():o(e.currentTarget)},className:_(Y,"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2"),children:["More",(0,e.jsx)(G,{})]}),(0,e.jsx)("nav",{id:"more-navigation",style:{display:s?"block":"none"},className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu___RXj_t"),children:(0,e.jsx)("ul",{className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-list___EbzqG"),children:a().Children.map(t,(r=>{if(a().isValidElement(r)){const t=r.props["data-navitemid"];if(!i[t])return(0,e.jsx)(a().Fragment,{children:a().cloneElement(r,{onClick:m,className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx",r.props.className)})})}return null}))})})]})}function le({href:r,className:a,children:t,...n}){return(0,e.jsx)("li",{className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9",a),...n,children:(0,e.jsx)("a",{href:r,className:_(Y),children:t})})}const oe=(0,r.forwardRef)((({active:a,title:t,searchResults:n,searchTerm:i,handlerFn:l,onSubmit:o,onChange:d},s)=>{const m=(0,r.useRef)(null);return J(m,l),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{role:"search",className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj"),"aria-label":"open search",children:(0,e.jsx)("button",{"aria-label":"search",className:"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R",onClick:l,"data-testid":"toggle-search",children:(0,e.jsx)(Z,{})})}),a&&(0,e.jsxs)("div",{ref:m,role:"dialog","aria-label":"search menu dialog",title:`Search ${t}`,"aria-modal":"true",className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5"),children:[(0,e.jsxs)("div",{className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq"),children:[(0,e.jsx)("form",{className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-form___zoZB5"),onSubmit:o,children:(0,e.jsxs)(De,{fullWidth:!0,size:"large",children:[(0,e.jsx)(De.Label,{visuallyHidden:!0,children:"Search"}),(0,e.jsx)(Ee,{ref:s,className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-text-input___kDY_0"),autoFocus:!0,name:"search",role:"combobox","aria-expanded":"true","aria-controls":"listbox-search-results",placeholder:`Search ${t}`,onChange:d,defaultValue:i,invisible:!0,leadingVisual:(0,e.jsx)(Z,{size:16})})]})}),(0,e.jsx)("button",{"aria-label":"Close",className:_(ee,ae),onClick:l,children:(0,e.jsx)(X,{size:24})})]}),(0,e.jsx)("div",{id:"listbox-search-results",children:n&&n.length>0&&(0,e.jsxs)("div",{className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-container___kow2P"),children:[(0,e.jsxs)(x,{id:"subdomainnavbar-search-results-heading",className:"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-heading___FTzyR",children:["Results for “",i,"”"]}),(0,e.jsx)("ul",{role:"listbox","aria-label":"search results","aria-labelledby":"subdomainnavbar-search-results-heading","aria-activedescendant":"subdomainnavbar-search-result-1",className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results___haCH9"),tabIndex:0,children:n.map(((r,a)=>(0,e.jsxs)("li",{id:`subdomainnavbar-search-result-${a}`,className:"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YZV9z",children:[(0,e.jsx)(N,{as:"h6",className:"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-heading___ErnwN",children:(0,e.jsx)("a",{href:r.url,children:r.title})}),(0,e.jsx)(x,{as:"p",size:"200",className:ne,children:r.description}),(0,e.jsxs)("div",{children:[(0,e.jsx)(x,{size:"100",className:ne,children:r.date}),r.category&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(x,{size:"100",className:ne,children:[" ","•"," "]}),(0,e.jsx)(x,{size:"100",className:ne,children:r.category})]})]})]},`${r.title}-${a}`)))})]})})]})]})}));function de({children:r,href:a,...t}){return(0,e.jsx)(v,{as:"a",href:a,className:_(te),variant:"primary",hasArrow:!1,...t,children:r})}function se({children:r,href:a,...t}){return(0,e.jsx)(v,{as:"a",href:"#",className:_(te,"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH"),hasArrow:!1,...t,children:r})}const me=Object.assign((function({children:t,fixed:n=!0,logoHref:i="https://github.com",title:l,...o}){const[d,s]=(0,r.useState)(!0),[m,c]=(0,r.useState)(!1),u=()=>c(!m);return(0,e.jsx)("div",{className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container___aE8uv",n&&"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container--fixed___ZhyZf"),children:(0,e.jsx)("header",{className:"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___JNpcK",...o,children:(0,e.jsxs)("div",{className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y",m&&"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU"),children:[(0,e.jsx)("nav",{"aria-label":"global breadcrumb",children:(0,e.jsxs)("ol",{className:"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___W8IC5",children:[(0,e.jsx)("li",{children:(0,e.jsxs)("a",{href:i,"aria-label":"Github Home",className:"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_",children:[(0,e.jsx)("span",{className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___OOrj8"),children:(0,e.jsx)(U,{fill:"currentColor",size:24})}),(0,e.jsx)(K,{fill:"currentColor",size:24})]})}),(0,e.jsx)("li",{role:"separator",className:"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-separator___djrH2","aria-hidden":!0,children:"/"}),(0,e.jsx)("li",{children:(0,e.jsx)("a",{href:i,"aria-current":"page","aria-label":`${l} home`,className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___Zm_g2"),children:l})})]})}),(0,e.jsx)("nav",{id:"menu-navigation","aria-label":l,className:"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav___rZwCn",children:(0,e.jsx)(ie,{className:_(!d&&"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___ZeoFv"),children:a().Children.toArray(t).map(((e,r)=>{if(a().isValidElement(e)&&"string"!=typeof e.type)return e.type===le?a().cloneElement(e,{"data-navitemid":e.props.children,href:e.props.href,children:e.props.children,style:{"--animation-order":r}}):null})).filter(Boolean)})}),a().Children.toArray(t).map((e=>{if(a().isValidElement(e)&&"string"!=typeof e.type)return e.type===oe?a().cloneElement(e,{active:m,handlerFn:u,title:l}):null})).filter(Boolean),(0,e.jsxs)("button",{"aria-expanded":"true","aria-label":"Menu","aria-controls":"menu-navigation","aria-haspopup":"true",className:_(ee,"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___CTbHW",!d&&ae),onClick:()=>s(!d),children:[(0,e.jsx)("div",{className:_(re)}),(0,e.jsx)("div",{className:_(re)}),(0,e.jsx)("div",{className:_(re)})]}),(0,e.jsx)("div",{className:_("Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys",!d&&"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf"),children:(0,e.jsxs)("div",{className:"Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv",children:[a().Children.toArray(t).map((e=>{if(a().isValidElement(e)&&"string"!=typeof e.type)return e.type===de?e:null})).filter(Boolean),a().Children.toArray(t).map((e=>{if(a().isValidElement(e)&&"string"!=typeof e.type)return e.type===se?e:null})).filter(Boolean)]})})]})})})}),{Link:le,Search:oe,PrimaryAction:de,SecondaryAction:se}),ce=(0,r.forwardRef)((({className:r,size:a=p,children:t,href:n,...i},l)=>{const o=_("Primer_Brand__InlineLink-module__InlineLink___U_Ama",r);return(0,e.jsx)("a",{href:n,className:o,...i,ref:l,children:(0,e.jsx)(x,{size:a,as:"span",children:t})})})),ue={Link:"Primer_Brand__Link-module__Link___lvKjM","Link--label":"Primer_Brand__Link-module__Link--label___j8etE","Link-arrow":"Primer_Brand__Link-module__Link-arrow___HBMJ9","Link--large":"Primer_Brand__Link-module__Link--large___cXMt5"};function pe({size:t="medium",className:n,children:i,onMouseEnter:l,onMouseLeave:d,onFocus:s,onBlur:m,...c}){const[u,p]=a().useState(!1),[h,g]=a().useState(!1),v=(0,r.useCallback)((e=>{p(!u),l?.(e)}),[l,u]),f=(0,r.useCallback)((e=>{p(!u),d?.(e)}),[d,u]),B=(0,r.useCallback)((e=>{g(!h),s?.(e)}),[s,h]),b=(0,r.useCallback)((e=>{g(!h),m?.(e)}),[m,h]);return(0,e.jsxs)("a",{className:_(ue.Link,ue[`Link--${t}`],n),onMouseEnter:v,onMouseLeave:f,onFocus:B,onBlur:b,...c,children:[(0,e.jsx)(x,{as:"span",size:{medium:"300",large:"400"}[t],className:_(ue["Link--label"]),children:i}),(0,e.jsx)(o,{className:ue["Link-arrow"],expanded:u||h})]})}const he=(0,r.forwardRef)((({children:r,className:t,open:n=!1,...i},l)=>{const{AccordionHeading:o,AccordionContent:d}=a().Children.toArray(r).reduce(((e,r)=>(a().isValidElement(r)&&"string"!=typeof r.type&&(r.type===ge&&(e.AccordionContent=r),r.type===xe&&(e.AccordionHeading=r)),e)),{AccordionHeading:null,AccordionContent:null});return(0,e.jsxs)("details",{className:_("Primer_Brand__Accordion-module__Accordion___M_LPt",t),open:n,...i,ref:l,children:[o,d]})})),xe=(0,r.forwardRef)((({children:r,className:a,...t},n)=>(0,e.jsx)("summary",{className:_("Primer_Brand__Accordion-module__Accordion__summary___NUIYc",a),ref:n,...t,children:(0,e.jsx)(N,{as:"h4",className:"Primer_Brand__Accordion-module__Accordion__summary-heading_____snF",children:r})})));function ge({children:r,className:t,...n}){const i=a().isValidElement(r)&&r.type===a().Fragment?r.props.children:r,l=a().Children.map(i,(r=>a().isValidElement(r)&&"string"==typeof r.type&&["p","span"].includes(r.type)?a().cloneElement(r,{children:(0,e.jsx)(x,{variant:"muted",size:"300",as:"span",children:r.props.children})}):r));return(0,e.jsx)("section",{className:_("Primer_Brand__Accordion-module__Accordion__content___wMZGe",t),...n,children:a().Children.toArray(l).map((e=>a().isValidElement(e)&&a().cloneElement(e,{className:_("Primer_Brand__Accordion-module__Accordion__content-item___M_dlm",e.props.className)})))})}const ve=Object.assign(he,{Content:ge,Heading:xe});var fe=t(864);const Be={FAQ:"Primer_Brand__FAQ-module__FAQ___R3vLU",FAQ__heading:"Primer_Brand__FAQ-module__FAQ__heading___bH0aG",FAQ__subheading:"Primer_Brand__FAQ-module__FAQ__subheading___I4puv","FAQ__heading--start":"Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3","FAQ__heading--center":"Primer_Brand__FAQ-module__FAQ__heading--center___xMpbW","FAQ__heading--large":"Primer_Brand__FAQ-module__FAQ__heading--large___pBEPT","FAQ__heading--with-margin":"Primer_Brand__FAQ-module__FAQ__heading--with-margin___S2_ET"},be=(0,r.forwardRef)((({children:r,className:t,...n},i)=>{const l=a().Children.toArray(r).some((e=>(0,fe.isFragment)(e))),o=a().Children.toArray(r).filter((e=>!(!a().isValidElement(e)||"string"==typeof e.type||!l&&e.type!==Se&&e.type!==Te&&e.type!==he))),d=a().Children.toArray(r).some((e=>a().isValidElement(e)&&"string"!=typeof e.type&&e.type===Te));return(0,e.jsx)("section",{className:_(Be.FAQ,t),ref:i,...n,children:a().Children.toArray(o).map((e=>a().isValidElement(e)&&"string"!=typeof e.type&&e.type===Se?a().cloneElement(e,{align:d?"start":e.props.align,size:d?"large":e.props.size,className:_(!d&&Be["FAQ__heading--with-margin"],e.props.className)}):e))})})),Se=(0,r.forwardRef)((({children:r,className:a,size:t="medium",align:n="center",...i},l)=>{const o="medium"===t?"h3":"h2";return(0,e.jsx)(N,{as:o,className:_(Be.FAQ__heading,"large"===t&&Be["FAQ__heading--large"],Be[`FAQ__heading--${n}`],a),ref:l,...i,children:r})}));function Te({children:r,className:a,...t}){return(0,e.jsx)(N,{as:"h3",className:_(Be.FAQ__subheading,a),...t,children:r})}const Ne=Object.assign(be,{Subheading:Te,Heading:Se,Item:he,Question:xe,Answer:ge});function Pe(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var ke=Pe()?r.useLayoutEffect:r.useEffect,ye=!1,je=0;function we(){return++je}function Ie(e){var a;if("function"==typeof r.useId){var t=(0,r.useId)(e);return null!=e?e:t}var n=null!=e?e:ye?we():null,i=(0,r.useState)(n),_=i[0],l=i[1];return ke((function(){null===_&&l(we())}),[]),(0,r.useEffect)((function(){!1===ye&&(ye=!0)}),[]),null!=(a=null!=e?e:_)?a:void 0}const Ce="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?r.useLayoutEffect:r.useEffect,Fe="Primer_Brand__Checkbox-module__Checkbox-checkmark___atiwt",Ae=(0,r.forwardRef)((({checked:a,className:t,indeterminate:n,disabled:i,id:l,onChange:o,required:d,validationStatus:s,value:m,...c},u)=>{const p=(0,r.useRef)(u||null),h=Ie(l);return Ce((()=>{p.current&&(p.current.indeterminate=n||!1)}),[n,a,p]),(0,e.jsxs)("span",{className:"Primer_Brand__Checkbox-module__Checkbox-wrapper___qo8KL",children:[(0,e.jsx)("input",{id:h,"aria-checked":n?"mixed":a?"true":"false","aria-disabled":i?"true":"false","aria-invalid":"error"===s?"true":"false","aria-required":d?"true":"false",checked:!n&&a,className:_("Primer_Brand__Checkbox-module__Checkbox-input___sux6s"),disabled:i,name:m,onChange:o,ref:p,required:d,type:"checkbox",value:m,...c}),(0,e.jsxs)("label",{htmlFor:h,className:_("Primer_Brand__Checkbox-module__Checkbox___T8FJa",n&&"Primer_Brand__Checkbox-module__Checkbox--indeterminate___U5S6k",t),children:[!n&&(0,e.jsx)("svg",{viewBox:"0 0 100 100",className:_(Fe),children:(0,e.jsx)("path",{className:_("Primer_Brand__Checkbox-module__Checkbox-checkmark-path___qgsjb"),fill:"none",stroke:"#000",strokeWidth:"13",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",d:"M12.1 52.1l24.4 24.4 53-53"})}),n&&(0,e.jsx)("svg",{className:_(Fe),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:"16",height:"16",children:(0,e.jsx)("path",{fillRule:"evenodd",d:"M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"})})]})]})})),Re={TextInput:"Primer_Brand__TextInput-module__TextInput___EtKj3","TextInput--medium":"Primer_Brand__TextInput-module__TextInput--medium___kJrew","TextInput--large":"Primer_Brand__TextInput-module__TextInput--large___zpUvY","TextInput--fullWidth":"Primer_Brand__TextInput-module__TextInput--fullWidth___rbllM","TextInput-wrapper--disabled":"Primer_Brand__TextInput-module__TextInput-wrapper--disabled___HWTx_","TextInput-wrapper":"Primer_Brand__TextInput-module__TextInput-wrapper___HgxNu","TextInput-wrapper--invisible":"Primer_Brand__TextInput-module__TextInput-wrapper--invisible___cKDcl","TextInput-wrapper--fullWidth":"Primer_Brand__TextInput-module__TextInput-wrapper--fullWidth___eclO4","TextInput-wrapper--monospace":"Primer_Brand__TextInput-module__TextInput-wrapper--monospace___y1fd6","TextInput-wrapper--success":"Primer_Brand__TextInput-module__TextInput-wrapper--success___g5ODK","TextInput-wrapper--error":"Primer_Brand__TextInput-module__TextInput-wrapper--error___V7qtN","TextInput--has-leading-visual--medium":"Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___i7gLS","TextInput--has-leading-visual--large":"Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___nCVT9","TextInput--has-trailing-visual--medium":"Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___pP4lM","TextInput--has-trailing-visual--large":"Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___n1U0P","TextInput-leading-visual":"Primer_Brand__TextInput-module__TextInput-leading-visual___tk7Yz","TextInput-trailing-visual":"Primer_Brand__TextInput-module__TextInput-trailing-visual___k0E6L","TextInput-leading-visual-icon--medium":"Primer_Brand__TextInput-module__TextInput-leading-visual-icon--medium___y_4Pu","TextInput-leading-visual-icon--large":"Primer_Brand__TextInput-module__TextInput-leading-visual-icon--large___VPOF7","TextInput-leading-text":"Primer_Brand__TextInput-module__TextInput-leading-text___H5Cfr","TextInput-trailing-text":"Primer_Brand__TextInput-module__TextInput-trailing-text___ikt8X","TextInput-leading-text--disabled":"Primer_Brand__TextInput-module__TextInput-leading-text--disabled___APVY0","TextInput-trailing-text--disabled":"Primer_Brand__TextInput-module__TextInput-trailing-text--disabled___oM2Ls","TextInput-leading-text-inner":"Primer_Brand__TextInput-module__TextInput-leading-text-inner___wsz6j","TextInput-trailing-text-inner":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner___hHCPx","TextInput-leading-text-inner--medium":"Primer_Brand__TextInput-module__TextInput-leading-text-inner--medium___B7Rra","TextInput-trailing-text-inner--medium":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner--medium___P9cYA","TextInput-leading-text-inner--large":"Primer_Brand__TextInput-module__TextInput-leading-text-inner--large___HfLcI","TextInput-trailing-text-inner--large":"Primer_Brand__TextInput-module__TextInput-trailing-text-inner--large___LTt33","TextInput-leading-text--medium":"Primer_Brand__TextInput-module__TextInput-leading-text--medium___AXLxn","TextInput-trailing-text--medium":"Primer_Brand__TextInput-module__TextInput-trailing-text--medium___o1pNj","TextInput-leading-text--large":"Primer_Brand__TextInput-module__TextInput-leading-text--large___z8lZE","TextInput-trailing-text--large":"Primer_Brand__TextInput-module__TextInput-trailing-text--large___nFFjq","TextInput--has-leading-text":"Primer_Brand__TextInput-module__TextInput--has-leading-text___u7qke","TextInput--has-trailing-text":"Primer_Brand__TextInput-module__TextInput--has-trailing-text___Rsoog","TextInput-leading-text--success":"Primer_Brand__TextInput-module__TextInput-leading-text--success___LLFx7","TextInput-trailing-text--success":"Primer_Brand__TextInput-module__TextInput-trailing-text--success___EfLVd","TextInput-leading-text--error":"Primer_Brand__TextInput-module__TextInput-leading-text--error___TM77D","TextInput-trailing-text--error":"Primer_Brand__TextInput-module__TextInput-trailing-text--error___R96jr"},Ee=(0,r.forwardRef)((({className:r,disabled:t,fullWidth:n=!1,invisible:i=!1,leadingText:l,leadingVisual:o,monospace:d,placeholder:s,size:m="medium",trailingText:c,trailingVisual:u,validationStatus:p,...h},x)=>(0,e.jsxs)("span",{className:_(Re["TextInput-wrapper"],n&&Re["TextInput-wrapper--fullWidth"],i&&Re["TextInput-wrapper--invisible"],t&&Re["TextInput-wrapper--disabled"],d&&Re["TextInput-wrapper--monospace"],p&&Re[`TextInput-wrapper--${p}`]),children:[l&&!o&&(0,e.jsx)("span",{className:_(Re["TextInput-leading-text"],Re[`TextInput-leading-text--${m}`],t&&Re["TextInput-leading-text--disabled"],p&&Re[`TextInput-leading-text--${p}`]),children:(0,e.jsx)("span",{className:_(Re["TextInput-leading-text-inner"],Re[`TextInput-leading-text-inner--${m}`]),children:l})}),o&&!l&&(0,e.jsx)("span",{className:Re["TextInput-leading-visual"],children:"function"==typeof o?(0,e.jsx)(o,{className:_(Re["TextInput-leading-visual-icon"],Re[`TextInput-leading-visual-icon--${m}`])}):a().isValidElement(o)&&a().cloneElement(o,{className:_(Re["TextInput-leading-visual-icon"],Re[`TextInput-leading-visual-icon--${m}`]),width:"large"===m?20:16,height:"large"===m?20:16})}),(0,e.jsx)("input",{type:"text",ref:x,className:_(Re.TextInput,"TextInput",Re[`TextInput--${m}`],n&&Re["TextInput--fullWidth"],o&&Re[`TextInput--has-leading-visual--${m}`],u&&Re["TextInput--has-trailing-visual"],p&&Re[`TextInput--${p}`],l&&!o&&Re["TextInput--has-leading-text"],c&&!u&&Re["TextInput--has-trailing-text"],r),placeholder:s,disabled:t,"aria-invalid":"error"===p,...h}),u&&!c&&(0,e.jsx)("span",{className:Re["TextInput-trailing-visual"],children:"function"==typeof u?(0,e.jsx)(u,{className:_(Re["TextInput-trailing-visual-icon"],Re[`TextInput-trailing-visual-icon--${m}`])}):a().isValidElement(u)&&a().cloneElement(u,{className:_(Re["TextInput-trailing-visual-icon"],Re[`TextInput-trailing-visual-icon--${m}`]),width:"large"===m?20:16,height:"large"===m?20:16})}),c&&!u&&(0,e.jsx)("span",{className:_(Re["TextInput-trailing-text"],Re[`TextInput-trailing-text--${m}`],t&&Re["TextInput-trailing-text--disabled"],p&&Re[`TextInput-trailing-text--${p}`]),children:(0,e.jsx)("span",{className:_(Re["TextInput-trailing-text-inner"],Re[`TextInput-trailing-text-inner--${m}`]),children:c})})]})));Ee.displayName="TextInput";const Le={Select:"Primer_Brand__Select-module__Select___Jqn1f","focus-visible":"Primer_Brand__Select-module__focus-visible___viA1m","Select-arrow-indicator":"Primer_Brand__Select-module__Select-arrow-indicator___LTpJz","Select-arrow-indicator--disabled":"Primer_Brand__Select-module__Select-arrow-indicator--disabled___dLMeI","Select--medium":"Primer_Brand__Select-module__Select--medium___kckBr","Select--large":"Primer_Brand__Select-module__Select--large___A7u6F","Select--fullWidth":"Primer_Brand__Select-module__Select--fullWidth___PLk5U","Select-wrapper":"Primer_Brand__Select-module__Select-wrapper___iV0Tg","Select-wrapper--disabled":"Primer_Brand__Select-module__Select-wrapper--disabled___Ka43y","Select-wrapper--fullWidth":"Primer_Brand__Select-module__Select-wrapper--fullWidth___oOOo4","Select--success":"Primer_Brand__Select-module__Select--success___pkmVg","Select--error":"Primer_Brand__Select-module__Select--error___A9JuG"},He=(0,r.forwardRef)((({children:r,className:a,disabled:t,fullWidth:n=!1,placeholder:i,size:l="medium",validationStatus:o,...d},s)=>(0,e.jsxs)("span",{className:_(Le["Select-wrapper"],n&&Le["Select-wrapper--fullWidth"],o&&Le[`Select--${o}`],t&&Le["Select-wrapper--disabled"]),children:[(0,e.jsx)("select",{"aria-invalid":"error"===o,className:_(Le.Select,"Select",Le[`Select--${l}`],n&&Le["Select--fullWidth"],a),disabled:t,placeholder:i,ref:s,...d,children:r}),(0,e.jsx)("span",{className:_(Le["Select-arrow-indicator"],t&&Le["Select-arrow-indicator--disabled"]),children:(0,e.jsx)(ze,{})})]}))),ze=({className:r})=>(0,e.jsx)("svg",{width:"16",height:"16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",className:_(r),children:(0,e.jsx)("path",{d:"m4.074 9.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.043 9H4.251a.25.25 0 0 0-.177.427ZM4.074 7.47 7.47 4.073a.25.25 0 0 1 .354 0L11.22 7.47a.25.25 0 0 1-.177.426H4.251a.25.25 0 0 1-.177-.426Z"})}),Me=Object.assign(He,{Option:({children:r,value:a,...t})=>(0,e.jsx)("option",{value:a,...t,children:r}),OptGroup:({children:r,label:a,...t})=>(0,e.jsx)("optgroup",{label:a,...t,children:r})}),Ve={FormControl:"Primer_Brand__FormControl-module__FormControl___ZJtXy","FormControl--fullWidth":"Primer_Brand__FormControl-module__FormControl--fullWidth___QyLCS","FormControl--checkbox":"Primer_Brand__FormControl-module__FormControl--checkbox___R2ng7","FormControl--border":"Primer_Brand__FormControl-module__FormControl--border___CRSaq","FormControl-label":"Primer_Brand__FormControl-module__FormControl-label___meeuB","FormControl-label--visually-hidden":"Primer_Brand__FormControl-module__FormControl-label--visually-hidden___cFizI","FormControl-label--medium":"Primer_Brand__FormControl-module__FormControl-label--medium___inrKd","FormControl-label--large":"Primer_Brand__FormControl-module__FormControl-label--large___okLn6","FormControl-label--checkbox":"Primer_Brand__FormControl-module__FormControl-label--checkbox___x2U9X","FormControl-hint":"Primer_Brand__FormControl-module__FormControl-hint___dbP0O","FormControl-validation":"Primer_Brand__FormControl-module__FormControl-validation___vG5tm","FormControl-validation--success":"Primer_Brand__FormControl-module__FormControl-validation--success___fGV4L","FormControl-validation--error":"Primer_Brand__FormControl-module__FormControl-validation--error___DJVR5","FormControl-validation-icon":"Primer_Brand__FormControl-module__FormControl-validation-icon___xh1go","FormControl-validation--animate-in":"Primer_Brand__FormControl-module__FormControl-validation--animate-in___C_pxB",FormControlValidationFadeIn:"Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R"},Oe=({children:r,className:t,htmlFor:n,required:i,showRequiredIndicator:l=!0,size:o="medium",validationStatus:d,visuallyHidden:s,...m})=>(0,e.jsxs)("label",{htmlFor:n,className:_(Ve["FormControl-label"],d&&Ve[`FormControl-label--${d}`],Ve[`FormControl-label--${o}`],s&&Ve["FormControl-label--visually-hidden"],t),...m,children:[a().Children.map(r,(e=>a().isValidElement(e)&&e.type===Qe?a().cloneElement(e,{className:_(Ve["FormControl--visible"],e.props.className)}):e)),i&&l&&(0,e.jsxs)("span",{className:Ve["FormControl-label-required"],"aria-hidden":!0,children:[" ","*"]})]}),$e=({children:r,validationStatus:a})=>(0,e.jsxs)("span",{className:_(Ve["FormControl-validation"],a&&Ve["FormControl-validation--animate-in"],a&&Ve[`FormControl-validation--${a}`]),children:["error"===a&&(0,e.jsx)("span",{className:Ve["FormControl-validation-icon"],children:(0,e.jsx)(q,{})}),"success"===a&&(0,e.jsx)("span",{className:Ve["FormControl-validation-icon"],children:(0,e.jsx)(W,{})}),r]}),Qe=({children:r,className:a,...t})=>(0,e.jsx)("span",{className:_(Ve["FormControl-hint"],a),...t,children:r}),De=Object.assign((({children:r,className:t,hasBorder:n,fullWidth:i,id:l,required:o,size:d="medium",validationStatus:s,...m})=>{const c=Ie(l),u=l||c,p=a().Children.toArray(r).some((e=>a().isValidElement(e)&&e.type===Ae));return(0,e.jsx)("section",{id:`FormControl--${u}`,className:_(Ve.FormControl,i&&Ve["FormControl--fullWidth"],p&&Ve["FormControl--checkbox"],n&&Ve["FormControl--border"],t),...m,children:a().Children.map(r,(e=>{if(e){const r=`${u}`;return e.type===Ee||e.type===Me?a().cloneElement(e,{className:_(e.props.className),id:r,name:r,required:e.props.required||o,validationStatus:e.props.validationStatus||s,fullWidth:i,size:d}):e.type===Ae?a().cloneElement(e,{className:_(e.props.className),id:r,name:r,required:e.props.required||o,validationStatus:e.props.validationStatus||s}):e.type===Oe?a().cloneElement(e,{className:_(p&&Ve["FormControl-label--checkbox"],e.props.className),htmlFor:r,children:e.props.children,required:o,validationStatus:s,size:d,showRequiredIndicator:!p&&e.props.showRequiredIndicator}):e.type===$e?a().cloneElement(e,{validationStatus:s}):e}}))})}),{Label:Oe,Validation:$e,Hint:Qe}),qe={Stack:"Primer_Brand__Stack-module__Stack___tASKe","Stack--vertical":"Primer_Brand__Stack-module__Stack--vertical___CFzE7","Stack--horizontal":"Primer_Brand__Stack-module__Stack--horizontal___YJFas","Stack-narrow--vertical":"Primer_Brand__Stack-module__Stack-narrow--vertical___GDT_Z","Stack-narrow--horizontal":"Primer_Brand__Stack-module__Stack-narrow--horizontal___Co6IL","Stack-regular--vertical":"Primer_Brand__Stack-module__Stack-regular--vertical___TMpL8","Stack-regular--horizontal":"Primer_Brand__Stack-module__Stack-regular--horizontal___WDLyR","Stack-wide--vertical":"Primer_Brand__Stack-module__Stack-wide--vertical___G1Eu6","Stack-wide--horizontal":"Primer_Brand__Stack-module__Stack-wide--horizontal___cvxh3","Stack--gap-condensed":"Primer_Brand__Stack-module__Stack--gap-condensed___Xe9jx","Stack--gap-normal":"Primer_Brand__Stack-module__Stack--gap-normal___JEO7_","Stack--gap-spacious":"Primer_Brand__Stack-module__Stack--gap-spacious___w5ugZ","Stack-narrow--gap-condensed":"Primer_Brand__Stack-module__Stack-narrow--gap-condensed___zwHUG","Stack-narrow--gap-normal":"Primer_Brand__Stack-module__Stack-narrow--gap-normal___smNw5","Stack-narrow--gap-spacious":"Primer_Brand__Stack-module__Stack-narrow--gap-spacious___TX17G","Stack--padding-condensed":"Primer_Brand__Stack-module__Stack--padding-condensed___mo7Aq","Stack--padding-normal":"Primer_Brand__Stack-module__Stack--padding-normal___ySRTI","Stack--padding-spacious":"Primer_Brand__Stack-module__Stack--padding-spacious___REyye","Stack-narrow--padding-condensed":"Primer_Brand__Stack-module__Stack-narrow--padding-condensed___f1f4j","Stack-narrow--padding-normal":"Primer_Brand__Stack-module__Stack-narrow--padding-normal___TQe_D","Stack-narrow--padding-spacious":"Primer_Brand__Stack-module__Stack-narrow--padding-spacious___YeMDB","Stack-regular--gap-condensed":"Primer_Brand__Stack-module__Stack-regular--gap-condensed___ZYYsD","Stack-regular--gap-normal":"Primer_Brand__Stack-module__Stack-regular--gap-normal___dRchQ","Stack-regular--gap-spacious":"Primer_Brand__Stack-module__Stack-regular--gap-spacious___oMqRv","Stack-regular--padding-condensed":"Primer_Brand__Stack-module__Stack-regular--padding-condensed___WxLyH","Stack-regular--padding-normal":"Primer_Brand__Stack-module__Stack-regular--padding-normal___oKpGh","Stack-regular--padding-spacious":"Primer_Brand__Stack-module__Stack-regular--padding-spacious___pL7HW","Stack-wide--gap-condensed":"Primer_Brand__Stack-module__Stack-wide--gap-condensed___TB7xm","Stack-wide--gap-normal":"Primer_Brand__Stack-module__Stack-wide--gap-normal___Et9_A","Stack-wide--gap-spacious":"Primer_Brand__Stack-module__Stack-wide--gap-spacious___WXQyb","Stack-wide--padding-condensed":"Primer_Brand__Stack-module__Stack-wide--padding-condensed___heIOO","Stack-wide--padding-normal":"Primer_Brand__Stack-module__Stack-wide--padding-normal___Pdr2C","Stack-wide--padding-spacious":"Primer_Brand__Stack-module__Stack-wide--padding-spacious___d_AmA","Stack-align-items--flex-end":"Primer_Brand__Stack-module__Stack-align-items--flex-end___uVO0Z","Stack-align-items--flex-start":"Primer_Brand__Stack-module__Stack-align-items--flex-start___oOMm1","Stack-align-items--center":"Primer_Brand__Stack-module__Stack-align-items--center___V0mGA","Stack-justify-content--flex-end":"Primer_Brand__Stack-module__Stack-justify-content--flex-end___L3cnp","Stack-justify-content--flex-start":"Primer_Brand__Stack-module__Stack-justify-content--flex-start___a0eKB","Stack-justify-content--center":"Primer_Brand__Stack-module__Stack-justify-content--center___lKA8y","Stack-justify-content--space-between":"Primer_Brand__Stack-module__Stack-justify-content--space-between___svQNm","Stack-justify-content--space-evenly":"Primer_Brand__Stack-module__Stack-justify-content--space-evenly___RtktN","Stack-justify-content--space-around":"Primer_Brand__Stack-module__Stack-justify-content--space-around___hDnDE"},We=["horizontal","vertical"],Ge=We[1],Ue=["condensed","normal","spacious"],Ke=Ue[1],Ze=["center","flex-start","flex-end"],Xe=[...Ze,"space-between","space-around","space-evenly"],Je=(0,r.forwardRef)((({children:a,direction:t=Ge,gap:n=Ke,alignItems:i,padding:l=Ke,justifyContent:o,...d},s)=>{const m=(0,r.useMemo)((()=>"string"==typeof t?qe[`Stack--${t}`]:Object.keys(t).map((e=>qe[`Stack-${e}--${t[e]}`])).join(" ")),[t]),c=(0,r.useMemo)((()=>"string"==typeof n?qe[`Stack--gap-${n}`]:Object.keys(n).map((e=>qe[`Stack-${e}--gap-${n[e]}`])).join(" ")),[n]),u=(0,r.useMemo)((()=>"string"==typeof l?qe[`Stack--padding-${l}`]:Object.keys(l).map((e=>qe[`Stack-${e}--padding-${l[e]}`])).join(" ")),[l]),p=(0,r.useMemo)((()=>qe[`Stack-align-items--${i}`]),[i]),h=(0,r.useMemo)((()=>qe[`Stack-justify-content--${o}`]),[o]);return(0,e.jsx)("div",{ref:s,className:_(qe.Stack,m,c,p,h,u),...d,children:a})})),Ye={Testimonial:"Primer_Brand__Testimonial-module__Testimonial___UUywT","Testimonial--center":"Primer_Brand__Testimonial-module__Testimonial--center___NyPe5","Testimonial-quote":"Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F","Testimonial-from":"Primer_Brand__Testimonial-module__Testimonial-from___Kfj__","Testimonial-avatar-image":"Primer_Brand__Testimonial-module__Testimonial-avatar-image___XNlGZ","Testimonial-logo-image":"Primer_Brand__Testimonial-module__Testimonial-logo-image___KQQfi"},er=(0,r.forwardRef)((function({align:r,className:t,children:n,...i},l){return(0,e.jsxs)("figure",{ref:l,className:_(Ye.Testimonial,r&&Ye[`Testimonial--${r}`],t),...i,children:[a().Children.map(n,(e=>{if(a().isValidElement(e)&&e.type===rr)return e})),a().Children.map(n,(e=>{if(a().isValidElement(e)&&e.type===ar)return e})),a().Children.map(n,(e=>{if(a().isValidElement(e)&&e.type===tr)return e})),a().Children.map(n,(e=>{if(a().isValidElement(e)&&e.type===nr)return e}))]})})),rr=(0,r.forwardRef)((function({children:r,className:a},t){return(0,e.jsx)("blockquote",{ref:t,children:(0,e.jsx)(x,{size:"300",className:_(Ye["Testimonial-quote"],a),children:r})})})),ar=(0,r.forwardRef)((function({children:r,className:a,position:t},n){return(0,e.jsx)("figcaption",{ref:n,children:(0,e.jsxs)(x,{size:"200",className:_(Ye["Testimonial-from"],a),variant:"muted",children:[r," ",t&&(0,e.jsxs)("span",{children:[" // ",t]})]})})})),tr=(0,r.forwardRef)((function({alt:r,src:a,...t},n){return(0,e.jsx)("div",{className:Ye["Testimonial-avatar"],children:(0,e.jsx)("img",{ref:n,className:Ye["Testimonial-avatar-image"],src:a,...t,alt:r,width:48,height:48})})})),nr=(0,r.forwardRef)((function({children:r,...t},n){return(0,e.jsx)("div",{className:Ye["Testimonial-logo"],...t,children:a().Children.map(r,(e=>{if(a().isValidElement(e)&&"img"===e.type)return a().cloneElement(e,{className:_(Ye["Testimonial-logo-image"]),ref:n})}))})})),ir=Object.assign(er,{Quote:rr,Name:ar,Avatar:tr,Logo:nr})})(),n})()));
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/react-brand",
|
|
3
3
|
"description": "Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.5.0-rc.04a988d",
|
|
5
5
|
"author": "GitHub, Inc.",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"bugs": {
|
|
@@ -64,12 +64,12 @@
|
|
|
64
64
|
"@github/prettier-config": "^0.0.4",
|
|
65
65
|
"@playwright/test": "^1.24.0",
|
|
66
66
|
"@primer/octicons-react": "^17.3.0",
|
|
67
|
-
"@primer/primitives": "^7.
|
|
67
|
+
"@primer/primitives": "^7.9.0",
|
|
68
68
|
"@reach/auto-id": "^0.17.0",
|
|
69
69
|
"@storybook/addon-a11y": "^6.5.9",
|
|
70
70
|
"@storybook/addon-actions": "^6.5.6",
|
|
71
71
|
"@storybook/addon-essentials": "^6.5.6",
|
|
72
|
-
"@storybook/addon-interactions": "^6.5.
|
|
72
|
+
"@storybook/addon-interactions": "^6.5.12",
|
|
73
73
|
"@storybook/addon-links": "^6.5.6",
|
|
74
74
|
"@storybook/builder-webpack5": "^6.5.6",
|
|
75
75
|
"@storybook/jest": "^0.0.10",
|