@primer/react-brand 0.10.0-rc.e54bcd6 → 0.10.0
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 +37 -21
- package/lib/css/stylesheets.d.ts +1 -0
- 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/anchor-nav/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/cta-banner/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/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 Wed, 18 Jan 2023
|
|
92
|
+
* Generated on Wed, 18 Jan 2023 14:30:23 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 Wed, 18 Jan 2023
|
|
632
|
+
* Generated on Wed, 18 Jan 2023 14:30:22 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 Wed, 18 Jan 2023
|
|
657
|
+
* Generated on Wed, 18 Jan 2023 14:30:22 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 Wed, 18 Jan 2023
|
|
672
|
+
* Generated on Wed, 18 Jan 2023 14:30:22 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 Wed, 18 Jan 2023
|
|
851
|
+
* Generated on Wed, 18 Jan 2023 14:30:22 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 Wed, 18 Jan 2023
|
|
865
|
+
* Generated on Wed, 18 Jan 2023 14:30:22 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 Wed, 18 Jan 2023
|
|
883
|
+
* Generated on Wed, 18 Jan 2023 14:30:23 GMT
|
|
884
884
|
*/
|
|
885
885
|
|
|
886
886
|
:root,
|
|
@@ -942,6 +942,22 @@ select {
|
|
|
942
942
|
--brand-color-focus: var(--base-color-scale-blue-3);
|
|
943
943
|
}
|
|
944
944
|
|
|
945
|
+
/*
|
|
946
|
+
* For important high-utility CSS classes that are used
|
|
947
|
+
* frequently throughout the library and helpful to library users.
|
|
948
|
+
*/
|
|
949
|
+
|
|
950
|
+
.visually-hidden {
|
|
951
|
+
position: absolute;
|
|
952
|
+
width: 1px;
|
|
953
|
+
height: 1px;
|
|
954
|
+
padding: 0;
|
|
955
|
+
overflow: hidden;
|
|
956
|
+
clip: rect(0, 0, 0, 0);
|
|
957
|
+
word-wrap: normal;
|
|
958
|
+
border: 0;
|
|
959
|
+
}
|
|
960
|
+
|
|
945
961
|
.Primer_Brand__Hero-module__Hero___EM3jf {
|
|
946
962
|
padding: var(--brand-Hero-narrow-padding);
|
|
947
963
|
display: flex;
|
|
@@ -1167,7 +1183,7 @@ select {
|
|
|
1167
1183
|
|
|
1168
1184
|
/**
|
|
1169
1185
|
* Do not edit directly
|
|
1170
|
-
* Generated on Wed, 18 Jan 2023
|
|
1186
|
+
* Generated on Wed, 18 Jan 2023 14:30:23 GMT
|
|
1171
1187
|
*/
|
|
1172
1188
|
|
|
1173
1189
|
:root,
|
|
@@ -1466,7 +1482,7 @@ select {
|
|
|
1466
1482
|
|
|
1467
1483
|
/**
|
|
1468
1484
|
* Do not edit directly
|
|
1469
|
-
* Generated on Wed, 18 Jan 2023
|
|
1485
|
+
* Generated on Wed, 18 Jan 2023 14:30:22 GMT
|
|
1470
1486
|
*/
|
|
1471
1487
|
|
|
1472
1488
|
:root {
|
|
@@ -1487,7 +1503,7 @@ select {
|
|
|
1487
1503
|
|
|
1488
1504
|
/**
|
|
1489
1505
|
* Do not edit directly
|
|
1490
|
-
* Generated on Wed, 18 Jan 2023
|
|
1506
|
+
* Generated on Wed, 18 Jan 2023 14:30:22 GMT
|
|
1491
1507
|
*/
|
|
1492
1508
|
|
|
1493
1509
|
:root {
|
|
@@ -2273,7 +2289,7 @@ select {
|
|
|
2273
2289
|
|
|
2274
2290
|
/**
|
|
2275
2291
|
* Do not edit directly
|
|
2276
|
-
* Generated on Wed, 18 Jan 2023
|
|
2292
|
+
* Generated on Wed, 18 Jan 2023 14:30:23 GMT
|
|
2277
2293
|
*/
|
|
2278
2294
|
|
|
2279
2295
|
:root,
|
|
@@ -2301,7 +2317,7 @@ select {
|
|
|
2301
2317
|
|
|
2302
2318
|
/**
|
|
2303
2319
|
* Do not edit directly
|
|
2304
|
-
* Generated on Wed, 18 Jan 2023
|
|
2320
|
+
* Generated on Wed, 18 Jan 2023 14:30:23 GMT
|
|
2305
2321
|
*/
|
|
2306
2322
|
|
|
2307
2323
|
:root,
|
|
@@ -2406,7 +2422,7 @@ select {
|
|
|
2406
2422
|
|
|
2407
2423
|
/**
|
|
2408
2424
|
* Do not edit directly
|
|
2409
|
-
* Generated on Wed, 18 Jan 2023
|
|
2425
|
+
* Generated on Wed, 18 Jan 2023 14:30:23 GMT
|
|
2410
2426
|
*/
|
|
2411
2427
|
|
|
2412
2428
|
:root,
|
|
@@ -2557,7 +2573,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2557
2573
|
|
|
2558
2574
|
/**
|
|
2559
2575
|
* Do not edit directly
|
|
2560
|
-
* Generated on Wed, 18 Jan 2023
|
|
2576
|
+
* Generated on Wed, 18 Jan 2023 14:30:22 GMT
|
|
2561
2577
|
*/
|
|
2562
2578
|
|
|
2563
2579
|
:root {
|
|
@@ -2567,7 +2583,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2567
2583
|
|
|
2568
2584
|
/**
|
|
2569
2585
|
* Do not edit directly
|
|
2570
|
-
* Generated on Wed, 18 Jan 2023
|
|
2586
|
+
* Generated on Wed, 18 Jan 2023 14:30:23 GMT
|
|
2571
2587
|
*/
|
|
2572
2588
|
|
|
2573
2589
|
:root,
|
|
@@ -2637,7 +2653,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2637
2653
|
|
|
2638
2654
|
/**
|
|
2639
2655
|
* Do not edit directly
|
|
2640
|
-
* Generated on Wed, 18 Jan 2023
|
|
2656
|
+
* Generated on Wed, 18 Jan 2023 14:30:22 GMT
|
|
2641
2657
|
*/
|
|
2642
2658
|
|
|
2643
2659
|
:root {
|
|
@@ -2656,7 +2672,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2656
2672
|
|
|
2657
2673
|
/**
|
|
2658
2674
|
* Do not edit directly
|
|
2659
|
-
* Generated on Wed, 18 Jan 2023
|
|
2675
|
+
* Generated on Wed, 18 Jan 2023 14:30:23 GMT
|
|
2660
2676
|
*/
|
|
2661
2677
|
|
|
2662
2678
|
:root,
|
|
@@ -3599,7 +3615,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
3599
3615
|
|
|
3600
3616
|
/**
|
|
3601
3617
|
* Do not edit directly
|
|
3602
|
-
* Generated on Wed, 18 Jan 2023
|
|
3618
|
+
* Generated on Wed, 18 Jan 2023 14:30:22 GMT
|
|
3603
3619
|
*/
|
|
3604
3620
|
|
|
3605
3621
|
:root {
|
|
@@ -3916,7 +3932,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
3916
3932
|
|
|
3917
3933
|
/**
|
|
3918
3934
|
* Do not edit directly
|
|
3919
|
-
* Generated on Wed, 18 Jan 2023
|
|
3935
|
+
* Generated on Wed, 18 Jan 2023 14:30:23 GMT
|
|
3920
3936
|
*/
|
|
3921
3937
|
|
|
3922
3938
|
:root,
|
|
@@ -4226,7 +4242,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
4226
4242
|
|
|
4227
4243
|
/**
|
|
4228
4244
|
* Do not edit directly
|
|
4229
|
-
* Generated on Wed, 18 Jan 2023
|
|
4245
|
+
* Generated on Wed, 18 Jan 2023 14:30:23 GMT
|
|
4230
4246
|
*/
|
|
4231
4247
|
|
|
4232
4248
|
:root,
|
|
@@ -4625,7 +4641,7 @@ html {
|
|
|
4625
4641
|
|
|
4626
4642
|
/**
|
|
4627
4643
|
* Do not edit directly
|
|
4628
|
-
* Generated on Wed, 18 Jan 2023
|
|
4644
|
+
* Generated on Wed, 18 Jan 2023 14:30:23 GMT
|
|
4629
4645
|
*/
|
|
4630
4646
|
|
|
4631
4647
|
:root,
|
package/lib/css/stylesheets.d.ts
CHANGED
|
@@ -9,3 +9,4 @@ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/typogra
|
|
|
9
9
|
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/breakpoints.css';
|
|
10
10
|
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/border.css';
|
|
11
11
|
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css';
|
|
12
|
+
import './utilities.css';
|