@primer/react-brand 0.12.0 → 0.12.1-rc.d9d682d
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/ExpandableArrow/ExpandableArrow.d.ts +2 -1
- package/lib/css/main.css +37 -23
- 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/footer/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/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/footer/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/footer/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/footer/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/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/forms/Checkbox/Checkbox.d.ts +1 -1
- package/lib/forms/Radio/Radio.d.ts +1 -1
- package/lib/forms/Select/Select.d.ts +1 -1
- package/lib/forms/TextInput/TextInput.d.ts +1 -1
- package/lib/index.js +1 -1
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@ declare type ExpandableArrowProps = {
|
|
|
3
3
|
className?: string;
|
|
4
4
|
/** Animate between a chevron arrow and an arrow with a stem by toggling the value of `expanded` */
|
|
5
5
|
expanded?: boolean;
|
|
6
|
+
hidden?: boolean;
|
|
6
7
|
};
|
|
7
|
-
export declare function ExpandableArrow({ className, expanded }: ExpandableArrowProps): JSX.Element;
|
|
8
|
+
export declare function ExpandableArrow({ className, expanded, hidden }: ExpandableArrowProps): JSX.Element;
|
|
8
9
|
export {};
|
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 Tue, 14 Feb 2023 15:11:16 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 Tue, 14 Feb 2023 15:11:16 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 Tue, 14 Feb 2023 15:11:16 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 Tue, 14 Feb 2023 15:11:16 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 Tue, 14 Feb 2023 15:11:16 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 Tue, 14 Feb 2023 15:11:16 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 Tue, 14 Feb 2023 15:11:17 GMT
|
|
884
884
|
*/
|
|
885
885
|
|
|
886
886
|
:root,
|
|
@@ -1174,7 +1174,7 @@ select {
|
|
|
1174
1174
|
|
|
1175
1175
|
/**
|
|
1176
1176
|
* Do not edit directly
|
|
1177
|
-
* Generated on
|
|
1177
|
+
* Generated on Tue, 14 Feb 2023 15:11:17 GMT
|
|
1178
1178
|
*/
|
|
1179
1179
|
|
|
1180
1180
|
:root,
|
|
@@ -1223,7 +1223,7 @@ select {
|
|
|
1223
1223
|
background: none;
|
|
1224
1224
|
}
|
|
1225
1225
|
|
|
1226
|
-
.Primer_Brand__Button-module__Button___lDruK:focus:not(.Primer_Brand__Button-module__Button--disabled___Ba17E) {
|
|
1226
|
+
.Primer_Brand__Button-module__Button___lDruK:focus:not(.Primer_Brand__Button-module__Button--disabled___Ba17E[disabled]) {
|
|
1227
1227
|
outline: none;
|
|
1228
1228
|
box-shadow: 0 0 0 2px var(--brand-color-canvas-default), 0 0 0 5px var(--brand-color-focus);
|
|
1229
1229
|
}
|
|
@@ -1324,6 +1324,20 @@ select {
|
|
|
1324
1324
|
box-shadow: none;
|
|
1325
1325
|
}
|
|
1326
1326
|
|
|
1327
|
+
@media (forced-colors: active) {
|
|
1328
|
+
/* Retains focus indicator when in "Windows High Contrast Mode". */
|
|
1329
|
+
.Primer_Brand__Button-module__Button___lDruK:focus:not(.Primer_Brand__Button-module__Button--disabled___Ba17E[disabled]) {
|
|
1330
|
+
outline: var(--brand-borderWidth-thick) solid;
|
|
1331
|
+
outline-color: var(--brand-color-focus);
|
|
1332
|
+
outline-offset: 2px;
|
|
1333
|
+
}
|
|
1334
|
+
|
|
1335
|
+
/* Indicates disabled state in WHCM */
|
|
1336
|
+
.Primer_Brand__Button-module__Button--label___lUBc0.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
|
|
1337
|
+
color: GrayText;
|
|
1338
|
+
}
|
|
1339
|
+
}
|
|
1340
|
+
|
|
1327
1341
|
.Primer_Brand__Heading-module__Heading___IVpmp {
|
|
1328
1342
|
color: var(--brand-color-text-default);
|
|
1329
1343
|
}
|
|
@@ -1473,7 +1487,7 @@ select {
|
|
|
1473
1487
|
|
|
1474
1488
|
/**
|
|
1475
1489
|
* Do not edit directly
|
|
1476
|
-
* Generated on
|
|
1490
|
+
* Generated on Tue, 14 Feb 2023 15:11:16 GMT
|
|
1477
1491
|
*/
|
|
1478
1492
|
|
|
1479
1493
|
:root {
|
|
@@ -1494,7 +1508,7 @@ select {
|
|
|
1494
1508
|
|
|
1495
1509
|
/**
|
|
1496
1510
|
* Do not edit directly
|
|
1497
|
-
* Generated on
|
|
1511
|
+
* Generated on Tue, 14 Feb 2023 15:11:16 GMT
|
|
1498
1512
|
*/
|
|
1499
1513
|
|
|
1500
1514
|
:root {
|
|
@@ -2280,7 +2294,7 @@ select {
|
|
|
2280
2294
|
|
|
2281
2295
|
/**
|
|
2282
2296
|
* Do not edit directly
|
|
2283
|
-
* Generated on
|
|
2297
|
+
* Generated on Tue, 14 Feb 2023 15:11:17 GMT
|
|
2284
2298
|
*/
|
|
2285
2299
|
|
|
2286
2300
|
:root,
|
|
@@ -2308,7 +2322,7 @@ select {
|
|
|
2308
2322
|
|
|
2309
2323
|
/**
|
|
2310
2324
|
* Do not edit directly
|
|
2311
|
-
* Generated on
|
|
2325
|
+
* Generated on Tue, 14 Feb 2023 15:11:17 GMT
|
|
2312
2326
|
*/
|
|
2313
2327
|
|
|
2314
2328
|
:root,
|
|
@@ -2413,7 +2427,7 @@ select {
|
|
|
2413
2427
|
|
|
2414
2428
|
/**
|
|
2415
2429
|
* Do not edit directly
|
|
2416
|
-
* Generated on
|
|
2430
|
+
* Generated on Tue, 14 Feb 2023 15:11:17 GMT
|
|
2417
2431
|
*/
|
|
2418
2432
|
|
|
2419
2433
|
:root,
|
|
@@ -2564,7 +2578,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2564
2578
|
|
|
2565
2579
|
/**
|
|
2566
2580
|
* Do not edit directly
|
|
2567
|
-
* Generated on
|
|
2581
|
+
* Generated on Tue, 14 Feb 2023 15:11:16 GMT
|
|
2568
2582
|
*/
|
|
2569
2583
|
|
|
2570
2584
|
:root {
|
|
@@ -2574,7 +2588,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2574
2588
|
|
|
2575
2589
|
/**
|
|
2576
2590
|
* Do not edit directly
|
|
2577
|
-
* Generated on
|
|
2591
|
+
* Generated on Tue, 14 Feb 2023 15:11:17 GMT
|
|
2578
2592
|
*/
|
|
2579
2593
|
|
|
2580
2594
|
:root,
|
|
@@ -2644,7 +2658,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2644
2658
|
|
|
2645
2659
|
/**
|
|
2646
2660
|
* Do not edit directly
|
|
2647
|
-
* Generated on
|
|
2661
|
+
* Generated on Tue, 14 Feb 2023 15:11:16 GMT
|
|
2648
2662
|
*/
|
|
2649
2663
|
|
|
2650
2664
|
:root {
|
|
@@ -2663,7 +2677,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
2663
2677
|
|
|
2664
2678
|
/**
|
|
2665
2679
|
* Do not edit directly
|
|
2666
|
-
* Generated on
|
|
2680
|
+
* Generated on Tue, 14 Feb 2023 15:11:17 GMT
|
|
2667
2681
|
*/
|
|
2668
2682
|
|
|
2669
2683
|
:root,
|
|
@@ -3606,7 +3620,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
3606
3620
|
|
|
3607
3621
|
/**
|
|
3608
3622
|
* Do not edit directly
|
|
3609
|
-
* Generated on
|
|
3623
|
+
* Generated on Tue, 14 Feb 2023 15:11:16 GMT
|
|
3610
3624
|
*/
|
|
3611
3625
|
|
|
3612
3626
|
:root {
|
|
@@ -4039,7 +4053,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
4039
4053
|
|
|
4040
4054
|
/**
|
|
4041
4055
|
* Do not edit directly
|
|
4042
|
-
* Generated on
|
|
4056
|
+
* Generated on Tue, 14 Feb 2023 15:11:17 GMT
|
|
4043
4057
|
*/
|
|
4044
4058
|
|
|
4045
4059
|
:root,
|
|
@@ -4349,7 +4363,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
4349
4363
|
|
|
4350
4364
|
/**
|
|
4351
4365
|
* Do not edit directly
|
|
4352
|
-
* Generated on
|
|
4366
|
+
* Generated on Tue, 14 Feb 2023 15:11:17 GMT
|
|
4353
4367
|
*/
|
|
4354
4368
|
|
|
4355
4369
|
:root,
|
|
@@ -4748,7 +4762,7 @@ html {
|
|
|
4748
4762
|
|
|
4749
4763
|
/**
|
|
4750
4764
|
* Do not edit directly
|
|
4751
|
-
* Generated on
|
|
4765
|
+
* Generated on Tue, 14 Feb 2023 15:11:17 GMT
|
|
4752
4766
|
*/
|
|
4753
4767
|
|
|
4754
4768
|
:root,
|
|
@@ -4879,7 +4893,7 @@ html {
|
|
|
4879
4893
|
|
|
4880
4894
|
/**
|
|
4881
4895
|
* Do not edit directly
|
|
4882
|
-
* Generated on
|
|
4896
|
+
* Generated on Tue, 14 Feb 2023 15:11:17 GMT
|
|
4883
4897
|
*/
|
|
4884
4898
|
|
|
4885
4899
|
:root,
|