@primer/react-brand 0.5.1 → 0.5.2-rc.9e3f4d8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Accordion/Accordion.d.ts +1 -1
- package/lib/Button/Button.d.ts +1 -1
- package/lib/FAQ/FAQ.d.ts +2 -2
- package/lib/Hero/Hero.d.ts +1 -1
- package/lib/InlineLink/InlineLink.d.ts +1 -1
- package/{LICENSE → lib/LICENSE} +0 -0
- package/lib/River/River.d.ts +1 -1
- package/lib/Stack/Stack.d.ts +1 -1
- package/lib/SubdomainNavBar/SubdomainNavBar.d.ts +1 -1
- package/lib/css/main.css +41 -139
- package/lib/css/stylesheets.d.ts +7 -7
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/{fonts → lib/fonts}/alliance-1.woff2 +0 -0
- package/{fonts → lib/fonts}/alliance-2.woff2 +0 -0
- package/{fonts → lib/fonts}/fonts.css +0 -0
- package/lib/forms/Checkbox/Checkbox.visual.spec.d.ts +1 -0
- package/lib/forms/FormControl/FormControl.visual.spec.d.ts +1 -0
- package/lib/forms/Select/Select.visual.spec.d.ts +1 -0
- package/lib/forms/TextInput/TextInput.visual.spec.d.ts +1 -0
- package/lib/forms/forms.visual.spec.d.ts +1 -0
- package/lib/forms/index.d.ts +2 -2
- package/lib/index.js +1 -1
- package/package.json +24 -66
- 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 '
|
|
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>[];
|
package/lib/Button/Button.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import '
|
|
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 '
|
|
8
|
-
import '
|
|
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
|
};
|
package/lib/Hero/Hero.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { BaseProps } from '../component-helpers';
|
|
3
|
-
import '
|
|
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 '
|
|
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
|
package/{LICENSE → lib/LICENSE}
RENAMED
|
File without changes
|
package/lib/River/River.d.ts
CHANGED
|
@@ -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 '
|
|
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.
|
package/lib/Stack/Stack.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { BaseProps } from '../component-helpers';
|
|
3
|
-
import '
|
|
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 '
|
|
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
|
-
|
|
84
|
-
|
|
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,
|
|
92
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
632
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
657
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
672
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
851
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
865
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
883
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
1079
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
1217
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
1227
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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
|
-
|
|
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
|
-
|
|
1493
|
-
|
|
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
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
-
|
|
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
|
-
|
|
1679
|
-
|
|
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
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
-
|
|
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
|
-
|
|
1893
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
|
2013
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
2041
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
2146
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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
|
-
|
|
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,
|
|
2288
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
2298
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
2368
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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,
|
|
2387
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 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
|
-
|
|
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,
|
|
3064
|
+
* Generated on Thu, 13 Oct 2022 15:35:17 GMT
|
|
3163
3065
|
*/
|
|
3164
3066
|
|
|
3165
3067
|
:root {
|
package/lib/css/stylesheets.d.ts
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
* Add external stylesheets below.
|
|
3
3
|
*/
|
|
4
4
|
import './reset.css';
|
|
5
|
-
import '
|
|
6
|
-
import '
|
|
7
|
-
import '
|
|
8
|
-
import '
|
|
9
|
-
import '
|
|
10
|
-
import '
|
|
11
|
-
import '
|
|
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';
|