@primer/react-brand 0.5.1 → 0.5.2-rc.77de013

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 (120) hide show
  1. package/lib/Accordion/Accordion.d.ts +1 -1
  2. package/lib/Button/Button.d.ts +1 -1
  3. package/lib/FAQ/FAQ.d.ts +2 -2
  4. package/lib/Hero/Hero.d.ts +1 -1
  5. package/lib/InlineLink/InlineLink.d.ts +1 -1
  6. package/{LICENSE → lib/LICENSE} +0 -0
  7. package/lib/River/River.d.ts +1 -1
  8. package/lib/Stack/Stack.d.ts +1 -1
  9. package/lib/SubdomainNavBar/SubdomainNavBar.d.ts +1 -1
  10. package/lib/css/main.css +41 -139
  11. package/lib/css/stylesheets.d.ts +7 -7
  12. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  13. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  14. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  15. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  35. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  36. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  37. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  38. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  39. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  40. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  41. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  42. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  43. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  44. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  45. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  46. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  47. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  48. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  49. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  50. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  51. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  52. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  53. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  54. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  55. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  56. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  57. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  58. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  59. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  60. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  61. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  62. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  63. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  64. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  65. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  66. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  67. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  68. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  69. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  70. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  71. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  72. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  73. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  74. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  75. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  76. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  77. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  78. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  79. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  80. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  81. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  82. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  83. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  84. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  85. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  86. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  87. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  88. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  89. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  90. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  91. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  92. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  93. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  94. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  95. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  96. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  97. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  98. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  99. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  100. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  101. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  102. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  103. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  104. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  105. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  106. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  107. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  108. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  109. package/{fonts → lib/fonts}/alliance-1.woff2 +0 -0
  110. package/{fonts → lib/fonts}/alliance-2.woff2 +0 -0
  111. package/{fonts → lib/fonts}/fonts.css +0 -0
  112. package/lib/forms/Checkbox/Checkbox.visual.spec.d.ts +1 -0
  113. package/lib/forms/FormControl/FormControl.visual.spec.d.ts +1 -0
  114. package/lib/forms/Select/Select.visual.spec.d.ts +1 -0
  115. package/lib/forms/TextInput/TextInput.visual.spec.d.ts +1 -0
  116. package/lib/forms/forms.visual.spec.d.ts +1 -0
  117. package/lib/forms/index.d.ts +2 -2
  118. package/lib/index.js +1 -1
  119. package/package.json +24 -66
  120. package/README.md +0 -56
@@ -3,7 +3,7 @@ import type { BaseProps } from '../component-helpers';
3
3
  /**
4
4
  * Design tokens
5
5
  */
6
- import '../../lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css';
6
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css';
7
7
  export declare type AccordionRootProps = BaseProps<HTMLDetailsElement> & {
8
8
  open?: boolean;
9
9
  children: React.ReactElement<AccordionHeadingProps | AccordionContentProps>[];
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import '../../lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css';
2
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css';
3
3
  import type { BaseProps } from '../component-helpers';
4
4
  export declare type ButtonProps<C extends React.ElementType> = BaseProps<C> & {
5
5
  as?: C;
package/lib/FAQ/FAQ.d.ts CHANGED
@@ -4,8 +4,8 @@ import type { BaseProps } from '../component-helpers';
4
4
  /**
5
5
  * Design tokens
6
6
  */
7
- import '../../lib/design-tokens/css/tokens/functional/components/faq/base.css';
8
- import '../../lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css';
7
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/base.css';
8
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css';
9
9
  declare type FAQRootProps = BaseProps<HTMLElement> & {
10
10
  children: React.ReactElement<FAQHeadingProps | FAQSubheadingProps | AccordionRootProps>[];
11
11
  };
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { BaseProps } from '../component-helpers';
3
- import '../../lib/design-tokens/css/tokens/functional/components/hero/base.css';
3
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/hero/base.css';
4
4
  declare type Action = {
5
5
  text: string;
6
6
  href: string;
@@ -4,7 +4,7 @@ import type { BaseProps } from '../component-helpers';
4
4
  /**
5
5
  * Design tokens
6
6
  */
7
- import '../../lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css';
7
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css';
8
8
  export declare type InlineLinkProps = BaseProps<HTMLAnchorElement> & {
9
9
  /**
10
10
  * Specify the links destination
File without changes
@@ -1,7 +1,7 @@
1
1
  import React, { PropsWithChildren } from 'react';
2
2
  import { HeadingTags, LinkProps, HeadingProps, TextProps } from '../';
3
3
  import type { BaseProps } from '../component-helpers';
4
- import '../../lib/design-tokens/css/tokens/functional/components/river/base.css';
4
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/base.css';
5
5
  export declare type RiverProps = BaseProps<HTMLElement> & {
6
6
  /**
7
7
  * Only specific children are valid.
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { BaseProps } from '../component-helpers';
3
- import '../../lib/design-tokens/css/tokens/functional/size/size.css';
3
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/size.css';
4
4
  export declare const StackDirectionVariants: readonly ["horizontal", "vertical"];
5
5
  declare type StackDirectionVariants = typeof StackDirectionVariants[number];
6
6
  export declare const defaultStackDirection: "vertical";
@@ -2,7 +2,7 @@ import React, { PropsWithChildren } from 'react';
2
2
  /**
3
3
  * Design tokens
4
4
  */
5
- import '../../lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css';
5
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css';
6
6
  export declare type SubdomainNavBarProps = {
7
7
  /**
8
8
  * Valid child elements are `SubdomainNavBar.Link`, `SubdomainNavBar.PrimaryAction`,
package/lib/css/main.css CHANGED
@@ -80,10 +80,8 @@ select {
80
80
  *,
81
81
  *::before,
82
82
  *::after {
83
- -webkit-animation-duration: 0.01ms !important;
84
- animation-duration: 0.01ms !important;
85
- -webkit-animation-iteration-count: 1 !important;
86
- animation-iteration-count: 1 !important;
83
+ animation-duration: 0.01ms !important;
84
+ animation-iteration-count: 1 !important;
87
85
  transition-duration: 0.01ms !important;
88
86
  scroll-behavior: auto !important;
89
87
  }
@@ -91,7 +89,7 @@ select {
91
89
 
92
90
  /**
93
91
  * Do not edit directly
94
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
92
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
95
93
  */
96
94
 
97
95
  :root,
@@ -631,7 +629,7 @@ select {
631
629
 
632
630
  /**
633
631
  * Do not edit directly
634
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
632
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
635
633
  */
636
634
 
637
635
  :root {
@@ -656,7 +654,7 @@ select {
656
654
 
657
655
  /**
658
656
  * Do not edit directly
659
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
657
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
660
658
  */
661
659
 
662
660
  :root {
@@ -671,7 +669,7 @@ select {
671
669
 
672
670
  /**
673
671
  * Do not edit directly
674
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
672
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
675
673
  */
676
674
 
677
675
  :root {
@@ -850,7 +848,7 @@ select {
850
848
 
851
849
  /**
852
850
  * Do not edit directly
853
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
851
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
854
852
  */
855
853
 
856
854
  :root {
@@ -864,7 +862,7 @@ select {
864
862
 
865
863
  /**
866
864
  * Do not edit directly
867
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
865
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
868
866
  */
869
867
 
870
868
  :root {
@@ -882,7 +880,7 @@ select {
882
880
 
883
881
  /**
884
882
  * Do not edit directly
885
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
883
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
886
884
  */
887
885
 
888
886
  :root,
@@ -1078,7 +1076,7 @@ select {
1078
1076
 
1079
1077
  /**
1080
1078
  * Do not edit directly
1081
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
1079
+ * Generated on Thu, 13 Oct 2022 15:47:26 GMT
1082
1080
  */
1083
1081
 
1084
1082
  :root,
@@ -1104,7 +1102,6 @@ select {
1104
1102
  appearance: none;
1105
1103
  -webkit-user-select: none;
1106
1104
  -moz-user-select: none;
1107
- -ms-user-select: none;
1108
1105
  user-select: none;
1109
1106
  vertical-align: middle;
1110
1107
  display: inline-flex;
@@ -1217,7 +1214,7 @@ select {
1217
1214
 
1218
1215
  /**
1219
1216
  * Do not edit directly
1220
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
1217
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
1221
1218
  */
1222
1219
 
1223
1220
  :root {
@@ -1227,7 +1224,7 @@ select {
1227
1224
 
1228
1225
  /**
1229
1226
  * Do not edit directly
1230
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
1227
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
1231
1228
  */
1232
1229
 
1233
1230
  :root {
@@ -1242,7 +1239,6 @@ select {
1242
1239
  display: grid;
1243
1240
  grid-gap: var(--brand-River-gap-column-medium);
1244
1241
  gap: var(--brand-River-gap-column-medium);
1245
- grid-auto-rows: -webkit-min-content;
1246
1242
  grid-auto-rows: min-content;
1247
1243
  margin: var(--brand-River-layout-margin-vertical);
1248
1244
  }
@@ -1317,7 +1313,6 @@ select {
1317
1313
  }
1318
1314
 
1319
1315
  .Primer_Brand__River-module__River--align-center___TH7xI {
1320
- grid-auto-rows: -webkit-min-content;
1321
1316
  grid-auto-rows: min-content;
1322
1317
  grid-template-columns: initial;
1323
1318
  }
@@ -1397,8 +1392,7 @@ select {
1397
1392
  }
1398
1393
 
1399
1394
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU {
1400
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi 150ms;
1401
- animation: Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi 150ms;
1395
+ animation: Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi 150ms;
1402
1396
  }
1403
1397
 
1404
1398
  /*
@@ -1489,10 +1483,8 @@ select {
1489
1483
  background-color: var(--brand-color-canvas-default);
1490
1484
  width: 100vw;
1491
1485
  height: calc(100vh - 75px);
1492
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1493
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1494
- -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1495
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1486
+ animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1487
+ animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1496
1488
  }
1497
1489
  }
1498
1490
 
@@ -1532,16 +1524,11 @@ select {
1532
1524
 
1533
1525
  @media screen and (max-width: 767px) {
1534
1526
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___ZeoFv .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--visible___oDmLP {
1535
- -webkit-animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
1536
- animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
1537
- -webkit-animation-duration: 500ms;
1538
- animation-duration: 500ms;
1539
- -webkit-animation-delay: calc(var(--animation-order) * 80ms);
1540
- animation-delay: calc(var(--animation-order) * 80ms);
1541
- -webkit-animation-fill-mode: both;
1542
- animation-fill-mode: both;
1543
- -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1544
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1527
+ animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
1528
+ animation-duration: 500ms;
1529
+ animation-delay: calc(var(--animation-order) * 80ms);
1530
+ animation-fill-mode: both;
1531
+ animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1545
1532
  }
1546
1533
  }
1547
1534
 
@@ -1675,10 +1662,8 @@ select {
1675
1662
  top: var(--base-size-48);
1676
1663
  background-color: var(--base-color-scale-white-0);
1677
1664
  border-radius: var(--brand-borderRadius-large);
1678
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 0.25s, Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 250ms forwards;
1679
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 0.25s, Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 250ms forwards;
1680
- -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1681
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1665
+ animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 0.25s, Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 250ms forwards;
1666
+ animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1682
1667
  box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
1683
1668
  overflow: hidden;
1684
1669
  }
@@ -1688,7 +1673,6 @@ select {
1688
1673
  list-style-type: none;
1689
1674
  padding: 0;
1690
1675
  margin: 0;
1691
- width: -webkit-max-content;
1692
1676
  width: -moz-max-content;
1693
1677
  width: max-content;
1694
1678
  }
@@ -1825,16 +1809,11 @@ select {
1825
1809
  width: 100%;
1826
1810
  bottom: calc(calc(-100vh - 75px) - -150px);
1827
1811
  height: auto;
1828
- -webkit-animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
1829
- animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
1830
- -webkit-animation-duration: 500ms;
1831
- animation-duration: 500ms;
1832
- -webkit-animation-delay: calc(10 * 80ms);
1833
- animation-delay: calc(10 * 80ms);
1834
- -webkit-animation-fill-mode: both;
1835
- animation-fill-mode: both;
1836
- -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1837
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1812
+ animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
1813
+ animation-duration: 500ms;
1814
+ animation-delay: calc(10 * 80ms);
1815
+ animation-fill-mode: both;
1816
+ animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1838
1817
  }
1839
1818
 
1840
1819
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
@@ -1889,10 +1868,8 @@ select {
1889
1868
  height: 100vh;
1890
1869
  width: 100vw;
1891
1870
  z-index: 99;
1892
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 300ms;
1893
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 300ms;
1894
- -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1895
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1871
+ animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 300ms;
1872
+ animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1896
1873
  }
1897
1874
  }
1898
1875
 
@@ -1920,8 +1897,7 @@ select {
1920
1897
  padding: var(--base-size-12) var(--base-size-28);
1921
1898
  display: flex;
1922
1899
  align-items: center;
1923
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1924
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1900
+ animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1925
1901
  gap: var(--base-size-4);
1926
1902
  }
1927
1903
 
@@ -1937,8 +1913,7 @@ select {
1937
1913
  }
1938
1914
 
1939
1915
  .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-container___kow2P {
1940
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1941
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1916
+ animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1942
1917
  padding: var(--base-size-24);
1943
1918
  background-color: var(--base-color-scale-white-0);
1944
1919
  border-radius: var(--brand-borderRadius-large);
@@ -1991,16 +1966,6 @@ select {
1991
1966
  /*
1992
1967
  * Reusable animations
1993
1968
  */
1994
- @-webkit-keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g {
1995
- 0% {
1996
- opacity: 0;
1997
- transform: translateY(-20px);
1998
- }
1999
- 100% {
2000
- opacity: 1;
2001
- transform: translateY(0);
2002
- }
2003
- }
2004
1969
  @keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g {
2005
1970
  0% {
2006
1971
  opacity: 0;
@@ -2012,15 +1977,6 @@ select {
2012
1977
  }
2013
1978
  }
2014
1979
 
2015
- @-webkit-keyframes Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi {
2016
- 0% {
2017
- opacity: 1;
2018
- }
2019
- 100% {
2020
- opacity: 0;
2021
- }
2022
- }
2023
-
2024
1980
  @keyframes Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi {
2025
1981
  0% {
2026
1982
  opacity: 1;
@@ -2030,17 +1986,6 @@ select {
2030
1986
  }
2031
1987
  }
2032
1988
 
2033
- @-webkit-keyframes Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 {
2034
- 0% {
2035
- scale: 0.98;
2036
- box-shadow: 0px 8px 0 rgba(1, 4, 9, 0.15);
2037
- }
2038
- 100% {
2039
- scale: 1;
2040
- box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
2041
- }
2042
- }
2043
-
2044
1989
  @keyframes Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 {
2045
1990
  0% {
2046
1991
  scale: 0.98;
@@ -2052,17 +1997,6 @@ select {
2052
1997
  }
2053
1998
  }
2054
1999
 
2055
- @-webkit-keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ {
2056
- 0% {
2057
- opacity: 0;
2058
- transform: scale(0.6) translateY(-8px);
2059
- }
2060
-
2061
- 100% {
2062
- opacity: 1;
2063
- }
2064
- }
2065
-
2066
2000
  @keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ {
2067
2001
  0% {
2068
2002
  opacity: 0;
@@ -2076,7 +2010,7 @@ select {
2076
2010
 
2077
2011
  /**
2078
2012
  * Do not edit directly
2079
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
2013
+ * Generated on Thu, 13 Oct 2022 15:47:26 GMT
2080
2014
  */
2081
2015
 
2082
2016
  :root,
@@ -2104,7 +2038,7 @@ select {
2104
2038
 
2105
2039
  /**
2106
2040
  * Do not edit directly
2107
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
2041
+ * Generated on Thu, 13 Oct 2022 15:47:26 GMT
2108
2042
  */
2109
2043
 
2110
2044
  :root,
@@ -2209,7 +2143,7 @@ select {
2209
2143
 
2210
2144
  /**
2211
2145
  * Do not edit directly
2212
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
2146
+ * Generated on Thu, 13 Oct 2022 15:47:26 GMT
2213
2147
  */
2214
2148
 
2215
2149
  :root,
@@ -2325,8 +2259,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2325
2259
  padding-left: var(--base-size-40);
2326
2260
  padding-bottom: var(--base-size-24);
2327
2261
  margin-top: calc(var(--base-size-16) * -1); /* for 8px gap between question and answer */
2328
- -webkit-animation: Primer_Brand__Accordion-module__fade-in___b3l0l 0.5s;
2329
- animation: Primer_Brand__Accordion-module__fade-in___b3l0l 0.5s;
2262
+ animation: Primer_Brand__Accordion-module__fade-in___b3l0l 0.5s;
2330
2263
  }
2331
2264
  .Primer_Brand__Accordion-module__Accordion__content-item___M_dlm {
2332
2265
  margin-bottom: var(--base-size-12);
@@ -2341,15 +2274,6 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2341
2274
  }
2342
2275
  }
2343
2276
 
2344
- @-webkit-keyframes Primer_Brand__Accordion-module__fade-in___b3l0l {
2345
- 0% {
2346
- opacity: 0;
2347
- }
2348
- 100% {
2349
- opacity: 1;
2350
- }
2351
- }
2352
-
2353
2277
  @keyframes Primer_Brand__Accordion-module__fade-in___b3l0l {
2354
2278
  0% {
2355
2279
  opacity: 0;
@@ -2361,7 +2285,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2361
2285
 
2362
2286
  /**
2363
2287
  * Do not edit directly
2364
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
2288
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
2365
2289
  */
2366
2290
 
2367
2291
  :root {
@@ -2371,7 +2295,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2371
2295
 
2372
2296
  /**
2373
2297
  * Do not edit directly
2374
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
2298
+ * Generated on Thu, 13 Oct 2022 15:47:26 GMT
2375
2299
  */
2376
2300
 
2377
2301
  :root,
@@ -2441,7 +2365,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2441
2365
 
2442
2366
  /**
2443
2367
  * Do not edit directly
2444
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
2368
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
2445
2369
  */
2446
2370
 
2447
2371
  :root {
@@ -2460,7 +2384,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2460
2384
 
2461
2385
  /**
2462
2386
  * Do not edit directly
2463
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
2387
+ * Generated on Thu, 13 Oct 2022 15:47:26 GMT
2464
2388
  */
2465
2389
 
2466
2390
  :root,
@@ -2606,11 +2530,6 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2606
2530
  opacity: 1;
2607
2531
  }
2608
2532
 
2609
- .Primer_Brand__TextInput-module__TextInput___EtKj3:-ms-input-placeholder {
2610
- color: var(--brand-color-text-subtle);
2611
- opacity: 1;
2612
- }
2613
-
2614
2533
  .Primer_Brand__TextInput-module__TextInput___EtKj3::placeholder {
2615
2534
  color: var(--brand-color-text-subtle);
2616
2535
  opacity: 1;
@@ -2918,11 +2837,6 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2918
2837
  opacity: 1;
2919
2838
  }
2920
2839
 
2921
- .Primer_Brand__Select-module__Select___Jqn1f:-ms-input-placeholder {
2922
- color: var(--brand-color-text-subtle);
2923
- opacity: 1;
2924
- }
2925
-
2926
2840
  .Primer_Brand__Select-module__Select___Jqn1f::placeholder {
2927
2841
  color: var(--brand-color-text-subtle);
2928
2842
  opacity: 1;
@@ -3131,19 +3045,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3131
3045
  }
3132
3046
 
3133
3047
  .Primer_Brand__FormControl-module__FormControl-validation--animate-in___C_pxB {
3134
- -webkit-animation: 170ms Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R cubic-bezier(0.44, 0.74, 0.36, 1);
3135
- animation: 170ms Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R cubic-bezier(0.44, 0.74, 0.36, 1);
3136
- }
3137
-
3138
- @-webkit-keyframes Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R {
3139
- 0% {
3140
- opacity: 0;
3141
- transform: translateY(-100%);
3142
- }
3143
- 100% {
3144
- opacity: 1;
3145
- transform: translateY(0);
3146
- }
3048
+ animation: 170ms Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R cubic-bezier(0.44, 0.74, 0.36, 1);
3147
3049
  }
3148
3050
 
3149
3051
  @keyframes Primer_Brand__FormControl-module__FormControlValidationFadeIn___hRw_R {
@@ -3159,7 +3061,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3159
3061
 
3160
3062
  /**
3161
3063
  * Do not edit directly
3162
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
3064
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
3163
3065
  */
3164
3066
 
3165
3067
  :root {
@@ -2,10 +2,10 @@
2
2
  * Add external stylesheets below.
3
3
  */
4
4
  import './reset.css';
5
- import '../../lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css';
6
- import '../../lib/design-tokens/css/tokens/base/size/size.css';
7
- import '../../lib/design-tokens/css/tokens/base/typography/typography.css';
8
- import '../../lib/design-tokens/css/tokens/functional/typography/typography-responsive.css';
9
- import '../../lib/design-tokens/css/tokens/functional/size/breakpoints.css';
10
- import '../../lib/design-tokens/css/tokens/functional/size/border.css';
11
- import '../../lib/design-tokens/css/tokens/functional/colors/global-with-modes.css';
5
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css';
6
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/base/size/size.css';
7
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/base/typography/typography.css';
8
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css';
9
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/breakpoints.css';
10
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/border.css';
11
+ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:26 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:26 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:26 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:55 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:26 GMT
4
4
  */
5
5
 
6
6
  :root,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Oct 2022 13:36:54 GMT
3
+ * Generated on Thu, 13 Oct 2022 15:47:25 GMT
4
4
  */
5
5
 
6
6
  :root {