@primer/react-brand 0.19.0-rc.1333a4e → 0.19.0-rc.6bbd068

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 (156) hide show
  1. package/lib/Button/Button.d.ts +3 -2
  2. package/lib/Hero/Hero.d.ts +1 -1
  3. package/lib/css/main.css +80 -80
  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 +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
  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/pillar/colors-with-modes.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
  37. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  38. package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
  39. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  40. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  41. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  42. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  43. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  44. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  45. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  46. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  47. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  48. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  49. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  50. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  51. package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
  52. package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
  53. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  54. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  55. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  56. package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
  57. package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
  58. package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
  59. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  60. package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
  61. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  62. package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
  63. package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
  64. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  65. package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
  66. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  67. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  68. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  69. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  70. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  71. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  72. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  73. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  74. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  75. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  76. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  77. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  78. package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
  79. package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
  80. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  81. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  82. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  83. package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
  84. package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
  85. package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
  86. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  87. package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
  88. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  89. package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
  90. package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
  91. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  92. package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
  93. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  94. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  95. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  96. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  97. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  98. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  99. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  100. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  101. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  102. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  103. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  104. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  105. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  106. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  107. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  108. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  109. package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
  110. package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
  111. package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
  112. package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
  113. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  114. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  115. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  116. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  117. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  118. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  119. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
  120. package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
  121. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
  122. package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
  123. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
  124. package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
  125. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  126. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  127. package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
  128. package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
  129. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  130. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  131. package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
  132. package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
  133. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
  134. package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
  135. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  136. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  137. package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
  138. package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
  139. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  140. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  141. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  142. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  143. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  144. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  145. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  146. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  147. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  148. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  149. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  150. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  151. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  152. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  153. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  154. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  155. package/lib/index.js +1 -1
  156. package/package.json +1 -1
@@ -1,4 +1,5 @@
1
1
  import React, { ReactElement } from 'react';
2
+ import type { Icon } from '@primer/octicons-react';
2
3
  import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css';
3
4
  import type { BaseProps } from '../component-helpers';
4
5
  export declare const ButtonVariants: readonly ["primary", "secondary", "subtle"];
@@ -9,11 +10,11 @@ export declare type ButtonBaseProps = {
9
10
  /**
10
11
  * The leading visual appears before the button content
11
12
  */
12
- leadingVisual?: ReactElement;
13
+ leadingVisual?: ReactElement | Icon;
13
14
  /**
14
15
  * The trailing visual appears after the button content
15
16
  */
16
- trailingVisual?: ReactElement;
17
+ trailingVisual?: ReactElement | Icon;
17
18
  /**
18
19
  * The styling variations available in Button
19
20
  */
@@ -15,7 +15,7 @@ declare type HeroDescriptionProps = {
15
15
  declare function HeroDescription({ size, weight, children }: PropsWithChildren<HeroDescriptionProps>): JSX.Element;
16
16
  declare type HeroActions = {
17
17
  href: string;
18
- } & Omit<ButtonBaseProps, 'variant'>;
18
+ } & ButtonBaseProps;
19
19
  declare function HeroPrimaryAction({ href, children, ...rest }: PropsWithChildren<HeroActions>): JSX.Element;
20
20
  declare function HeroSecondaryAction({ href, children, ...rest }: PropsWithChildren<HeroActions>): JSX.Element;
21
21
  export declare const Hero: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<HeroProps>, "children" | "className" | "align" | "id"> & React.RefAttributes<HTMLElement>> & {
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, 18 May 2023 22:04:44 GMT
92
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
632
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
657
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
672
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:43 GMT
844
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:43 GMT
858
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
876
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
877
877
  */
878
878
 
879
879
  :root,
@@ -996,31 +996,38 @@ select {
996
996
  }
997
997
  }
998
998
 
999
- .Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek {
1000
- transition: transform 200ms;
1001
- transform: translateX(0);
1002
- }
1003
-
1004
- .Primer_Brand__ExpandableArrow-module__ExpandableArrow--expanded___gajDr {
1005
- transform: translateX(4px);
1006
- }
1007
-
1008
- .Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy {
1009
- stroke-dasharray: 10;
1010
- stroke-dashoffset: 10;
1011
- transition: stroke-dashoffset 200ms;
1012
- }
1013
-
1014
- .Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9 {
1015
- stroke-dashoffset: 20;
1016
- }
999
+ /**
1000
+ * Do not edit directly
1001
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
1002
+ */
1017
1003
 
1018
- .Primer_Brand__ExpandableArrow-module__ExpandableArrow--reversed___LPFUS {
1019
- transform: rotate(180deg);
1004
+ :root,
1005
+ [data-color-mode="light"] {
1006
+ --brand-Button-background-base: var(--base-color-scale-gray-9);
1007
+ --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-black-0);
1008
+ --brand-Button-background-disabled: var(--base-color-scale-gray-4);
1009
+ --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
1010
+ --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-3);
1011
+ --brand-Button-shadow-primary-default: inset 0 0 0 1px var(--base-color-scale-black-0);
1012
+ --brand-Button-shadow-primary-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
1013
+ --brand-Button-shadow-secondary-default: inset 0 0 0 1px var(--brand-color-border-default);
1014
+ --brand-Button-shadow-secondary-hover: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
1015
+ --brand-Button-shadow-subtle-hover: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
1016
+ --brand-Button-shadow-focus: var(--brand-color-focus);
1020
1017
  }
1021
1018
 
1022
- .Primer_Brand__ExpandableArrow-module__ExpandableArrow--reversed___LPFUS.Primer_Brand__ExpandableArrow-module__ExpandableArrow--expanded___gajDr {
1023
- transform: rotate(180deg) translateX(4px);
1019
+ [data-color-mode="dark"] {
1020
+ --brand-Button-background-base: var(--base-color-scale-gray-0);
1021
+ --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-white-0);
1022
+ --brand-Button-background-disabled: var(--base-color-scale-gray-4);
1023
+ --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
1024
+ --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-4);
1025
+ --brand-Button-shadow-primary-default: inset 0 0 0 1px var(--base-color-scale-white-0);
1026
+ --brand-Button-shadow-primary-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
1027
+ --brand-Button-shadow-secondary-default: inset 0 0 0 1px var(--brand-color-border-default);
1028
+ --brand-Button-shadow-secondary-hover: inset 0 0 0 2px var(--base-color-scale-white-0);
1029
+ --brand-Button-shadow-subtle-hover: inset 0 0 0 2px var(--base-color-scale-white-0);
1030
+ --brand-Button-shadow-focus: var(--brand-color-focus);
1024
1031
  }
1025
1032
 
1026
1033
  .Primer_Brand__Text-module__Text___pecHN {
@@ -1173,38 +1180,31 @@ select {
1173
1180
  }
1174
1181
  }
1175
1182
 
1176
- /**
1177
- * Do not edit directly
1178
- * Generated on Thu, 18 May 2023 22:04:44 GMT
1179
- */
1183
+ .Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek {
1184
+ transition: transform 200ms;
1185
+ transform: translateX(0);
1186
+ }
1180
1187
 
1181
- :root,
1182
- [data-color-mode="light"] {
1183
- --brand-Button-background-base: var(--base-color-scale-gray-9);
1184
- --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-black-0);
1185
- --brand-Button-background-disabled: var(--base-color-scale-gray-4);
1186
- --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
1187
- --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-3);
1188
- --brand-Button-shadow-primary-default: inset 0 0 0 1px var(--base-color-scale-black-0);
1189
- --brand-Button-shadow-primary-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
1190
- --brand-Button-shadow-secondary-default: inset 0 0 0 1px var(--brand-color-border-default);
1191
- --brand-Button-shadow-secondary-hover: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
1192
- --brand-Button-shadow-subtle-hover: inset 0 0 0 2px var(--brand-color-neutral-emphasisPlus);
1193
- --brand-Button-shadow-focus: var(--brand-color-focus);
1188
+ .Primer_Brand__ExpandableArrow-module__ExpandableArrow--expanded___gajDr {
1189
+ transform: translateX(4px);
1194
1190
  }
1195
1191
 
1196
- [data-color-mode="dark"] {
1197
- --brand-Button-background-base: var(--base-color-scale-gray-0);
1198
- --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-white-0);
1199
- --brand-Button-background-disabled: var(--base-color-scale-gray-4);
1200
- --brand-Button-fg-primary-disabled: var(--base-color-scale-gray-2);
1201
- --brand-Button-fg-secondary-disabled: var(--base-color-scale-gray-4);
1202
- --brand-Button-shadow-primary-default: inset 0 0 0 1px var(--base-color-scale-white-0);
1203
- --brand-Button-shadow-primary-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
1204
- --brand-Button-shadow-secondary-default: inset 0 0 0 1px var(--brand-color-border-default);
1205
- --brand-Button-shadow-secondary-hover: inset 0 0 0 2px var(--base-color-scale-white-0);
1206
- --brand-Button-shadow-subtle-hover: inset 0 0 0 2px var(--base-color-scale-white-0);
1207
- --brand-Button-shadow-focus: var(--brand-color-focus);
1192
+ .Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy {
1193
+ stroke-dasharray: 10;
1194
+ stroke-dashoffset: 10;
1195
+ transition: stroke-dashoffset 200ms;
1196
+ }
1197
+
1198
+ .Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9 {
1199
+ stroke-dashoffset: 20;
1200
+ }
1201
+
1202
+ .Primer_Brand__ExpandableArrow-module__ExpandableArrow--reversed___LPFUS {
1203
+ transform: rotate(180deg);
1204
+ }
1205
+
1206
+ .Primer_Brand__ExpandableArrow-module__ExpandableArrow--reversed___LPFUS.Primer_Brand__ExpandableArrow-module__ExpandableArrow--expanded___gajDr {
1207
+ transform: rotate(180deg) translateX(4px);
1208
1208
  }
1209
1209
 
1210
1210
  .Primer_Brand__Button-module__Button___lDruK {
@@ -1629,7 +1629,7 @@ select {
1629
1629
 
1630
1630
  /**
1631
1631
  * Do not edit directly
1632
- * Generated on Thu, 18 May 2023 22:04:44 GMT
1632
+ * Generated on Mon, 22 May 2023 19:26:32 GMT
1633
1633
  */
1634
1634
 
1635
1635
  :root {
@@ -1650,7 +1650,7 @@ select {
1650
1650
 
1651
1651
  /**
1652
1652
  * Do not edit directly
1653
- * Generated on Thu, 18 May 2023 22:04:44 GMT
1653
+ * Generated on Mon, 22 May 2023 19:26:32 GMT
1654
1654
  */
1655
1655
 
1656
1656
  :root {
@@ -1660,7 +1660,7 @@ select {
1660
1660
 
1661
1661
  /**
1662
1662
  * Do not edit directly
1663
- * Generated on Thu, 18 May 2023 22:04:44 GMT
1663
+ * Generated on Mon, 22 May 2023 19:26:32 GMT
1664
1664
  */
1665
1665
 
1666
1666
  :root {
@@ -2481,7 +2481,7 @@ select {
2481
2481
 
2482
2482
  /**
2483
2483
  * Do not edit directly
2484
- * Generated on Thu, 18 May 2023 22:04:44 GMT
2484
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
2485
2485
  */
2486
2486
 
2487
2487
  :root,
@@ -2509,7 +2509,7 @@ select {
2509
2509
 
2510
2510
  /**
2511
2511
  * Do not edit directly
2512
- * Generated on Thu, 18 May 2023 22:04:44 GMT
2512
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
2513
2513
  */
2514
2514
 
2515
2515
  :root,
@@ -2634,7 +2634,7 @@ select {
2634
2634
 
2635
2635
  /**
2636
2636
  * Do not edit directly
2637
- * Generated on Thu, 18 May 2023 22:04:44 GMT
2637
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
2638
2638
  */
2639
2639
 
2640
2640
  :root,
@@ -2873,7 +2873,7 @@ select {
2873
2873
 
2874
2874
  /**
2875
2875
  * Do not edit directly
2876
- * Generated on Thu, 18 May 2023 22:04:44 GMT
2876
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
2877
2877
  */
2878
2878
 
2879
2879
  :root,
@@ -3030,7 +3030,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3030
3030
 
3031
3031
  /**
3032
3032
  * Do not edit directly
3033
- * Generated on Thu, 18 May 2023 22:04:44 GMT
3033
+ * Generated on Mon, 22 May 2023 19:26:32 GMT
3034
3034
  */
3035
3035
 
3036
3036
  :root {
@@ -3040,7 +3040,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3040
3040
 
3041
3041
  /**
3042
3042
  * Do not edit directly
3043
- * Generated on Thu, 18 May 2023 22:04:44 GMT
3043
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
3044
3044
  */
3045
3045
 
3046
3046
  :root,
@@ -3110,7 +3110,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3110
3110
 
3111
3111
  /**
3112
3112
  * Do not edit directly
3113
- * Generated on Thu, 18 May 2023 22:04:44 GMT
3113
+ * Generated on Mon, 22 May 2023 19:26:32 GMT
3114
3114
  */
3115
3115
 
3116
3116
  :root {
@@ -3129,7 +3129,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3129
3129
 
3130
3130
  /**
3131
3131
  * Do not edit directly
3132
- * Generated on Thu, 18 May 2023 22:04:44 GMT
3132
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
3133
3133
  */
3134
3134
 
3135
3135
  :root,
@@ -4072,7 +4072,7 @@ Fixes safari bug where outline doesn't respect border-radius
4072
4072
 
4073
4073
  /**
4074
4074
  * Do not edit directly
4075
- * Generated on Thu, 18 May 2023 22:04:43 GMT
4075
+ * Generated on Mon, 22 May 2023 19:26:32 GMT
4076
4076
  */
4077
4077
 
4078
4078
  :root {
@@ -4626,7 +4626,7 @@ Fixes safari bug where outline doesn't respect border-radius
4626
4626
 
4627
4627
  /**
4628
4628
  * Do not edit directly
4629
- * Generated on Thu, 18 May 2023 22:04:44 GMT
4629
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
4630
4630
  */
4631
4631
 
4632
4632
  :root,
@@ -4936,7 +4936,7 @@ Fixes safari bug where outline doesn't respect border-radius
4936
4936
 
4937
4937
  /**
4938
4938
  * Do not edit directly
4939
- * Generated on Thu, 18 May 2023 22:04:44 GMT
4939
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
4940
4940
  */
4941
4941
 
4942
4942
  :root,
@@ -5339,7 +5339,7 @@ html {
5339
5339
 
5340
5340
  /**
5341
5341
  * Do not edit directly
5342
- * Generated on Thu, 18 May 2023 22:04:44 GMT
5342
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
5343
5343
  */
5344
5344
 
5345
5345
  :root,
@@ -5521,7 +5521,7 @@ html {
5521
5521
 
5522
5522
  /**
5523
5523
  * Do not edit directly
5524
- * Generated on Thu, 18 May 2023 22:04:44 GMT
5524
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
5525
5525
  */
5526
5526
 
5527
5527
  :root,
@@ -5647,7 +5647,7 @@ html {
5647
5647
 
5648
5648
  /**
5649
5649
  * Do not edit directly
5650
- * Generated on Thu, 18 May 2023 22:04:44 GMT
5650
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
5651
5651
  */
5652
5652
 
5653
5653
  :root,
@@ -5803,7 +5803,7 @@ html {
5803
5803
 
5804
5804
  /**
5805
5805
  * Do not edit directly
5806
- * Generated on Thu, 18 May 2023 22:04:44 GMT
5806
+ * Generated on Mon, 22 May 2023 19:26:32 GMT
5807
5807
  */
5808
5808
 
5809
5809
  :root {
@@ -5815,7 +5815,7 @@ html {
5815
5815
 
5816
5816
  /**
5817
5817
  * Do not edit directly
5818
- * Generated on Thu, 18 May 2023 22:04:44 GMT
5818
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
5819
5819
  */
5820
5820
 
5821
5821
  :root,
@@ -6135,7 +6135,7 @@ html {
6135
6135
 
6136
6136
  /**
6137
6137
  * Do not edit directly
6138
- * Generated on Thu, 18 May 2023 22:04:44 GMT
6138
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
6139
6139
  */
6140
6140
 
6141
6141
  :root,
@@ -6311,7 +6311,7 @@ html {
6311
6311
 
6312
6312
  /**
6313
6313
  * Do not edit directly
6314
- * Generated on Thu, 18 May 2023 22:04:44 GMT
6314
+ * Generated on Mon, 22 May 2023 19:26:32 GMT
6315
6315
  */
6316
6316
 
6317
6317
  :root {
@@ -6337,7 +6337,7 @@ html {
6337
6337
 
6338
6338
  /**
6339
6339
  * Do not edit directly
6340
- * Generated on Thu, 18 May 2023 22:04:44 GMT
6340
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
6341
6341
  */
6342
6342
 
6343
6343
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:43 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:43 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26: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, 18 May 2023 22:04:44 GMT
3
+ * Generated on Mon, 22 May 2023 19:26:33 GMT
4
4
  */
5
5
 
6
6
  :root,