@primer/react-brand 0.17.1-rc.d9b04f9 → 0.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/lib/Card/Card.d.ts +5 -1
  2. package/lib/Image/Image.d.ts +2 -3
  3. package/lib/css/main.css +89 -75
  4. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  5. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  6. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  7. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  8. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  9. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  10. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  11. package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
  12. package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  14. package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +3 -3
  27. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +2 -2
  28. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +9 -9
  29. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  44. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  45. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  46. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  47. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  48. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  49. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  50. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  51. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  52. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  53. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  54. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +23 -20
  55. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +77 -72
  56. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  57. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  58. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  59. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  60. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  61. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  62. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  63. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  64. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  65. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  66. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  67. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  68. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  69. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  70. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  71. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  72. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  73. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  74. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  75. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  76. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  77. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  78. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  79. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +2 -2
  80. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +4 -4
  81. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  82. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  83. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  84. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  85. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  86. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  87. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  88. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  89. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  90. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  91. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  92. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  93. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  94. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  95. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  96. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  97. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  98. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  99. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  100. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  101. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  102. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  103. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  104. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  105. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  106. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  107. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  108. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  109. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  110. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  111. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  112. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  113. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  114. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +7 -5
  115. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +7 -5
  116. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +10 -8
  117. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +10 -8
  118. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  119. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  120. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  121. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  122. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  123. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  124. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  125. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  126. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  127. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  128. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  129. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  130. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  131. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  132. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  133. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  134. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  135. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  136. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  137. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  138. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  139. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  140. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  141. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  142. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  143. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  144. package/lib/forms/Checkbox/Checkbox.d.ts +1 -1
  145. package/lib/forms/Radio/Radio.d.ts +1 -1
  146. package/lib/forms/Select/Select.d.ts +1 -1
  147. package/lib/forms/TextInput/TextInput.d.ts +1 -1
  148. package/lib/index.js +1 -1
  149. package/package.json +1 -1
@@ -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>>;
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { BaseProps } from '../component-helpers';
3
- declare type AspectRatio = '1:1' | '16:9' | '16:10' | '4:3' | 'custom';
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?: 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 Thu, 27 Apr 2023 15:08:06 GMT
92
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:06 GMT
632
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:06 GMT
657
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:06 GMT
672
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:06 GMT
844
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:06 GMT
858
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:07 GMT
876
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:07 GMT
1178
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:06 GMT
1628
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:06 GMT
1649
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:07 GMT
2453
+ * Generated on Wed, 03 May 2023 12:43:33 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 Thu, 27 Apr 2023 15:08:07 GMT
2481
+ * Generated on Wed, 03 May 2023 12:43:33 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 Thu, 27 Apr 2023 15:08:07 GMT
2598
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:07 GMT
2831
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:06 GMT
2988
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:07 GMT
2998
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:06 GMT
3068
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:07 GMT
3087
+ * Generated on Wed, 03 May 2023 12:43:33 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 Thu, 27 Apr 2023 15:08:06 GMT
4030
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:07 GMT
4584
+ * Generated on Wed, 03 May 2023 12:43:33 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 Thu, 27 Apr 2023 15:08:07 GMT
4894
+ * Generated on Wed, 03 May 2023 12:43:33 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 Thu, 27 Apr 2023 15:08:07 GMT
5293
+ * Generated on Wed, 03 May 2023 12:43:33 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 Thu, 27 Apr 2023 15:08:07 GMT
5474
+ * Generated on Wed, 03 May 2023 12:43:33 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 Thu, 27 Apr 2023 15:08:06 GMT
5624
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:07 GMT
5636
+ * Generated on Wed, 03 May 2023 12:43:32 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 Thu, 27 Apr 2023 15:08:07 GMT
5947
+ * Generated on Wed, 03 May 2023 12:43:33 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 Thu, 27 Apr 2023 15:08:06 GMT
6123
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
6080
6124
  */
6081
6125
 
6082
6126
  :root {
6083
- --grid-spacing-margin: var(--base-size-16);
6084
- --grid-spacing-column-gap: var(--base-size-16);
6085
- --grid-spacing-row: var(--base-size-16);
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
- --grid-spacing-margin: var(--base-size-40);
6091
- --grid-spacing-column-gap: var(--base-size-32);
6092
- --grid-spacing-row: var(--base-size-24);
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
- --grid-spacing-margin: var(--base-size-16);
6099
- --grid-spacing-column-gap: var(--base-size-48);
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 Thu, 27 Apr 2023 15:08:07 GMT
6149
+ * Generated on Wed, 03 May 2023 12:43:33 GMT
6106
6150
  */
6107
6151
 
6108
6152
  :root,
6109
6153
  [data-color-mode="light"] {
6110
- --grid-column-bgColor-overlay: hsl(var(--base-color-scale-red-4-hsl) / 30%);
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
- --grid-column-bgColor-overlay: hsl(var(--base-color-scale-pink-2-hsl) / 30%);
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(--grid-spacing-row);
6121
- grid-column-gap: var(--grid-spacing-column-gap);
6122
- padding-left: var(--grid-spacing-margin);
6123
- padding-right: var(--grid-spacing-margin);
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(--grid-spacing-row);
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(--grid-column-bgColor-overlay);
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
-
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:06 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:06 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:06 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:06 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:07 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:06 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:07 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:07 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:33 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:07 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:33 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:07 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:06 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:07 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:06 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:07 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:33 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:06 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:07 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:33 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:07 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:33 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:06 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:07 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 27 Apr 2023 15:08:06 GMT
3
+ * Generated on Wed, 03 May 2023 12:43:32 GMT
4
4
  */
5
5
 
6
6
  :root {