@primer/react-brand 0.17.0 → 0.17.1-rc.5981390
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/lib/Card/Card.d.ts +5 -1
- package/lib/Image/Image.d.ts +2 -3
- package/lib/css/main.css +89 -75
- 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/action-menu/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/anchor-nav/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/card/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/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/cta-banner/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/footer/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +3 -3
- package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +2 -2
- package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +9 -9
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/image/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/label/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/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 +1 -1
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- 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 +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- 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/card/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.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/footer/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +23 -20
- package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +77 -72
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/image/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/label/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 +1 -1
- 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 +1 -1
- 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/card/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/colors.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/footer/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +4 -4
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/image/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/label/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 +1 -1
- 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 +1 -1
- 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/card/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.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/footer/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +7 -5
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +7 -5
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +10 -8
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +10 -8
- 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/image/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/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/label/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/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 +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- 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 +1 -1
- 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/index.js +1 -1
- package/package.json +1 -1
package/lib/Card/Card.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { HeadingTags } from '..';
|
|
3
3
|
import { LabelColors } from '../Label';
|
|
4
|
+
import { ImageProps } from '../Image';
|
|
4
5
|
import type { BaseProps } from '../component-helpers';
|
|
5
6
|
/**
|
|
6
7
|
* Design tokens
|
|
@@ -14,7 +15,7 @@ export declare type CardProps = {
|
|
|
14
15
|
/**
|
|
15
16
|
* Valid children include Card.Image, Card.Heading, and Card.Description
|
|
16
17
|
*/
|
|
17
|
-
children: React.ReactNode | React.ReactElement<CardIconProps> | React.ReactElement<CardLabelProps> | React.ReactElement<CardHeadingProps> | React.ReactElement<CardDescriptionProps>;
|
|
18
|
+
children: React.ReactNode | React.ReactElement<CardImageProps> | React.ReactElement<CardIconProps> | React.ReactElement<CardLabelProps> | React.ReactElement<CardHeadingProps> | React.ReactElement<CardDescriptionProps>;
|
|
18
19
|
/**
|
|
19
20
|
* The href of the link
|
|
20
21
|
* */
|
|
@@ -24,6 +25,8 @@ export declare type CardProps = {
|
|
|
24
25
|
* */
|
|
25
26
|
ctaText?: string;
|
|
26
27
|
} & BaseProps<HTMLAnchorElement> & React.ComponentPropsWithoutRef<'a'>;
|
|
28
|
+
declare type CardImageProps = ImageProps;
|
|
29
|
+
declare function CardImage({ className, ...rest }: CardImageProps): JSX.Element;
|
|
27
30
|
declare type CardIconProps = BaseProps<HTMLSpanElement> & {
|
|
28
31
|
icon: React.ReactNode | IconProps;
|
|
29
32
|
color?: typeof CardIconColors[number];
|
|
@@ -46,6 +49,7 @@ declare type CardDescriptionProps = BaseProps<HTMLParagraphElement> & {
|
|
|
46
49
|
* {@link https://primer.style/brand/components/Card/ See usage examples}.
|
|
47
50
|
*/
|
|
48
51
|
export declare const Card: React.ForwardRefExoticComponent<Pick<CardProps, "children" | "aria-labelledby" | "className" | "id" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-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" | "href" | "type" | "download" | "hrefLang" | "media" | "ping" | "rel" | "target" | "referrerPolicy" | "key" | "ctaText"> & React.RefAttributes<HTMLAnchorElement>> & {
|
|
52
|
+
Image: typeof CardImage;
|
|
49
53
|
Label: React.ForwardRefExoticComponent<Pick<CardLabelProps, "children" | "className" | "id" | "color"> & React.RefAttributes<HTMLSpanElement>>;
|
|
50
54
|
Icon: typeof CardIcon;
|
|
51
55
|
Heading: React.ForwardRefExoticComponent<Pick<CardHeadingProps, "children" | "className" | "id" | "as"> & React.RefAttributes<HTMLHeadingElement>>;
|
package/lib/Image/Image.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BaseProps } from '../component-helpers';
|
|
3
|
-
declare type
|
|
3
|
+
export declare type ImageAspectRatio = '1:1' | '16:9' | '16:10' | '4:3' | 'custom';
|
|
4
4
|
export declare type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & BaseProps<HTMLImageElement> & {
|
|
5
5
|
src: string;
|
|
6
6
|
alt: string;
|
|
7
|
-
aspectRatio?:
|
|
7
|
+
aspectRatio?: ImageAspectRatio;
|
|
8
8
|
media?: string;
|
|
9
9
|
srcSet?: Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'srcSet'>;
|
|
10
10
|
} & ({
|
|
@@ -19,4 +19,3 @@ export declare type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & Bas
|
|
|
19
19
|
srcSet?: undefined;
|
|
20
20
|
});
|
|
21
21
|
export declare const Image: ({ className, aspectRatio, as, ref, alt, width, height, media, srcSet, ...rest }: ImageProps) => JSX.Element;
|
|
22
|
-
export {};
|
package/lib/css/main.css
CHANGED
|
@@ -89,7 +89,7 @@ select {
|
|
|
89
89
|
|
|
90
90
|
/**
|
|
91
91
|
* Do not edit directly
|
|
92
|
-
* Generated on
|
|
92
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
93
93
|
*/
|
|
94
94
|
|
|
95
95
|
:root,
|
|
@@ -629,7 +629,7 @@ select {
|
|
|
629
629
|
|
|
630
630
|
/**
|
|
631
631
|
* Do not edit directly
|
|
632
|
-
* Generated on
|
|
632
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
633
633
|
*/
|
|
634
634
|
|
|
635
635
|
:root {
|
|
@@ -654,7 +654,7 @@ select {
|
|
|
654
654
|
|
|
655
655
|
/**
|
|
656
656
|
* Do not edit directly
|
|
657
|
-
* Generated on
|
|
657
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
658
658
|
*/
|
|
659
659
|
|
|
660
660
|
:root {
|
|
@@ -669,7 +669,7 @@ select {
|
|
|
669
669
|
|
|
670
670
|
/**
|
|
671
671
|
* Do not edit directly
|
|
672
|
-
* Generated on
|
|
672
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
673
673
|
*/
|
|
674
674
|
|
|
675
675
|
:root {
|
|
@@ -841,7 +841,7 @@ select {
|
|
|
841
841
|
|
|
842
842
|
/**
|
|
843
843
|
* Do not edit directly
|
|
844
|
-
* Generated on
|
|
844
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
845
845
|
*/
|
|
846
846
|
|
|
847
847
|
:root {
|
|
@@ -855,7 +855,7 @@ select {
|
|
|
855
855
|
|
|
856
856
|
/**
|
|
857
857
|
* Do not edit directly
|
|
858
|
-
* Generated on
|
|
858
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
859
859
|
*/
|
|
860
860
|
|
|
861
861
|
:root {
|
|
@@ -873,7 +873,7 @@ select {
|
|
|
873
873
|
|
|
874
874
|
/**
|
|
875
875
|
* Do not edit directly
|
|
876
|
-
* Generated on
|
|
876
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
877
877
|
*/
|
|
878
878
|
|
|
879
879
|
:root,
|
|
@@ -1175,7 +1175,7 @@ select {
|
|
|
1175
1175
|
|
|
1176
1176
|
/**
|
|
1177
1177
|
* Do not edit directly
|
|
1178
|
-
* Generated on
|
|
1178
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
1179
1179
|
*/
|
|
1180
1180
|
|
|
1181
1181
|
:root,
|
|
@@ -1625,7 +1625,7 @@ select {
|
|
|
1625
1625
|
|
|
1626
1626
|
/**
|
|
1627
1627
|
* Do not edit directly
|
|
1628
|
-
* Generated on
|
|
1628
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
1629
1629
|
*/
|
|
1630
1630
|
|
|
1631
1631
|
:root {
|
|
@@ -1646,7 +1646,7 @@ select {
|
|
|
1646
1646
|
|
|
1647
1647
|
/**
|
|
1648
1648
|
* Do not edit directly
|
|
1649
|
-
* Generated on
|
|
1649
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
1650
1650
|
*/
|
|
1651
1651
|
|
|
1652
1652
|
:root {
|
|
@@ -2450,7 +2450,7 @@ select {
|
|
|
2450
2450
|
|
|
2451
2451
|
/**
|
|
2452
2452
|
* Do not edit directly
|
|
2453
|
-
* Generated on
|
|
2453
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
2454
2454
|
*/
|
|
2455
2455
|
|
|
2456
2456
|
:root,
|
|
@@ -2478,7 +2478,7 @@ select {
|
|
|
2478
2478
|
|
|
2479
2479
|
/**
|
|
2480
2480
|
* Do not edit directly
|
|
2481
|
-
* Generated on
|
|
2481
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
2482
2482
|
*/
|
|
2483
2483
|
|
|
2484
2484
|
:root,
|
|
@@ -2595,7 +2595,7 @@ select {
|
|
|
2595
2595
|
|
|
2596
2596
|
/**
|
|
2597
2597
|
* Do not edit directly
|
|
2598
|
-
* Generated on
|
|
2598
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
2599
2599
|
*/
|
|
2600
2600
|
|
|
2601
2601
|
:root,
|
|
@@ -2828,7 +2828,7 @@ select {
|
|
|
2828
2828
|
|
|
2829
2829
|
/**
|
|
2830
2830
|
* Do not edit directly
|
|
2831
|
-
* Generated on
|
|
2831
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
2832
2832
|
*/
|
|
2833
2833
|
|
|
2834
2834
|
:root,
|
|
@@ -2985,7 +2985,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2985
2985
|
|
|
2986
2986
|
/**
|
|
2987
2987
|
* Do not edit directly
|
|
2988
|
-
* Generated on
|
|
2988
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
2989
2989
|
*/
|
|
2990
2990
|
|
|
2991
2991
|
:root {
|
|
@@ -2995,7 +2995,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2995
2995
|
|
|
2996
2996
|
/**
|
|
2997
2997
|
* Do not edit directly
|
|
2998
|
-
* Generated on
|
|
2998
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
2999
2999
|
*/
|
|
3000
3000
|
|
|
3001
3001
|
:root,
|
|
@@ -3065,7 +3065,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
3065
3065
|
|
|
3066
3066
|
/**
|
|
3067
3067
|
* Do not edit directly
|
|
3068
|
-
* Generated on
|
|
3068
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
3069
3069
|
*/
|
|
3070
3070
|
|
|
3071
3071
|
:root {
|
|
@@ -3084,7 +3084,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
3084
3084
|
|
|
3085
3085
|
/**
|
|
3086
3086
|
* Do not edit directly
|
|
3087
|
-
* Generated on
|
|
3087
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
3088
3088
|
*/
|
|
3089
3089
|
|
|
3090
3090
|
:root,
|
|
@@ -4027,7 +4027,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
4027
4027
|
|
|
4028
4028
|
/**
|
|
4029
4029
|
* Do not edit directly
|
|
4030
|
-
* Generated on
|
|
4030
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
4031
4031
|
*/
|
|
4032
4032
|
|
|
4033
4033
|
:root {
|
|
@@ -4581,7 +4581,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
4581
4581
|
|
|
4582
4582
|
/**
|
|
4583
4583
|
* Do not edit directly
|
|
4584
|
-
* Generated on
|
|
4584
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
4585
4585
|
*/
|
|
4586
4586
|
|
|
4587
4587
|
:root,
|
|
@@ -4891,7 +4891,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
4891
4891
|
|
|
4892
4892
|
/**
|
|
4893
4893
|
* Do not edit directly
|
|
4894
|
-
* Generated on
|
|
4894
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
4895
4895
|
*/
|
|
4896
4896
|
|
|
4897
4897
|
:root,
|
|
@@ -5290,7 +5290,7 @@ html {
|
|
|
5290
5290
|
|
|
5291
5291
|
/**
|
|
5292
5292
|
* Do not edit directly
|
|
5293
|
-
* Generated on
|
|
5293
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
5294
5294
|
*/
|
|
5295
5295
|
|
|
5296
5296
|
:root,
|
|
@@ -5471,7 +5471,7 @@ html {
|
|
|
5471
5471
|
|
|
5472
5472
|
/**
|
|
5473
5473
|
* Do not edit directly
|
|
5474
|
-
* Generated on
|
|
5474
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
5475
5475
|
*/
|
|
5476
5476
|
|
|
5477
5477
|
:root,
|
|
@@ -5589,9 +5589,39 @@ html {
|
|
|
5589
5589
|
border-bottom-color: var(--brand-color-text-muted);
|
|
5590
5590
|
}
|
|
5591
5591
|
|
|
5592
|
+
.Primer_Brand__Image-module__Image__container___acBJi {
|
|
5593
|
+
display: inline-block;
|
|
5594
|
+
}
|
|
5595
|
+
|
|
5596
|
+
.Primer_Brand__Image-module__Image___FgVuK {
|
|
5597
|
+
-o-object-fit: cover;
|
|
5598
|
+
object-fit: cover;
|
|
5599
|
+
display: inline-block;
|
|
5600
|
+
}
|
|
5601
|
+
|
|
5602
|
+
.Primer_Brand__Image-module__Image--aspect-ratio-custom___gXFxx {
|
|
5603
|
+
aspect-ratio: var(--brand-Image-ratio-custom);
|
|
5604
|
+
}
|
|
5605
|
+
|
|
5606
|
+
.Primer_Brand__Image-module__Image--aspect-ratio-1-1___gDnTF {
|
|
5607
|
+
aspect-ratio: 1 / 1;
|
|
5608
|
+
}
|
|
5609
|
+
|
|
5610
|
+
.Primer_Brand__Image-module__Image--aspect-ratio-16-9___bscHI {
|
|
5611
|
+
aspect-ratio: 16 / 9;
|
|
5612
|
+
}
|
|
5613
|
+
|
|
5614
|
+
.Primer_Brand__Image-module__Image--aspect-ratio-16-10___dkGM6 {
|
|
5615
|
+
aspect-ratio: 16 / 10;
|
|
5616
|
+
}
|
|
5617
|
+
|
|
5618
|
+
.Primer_Brand__Image-module__Image--aspect-ratio-4-3___Tt_MI {
|
|
5619
|
+
aspect-ratio: 4 / 3;
|
|
5620
|
+
}
|
|
5621
|
+
|
|
5592
5622
|
/**
|
|
5593
5623
|
* Do not edit directly
|
|
5594
|
-
* Generated on
|
|
5624
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
5595
5625
|
*/
|
|
5596
5626
|
|
|
5597
5627
|
:root {
|
|
@@ -5603,7 +5633,7 @@ html {
|
|
|
5603
5633
|
|
|
5604
5634
|
/**
|
|
5605
5635
|
* Do not edit directly
|
|
5606
|
-
* Generated on
|
|
5636
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
5607
5637
|
*/
|
|
5608
5638
|
|
|
5609
5639
|
:root,
|
|
@@ -5684,17 +5714,19 @@ html {
|
|
|
5684
5714
|
display: grid;
|
|
5685
5715
|
grid-template-columns: 1fr 1fr;
|
|
5686
5716
|
grid-template-areas:
|
|
5717
|
+
'image image'
|
|
5687
5718
|
'icon icon'
|
|
5688
5719
|
'label label'
|
|
5689
5720
|
'heading heading'
|
|
5690
5721
|
'description description'
|
|
5691
5722
|
'action action';
|
|
5692
5723
|
flex: auto;
|
|
5693
|
-
grid-template-rows: auto auto auto 1fr;
|
|
5724
|
+
grid-template-rows: auto auto auto auto 1fr;
|
|
5694
5725
|
}
|
|
5695
5726
|
|
|
5696
5727
|
.Primer_Brand__Card-module__Card--has-icon___vBmET {
|
|
5697
5728
|
grid-template-areas:
|
|
5729
|
+
'image image'
|
|
5698
5730
|
'icon label'
|
|
5699
5731
|
'heading heading'
|
|
5700
5732
|
'description description'
|
|
@@ -5714,6 +5746,18 @@ html {
|
|
|
5714
5746
|
transform: scale3d(1.025, 1.025, 1);
|
|
5715
5747
|
}
|
|
5716
5748
|
|
|
5749
|
+
.Primer_Brand__Card-module__Card__image___zt4oH {
|
|
5750
|
+
margin-bottom: var(--base-size-28);
|
|
5751
|
+
border-radius: var(--brand-borderRadius-small);
|
|
5752
|
+
overflow: hidden;
|
|
5753
|
+
grid-area: image;
|
|
5754
|
+
}
|
|
5755
|
+
|
|
5756
|
+
.Primer_Brand__Card-module__Card__image___zt4oH img,
|
|
5757
|
+
.Primer_Brand__Card-module__Card__image___zt4oH span {
|
|
5758
|
+
display: block;
|
|
5759
|
+
}
|
|
5760
|
+
|
|
5717
5761
|
.Primer_Brand__Card-module__Card__icon___H4tc9 {
|
|
5718
5762
|
margin-bottom: var(--base-size-16);
|
|
5719
5763
|
grid-area: icon;
|
|
@@ -5900,7 +5944,7 @@ html {
|
|
|
5900
5944
|
|
|
5901
5945
|
/**
|
|
5902
5946
|
* Do not edit directly
|
|
5903
|
-
* Generated on
|
|
5947
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
5904
5948
|
*/
|
|
5905
5949
|
|
|
5906
5950
|
:root,
|
|
@@ -6076,57 +6120,57 @@ html {
|
|
|
6076
6120
|
|
|
6077
6121
|
/**
|
|
6078
6122
|
* Do not edit directly
|
|
6079
|
-
* Generated on
|
|
6123
|
+
* Generated on Wed, 03 May 2023 12:04:08 GMT
|
|
6080
6124
|
*/
|
|
6081
6125
|
|
|
6082
6126
|
:root {
|
|
6083
|
-
--
|
|
6084
|
-
--
|
|
6085
|
-
--
|
|
6127
|
+
--brand-Grid-spacing-margin: var(--base-size-16);
|
|
6128
|
+
--brand-Grid-spacing-column-gap: var(--base-size-16);
|
|
6129
|
+
--brand-Grid-spacing-row: var(--base-size-16);
|
|
6086
6130
|
}
|
|
6087
6131
|
|
|
6088
6132
|
@media (min-width: 768px) {
|
|
6089
6133
|
:root {
|
|
6090
|
-
--
|
|
6091
|
-
--
|
|
6092
|
-
--
|
|
6134
|
+
--brand-Grid-spacing-margin: var(--base-size-40);
|
|
6135
|
+
--brand-Grid-spacing-column-gap: var(--base-size-32);
|
|
6136
|
+
--brand-Grid-spacing-row: var(--base-size-24);
|
|
6093
6137
|
}
|
|
6094
6138
|
}
|
|
6095
6139
|
|
|
6096
6140
|
@media (min-width: 1280px) {
|
|
6097
6141
|
:root {
|
|
6098
|
-
--
|
|
6099
|
-
--
|
|
6142
|
+
--brand-Grid-spacing-margin: var(--base-size-16);
|
|
6143
|
+
--brand-Grid-spacing-column-gap: var(--base-size-48);
|
|
6100
6144
|
}
|
|
6101
6145
|
}
|
|
6102
6146
|
|
|
6103
6147
|
/**
|
|
6104
6148
|
* Do not edit directly
|
|
6105
|
-
* Generated on
|
|
6149
|
+
* Generated on Wed, 03 May 2023 12:04:09 GMT
|
|
6106
6150
|
*/
|
|
6107
6151
|
|
|
6108
6152
|
:root,
|
|
6109
6153
|
[data-color-mode="light"] {
|
|
6110
|
-
--
|
|
6154
|
+
--brand-Grid-column-bgColor-overlay: hsl(var(--base-color-scale-red-4-hsl) / 30%);
|
|
6111
6155
|
}
|
|
6112
6156
|
|
|
6113
6157
|
[data-color-mode="dark"] {
|
|
6114
|
-
--
|
|
6158
|
+
--brand-Grid-column-bgColor-overlay: hsl(var(--base-color-scale-pink-2-hsl) / 30%);
|
|
6115
6159
|
}
|
|
6116
6160
|
|
|
6117
6161
|
.Primer_Brand__Grid-module__Grid___q48mT {
|
|
6118
6162
|
display: grid;
|
|
6119
6163
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
6120
|
-
grid-row-gap: var(--
|
|
6121
|
-
grid-column-gap: var(--
|
|
6122
|
-
padding-left: var(--
|
|
6123
|
-
padding-right: var(--
|
|
6164
|
+
grid-row-gap: var(--brand-Grid-spacing-row);
|
|
6165
|
+
grid-column-gap: var(--brand-Grid-spacing-column-gap);
|
|
6166
|
+
padding-left: var(--brand-Grid-spacing-margin);
|
|
6167
|
+
padding-right: var(--brand-Grid-spacing-margin);
|
|
6124
6168
|
max-width: 1280px;
|
|
6125
6169
|
margin: 0 auto;
|
|
6126
6170
|
}
|
|
6127
6171
|
|
|
6128
6172
|
.Primer_Brand__Grid-module__Grid___q48mT + .Primer_Brand__Grid-module__Grid___q48mT {
|
|
6129
|
-
margin-top: var(--
|
|
6173
|
+
margin-top: var(--brand-Grid-spacing-row);
|
|
6130
6174
|
}
|
|
6131
6175
|
|
|
6132
6176
|
.Primer_Brand__Grid-module__Grid___q48mT .Primer_Brand__Grid-module__Grid___q48mT {
|
|
@@ -6140,7 +6184,7 @@ html {
|
|
|
6140
6184
|
}
|
|
6141
6185
|
|
|
6142
6186
|
.Primer_Brand__Grid-module__Grid--has-overlay___M9Cs0 .Primer_Brand__Grid-module__Grid__column___HTpsw {
|
|
6143
|
-
background-color: var(--
|
|
6187
|
+
background-color: var(--brand-Grid-column-bgColor-overlay);
|
|
6144
6188
|
min-height: var(--base-size-24);
|
|
6145
6189
|
}
|
|
6146
6190
|
|
|
@@ -6837,33 +6881,3 @@ html {
|
|
|
6837
6881
|
}
|
|
6838
6882
|
}
|
|
6839
6883
|
|
|
6840
|
-
.Primer_Brand__Image-module__Image__container___acBJi {
|
|
6841
|
-
display: inline-block;
|
|
6842
|
-
}
|
|
6843
|
-
|
|
6844
|
-
.Primer_Brand__Image-module__Image___FgVuK {
|
|
6845
|
-
-o-object-fit: cover;
|
|
6846
|
-
object-fit: cover;
|
|
6847
|
-
display: inline-block;
|
|
6848
|
-
}
|
|
6849
|
-
|
|
6850
|
-
.Primer_Brand__Image-module__Image--aspect-ratio-custom___gXFxx {
|
|
6851
|
-
aspect-ratio: var(--brand-Image-ratio-custom);
|
|
6852
|
-
}
|
|
6853
|
-
|
|
6854
|
-
.Primer_Brand__Image-module__Image--aspect-ratio-1-1___gDnTF {
|
|
6855
|
-
aspect-ratio: 1 / 1;
|
|
6856
|
-
}
|
|
6857
|
-
|
|
6858
|
-
.Primer_Brand__Image-module__Image--aspect-ratio-16-9___bscHI {
|
|
6859
|
-
aspect-ratio: 16 / 9;
|
|
6860
|
-
}
|
|
6861
|
-
|
|
6862
|
-
.Primer_Brand__Image-module__Image--aspect-ratio-16-10___dkGM6 {
|
|
6863
|
-
aspect-ratio: 16 / 10;
|
|
6864
|
-
}
|
|
6865
|
-
|
|
6866
|
-
.Primer_Brand__Image-module__Image--aspect-ratio-4-3___Tt_MI {
|
|
6867
|
-
aspect-ratio: 4 / 3;
|
|
6868
|
-
}
|
|
6869
|
-
|