@primer/react-brand 0.5.0-rc.04a988d → 0.5.0-rc.fc95189

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/CHANGELOG.md +2 -22
  2. package/lib/Accordion/Accordion.d.ts +4 -4
  3. package/lib/Button/Button.d.ts +0 -2
  4. package/lib/FAQ/FAQ.d.ts +4 -4
  5. package/lib/Heading/Heading.d.ts +1 -1
  6. package/lib/InlineLink/InlineLink.d.ts +1 -1
  7. package/lib/River/River.d.ts +3 -3
  8. package/lib/Stack/Stack.d.ts +1 -1
  9. package/lib/Testimonial/Testimonial.d.ts +8 -8
  10. package/lib/css/main.css +17 -761
  11. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
  12. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  13. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  14. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  17. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/components/control/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/hero/base.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
  26. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  27. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  28. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  29. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  30. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  31. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  32. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  33. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  34. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  35. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
  36. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  37. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  38. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
  39. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  40. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  41. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
  42. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  43. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
  44. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  45. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  46. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  47. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  48. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  49. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  50. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  51. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  52. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  53. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  54. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  55. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  56. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  57. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  58. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  59. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  60. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  61. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  62. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  63. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  64. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  65. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  66. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  67. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  68. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  69. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  70. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  71. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  72. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  73. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  74. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  75. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  76. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  77. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  78. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  79. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  80. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  81. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  82. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  83. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  84. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  85. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  86. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  87. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  88. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  89. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  90. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  91. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  92. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  93. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  94. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  95. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  96. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  97. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  98. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  99. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  100. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  101. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  102. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  103. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  104. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  105. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  106. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  107. package/lib/forms/Checkbox/Checkbox.d.ts +1 -1
  108. package/lib/forms/Select/Select.d.ts +1 -1
  109. package/lib/forms/TextInput/TextInput.d.ts +1 -9
  110. package/lib/index.d.ts +0 -1
  111. package/lib/index.js +1 -1
  112. package/package.json +2 -2
  113. package/lib/SubdomainNavBar/NavigationVisbilityObserver.d.ts +0 -6
  114. package/lib/SubdomainNavBar/SubdomainNavBar.d.ts +0 -63
  115. package/lib/SubdomainNavBar/SubdomainNavBar.visual.spec.d.ts +0 -1
  116. package/lib/SubdomainNavBar/index.d.ts +0 -1
  117. package/lib/SubdomainNavBar/useVisibilityObserver.d.ts +0 -5
  118. package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +0 -27
  119. package/lib/hooks/useKeyboardEscape.d.ts +0 -1
  120. package/lib/hooks/useOnClickOutside.d.ts +0 -1
package/lib/css/main.css CHANGED
@@ -91,7 +91,7 @@ select {
91
91
 
92
92
  /**
93
93
  * Do not edit directly
94
- * Generated on Thu, 29 Sep 2022 14:34:36 GMT
94
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
95
95
  */
96
96
 
97
97
  :root,
@@ -631,7 +631,7 @@ select {
631
631
 
632
632
  /**
633
633
  * Do not edit directly
634
- * Generated on Thu, 29 Sep 2022 14:34:36 GMT
634
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
635
635
  */
636
636
 
637
637
  :root {
@@ -656,7 +656,7 @@ select {
656
656
 
657
657
  /**
658
658
  * Do not edit directly
659
- * Generated on Thu, 29 Sep 2022 14:34:36 GMT
659
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
660
660
  */
661
661
 
662
662
  :root {
@@ -671,7 +671,7 @@ select {
671
671
 
672
672
  /**
673
673
  * Do not edit directly
674
- * Generated on Thu, 29 Sep 2022 14:34:36 GMT
674
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
675
675
  */
676
676
 
677
677
  :root {
@@ -850,7 +850,7 @@ select {
850
850
 
851
851
  /**
852
852
  * Do not edit directly
853
- * Generated on Thu, 29 Sep 2022 14:34:36 GMT
853
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
854
854
  */
855
855
 
856
856
  :root {
@@ -864,7 +864,7 @@ select {
864
864
 
865
865
  /**
866
866
  * Do not edit directly
867
- * Generated on Thu, 29 Sep 2022 14:34:36 GMT
867
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
868
868
  */
869
869
 
870
870
  :root {
@@ -882,7 +882,7 @@ select {
882
882
 
883
883
  /**
884
884
  * Do not edit directly
885
- * Generated on Thu, 29 Sep 2022 14:34:37 GMT
885
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
886
886
  */
887
887
 
888
888
  :root,
@@ -1078,7 +1078,7 @@ select {
1078
1078
 
1079
1079
  /**
1080
1080
  * Do not edit directly
1081
- * Generated on Thu, 29 Sep 2022 14:34:37 GMT
1081
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
1082
1082
  */
1083
1083
 
1084
1084
  :root,
@@ -1217,7 +1217,7 @@ select {
1217
1217
 
1218
1218
  /**
1219
1219
  * Do not edit directly
1220
- * Generated on Thu, 29 Sep 2022 14:34:36 GMT
1220
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
1221
1221
  */
1222
1222
 
1223
1223
  :root {
@@ -1227,7 +1227,7 @@ select {
1227
1227
 
1228
1228
  /**
1229
1229
  * Do not edit directly
1230
- * Generated on Thu, 29 Sep 2022 14:34:36 GMT
1230
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
1231
1231
  */
1232
1232
 
1233
1233
  :root {
@@ -1348,749 +1348,9 @@ select {
1348
1348
  }
1349
1349
  }
1350
1350
 
1351
- /*
1352
- * Main styles for the subdomain navigation bar.
1353
- */
1354
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar___JNpcK {
1355
- position: relative;
1356
- z-index: 90;
1357
- font-weight: 550;
1358
- background: var(--brand-SubdomainNavBar-canvas-default);
1359
- -webkit-backdrop-filter: blur(16px);
1360
- backdrop-filter: blur(16px);
1361
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1362
- transition: background-color 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
1363
- height: 75px;
1364
- }
1365
-
1366
- /*
1367
- * Outer container
1368
- */
1369
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container___aE8uv {
1370
- z-index: 90;
1371
- }
1372
-
1373
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-outer-container--fixed___ZhyZf {
1374
- position: fixed;
1375
- top: 0;
1376
- right: 0;
1377
- left: 0;
1378
- }
1379
-
1380
- /*
1381
- * Inner container
1382
- */
1383
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
1384
- display: flex;
1385
- padding: 4px 28px;
1386
- max-width: 1280px;
1387
- margin: 0 auto;
1388
- }
1389
-
1390
- @media screen and (min-width: 768px) {
1391
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container___kdy5Y {
1392
- padding: 4px 32px;
1393
- }
1394
- }
1395
-
1396
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU {
1397
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi 150ms;
1398
- animation: Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi 150ms;
1399
- }
1400
-
1401
- /*
1402
- * Logo and title area
1403
- */
1404
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-area___W8IC5 {
1405
- display: inline-flex;
1406
- list-style-type: none;
1407
- align-items: center;
1408
- gap: 16px;
1409
- padding: 0;
1410
- margin: 0;
1411
- max-width: 230px;
1412
- color: var(--brand-color-text-default);
1413
- padding: var(--base-size-16) 0;
1414
- }
1415
-
1416
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_ {
1417
- color: var(--brand-color-text-default);
1418
- position: relative;
1419
- }
1420
-
1421
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___OOrj8 {
1422
- position: absolute;
1423
- left: calc(-32px + 5px);
1424
- opacity: 0;
1425
- transition: opacity 0.3s, transform 0.3s ease;
1426
- transform: translateX(5px);
1427
- color: var(--brand-color-text-muted);
1428
- }
1429
-
1430
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_:hover .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-back-arrow___OOrj8 {
1431
- opacity: 1;
1432
- transform: translateX(0);
1433
- }
1434
-
1435
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title-separator___djrH2 {
1436
- color: var(--brand-color-text-muted);
1437
- font-weight: var(--base-text-weight-semibold);
1438
- font-size: var(--base-size-32);
1439
- line-height: 29px;
1440
- }
1441
-
1442
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-logo-mark___pMn2_ svg {
1443
- width: 32px;
1444
- height: 32px;
1445
- }
1446
-
1447
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-title___Zm_g2 {
1448
- font-family: var(--brand-heading-fontFamily);
1449
- font-weight: var(--base-text-weight-semibold);
1450
- font-size: var(--base-size-24);
1451
- line-height: var(--base-size-32);
1452
- color: var(--brand-color-text-default);
1453
- text-decoration: none;
1454
- padding-right: var(--base-size-16);
1455
- }
1456
-
1457
- /*
1458
- * Primary navigation link area
1459
- */
1460
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav___rZwCn {
1461
- display: inline-flex;
1462
- list-style-type: none;
1463
- align-items: center;
1464
- padding: 0;
1465
- margin: 0;
1466
- }
1467
-
1468
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1469
- list-style-type: none;
1470
- }
1471
-
1472
- @media screen and (max-width: 767px) {
1473
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1474
- display: none;
1475
- }
1476
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___ZeoFv {
1477
- display: block;
1478
- margin: 0;
1479
- padding: 0;
1480
- position: absolute;
1481
- top: 75px;
1482
- left: 0;
1483
- right: 0;
1484
- z-index: 2;
1485
- background-color: var(--brand-color-canvas-default);
1486
- width: 100vw;
1487
- height: calc(100vh - 75px);
1488
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1489
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1490
- -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1491
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1492
- }
1493
- }
1494
-
1495
- @media screen and (min-width: 768px) {
1496
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1497
- display: flex;
1498
- align-items: center;
1499
- width: 100%;
1500
- max-width: 150px;
1501
- padding: 0;
1502
- margin: 0 24px 0 0;
1503
- /* overflow: hidden; */
1504
- }
1505
- }
1506
- @media screen and (min-width: 850px) {
1507
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1508
- max-width: 320px;
1509
- }
1510
- }
1511
-
1512
- @media screen and (min-width: 1024px) {
1513
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1514
- max-width: 250px;
1515
- }
1516
- }
1517
-
1518
- @media screen and (min-width: 1280px) {
1519
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list___iQd2r {
1520
- max-width: 520px;
1521
- margin-right: 80px;
1522
- }
1523
- }
1524
-
1525
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
1526
- white-space: nowrap;
1527
- }
1528
-
1529
- @media screen and (max-width: 767px) {
1530
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list--visible___ZeoFv .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--visible___oDmLP {
1531
- -webkit-animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
1532
- animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
1533
- -webkit-animation-duration: 500ms;
1534
- animation-duration: 500ms;
1535
- -webkit-animation-delay: calc(var(--animation-order) * 80ms);
1536
- animation-delay: calc(var(--animation-order) * 80ms);
1537
- -webkit-animation-fill-mode: both;
1538
- animation-fill-mode: both;
1539
- -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1540
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1541
- }
1542
- }
1543
-
1544
- @media screen and (min-width: 768px) {
1545
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--visible___oDmLP {
1546
- order: 0;
1547
- visibility: visible;
1548
- opacity: 1;
1549
- }
1550
-
1551
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--invisible___NioAh {
1552
- order: 100;
1553
- visibility: hidden;
1554
- pointer-events: none;
1555
- }
1556
-
1557
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item--overflow___FXC7u {
1558
- order: 99;
1559
- position: relative;
1560
- right: 0;
1561
- }
1562
- }
1563
-
1564
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
1565
- position: relative;
1566
- display: block;
1567
- color: var(--brand-color-text-default);
1568
- font-family: var(--brand-heading-fontFamily);
1569
- font-weight: var(--base-text-weight-normal);
1570
- font-size: var(--base-size-20);
1571
- line-height: var(--base-size-20);
1572
- padding: var(--base-size-8) var(--base-size-16) var(--base-size-16) var(--base-size-28);
1573
- text-decoration: none;
1574
- }
1575
-
1576
- @media screen and (max-width: 767px) {
1577
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:first-child {
1578
- padding-top: var(--base-size-24);
1579
- }
1580
- }
1581
-
1582
- @media screen and (min-width: 768px) {
1583
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
1584
- font-family: var(--brand-heading-fontFamily);
1585
- font-weight: var(--base-text-weight-semibold);
1586
- font-size: var(--base-size-16);
1587
- line-height: var(--base-size-16);
1588
- padding: var(--base-size-16) var(--base-size-24);
1589
- }
1590
-
1591
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc::after {
1592
- content: '';
1593
- position: absolute;
1594
- bottom: 10px;
1595
- left: 0;
1596
- width: 100%;
1597
- height: 2px;
1598
- background-color: var(--brand-SubdomainNavBar-border-nav-default);
1599
- opacity: 0;
1600
- transition: opacity 300ms, transform 300ms;
1601
- opacity: 1;
1602
- transform: scale(0);
1603
- transform-origin: center;
1604
- }
1605
-
1606
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover::after,
1607
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus::after {
1608
- opacity: 1;
1609
- transform: translate3d(0, 0.2em, 0);
1610
- transform: scale(0.4);
1611
- }
1612
-
1613
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:active::after {
1614
- background-color: var(--brand-SubdomainNavBar-border-nav-pressed);
1615
- transform: scale(0.6);
1616
- }
1617
-
1618
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc {
1619
- transition: background-color cubic-bezier(0.16, 1, 0.3, 1) 250ms;
1620
- background-color: var(--brand-SubdomainNavBar-canvas-overflow-default);
1621
- color: var(--brand-SubdomainNavBar-fg-overflow-default);
1622
- }
1623
-
1624
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc::after {
1625
- display: none;
1626
- }
1627
-
1628
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:hover {
1629
- background-color: var(--brand-SubdomainNavBar-canvas-overflow-hover);
1630
- }
1631
-
1632
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus,
1633
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc.Primer_Brand__SubdomainNavBar-module__focus-visible___LbPb7 {
1634
- box-shadow: inset 0px 0px 0px 2px var(--brand-color-focus);
1635
- outline: none;
1636
- }
1637
-
1638
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus,
1639
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-item___sI1rx .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-link___XmtPc:focus-visible {
1640
- box-shadow: inset 0px 0px 0px 2px var(--brand-color-focus);
1641
- outline: none;
1642
- }
1643
- }
1644
-
1645
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
1646
- display: none;
1647
- }
1648
-
1649
- @media screen and (min-width: 768px) {
1650
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-more-link___GR7D2 {
1651
- cursor: pointer;
1652
- -webkit-appearance: none;
1653
- -moz-appearance: none;
1654
- appearance: none;
1655
- border: none;
1656
- background-color: transparent;
1657
- display: inline-flex;
1658
- align-items: center;
1659
- gap: var(--base-size-4);
1660
- }
1661
- }
1662
-
1663
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu___RXj_t {
1664
- position: absolute;
1665
- right: 0;
1666
- top: var(--base-size-48);
1667
- background-color: var(--base-color-scale-white-0);
1668
- border-radius: var(--brand-borderRadius-large);
1669
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 0.25s, Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 250ms forwards;
1670
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 0.25s, Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 250ms forwards;
1671
- -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1672
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1673
- box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
1674
- overflow: hidden;
1675
- }
1676
-
1677
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-overflow-menu-list___EbzqG {
1678
- display: grid;
1679
- list-style-type: none;
1680
- padding: 0;
1681
- margin: 0;
1682
- width: -webkit-max-content;
1683
- width: -moz-max-content;
1684
- width: max-content;
1685
- }
1686
-
1687
- /*
1688
- * Toolbar actions area for search and mobile menu
1689
- */
1690
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj {
1691
- display: flex;
1692
- align-items: center;
1693
- margin-left: auto;
1694
- }
1695
-
1696
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R,
1697
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
1698
- cursor: pointer;
1699
- -webkit-appearance: none;
1700
- -moz-appearance: none;
1701
- appearance: none;
1702
- background-color: transparent;
1703
- border: var(--brand-borderWidth-thick) solid transparent;
1704
- color: var(--brand-color-text-default);
1705
- width: calc(48px - var(--brand-borderWidth-thick));
1706
- height: calc(48px - var(--brand-borderWidth-thick));
1707
- display: flex;
1708
- align-items: center;
1709
- justify-content: center;
1710
- transition: border 250ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 250ms ease;
1711
- border-radius: var(--brand-borderRadius-medium);
1712
- box-shadow: 0 0 0 2px transparent;
1713
- }
1714
-
1715
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R svg,
1716
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J svg {
1717
- width: 24px;
1718
- height: 24px;
1719
- }
1720
-
1721
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
1722
- display: inline-block;
1723
- align-self: center;
1724
- }
1725
-
1726
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF {
1727
- width: 22px;
1728
- height: 2px;
1729
- background-color: var(--brand-color-text-default);
1730
- margin: var(--base-size-4) auto;
1731
- border-radius: var(--brand-borderRadius-large);
1732
- display: block;
1733
- }
1734
-
1735
- @media (prefers-reduced-motion: no-preference) {
1736
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF {
1737
- transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1738
- transition-duration: 500ms;
1739
- transition-property: opacity, transform;
1740
- }
1741
- }
1742
-
1743
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(1) {
1744
- transform-origin: bottom right;
1745
- }
1746
-
1747
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
1748
- transform-origin: top right;
1749
- }
1750
-
1751
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(1) {
1752
- transform: rotate(-45deg) translateY(-3px);
1753
- }
1754
-
1755
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(2) {
1756
- opacity: 0;
1757
- transform: scale(0);
1758
- }
1759
-
1760
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button--close___I0UtT .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button-bar___cUVZF:nth-of-type(3) {
1761
- transform: rotate(45deg) translateY(3px);
1762
- }
1763
-
1764
- @media screen and (min-width: 768px) {
1765
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R:hover,
1766
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J:hover {
1767
- border: var(--brand-borderWidth-normal) solid var(--brand-SubdomainNavBar-border-button-hover);
1768
- }
1769
-
1770
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R:active,
1771
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J:active {
1772
- box-shadow: 0 0 0 1px var(--brand-SubdomainNavBar-border-button-hover);
1773
- }
1774
-
1775
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-mobile-menu-button___CTbHW {
1776
- display: none;
1777
- }
1778
-
1779
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R,
1780
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-menu-button___hMy4J {
1781
- height: 42px;
1782
- width: 42px;
1783
- }
1784
-
1785
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R {
1786
- margin: 0 var(--base-size-16) 0 auto;
1787
- }
1788
- }
1789
-
1790
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
1791
- display: inline-flex;
1792
- gap: var(--base-size-16);
1793
- align-items: center;
1794
- }
1795
-
1796
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
1797
- display: flex;
1798
- gap: 16px;
1799
- }
1800
-
1801
- @media screen and (max-width: 768px) {
1802
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area___MbQys {
1803
- display: none;
1804
- }
1805
-
1806
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
1807
- display: flex;
1808
- position: absolute;
1809
- left: 0;
1810
- z-index: 99;
1811
- width: 100%;
1812
- bottom: calc(calc(-100vh - 75px) - -150px);
1813
- height: auto;
1814
- -webkit-animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
1815
- animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
1816
- -webkit-animation-duration: 500ms;
1817
- animation-duration: 500ms;
1818
- -webkit-animation-delay: calc(10 * 80ms);
1819
- animation-delay: calc(10 * 80ms);
1820
- -webkit-animation-fill-mode: both;
1821
- animation-fill-mode: both;
1822
- -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1823
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1824
- }
1825
-
1826
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-inner-container--search-open___nhMNU .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area--visible___fLvbf {
1827
- display: none;
1828
- }
1829
-
1830
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
1831
- width: 100%;
1832
- flex-direction: column;
1833
-
1834
- margin: 24px;
1835
- }
1836
- }
1837
-
1838
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button___g_9BM {
1839
- height: 48px; /*TODO: investigate why this is shorter than medium default height*/
1840
- white-space: nowrap;
1841
- }
1842
-
1843
- @media screen and (min-width: 768px) and (max-width: 1023px) {
1844
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH {
1845
- display: none;
1846
- }
1847
- }
1848
-
1849
- @media screen and (min-width: 1024px) {
1850
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button--secondary___P0FJH {
1851
- display: inline-flex;
1852
- }
1853
- }
1854
-
1855
- /*
1856
- * Search dialog control area
1857
- */
1858
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-form___zoZB5 {
1859
- display: flex;
1860
- width: 100%;
1861
- }
1862
-
1863
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
1864
- position: absolute;
1865
- }
1866
-
1867
- @media screen and (max-width: 767px) {
1868
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
1869
- top: 0;
1870
- left: 0;
1871
- right: 0;
1872
- background: var(--brand-SubdomainNavBar-canvas-search);
1873
- -webkit-backdrop-filter: blur(100px);
1874
- backdrop-filter: blur(100px);
1875
- height: 100vh;
1876
- width: 100vw;
1877
- z-index: 99;
1878
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 300ms;
1879
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 300ms;
1880
- -webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1881
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1882
- }
1883
- }
1884
-
1885
- @media screen and (min-width: 768px) {
1886
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 {
1887
- position: absolute;
1888
- top: 0;
1889
- bottom: 1px;
1890
- width: 100vw;
1891
- left: 0;
1892
- right: 0;
1893
- background-color: var(--brand-SubdomainNavBar-canvas-search);
1894
- }
1895
- }
1896
-
1897
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog___yqQl5 .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-button___Nzz4R {
1898
- margin-right: 0;
1899
- }
1900
-
1901
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq {
1902
- height: 74px;
1903
- background: var(--brand-SubdomainNavBar-canvas-default);
1904
- -webkit-backdrop-filter: blur(16px);
1905
- backdrop-filter: blur(16px);
1906
- padding: var(--base-size-12) var(--base-size-28);
1907
- display: flex;
1908
- align-items: center;
1909
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1910
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1911
- gap: var(--base-size-4);
1912
- }
1913
-
1914
- @media screen and (min-width: 768px) {
1915
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-dialog-control-area___KlFbq {
1916
- max-width: 570px;
1917
- margin: 0 auto;
1918
- }
1919
- }
1920
-
1921
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-text-input___kDY_0 {
1922
- border-color: transparent;
1923
- }
1924
-
1925
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-container___kow2P {
1926
- -webkit-animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1927
- animation: Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g 500ms;
1928
- padding: var(--base-size-24);
1929
- background-color: var(--base-color-scale-white-0);
1930
- border-radius: var(--brand-borderRadius-large);
1931
- box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
1932
- max-height: 514px;
1933
- height: 70vh;
1934
- max-width: 570px;
1935
- margin: 0 auto;
1936
- width: 80%;
1937
- }
1938
-
1939
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results___haCH9 {
1940
- overflow-y: scroll;
1941
- list-style: none;
1942
- padding: 0 var(--base-size-24) 0 0;
1943
- margin: 0;
1944
- height: 90%;
1945
- }
1946
-
1947
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-results-heading___FTzyR {
1948
- display: block;
1949
- font-weight: var(--brand-heading-weight-600);
1950
- font-size: var(--base-size-20);
1951
- line-height: var(--base-size-24);
1952
- margin-bottom: var(--base-size-20);
1953
- padding: 0 var(--base-size-8);
1954
- color: var(--base-color-scale-black-0);
1955
- }
1956
-
1957
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item___YZV9z {
1958
- padding: var(--base-size-16) var(--base-size-8);
1959
- border-bottom: solid 1px
1960
- #b7bfc7;
1961
- border-bottom: solid var(--brand-borderWidth-thin, 1px)
1962
- var(--brand-SubdomainNavBar-search-results-border-default, #b7bfc7);
1963
- }
1964
-
1965
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-heading___ErnwN a {
1966
- display: block;
1967
- color: var(--base-color-scale-black-0);
1968
- text-decoration: none;
1969
- margin: 0 0 var(--base-size-12);
1970
- font-size: var(--base-size-16);
1971
- }
1972
-
1973
- .Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-result-item-desc___Rb5Tm {
1974
- color: var(--base-color-scale-black-0);
1975
- }
1976
-
1977
- /*
1978
- * Reusable animations
1979
- */
1980
- @-webkit-keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g {
1981
- 0% {
1982
- opacity: 0;
1983
- transform: translateY(-20px);
1984
- }
1985
- 100% {
1986
- opacity: 1;
1987
- transform: translateY(0);
1988
- }
1989
- }
1990
- @keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down___kwg9g {
1991
- 0% {
1992
- opacity: 0;
1993
- transform: translateY(-20px);
1994
- }
1995
- 100% {
1996
- opacity: 1;
1997
- transform: translateY(0);
1998
- }
1999
- }
2000
-
2001
- @-webkit-keyframes Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi {
2002
- 0% {
2003
- opacity: 1;
2004
- }
2005
- 100% {
2006
- opacity: 0;
2007
- }
2008
- }
2009
-
2010
- @keyframes Primer_Brand__SubdomainNavBar-module__fade-out___fhdxi {
2011
- 0% {
2012
- opacity: 1;
2013
- }
2014
- 100% {
2015
- opacity: 0;
2016
- }
2017
- }
2018
-
2019
- @-webkit-keyframes Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 {
2020
- 0% {
2021
- scale: 0.98;
2022
- box-shadow: 0px 8px 0 rgba(1, 4, 9, 0.15);
2023
- }
2024
- 100% {
2025
- scale: 1;
2026
- box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
2027
- }
2028
- }
2029
-
2030
- @keyframes Primer_Brand__SubdomainNavBar-module__enlarge-shadow___pfcD5 {
2031
- 0% {
2032
- scale: 0.98;
2033
- box-shadow: 0px 8px 0 rgba(1, 4, 9, 0.15);
2034
- }
2035
- 100% {
2036
- scale: 1;
2037
- box-shadow: 0px 8px 24px rgba(1, 4, 9, 0.15);
2038
- }
2039
- }
2040
-
2041
- @-webkit-keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ {
2042
- 0% {
2043
- opacity: 0;
2044
- transform: scale(0.6) translateY(-8px);
2045
- }
2046
-
2047
- 100% {
2048
- opacity: 1;
2049
- }
2050
- }
2051
-
2052
- @keyframes Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ {
2053
- 0% {
2054
- opacity: 0;
2055
- transform: scale(0.6) translateY(-8px);
2056
- }
2057
-
2058
- 100% {
2059
- opacity: 1;
2060
- }
2061
- }
2062
-
2063
- /**
2064
- * Do not edit directly
2065
- * Generated on Thu, 29 Sep 2022 14:34:37 GMT
2066
- */
2067
-
2068
- :root,
2069
- [data-color-mode="light"] {
2070
- --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-white-0-hsl) / 50%);
2071
- --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-white-0);
2072
- --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
2073
- --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
2074
- --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-fg-default);
2075
- --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-9);
2076
- --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-black-0);
2077
- --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-black-0);
2078
- }
2079
-
2080
- [data-color-mode="dark"] {
2081
- --brand-SubdomainNavBar-canvas-default: hsl(var(--base-color-scale-gray-9-hsl) / 50%);
2082
- --brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
2083
- --brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
2084
- --brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
2085
- --brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
2086
- --brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
2087
- --brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
2088
- --brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
2089
- }
2090
-
2091
1351
  /**
2092
1352
  * Do not edit directly
2093
- * Generated on Thu, 29 Sep 2022 14:34:37 GMT
1353
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
2094
1354
  */
2095
1355
 
2096
1356
  :root,
@@ -2195,7 +1455,7 @@ select {
2195
1455
 
2196
1456
  /**
2197
1457
  * Do not edit directly
2198
- * Generated on Thu, 29 Sep 2022 14:34:37 GMT
1458
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
2199
1459
  */
2200
1460
 
2201
1461
  :root,
@@ -2347,7 +1607,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2347
1607
 
2348
1608
  /**
2349
1609
  * Do not edit directly
2350
- * Generated on Thu, 29 Sep 2022 14:34:36 GMT
1610
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
2351
1611
  */
2352
1612
 
2353
1613
  :root {
@@ -2357,7 +1617,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2357
1617
 
2358
1618
  /**
2359
1619
  * Do not edit directly
2360
- * Generated on Thu, 29 Sep 2022 14:34:37 GMT
1620
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
2361
1621
  */
2362
1622
 
2363
1623
  :root,
@@ -2427,7 +1687,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2427
1687
 
2428
1688
  /**
2429
1689
  * Do not edit directly
2430
- * Generated on Thu, 29 Sep 2022 14:34:36 GMT
1690
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
2431
1691
  */
2432
1692
 
2433
1693
  :root {
@@ -2446,7 +1706,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2446
1706
 
2447
1707
  /**
2448
1708
  * Do not edit directly
2449
- * Generated on Thu, 29 Sep 2022 14:34:37 GMT
1709
+ * Generated on Thu, 29 Sep 2022 13:46:47 GMT
2450
1710
  */
2451
1711
 
2452
1712
  :root,
@@ -2661,10 +1921,6 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2661
1921
  transition-property: border;
2662
1922
  }
2663
1923
 
2664
- .Primer_Brand__TextInput-module__TextInput-wrapper--invisible___cKDcl {
2665
- border-color: transparent;
2666
- }
2667
-
2668
1924
  .Primer_Brand__TextInput-module__TextInput-wrapper--fullWidth___eclO4 {
2669
1925
  display: flex;
2670
1926
  }
@@ -3145,7 +2401,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
3145
2401
 
3146
2402
  /**
3147
2403
  * Do not edit directly
3148
- * Generated on Thu, 29 Sep 2022 14:34:36 GMT
2404
+ * Generated on Thu, 29 Sep 2022 13:46:46 GMT
3149
2405
  */
3150
2406
 
3151
2407
  :root {