@primer/react-brand 0.7.0 → 0.7.1-rc.45a46a3
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/css/main.css +39 -22
- 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/comparison-table/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/lib/hooks/useWindowSize.d.ts +6 -0
- package/lib/index.js +1 -1
- package/package.json +1 -1
package/lib/css/main.css
CHANGED
|
@@ -89,7 +89,7 @@ select {
|
|
|
89
89
|
|
|
90
90
|
/**
|
|
91
91
|
* Do not edit directly
|
|
92
|
-
* Generated on
|
|
92
|
+
* Generated on Wed, 09 Nov 2022 12:26:26 GMT
|
|
93
93
|
*/
|
|
94
94
|
|
|
95
95
|
:root,
|
|
@@ -629,7 +629,7 @@ select {
|
|
|
629
629
|
|
|
630
630
|
/**
|
|
631
631
|
* Do not edit directly
|
|
632
|
-
* Generated on
|
|
632
|
+
* Generated on Wed, 09 Nov 2022 12:26:26 GMT
|
|
633
633
|
*/
|
|
634
634
|
|
|
635
635
|
:root {
|
|
@@ -654,7 +654,7 @@ select {
|
|
|
654
654
|
|
|
655
655
|
/**
|
|
656
656
|
* Do not edit directly
|
|
657
|
-
* Generated on
|
|
657
|
+
* Generated on Wed, 09 Nov 2022 12:26:25 GMT
|
|
658
658
|
*/
|
|
659
659
|
|
|
660
660
|
:root {
|
|
@@ -669,7 +669,7 @@ select {
|
|
|
669
669
|
|
|
670
670
|
/**
|
|
671
671
|
* Do not edit directly
|
|
672
|
-
* Generated on
|
|
672
|
+
* Generated on Wed, 09 Nov 2022 12:26:26 GMT
|
|
673
673
|
*/
|
|
674
674
|
|
|
675
675
|
:root {
|
|
@@ -848,7 +848,7 @@ select {
|
|
|
848
848
|
|
|
849
849
|
/**
|
|
850
850
|
* Do not edit directly
|
|
851
|
-
* Generated on
|
|
851
|
+
* Generated on Wed, 09 Nov 2022 12:26:25 GMT
|
|
852
852
|
*/
|
|
853
853
|
|
|
854
854
|
:root {
|
|
@@ -862,7 +862,7 @@ select {
|
|
|
862
862
|
|
|
863
863
|
/**
|
|
864
864
|
* Do not edit directly
|
|
865
|
-
* Generated on
|
|
865
|
+
* Generated on Wed, 09 Nov 2022 12:26:25 GMT
|
|
866
866
|
*/
|
|
867
867
|
|
|
868
868
|
:root {
|
|
@@ -880,7 +880,7 @@ select {
|
|
|
880
880
|
|
|
881
881
|
/**
|
|
882
882
|
* Do not edit directly
|
|
883
|
-
* Generated on
|
|
883
|
+
* Generated on Wed, 09 Nov 2022 12:26:26 GMT
|
|
884
884
|
*/
|
|
885
885
|
|
|
886
886
|
:root,
|
|
@@ -1076,7 +1076,7 @@ select {
|
|
|
1076
1076
|
|
|
1077
1077
|
/**
|
|
1078
1078
|
* Do not edit directly
|
|
1079
|
-
* Generated on
|
|
1079
|
+
* Generated on Wed, 09 Nov 2022 12:26:26 GMT
|
|
1080
1080
|
*/
|
|
1081
1081
|
|
|
1082
1082
|
:root,
|
|
@@ -1223,7 +1223,7 @@ select {
|
|
|
1223
1223
|
|
|
1224
1224
|
/**
|
|
1225
1225
|
* Do not edit directly
|
|
1226
|
-
* Generated on
|
|
1226
|
+
* Generated on Wed, 09 Nov 2022 12:26:25 GMT
|
|
1227
1227
|
*/
|
|
1228
1228
|
|
|
1229
1229
|
:root {
|
|
@@ -1244,7 +1244,7 @@ select {
|
|
|
1244
1244
|
|
|
1245
1245
|
/**
|
|
1246
1246
|
* Do not edit directly
|
|
1247
|
-
* Generated on
|
|
1247
|
+
* Generated on Wed, 09 Nov 2022 12:26:25 GMT
|
|
1248
1248
|
*/
|
|
1249
1249
|
|
|
1250
1250
|
:root {
|
|
@@ -1543,7 +1543,7 @@ select {
|
|
|
1543
1543
|
}
|
|
1544
1544
|
|
|
1545
1545
|
@media screen and (max-width: 767px) {
|
|
1546
|
-
.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list
|
|
1546
|
+
.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-primary-nav-list-item___sz8e9 {
|
|
1547
1547
|
animation-name: Primer_Brand__SubdomainNavBar-module__fade-in-down-staggered___zQfEQ;
|
|
1548
1548
|
animation-duration: 500ms;
|
|
1549
1549
|
animation-delay: calc(var(--animation-order) * 80ms);
|
|
@@ -2030,7 +2030,7 @@ select {
|
|
|
2030
2030
|
|
|
2031
2031
|
/**
|
|
2032
2032
|
* Do not edit directly
|
|
2033
|
-
* Generated on
|
|
2033
|
+
* Generated on Wed, 09 Nov 2022 12:26:26 GMT
|
|
2034
2034
|
*/
|
|
2035
2035
|
|
|
2036
2036
|
:root,
|
|
@@ -2058,7 +2058,7 @@ select {
|
|
|
2058
2058
|
|
|
2059
2059
|
/**
|
|
2060
2060
|
* Do not edit directly
|
|
2061
|
-
* Generated on
|
|
2061
|
+
* Generated on Wed, 09 Nov 2022 12:26:26 GMT
|
|
2062
2062
|
*/
|
|
2063
2063
|
|
|
2064
2064
|
:root,
|
|
@@ -2163,7 +2163,7 @@ select {
|
|
|
2163
2163
|
|
|
2164
2164
|
/**
|
|
2165
2165
|
* Do not edit directly
|
|
2166
|
-
* Generated on
|
|
2166
|
+
* Generated on Wed, 09 Nov 2022 12:26:26 GMT
|
|
2167
2167
|
*/
|
|
2168
2168
|
|
|
2169
2169
|
:root,
|
|
@@ -2305,7 +2305,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2305
2305
|
|
|
2306
2306
|
/**
|
|
2307
2307
|
* Do not edit directly
|
|
2308
|
-
* Generated on
|
|
2308
|
+
* Generated on Wed, 09 Nov 2022 12:26:25 GMT
|
|
2309
2309
|
*/
|
|
2310
2310
|
|
|
2311
2311
|
:root {
|
|
@@ -2315,7 +2315,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2315
2315
|
|
|
2316
2316
|
/**
|
|
2317
2317
|
* Do not edit directly
|
|
2318
|
-
* Generated on
|
|
2318
|
+
* Generated on Wed, 09 Nov 2022 12:26:26 GMT
|
|
2319
2319
|
*/
|
|
2320
2320
|
|
|
2321
2321
|
:root,
|
|
@@ -2385,7 +2385,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2385
2385
|
|
|
2386
2386
|
/**
|
|
2387
2387
|
* Do not edit directly
|
|
2388
|
-
* Generated on
|
|
2388
|
+
* Generated on Wed, 09 Nov 2022 12:26:25 GMT
|
|
2389
2389
|
*/
|
|
2390
2390
|
|
|
2391
2391
|
:root {
|
|
@@ -2404,7 +2404,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2404
2404
|
|
|
2405
2405
|
/**
|
|
2406
2406
|
* Do not edit directly
|
|
2407
|
-
* Generated on
|
|
2407
|
+
* Generated on Wed, 09 Nov 2022 12:26:26 GMT
|
|
2408
2408
|
*/
|
|
2409
2409
|
|
|
2410
2410
|
:root,
|
|
@@ -3144,8 +3144,25 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
3144
3144
|
margin: 3px 3px 0px 5px; /* Emulate browser defaults */
|
|
3145
3145
|
|
|
3146
3146
|
width: 20px;
|
|
3147
|
-
outline:
|
|
3147
|
+
outline: none;
|
|
3148
3148
|
box-shadow: 0 0 0 3px transparent;
|
|
3149
|
+
position: relative;
|
|
3150
|
+
}
|
|
3151
|
+
|
|
3152
|
+
/*
|
|
3153
|
+
Fixes safari bug where outline doesn't respect border-radius
|
|
3154
|
+
*/
|
|
3155
|
+
.Primer_Brand__Radio-module__Radio___JycTo::before {
|
|
3156
|
+
content: '';
|
|
3157
|
+
position: absolute;
|
|
3158
|
+
top: -4px;
|
|
3159
|
+
right: -2px;
|
|
3160
|
+
bottom: -2px;
|
|
3161
|
+
left: -4px;
|
|
3162
|
+
border: 2px solid var(--brand-control-radio-bg-default);
|
|
3163
|
+
border-radius: 50%;
|
|
3164
|
+
width: 24px;
|
|
3165
|
+
height: 24px;
|
|
3149
3166
|
}
|
|
3150
3167
|
|
|
3151
3168
|
/**
|
|
@@ -3196,7 +3213,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
3196
3213
|
}
|
|
3197
3214
|
|
|
3198
3215
|
.Primer_Brand__Radio-module__Radio-input___n3jX4:focus + .Primer_Brand__Radio-module__Radio___JycTo {
|
|
3199
|
-
box-shadow: 0 0 0
|
|
3216
|
+
box-shadow: 0 0 0 4px var(--brand-color-focus);
|
|
3200
3217
|
}
|
|
3201
3218
|
|
|
3202
3219
|
/* TODO: Check with a11y team */
|
|
@@ -3330,7 +3347,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
3330
3347
|
|
|
3331
3348
|
/**
|
|
3332
3349
|
* Do not edit directly
|
|
3333
|
-
* Generated on
|
|
3350
|
+
* Generated on Wed, 09 Nov 2022 12:26:25 GMT
|
|
3334
3351
|
*/
|
|
3335
3352
|
|
|
3336
3353
|
:root {
|
|
@@ -3647,7 +3664,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
3647
3664
|
|
|
3648
3665
|
/**
|
|
3649
3666
|
* Do not edit directly
|
|
3650
|
-
* Generated on
|
|
3667
|
+
* Generated on Wed, 09 Nov 2022 12:26:26 GMT
|
|
3651
3668
|
*/
|
|
3652
3669
|
|
|
3653
3670
|
:root,
|