@primer/react 37.32.0-rc.8b4941ab6 → 37.32.0-rc.bbeb5b2ba
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/CHANGELOG.md +4 -0
- package/dist/browser.esm.js +1 -1
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +1 -1
- package/dist/browser.umd.js.map +1 -1
- package/dist/components.css +85 -85
- package/generated/components.json +36 -40
- package/lib/Banner/{Banner-a1837714.css → Banner-6396546f.css} +2 -2
- package/lib/Banner/Banner-6396546f.css.map +1 -0
- package/lib/Banner/Banner.module.css.js +1 -1
- package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css +2 -0
- package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css.map +1 -0
- package/lib/deprecated/AvatarPair/AvatarPair.d.ts +14 -0
- package/lib/deprecated/AvatarPair/AvatarPair.d.ts.map +1 -0
- package/lib/{AvatarPair → deprecated/AvatarPair}/AvatarPair.js +5 -2
- package/lib/deprecated/AvatarPair/AvatarPair.module.css.js +7 -0
- package/lib/deprecated/AvatarPair/index.d.ts.map +1 -0
- package/lib/deprecated/index.d.ts +2 -0
- package/lib/deprecated/index.d.ts.map +1 -1
- package/lib/deprecated/index.js +2 -0
- package/lib/index.d.ts +2 -2
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +2 -2
- package/lib-esm/Banner/{Banner-a1837714.css → Banner-6396546f.css} +2 -2
- package/lib-esm/Banner/Banner-6396546f.css.map +1 -0
- package/lib-esm/Banner/Banner.module.css.js +1 -1
- package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css +2 -0
- package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css.map +1 -0
- package/lib-esm/deprecated/AvatarPair/AvatarPair.d.ts +14 -0
- package/lib-esm/{AvatarPair → deprecated/AvatarPair}/AvatarPair.js +5 -2
- package/lib-esm/deprecated/AvatarPair/AvatarPair.module.css.js +5 -0
- package/lib-esm/deprecated/index.d.ts +2 -0
- package/lib-esm/deprecated/index.js +1 -0
- package/lib-esm/index.d.ts +2 -2
- package/lib-esm/index.js +1 -1
- package/package.json +1 -1
- package/lib/AvatarPair/AvatarPair-68990abe.css +0 -2
- package/lib/AvatarPair/AvatarPair-68990abe.css.map +0 -1
- package/lib/AvatarPair/AvatarPair.d.ts +0 -8
- package/lib/AvatarPair/AvatarPair.d.ts.map +0 -1
- package/lib/AvatarPair/AvatarPair.module.css.js +0 -7
- package/lib/AvatarPair/index.d.ts.map +0 -1
- package/lib/Banner/Banner-a1837714.css.map +0 -1
- package/lib-esm/AvatarPair/AvatarPair-68990abe.css +0 -2
- package/lib-esm/AvatarPair/AvatarPair-68990abe.css.map +0 -1
- package/lib-esm/AvatarPair/AvatarPair.d.ts +0 -8
- package/lib-esm/AvatarPair/AvatarPair.module.css.js +0 -5
- package/lib-esm/Banner/Banner-a1837714.css.map +0 -1
- /package/lib/{AvatarPair → deprecated/AvatarPair}/index.d.ts +0 -0
- /package/lib-esm/{AvatarPair → deprecated/AvatarPair}/index.d.ts +0 -0
package/dist/components.css
CHANGED
|
@@ -3508,91 +3508,6 @@ span wrapping svg or text */
|
|
|
3508
3508
|
}
|
|
3509
3509
|
}
|
|
3510
3510
|
|
|
3511
|
-
@keyframes prc_shimmer_DB3-6 {
|
|
3512
|
-
from {
|
|
3513
|
-
mask-position: 200%;
|
|
3514
|
-
}
|
|
3515
|
-
|
|
3516
|
-
to {
|
|
3517
|
-
mask-position: 0%;
|
|
3518
|
-
}
|
|
3519
|
-
}
|
|
3520
|
-
|
|
3521
|
-
.prc_SkeletonBox_nSZk3 {
|
|
3522
|
-
display: block;
|
|
3523
|
-
height: 1rem;
|
|
3524
|
-
background-color: var(--skeletonLoader-bgColor);
|
|
3525
|
-
border-radius: var(--borderRadius-small);
|
|
3526
|
-
animation: prc_shimmer_DB3-6;
|
|
3527
|
-
|
|
3528
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
3529
|
-
mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
|
|
3530
|
-
mask-size: 200%;
|
|
3531
|
-
animation: prc_shimmer_DB3-6;
|
|
3532
|
-
animation-duration: var(--base-duration-1000);
|
|
3533
|
-
animation-iteration-count: infinite;
|
|
3534
|
-
}
|
|
3535
|
-
|
|
3536
|
-
@media (forced-colors: active) {
|
|
3537
|
-
outline: 1px solid transparent;
|
|
3538
|
-
outline-offset: -1px;
|
|
3539
|
-
}
|
|
3540
|
-
}
|
|
3541
|
-
|
|
3542
|
-
.prc_SkeletonAvatar_inefu {
|
|
3543
|
-
&:where([data-component='SkeletonAvatar']) {
|
|
3544
|
-
display: inline-block;
|
|
3545
|
-
width: var(--avatarSize-regular);
|
|
3546
|
-
height: var(--avatarSize-regular);
|
|
3547
|
-
/* stylelint-disable-next-line primer/typography */
|
|
3548
|
-
line-height: 1;
|
|
3549
|
-
border-radius: 50%;
|
|
3550
|
-
}
|
|
3551
|
-
|
|
3552
|
-
&:where([data-square]) {
|
|
3553
|
-
/* stylelint-disable-next-line primer/borders */
|
|
3554
|
-
border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));
|
|
3555
|
-
}
|
|
3556
|
-
|
|
3557
|
-
&:where([data-responsive]) {
|
|
3558
|
-
@media screen and (--viewportRange-narrow) {
|
|
3559
|
-
width: var(--avatarSize-narrow);
|
|
3560
|
-
height: var(--avatarSize-narrow);
|
|
3561
|
-
}
|
|
3562
|
-
|
|
3563
|
-
@media screen and (--viewportRange-regular) {
|
|
3564
|
-
width: var(--avatarSize-regular);
|
|
3565
|
-
height: var(--avatarSize-regular);
|
|
3566
|
-
}
|
|
3567
|
-
|
|
3568
|
-
@media screen and (--viewportRange-wide) {
|
|
3569
|
-
width: var(--avatarSize-wide);
|
|
3570
|
-
height: var(--avatarSize-wide);
|
|
3571
|
-
}
|
|
3572
|
-
}
|
|
3573
|
-
}
|
|
3574
|
-
|
|
3575
|
-
.prc_AvatarPair_Av0UV {
|
|
3576
|
-
position: relative;
|
|
3577
|
-
display: inline-flex;
|
|
3578
|
-
|
|
3579
|
-
[data-component='Avatar']:last-child,
|
|
3580
|
-
[data-component='SkeletonAvatar']:last-child {
|
|
3581
|
-
position: absolute;
|
|
3582
|
-
right: -15%;
|
|
3583
|
-
bottom: -9%;
|
|
3584
|
-
box-shadow: var(--avatar-shadow);
|
|
3585
|
-
}
|
|
3586
|
-
|
|
3587
|
-
[data-component='SkeletonAvatar']:last-child {
|
|
3588
|
-
box-shadow: inset var(--avatar-shadow);
|
|
3589
|
-
}
|
|
3590
|
-
}
|
|
3591
|
-
|
|
3592
|
-
.prc_AvatarChild_icdQd {
|
|
3593
|
-
background-color: var(--bgColor-default);
|
|
3594
|
-
}
|
|
3595
|
-
|
|
3596
3511
|
/* stylelint-disable selector-max-specificity */
|
|
3597
3512
|
.prc_AvatarStack_N-r3C {
|
|
3598
3513
|
--avatar-border-width: 1px;
|
|
@@ -3860,6 +3775,91 @@ span wrapping svg or text */
|
|
|
3860
3775
|
}
|
|
3861
3776
|
}
|
|
3862
3777
|
|
|
3778
|
+
@keyframes prc_shimmer_DB3-6 {
|
|
3779
|
+
from {
|
|
3780
|
+
mask-position: 200%;
|
|
3781
|
+
}
|
|
3782
|
+
|
|
3783
|
+
to {
|
|
3784
|
+
mask-position: 0%;
|
|
3785
|
+
}
|
|
3786
|
+
}
|
|
3787
|
+
|
|
3788
|
+
.prc_SkeletonBox_nSZk3 {
|
|
3789
|
+
display: block;
|
|
3790
|
+
height: 1rem;
|
|
3791
|
+
background-color: var(--skeletonLoader-bgColor);
|
|
3792
|
+
border-radius: var(--borderRadius-small);
|
|
3793
|
+
animation: prc_shimmer_DB3-6;
|
|
3794
|
+
|
|
3795
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
3796
|
+
mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
|
|
3797
|
+
mask-size: 200%;
|
|
3798
|
+
animation: prc_shimmer_DB3-6;
|
|
3799
|
+
animation-duration: var(--base-duration-1000);
|
|
3800
|
+
animation-iteration-count: infinite;
|
|
3801
|
+
}
|
|
3802
|
+
|
|
3803
|
+
@media (forced-colors: active) {
|
|
3804
|
+
outline: 1px solid transparent;
|
|
3805
|
+
outline-offset: -1px;
|
|
3806
|
+
}
|
|
3807
|
+
}
|
|
3808
|
+
|
|
3809
|
+
.prc_SkeletonAvatar_inefu {
|
|
3810
|
+
&:where([data-component='SkeletonAvatar']) {
|
|
3811
|
+
display: inline-block;
|
|
3812
|
+
width: var(--avatarSize-regular);
|
|
3813
|
+
height: var(--avatarSize-regular);
|
|
3814
|
+
/* stylelint-disable-next-line primer/typography */
|
|
3815
|
+
line-height: 1;
|
|
3816
|
+
border-radius: 50%;
|
|
3817
|
+
}
|
|
3818
|
+
|
|
3819
|
+
&:where([data-square]) {
|
|
3820
|
+
/* stylelint-disable-next-line primer/borders */
|
|
3821
|
+
border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));
|
|
3822
|
+
}
|
|
3823
|
+
|
|
3824
|
+
&:where([data-responsive]) {
|
|
3825
|
+
@media screen and (--viewportRange-narrow) {
|
|
3826
|
+
width: var(--avatarSize-narrow);
|
|
3827
|
+
height: var(--avatarSize-narrow);
|
|
3828
|
+
}
|
|
3829
|
+
|
|
3830
|
+
@media screen and (--viewportRange-regular) {
|
|
3831
|
+
width: var(--avatarSize-regular);
|
|
3832
|
+
height: var(--avatarSize-regular);
|
|
3833
|
+
}
|
|
3834
|
+
|
|
3835
|
+
@media screen and (--viewportRange-wide) {
|
|
3836
|
+
width: var(--avatarSize-wide);
|
|
3837
|
+
height: var(--avatarSize-wide);
|
|
3838
|
+
}
|
|
3839
|
+
}
|
|
3840
|
+
}
|
|
3841
|
+
|
|
3842
|
+
.prc_AvatarPair_-TX3Y {
|
|
3843
|
+
position: relative;
|
|
3844
|
+
display: inline-flex;
|
|
3845
|
+
|
|
3846
|
+
[data-component='Avatar']:last-child,
|
|
3847
|
+
[data-component='SkeletonAvatar']:last-child {
|
|
3848
|
+
position: absolute;
|
|
3849
|
+
right: -15%;
|
|
3850
|
+
bottom: -9%;
|
|
3851
|
+
box-shadow: var(--avatar-shadow);
|
|
3852
|
+
}
|
|
3853
|
+
|
|
3854
|
+
[data-component='SkeletonAvatar']:last-child {
|
|
3855
|
+
box-shadow: inset var(--avatar-shadow);
|
|
3856
|
+
}
|
|
3857
|
+
}
|
|
3858
|
+
|
|
3859
|
+
.prc_AvatarChild_8YokH {
|
|
3860
|
+
background-color: var(--bgColor-default);
|
|
3861
|
+
}
|
|
3862
|
+
|
|
3863
3863
|
.prc_BranchName_jFtg- {
|
|
3864
3864
|
display: inline-block;
|
|
3865
3865
|
padding: var(--base-size-2) var(--base-size-6);
|
|
@@ -1218,42 +1218,6 @@
|
|
|
1218
1218
|
],
|
|
1219
1219
|
"subcomponents": []
|
|
1220
1220
|
},
|
|
1221
|
-
"avatar_pair": {
|
|
1222
|
-
"source": "https://github.com/primer/react/tree/main/packages/react/src/AvatarPair",
|
|
1223
|
-
"id": "avatar_pair",
|
|
1224
|
-
"name": "AvatarPair",
|
|
1225
|
-
"status": "alpha",
|
|
1226
|
-
"a11yReviewed": "2025-01-08",
|
|
1227
|
-
"stories": [
|
|
1228
|
-
{
|
|
1229
|
-
"id": "components-avatarpair--default",
|
|
1230
|
-
"code": "() => (\n <AvatarPair>\n <Avatar\n src=\"https://avatars.githubusercontent.com/u/7143434?v=4\"\n alt=\"Primer avatar, parent\"\n />\n <Avatar\n src=\"https://avatars.githubusercontent.com/primer\"\n alt=\"Primer avatar, child\"\n />\n </AvatarPair>\n)"
|
|
1231
|
-
},
|
|
1232
|
-
{
|
|
1233
|
-
"id": "components-avatarpair-features--parent-circle",
|
|
1234
|
-
"code": "() => (\n <AvatarPair>\n <Avatar\n src=\"https://avatars.githubusercontent.com/u/7143434?v=4\"\n alt=\"Primer avatar, parent\"\n />\n <Avatar\n square\n src=\"https://avatars.githubusercontent.com/primer\"\n alt=\"Primer avatar, child\"\n />\n </AvatarPair>\n)"
|
|
1235
|
-
},
|
|
1236
|
-
{
|
|
1237
|
-
"id": "components-avatarpair-features--parent-square",
|
|
1238
|
-
"code": "() => (\n <AvatarPair>\n <Avatar\n square\n src=\"https://avatars.githubusercontent.com/primer\"\n alt=\"Primer avatar, parent\"\n />\n <Avatar\n src=\"https://avatars.githubusercontent.com/u/7143434?v=4\"\n alt=\"Primer avatar, child\"\n />\n </AvatarPair>\n)"
|
|
1239
|
-
}
|
|
1240
|
-
],
|
|
1241
|
-
"importPath": "@primer/react",
|
|
1242
|
-
"props": [
|
|
1243
|
-
{
|
|
1244
|
-
"name": "children",
|
|
1245
|
-
"type": "Avatar[]",
|
|
1246
|
-
"defaultValue": "",
|
|
1247
|
-
"description": ""
|
|
1248
|
-
},
|
|
1249
|
-
{
|
|
1250
|
-
"name": "sx",
|
|
1251
|
-
"type": "SystemStyleObject",
|
|
1252
|
-
"deprecated": true
|
|
1253
|
-
}
|
|
1254
|
-
],
|
|
1255
|
-
"subcomponents": []
|
|
1256
|
-
},
|
|
1257
1221
|
"avatar_stack": {
|
|
1258
1222
|
"source": "https://github.com/primer/react/tree/main/packages/react/src/AvatarStack",
|
|
1259
1223
|
"id": "avatar_stack",
|
|
@@ -6748,10 +6712,6 @@
|
|
|
6748
6712
|
{
|
|
6749
6713
|
"id": "components-skeleton-skeletonavatar-features--in-a-stack",
|
|
6750
6714
|
"code": "() => (\n <AvatarStack>\n <SkeletonAvatar />\n <SkeletonAvatar />\n <SkeletonAvatar />\n <SkeletonAvatar />\n </AvatarStack>\n)"
|
|
6751
|
-
},
|
|
6752
|
-
{
|
|
6753
|
-
"id": "components-skeleton-skeletonavatar-features--in-an-avatar-pair",
|
|
6754
|
-
"code": "() => (\n <AvatarPair>\n <SkeletonAvatar />\n <SkeletonAvatar />\n </AvatarPair>\n)"
|
|
6755
6715
|
}
|
|
6756
6716
|
],
|
|
6757
6717
|
"importPath": "@primer/react/experimental",
|
|
@@ -8975,6 +8935,42 @@
|
|
|
8975
8935
|
}
|
|
8976
8936
|
]
|
|
8977
8937
|
},
|
|
8938
|
+
"avatar_pair": {
|
|
8939
|
+
"source": "https://github.com/primer/react/tree/main/packages/react/src/deprecated/AvatarPair",
|
|
8940
|
+
"id": "avatar_pair",
|
|
8941
|
+
"name": "AvatarPair",
|
|
8942
|
+
"status": "alpha",
|
|
8943
|
+
"a11yReviewed": "2025-01-08",
|
|
8944
|
+
"stories": [
|
|
8945
|
+
{
|
|
8946
|
+
"id": "components-avatarpair--default",
|
|
8947
|
+
"code": "() => (\n <AvatarPair>\n <Avatar\n src=\"https://avatars.githubusercontent.com/u/7143434?v=4\"\n alt=\"Primer avatar, parent\"\n />\n <Avatar\n src=\"https://avatars.githubusercontent.com/primer\"\n alt=\"Primer avatar, child\"\n />\n </AvatarPair>\n)"
|
|
8948
|
+
},
|
|
8949
|
+
{
|
|
8950
|
+
"id": "components-avatarpair-features--parent-circle",
|
|
8951
|
+
"code": "() => (\n <AvatarPair>\n <Avatar\n src=\"https://avatars.githubusercontent.com/u/7143434?v=4\"\n alt=\"Primer avatar, parent\"\n />\n <Avatar\n square\n src=\"https://avatars.githubusercontent.com/primer\"\n alt=\"Primer avatar, child\"\n />\n </AvatarPair>\n)"
|
|
8952
|
+
},
|
|
8953
|
+
{
|
|
8954
|
+
"id": "components-avatarpair-features--parent-square",
|
|
8955
|
+
"code": "() => (\n <AvatarPair>\n <Avatar\n square\n src=\"https://avatars.githubusercontent.com/primer\"\n alt=\"Primer avatar, parent\"\n />\n <Avatar\n src=\"https://avatars.githubusercontent.com/u/7143434?v=4\"\n alt=\"Primer avatar, child\"\n />\n </AvatarPair>\n)"
|
|
8956
|
+
}
|
|
8957
|
+
],
|
|
8958
|
+
"importPath": "@primer/react",
|
|
8959
|
+
"props": [
|
|
8960
|
+
{
|
|
8961
|
+
"name": "children",
|
|
8962
|
+
"type": "Avatar[]",
|
|
8963
|
+
"defaultValue": "",
|
|
8964
|
+
"description": ""
|
|
8965
|
+
},
|
|
8966
|
+
{
|
|
8967
|
+
"name": "sx",
|
|
8968
|
+
"type": "SystemStyleObject",
|
|
8969
|
+
"deprecated": true
|
|
8970
|
+
}
|
|
8971
|
+
],
|
|
8972
|
+
"subcomponents": []
|
|
8973
|
+
},
|
|
8978
8974
|
"filtered_search": {
|
|
8979
8975
|
"source": "https://github.com/primer/react/tree/main/packages/react/src/deprecated/FilteredSearch",
|
|
8980
8976
|
"id": "filtered_search",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.prc-Banner-Banner-IR8eJ{align-items:start;background-color:var(--banner-bgColor);border:var(--borderWidth-thin,.0625rem) solid var(--banner-borderColor);border-radius:var(--borderRadius-medium,.375rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:var(--base-size-8,.5rem)}@supports (container-type:inline-size){.prc-Banner-Banner-IR8eJ{container:banner/inline-size}}.prc-Banner-Banner-IR8eJ[data-variant=critical]{--banner-bgColor:var(--bgColor-danger-muted,var(--color-danger-subtle));--banner-borderColor:var(--borderColor-danger-muted,var(--color-danger-muted));--banner-icon-fgColor:var(--fgColor-danger,var(--color-danger-fg))}.prc-Banner-Banner-IR8eJ[data-variant=info]{--banner-bgColor:var(--bgColor-accent-muted,var(--color-accent-subtle));--banner-borderColor:var(--borderColor-accent-muted,var(--color-accent-muted));--banner-icon-fgColor:var(--fgColor-accent,var(--color-accent-fg))}.prc-Banner-Banner-IR8eJ[data-variant=success]{--banner-bgColor:var(--bgColor-success-muted,var(--color-success-subtle));--banner-borderColor:var(--borderColor-success-muted,var(--color-success-muted));--banner-icon-fgColor:var(--fgColor-success,var(--color-success-fg))}.prc-Banner-Banner-IR8eJ[data-variant=upsell]{--banner-bgColor:var(--bgColor-upsell-muted,#fbefff);--banner-borderColor:var(--borderColor-upsell-muted,#c297ff66);--banner-icon-fgColor:var(--fgColor-upsell,#8250df)}.prc-Banner-Banner-IR8eJ[data-variant=warning]{--banner-bgColor:var(--bgColor-attention-muted,var(--color-attention-subtle));--banner-borderColor:var(--borderColor-attention-muted,var(--color-attention-muted));--banner-icon-fgColor:var(--fgColor-attention,var(--color-attention-fg))}.prc-Banner-BannerContainer-lbx3d{align-items:start;column-gap:var(--base-size-4,.25rem);font-size:var(--text-body-size-medium,.875rem);line-height:var(--text-body-lineHeight-medium,1.4285);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ :where(.prc-Banner-BannerContainer-lbx3d){display:flex;flex-wrap:wrap;justify-content:space-between}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden=""]) .prc-Banner-BannerContainer-lbx3d{display:grid;grid-template-columns:auto;grid-template-rows:auto}.prc-Banner-BannerContent-zTITK{display:grid;grid-column-start:1;margin-block:var(--base-size-8,.5rem);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerContent-zTITK{margin-block:var(--base-size-6,.375rem)}@media screen and (min-width:544px){.prc-Banner-BannerContent-zTITK{flex:1 1 0%}}.prc-Banner-BannerTitle-TcuJl{font-size:inherit;font-weight:var(--base-text-weight-semibold,600);margin:0}.prc-Banner-BannerIcon-WuOyf{display:grid;padding:var(--base-size-8,.5rem);place-items:center}.prc-Banner-BannerIcon-WuOyf svg{color:var(--banner-icon-fgColor);height:var(--base-size-20,1.25rem);fill:var(--banner-icon-fgColor)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerIcon-WuOyf svg{height:var(--base-size-16,1rem)}.prc-Banner-BannerDismiss-uBZVm{display:grid;margin-inline-start:var(--base-size-4,.25rem);padding:var(--base-size-8,.5rem);place-items:center}:where(.prc-Banner-Banner-IR8eJ):has(.prc-Banner-BannerActions-XCfHL) .prc-Banner-BannerDismiss-uBZVm{margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerDismiss-uBZVm svg{color:var(--banner-icon-fgColor)}.prc-Banner-BannerActionsContainer-ukGMH{align-items:center;column-gap:var(--base-size-12,.75rem);display:flex;margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:none}@media screen and (min-width:48rem){.prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:flex}.prc-Banner-BannerActions-XCfHL :where([data-primary-action=leading]){display:none}}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActions-XCfHL{margin-block-end:var(--base-size-6,.375rem)}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=trailing]{display:none}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=leading]{display:flex}@container banner (max-width: 500px){.prc-Banner-BannerContainer-lbx3d{display:grid
|
|
2
|
-
/*# sourceMappingURL=Banner-
|
|
1
|
+
.prc-Banner-Banner-IR8eJ{align-items:start;background-color:var(--banner-bgColor);border:var(--borderWidth-thin,.0625rem) solid var(--banner-borderColor);border-radius:var(--borderRadius-medium,.375rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:var(--base-size-8,.5rem)}@supports (container-type:inline-size){.prc-Banner-Banner-IR8eJ{container:banner/inline-size}}.prc-Banner-Banner-IR8eJ[data-variant=critical]{--banner-bgColor:var(--bgColor-danger-muted,var(--color-danger-subtle));--banner-borderColor:var(--borderColor-danger-muted,var(--color-danger-muted));--banner-icon-fgColor:var(--fgColor-danger,var(--color-danger-fg))}.prc-Banner-Banner-IR8eJ[data-variant=info]{--banner-bgColor:var(--bgColor-accent-muted,var(--color-accent-subtle));--banner-borderColor:var(--borderColor-accent-muted,var(--color-accent-muted));--banner-icon-fgColor:var(--fgColor-accent,var(--color-accent-fg))}.prc-Banner-Banner-IR8eJ[data-variant=success]{--banner-bgColor:var(--bgColor-success-muted,var(--color-success-subtle));--banner-borderColor:var(--borderColor-success-muted,var(--color-success-muted));--banner-icon-fgColor:var(--fgColor-success,var(--color-success-fg))}.prc-Banner-Banner-IR8eJ[data-variant=upsell]{--banner-bgColor:var(--bgColor-upsell-muted,#fbefff);--banner-borderColor:var(--borderColor-upsell-muted,#c297ff66);--banner-icon-fgColor:var(--fgColor-upsell,#8250df)}.prc-Banner-Banner-IR8eJ[data-variant=warning]{--banner-bgColor:var(--bgColor-attention-muted,var(--color-attention-subtle));--banner-borderColor:var(--borderColor-attention-muted,var(--color-attention-muted));--banner-icon-fgColor:var(--fgColor-attention,var(--color-attention-fg))}.prc-Banner-BannerContainer-lbx3d{align-items:start;column-gap:var(--base-size-4,.25rem);font-size:var(--text-body-size-medium,.875rem);line-height:var(--text-body-lineHeight-medium,1.4285);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ :where(.prc-Banner-BannerContainer-lbx3d){display:flex;flex-wrap:wrap;justify-content:space-between}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden=""]) .prc-Banner-BannerContainer-lbx3d{display:grid;grid-template-columns:auto;grid-template-rows:auto}.prc-Banner-BannerContent-zTITK{display:grid;grid-column-start:1;margin-block:var(--base-size-8,.5rem);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerContent-zTITK{margin-block:var(--base-size-6,.375rem)}@media screen and (min-width:544px){.prc-Banner-BannerContent-zTITK{flex:1 1 0%}}.prc-Banner-BannerTitle-TcuJl{font-size:inherit;font-weight:var(--base-text-weight-semibold,600);margin:0}.prc-Banner-BannerIcon-WuOyf{display:grid;padding:var(--base-size-8,.5rem);place-items:center}.prc-Banner-BannerIcon-WuOyf svg{color:var(--banner-icon-fgColor);height:var(--base-size-20,1.25rem);fill:var(--banner-icon-fgColor)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerIcon-WuOyf svg{height:var(--base-size-16,1rem)}.prc-Banner-BannerDismiss-uBZVm{display:grid;margin-inline-start:var(--base-size-4,.25rem);padding:var(--base-size-8,.5rem);place-items:center}:where(.prc-Banner-Banner-IR8eJ):has(.prc-Banner-BannerActions-XCfHL) .prc-Banner-BannerDismiss-uBZVm{margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerDismiss-uBZVm svg{color:var(--banner-icon-fgColor)}.prc-Banner-BannerActionsContainer-ukGMH{align-items:center;column-gap:var(--base-size-12,.75rem);display:flex;margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:none}@media screen and (min-width:48rem){.prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:flex}.prc-Banner-BannerActions-XCfHL :where([data-primary-action=leading]){display:none}}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActions-XCfHL{margin-block-end:var(--base-size-6,.375rem)}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=trailing]{display:none}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=leading]{display:flex}@container banner (max-width: 500px){.prc-Banner-BannerContainer-lbx3d{display:grid}.prc-Banner-BannerContainer-lbx3d:has(.prc-Banner-BannerActionsContainer-ukGMH){grid-template-rows:auto auto}.prc-Banner-BannerActions-XCfHL{margin-block-end:var(--base-size-6,.375rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=trailing]{display:none}.prc-Banner-BannerActions-XCfHL [data-primary-action=leading]{display:flex}}@container banner (min-width: 500px){.prc-Banner-BannerContainer-lbx3d{display:grid;grid-template-columns:auto auto}:where(.prc-Banner-Banner-IR8eJ):not([data-dismissible]) :where(.prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=trailing]) :where([data-variant=link]:only-child){padding-inline:0 var(--base-size-12,.75rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=trailing]{display:flex;min-height:var(--base-size-32,2rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=leading]{display:none}}
|
|
2
|
+
/*# sourceMappingURL=Banner-6396546f.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Banner/Banner.module.css"],"names":[],"mappings":"AAAA,yBASE,iBAAkB,CALlB,sCAAuC,CAEvC,uEAA+D,CAC/D,gDAAyC,CANzC,YAAa,CAOb,6CAA+C,CAN/C,gCA0CF,CAjCE,uCAXF,yBAYI,4BAgCJ,CA/BE,CAEA,gDACE,uEAA6C,CAC7C,8EAAqD,CACrD,kEACF,CAEA,4CACE,uEAA6C,CAC7C,8EAAqD,CACrD,kEACF,CAEA,+CACE,yEAA8C,CAC9C,gFAAsD,CACtD,oEACF,CAEA,8CACE,oDAA6C,CAC7C,8DAAqD,CACrD,mDACF,CAEA,+CACE,6EAAgD,CAChD,oFAAwD,CACxD,wEACF,CAKF,kCAEE,iBAAkB,CAGlB,oCAA8B,CAJ9B,8CAAuC,CAEvC,qDAA+C,CAC/C,iCAEF,CAEA,mEACE,YAAa,CACb,cAAe,CACf,6BACF,CAEA,yGACE,YAAa,CACb,0BAA2B,CAC3B,uBACF,CAIA,gCACE,YAAa,CAEb,mBAAoB,CACpB,qCAAgC,CAFhC,iCAGF,CAEA,uHACE,uCACF,CAEA,oCACE,gCACE,WACF,CACF,CAEA,8BAEE,iBAAkB,CAClB,gDAA6C,CAF7C,QAGF,CAIA,6BACE,YAAa,CAEb,gCAA2B,CAD3B,kBAEF,CAEA,iCAIE,gCAAiC,CAFjC,kCAA2B,CAI3B,+BACF,CAGA,wHACE,+BACF,CAIA,gCACE,YAAa,CAGb,6CAAuC,CADvC,gCAA2B,CAD3B,kBAGF,CAEA,sGACE,uCACF,CAEA,oCAEE,gCACF,CAIA,yCAGE,kBAAmB,CADnB,qCAA+B,CAD/B,YAAa,CAGb,uCACF,CAEA,uEACE,YACF,CAEA,oCACE,uEACE,YACF,CAEA,sEACE,YACF,CACF,CAEA,oGACE,2CACF,CAGA,2IACE,YACF,CAGA,0IACE,YACF,CAIA,qCACE,kCACE,YACF,CAEA,gFACE,4BACF,CAEA,gCACE,2CACF,CAEA,+DACE,YACF,CAEA,8DACE,YACF,CACF,CAEA,qCACE,kCACE,YAAa,CACb,+BACF,CAEA,+KAGE,2CACF,CAEA,+DACE,YAAa,CACb,mCACF,CAEA,8DACE,YACF,CACF","file":"Banner-6396546f.css","sourcesContent":[".Banner {\n display: grid;\n padding: var(--base-size-8);\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--banner-bgColor);\n /* stylelint-disable-next-line primer/colors */\n border: var(--borderWidth-thin) solid var(--banner-borderColor);\n border-radius: var(--borderRadius-medium);\n grid-template-columns: auto minmax(0, 1fr) auto;\n align-items: start;\n\n @supports (container-type: inline-size) {\n container: banner / inline-size;\n }\n\n &[data-variant='critical'] {\n --banner-bgColor: var(--bgColor-danger-muted);\n --banner-borderColor: var(--borderColor-danger-muted);\n --banner-icon-fgColor: var(--fgColor-danger);\n }\n\n &[data-variant='info'] {\n --banner-bgColor: var(--bgColor-accent-muted);\n --banner-borderColor: var(--borderColor-accent-muted);\n --banner-icon-fgColor: var(--fgColor-accent);\n }\n\n &[data-variant='success'] {\n --banner-bgColor: var(--bgColor-success-muted);\n --banner-borderColor: var(--borderColor-success-muted);\n --banner-icon-fgColor: var(--fgColor-success);\n }\n\n &[data-variant='upsell'] {\n --banner-bgColor: var(--bgColor-upsell-muted);\n --banner-borderColor: var(--borderColor-upsell-muted);\n --banner-icon-fgColor: var(--fgColor-upsell);\n }\n\n &[data-variant='warning'] {\n --banner-bgColor: var(--bgColor-attention-muted);\n --banner-borderColor: var(--borderColor-attention-muted);\n --banner-icon-fgColor: var(--fgColor-attention);\n }\n}\n\n/* BannerContainer -------------------------------------------------------- */\n\n.BannerContainer {\n font-size: var(--text-body-size-medium);\n align-items: start;\n line-height: var(--text-body-lineHeight-medium);\n row-gap: var(--base-size-4);\n column-gap: var(--base-size-4);\n}\n\n.Banner :where(.BannerContainer) {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n\n.Banner[data-dismissible]:not([data-title-hidden='']) .BannerContainer {\n display: grid;\n grid-template-columns: auto;\n grid-template-rows: auto;\n}\n\n/* BannerContent ---------------------------------------------------------- */\n\n.BannerContent {\n display: grid;\n row-gap: var(--base-size-4);\n grid-column-start: 1;\n margin-block: var(--base-size-8);\n}\n\n.Banner[data-title-hidden]:not(:has(.BannerActions)) .BannerContent {\n margin-block: var(--base-size-6);\n}\n\n@media screen and (min-width: 544px) {\n .BannerContent {\n flex: 1 1 0%;\n }\n}\n\n.BannerTitle {\n margin: 0;\n font-size: inherit;\n font-weight: var(--base-text-weight-semibold);\n}\n\n/* BannerIcon ------------------------------------------------------------- */\n\n.BannerIcon {\n display: grid;\n place-items: center;\n padding: var(--base-size-8);\n}\n\n.BannerIcon svg {\n /* 20px is the line box height of the trailing action buttons */\n height: var(--base-size-20);\n /* stylelint-disable-next-line primer/colors */\n color: var(--banner-icon-fgColor);\n /* stylelint-disable-next-line primer/colors */\n fill: var(--banner-icon-fgColor);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-title-hidden]:not(:has(.BannerActions)) .BannerIcon svg {\n height: var(--base-size-16);\n}\n\n/* BannerDismiss ---------------------------------------------------------- */\n\n.BannerDismiss {\n display: grid;\n place-items: center;\n padding: var(--base-size-8);\n margin-inline-start: var(--base-size-4);\n}\n\n:where(.Banner):has(.BannerActions) .BannerDismiss {\n margin-block: var(--base-size-2);\n}\n\n.BannerDismiss svg {\n /* stylelint-disable-next-line primer/colors */\n color: var(--banner-icon-fgColor);\n}\n\n/* BannerActions ---------------------------------------------------------- */\n\n.BannerActionsContainer {\n display: flex;\n column-gap: var(--base-size-12);\n align-items: center;\n margin-block: var(--base-size-2);\n}\n\n.BannerActions :where([data-primary-action='trailing']) {\n display: none;\n}\n\n@media screen and (--viewportRange-regular) {\n .BannerActions :where([data-primary-action='trailing']) {\n display: flex;\n }\n\n .BannerActions :where([data-primary-action='leading']) {\n display: none;\n }\n}\n\n.Banner[data-dismissible]:not([data-title-hidden]) .BannerActions {\n margin-block-end: var(--base-size-6);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-dismissible]:not([data-title-hidden]) .BannerActionsContainer[data-primary-action='trailing'] {\n display: none;\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-dismissible]:not([data-title-hidden]) .BannerActionsContainer[data-primary-action='leading'] {\n display: flex;\n}\n\n/* Layout ------------------------------------------------------------------- */\n\n@container banner (max-width: 500px) {\n .BannerContainer {\n display: grid;\n }\n\n .BannerContainer:has(.BannerActionsContainer) {\n grid-template-rows: auto auto;\n }\n\n .BannerActions {\n margin-block-end: var(--base-size-6);\n }\n\n .BannerActions [data-primary-action='trailing'] {\n display: none;\n }\n\n .BannerActions [data-primary-action='leading'] {\n display: flex;\n }\n}\n\n@container banner (min-width: 500px) {\n .BannerContainer {\n display: grid;\n grid-template-columns: auto auto;\n }\n\n :where(.Banner):not([data-dismissible])\n :where(.BannerActionsContainer[data-primary-action='trailing'])\n :where([data-variant='link']:only-child) {\n padding-inline: 0 var(--base-size-12);\n }\n\n .BannerActions [data-primary-action='trailing'] {\n display: flex;\n min-height: var(--base-size-32, 2rem);\n }\n\n .BannerActions [data-primary-action='leading'] {\n display: none;\n }\n}\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
require('./Banner-
|
|
3
|
+
require('./Banner-6396546f.css');
|
|
4
4
|
|
|
5
5
|
var classes = {"Banner":"prc-Banner-Banner-IR8eJ","BannerContainer":"prc-Banner-BannerContainer-lbx3d","BannerContent":"prc-Banner-BannerContent-zTITK","BannerActions":"prc-Banner-BannerActions-XCfHL","BannerTitle":"prc-Banner-BannerTitle-TcuJl","BannerIcon":"prc-Banner-BannerIcon-WuOyf","BannerDismiss":"prc-Banner-BannerDismiss-uBZVm","BannerActionsContainer":"prc-Banner-BannerActionsContainer-ukGMH"};
|
|
6
6
|
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.prc-AvatarPair-AvatarPair--TX3Y{display:inline-flex;position:relative}.prc-AvatarPair-AvatarPair--TX3Y [data-component=Avatar]:last-child,.prc-AvatarPair-AvatarPair--TX3Y [data-component=SkeletonAvatar]:last-child{bottom:-9%;box-shadow:var(--avatar-shadow,var(--color-avatar-child-shadow));position:absolute;right:-15%}.prc-AvatarPair-AvatarPair--TX3Y [data-component=SkeletonAvatar]:last-child{box-shadow:inset var(--avatar-shadow,var(--color-avatar-child-shadow))}.prc-AvatarPair-AvatarChild-8YokH{background-color:var(--bgColor-default,var(--color-canvas-default))}
|
|
2
|
+
/*# sourceMappingURL=AvatarPair-68990abe.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/deprecated/AvatarPair/AvatarPair.module.css"],"names":[],"mappings":"AAAA,iCAEE,mBAAoB,CADpB,iBAcF,CAXE,gJAIE,UAAW,CACX,gEAAgC,CAHhC,iBAAkB,CAClB,UAGF,CAEA,4EACE,sEACF,CAGF,kCACE,mEACF","file":"AvatarPair-68990abe.css","sourcesContent":[".AvatarPair {\n position: relative;\n display: inline-flex;\n\n [data-component='Avatar']:last-child,\n [data-component='SkeletonAvatar']:last-child {\n position: absolute;\n right: -15%;\n bottom: -9%;\n box-shadow: var(--avatar-shadow);\n }\n\n [data-component='SkeletonAvatar']:last-child {\n box-shadow: inset var(--avatar-shadow);\n }\n}\n\n.AvatarChild {\n background-color: var(--bgColor-default);\n}\n"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { type HTMLProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
|
|
4
|
+
*/
|
|
5
|
+
export type AvatarPairProps = HTMLProps<HTMLDivElement>;
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
|
|
8
|
+
*/
|
|
9
|
+
declare const AvatarPair: {
|
|
10
|
+
({ children, className, ...rest }: AvatarPairProps): React.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export default AvatarPair;
|
|
14
|
+
//# sourceMappingURL=AvatarPair.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarPair.d.ts","sourceRoot":"","sources":["../../../src/deprecated/AvatarPair/AvatarPair.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAO3C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,CAAA;AAEvD;;GAEG;AACH,QAAA,MAAM,UAAU;uCAAoC,eAAe;;CAsBlE,CAAA;AAID,eAAe,UAAU,CAAA"}
|
|
@@ -5,13 +5,16 @@ var React = require('react');
|
|
|
5
5
|
var AvatarPair_module = require('./AvatarPair.module.css.js');
|
|
6
6
|
var clsx = require('clsx');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
var SkeletonAvatar = require('
|
|
9
|
-
var Avatar = require('
|
|
8
|
+
var SkeletonAvatar = require('../../SkeletonAvatar/SkeletonAvatar.js');
|
|
9
|
+
var Avatar = require('../../Avatar/Avatar.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
14
14
|
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
|
|
17
|
+
*/
|
|
15
18
|
const AvatarPair = t0 => {
|
|
16
19
|
const $ = reactCompilerRuntime.c(12);
|
|
17
20
|
let children;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/deprecated/AvatarPair/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA"}
|
|
@@ -23,4 +23,6 @@ export { default as TabNav } from '../TabNav';
|
|
|
23
23
|
export type { TabNavProps, TabNavLinkProps } from '../TabNav';
|
|
24
24
|
export { default as Tooltip } from '../Tooltip/Tooltip';
|
|
25
25
|
export type { TooltipProps } from '../Tooltip/Tooltip';
|
|
26
|
+
export { default as AvatarPair } from './AvatarPair';
|
|
27
|
+
export type { AvatarPairProps } from './AvatarPair';
|
|
26
28
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/deprecated/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EACV,eAAe,EACf,SAAS,IAAI,mBAAmB,EAChC,UAAU,IAAI,oBAAoB,EAClC,gBAAgB,IAAI,0BAA0B,EAC9C,SAAS,IAAI,mBAAmB,GACjC,MAAM,cAAc,CAAA;AACrB,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AAKjD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAC1D,YAAY,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAA;AAI5E,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAClC,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,YAAY,CAAA;AAC7C,YAAY,EAAC,YAAY,EAAC,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,aAAa,CAAA;AAC/C,YAAY,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,WAAW,CAAA;AAC3C,YAAY,EAAC,WAAW,EAAE,eAAe,EAAC,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/deprecated/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EACV,eAAe,EACf,SAAS,IAAI,mBAAmB,EAChC,UAAU,IAAI,oBAAoB,EAClC,gBAAgB,IAAI,0BAA0B,EAC9C,SAAS,IAAI,mBAAmB,GACjC,MAAM,cAAc,CAAA;AACrB,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AAKjD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAC1D,YAAY,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAA;AAI5E,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAClC,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,YAAY,CAAA;AAC7C,YAAY,EAAC,YAAY,EAAC,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,aAAa,CAAA;AAC/C,YAAY,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAC9C,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,WAAW,CAAA;AAC3C,YAAY,EAAC,WAAW,EAAE,eAAe,EAAC,MAAM,WAAW,CAAA;AAC3D,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAA;AAIpD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA"}
|
package/lib/deprecated/index.js
CHANGED
|
@@ -7,6 +7,7 @@ var Tooltip = require('../Tooltip/Tooltip.js');
|
|
|
7
7
|
var FilteredSearch = require('./FilteredSearch/FilteredSearch.js');
|
|
8
8
|
var Octicon = require('../Octicon/Octicon.js');
|
|
9
9
|
var Pagehead = require('../Pagehead/Pagehead.js');
|
|
10
|
+
var AvatarPair = require('./AvatarPair/AvatarPair.js');
|
|
10
11
|
var UnderlineNav = require('./UnderlineNav/UnderlineNav.js');
|
|
11
12
|
var Dialog = require('../DialogV1/Dialog.js');
|
|
12
13
|
var TabNav = require('../TabNav/TabNav.js');
|
|
@@ -19,6 +20,7 @@ exports.Tooltip = Tooltip.default;
|
|
|
19
20
|
exports.FilteredSearch = FilteredSearch;
|
|
20
21
|
exports.Octicon = Octicon;
|
|
21
22
|
exports.Pagehead = Pagehead;
|
|
23
|
+
exports.AvatarPair = AvatarPair;
|
|
22
24
|
exports.UnderlineNav = UnderlineNav;
|
|
23
25
|
exports.Dialog = Dialog;
|
|
24
26
|
exports.TabNav = TabNav;
|
package/lib/index.d.ts
CHANGED
|
@@ -41,10 +41,10 @@ export { default as Autocomplete } from './Autocomplete';
|
|
|
41
41
|
export type { AutocompleteMenuProps, AutocompleteInputProps, AutocompleteOverlayProps } from './Autocomplete';
|
|
42
42
|
export { default as Avatar } from './Avatar';
|
|
43
43
|
export type { AvatarProps } from './Avatar';
|
|
44
|
-
export { default as AvatarPair } from './AvatarPair';
|
|
45
|
-
export type { AvatarPairProps } from './AvatarPair';
|
|
46
44
|
export { default as AvatarStack } from './AvatarStack';
|
|
47
45
|
export type { AvatarStackProps } from './AvatarStack';
|
|
46
|
+
export { default as AvatarPair } from './deprecated/AvatarPair';
|
|
47
|
+
export type { AvatarPairProps } from './deprecated/AvatarPair';
|
|
48
48
|
export { default as BranchName } from './BranchName';
|
|
49
49
|
export type { BranchNameProps } from './BranchName';
|
|
50
50
|
export { default as Breadcrumbs, Breadcrumb } from './Breadcrumbs';
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAA;AACxC,OAAO,EAAC,GAAG,IAAI,QAAQ,EAAC,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAA;AAClD,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AACjD,OAAO,EAAC,OAAO,IAAI,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACrF,YAAY,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAGvD,OAAO,EAAC,OAAO,IAAI,GAAG,EAAC,MAAM,OAAO,CAAA;AACpC,YAAY,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAA;AACnC,cAAc,UAAU,CAAA;AACxB,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EACV,oBAAoB,EACpB,0BAA0B,EAC1B,2BAA2B,EAC3B,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,oBAAoB,CAAA;AACxD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,wBAAwB,CAAA;AAChE,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC3D,YAAY,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACjD,YAAY,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACjD,YAAY,EAAC,qBAAqB,EAAC,MAAM,sBAAsB,CAAA;AAC/D,OAAO,EAAC,0BAA0B,EAAC,MAAM,oCAAoC,CAAA;AAC7E,OAAO,EAAC,iBAAiB,EAAC,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAC,kBAAkB,EAAE,KAAK,eAAe,EAAC,MAAM,4BAA4B,CAAA;AACnF,OAAO,EAAC,OAAO,IAAI,yBAAyB,EAAC,MAAM,mCAAmC,CAAA;AACtF,OAAO,EAAC,sBAAsB,EAAC,MAAM,gCAAgC,CAAA;AAGrE,OAAO,EAAC,eAAe,EAAC,MAAM,0BAA0B,CAAA;AAGxD,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,SAAS,CAAA;AACxC,YAAY,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AACvC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,GAC9B,MAAM,cAAc,CAAA;AACrB,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EAAC,eAAe,EAAE,qBAAqB,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAA;AAC/F,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAC,qBAAqB,EAAE,sBAAsB,EAAE,wBAAwB,EAAC,MAAM,gBAAgB,CAAA;AAC3G,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,UAAU,CAAA;AAC1C,YAAY,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AACzC,OAAO,EAAC,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -35,8 +35,8 @@ var sx = require('./sx.js');
|
|
|
35
35
|
var Box = require('./Box/Box.js');
|
|
36
36
|
var Radio = require('./Radio/Radio.js');
|
|
37
37
|
var Avatar = require('./Avatar/Avatar.js');
|
|
38
|
-
var AvatarPair = require('./AvatarPair/AvatarPair.js');
|
|
39
38
|
var AvatarStack = require('./AvatarStack/AvatarStack.js');
|
|
39
|
+
var AvatarPair = require('./deprecated/AvatarPair/AvatarPair.js');
|
|
40
40
|
var ButtonGroup = require('./ButtonGroup/ButtonGroup.js');
|
|
41
41
|
var CircleOcticon = require('./CircleOcticon/CircleOcticon.js');
|
|
42
42
|
var CounterLabel = require('./CounterLabel/CounterLabel.js');
|
|
@@ -135,8 +135,8 @@ exports.sx = sx.default;
|
|
|
135
135
|
exports.Box = Box;
|
|
136
136
|
exports.Radio = Radio;
|
|
137
137
|
exports.Avatar = Avatar.default;
|
|
138
|
-
exports.AvatarPair = AvatarPair;
|
|
139
138
|
exports.AvatarStack = AvatarStack;
|
|
139
|
+
exports.AvatarPair = AvatarPair;
|
|
140
140
|
exports.ButtonGroup = ButtonGroup;
|
|
141
141
|
exports.CircleOcticon = CircleOcticon;
|
|
142
142
|
exports.CounterLabel = CounterLabel;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.prc-Banner-Banner-IR8eJ{align-items:start;background-color:var(--banner-bgColor);border:var(--borderWidth-thin,.0625rem) solid var(--banner-borderColor);border-radius:var(--borderRadius-medium,.375rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:var(--base-size-8,.5rem)}@supports (container-type:inline-size){.prc-Banner-Banner-IR8eJ{container:banner/inline-size}}.prc-Banner-Banner-IR8eJ[data-variant=critical]{--banner-bgColor:var(--bgColor-danger-muted,var(--color-danger-subtle));--banner-borderColor:var(--borderColor-danger-muted,var(--color-danger-muted));--banner-icon-fgColor:var(--fgColor-danger,var(--color-danger-fg))}.prc-Banner-Banner-IR8eJ[data-variant=info]{--banner-bgColor:var(--bgColor-accent-muted,var(--color-accent-subtle));--banner-borderColor:var(--borderColor-accent-muted,var(--color-accent-muted));--banner-icon-fgColor:var(--fgColor-accent,var(--color-accent-fg))}.prc-Banner-Banner-IR8eJ[data-variant=success]{--banner-bgColor:var(--bgColor-success-muted,var(--color-success-subtle));--banner-borderColor:var(--borderColor-success-muted,var(--color-success-muted));--banner-icon-fgColor:var(--fgColor-success,var(--color-success-fg))}.prc-Banner-Banner-IR8eJ[data-variant=upsell]{--banner-bgColor:var(--bgColor-upsell-muted,#fbefff);--banner-borderColor:var(--borderColor-upsell-muted,#c297ff66);--banner-icon-fgColor:var(--fgColor-upsell,#8250df)}.prc-Banner-Banner-IR8eJ[data-variant=warning]{--banner-bgColor:var(--bgColor-attention-muted,var(--color-attention-subtle));--banner-borderColor:var(--borderColor-attention-muted,var(--color-attention-muted));--banner-icon-fgColor:var(--fgColor-attention,var(--color-attention-fg))}.prc-Banner-BannerContainer-lbx3d{align-items:start;column-gap:var(--base-size-4,.25rem);font-size:var(--text-body-size-medium,.875rem);line-height:var(--text-body-lineHeight-medium,1.4285);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ :where(.prc-Banner-BannerContainer-lbx3d){display:flex;flex-wrap:wrap;justify-content:space-between}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden=""]) .prc-Banner-BannerContainer-lbx3d{display:grid;grid-template-columns:auto;grid-template-rows:auto}.prc-Banner-BannerContent-zTITK{display:grid;grid-column-start:1;margin-block:var(--base-size-8,.5rem);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerContent-zTITK{margin-block:var(--base-size-6,.375rem)}@media screen and (min-width:544px){.prc-Banner-BannerContent-zTITK{flex:1 1 0%}}.prc-Banner-BannerTitle-TcuJl{font-size:inherit;font-weight:var(--base-text-weight-semibold,600);margin:0}.prc-Banner-BannerIcon-WuOyf{display:grid;padding:var(--base-size-8,.5rem);place-items:center}.prc-Banner-BannerIcon-WuOyf svg{color:var(--banner-icon-fgColor);height:var(--base-size-20,1.25rem);fill:var(--banner-icon-fgColor)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerIcon-WuOyf svg{height:var(--base-size-16,1rem)}.prc-Banner-BannerDismiss-uBZVm{display:grid;margin-inline-start:var(--base-size-4,.25rem);padding:var(--base-size-8,.5rem);place-items:center}:where(.prc-Banner-Banner-IR8eJ):has(.prc-Banner-BannerActions-XCfHL) .prc-Banner-BannerDismiss-uBZVm{margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerDismiss-uBZVm svg{color:var(--banner-icon-fgColor)}.prc-Banner-BannerActionsContainer-ukGMH{align-items:center;column-gap:var(--base-size-12,.75rem);display:flex;margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:none}@media screen and (min-width:48rem){.prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:flex}.prc-Banner-BannerActions-XCfHL :where([data-primary-action=leading]){display:none}}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActions-XCfHL{margin-block-end:var(--base-size-6,.375rem)}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=trailing]{display:none}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=leading]{display:flex}@container banner (max-width: 500px){.prc-Banner-BannerContainer-lbx3d{display:grid
|
|
2
|
-
/*# sourceMappingURL=Banner-
|
|
1
|
+
.prc-Banner-Banner-IR8eJ{align-items:start;background-color:var(--banner-bgColor);border:var(--borderWidth-thin,.0625rem) solid var(--banner-borderColor);border-radius:var(--borderRadius-medium,.375rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;padding:var(--base-size-8,.5rem)}@supports (container-type:inline-size){.prc-Banner-Banner-IR8eJ{container:banner/inline-size}}.prc-Banner-Banner-IR8eJ[data-variant=critical]{--banner-bgColor:var(--bgColor-danger-muted,var(--color-danger-subtle));--banner-borderColor:var(--borderColor-danger-muted,var(--color-danger-muted));--banner-icon-fgColor:var(--fgColor-danger,var(--color-danger-fg))}.prc-Banner-Banner-IR8eJ[data-variant=info]{--banner-bgColor:var(--bgColor-accent-muted,var(--color-accent-subtle));--banner-borderColor:var(--borderColor-accent-muted,var(--color-accent-muted));--banner-icon-fgColor:var(--fgColor-accent,var(--color-accent-fg))}.prc-Banner-Banner-IR8eJ[data-variant=success]{--banner-bgColor:var(--bgColor-success-muted,var(--color-success-subtle));--banner-borderColor:var(--borderColor-success-muted,var(--color-success-muted));--banner-icon-fgColor:var(--fgColor-success,var(--color-success-fg))}.prc-Banner-Banner-IR8eJ[data-variant=upsell]{--banner-bgColor:var(--bgColor-upsell-muted,#fbefff);--banner-borderColor:var(--borderColor-upsell-muted,#c297ff66);--banner-icon-fgColor:var(--fgColor-upsell,#8250df)}.prc-Banner-Banner-IR8eJ[data-variant=warning]{--banner-bgColor:var(--bgColor-attention-muted,var(--color-attention-subtle));--banner-borderColor:var(--borderColor-attention-muted,var(--color-attention-muted));--banner-icon-fgColor:var(--fgColor-attention,var(--color-attention-fg))}.prc-Banner-BannerContainer-lbx3d{align-items:start;column-gap:var(--base-size-4,.25rem);font-size:var(--text-body-size-medium,.875rem);line-height:var(--text-body-lineHeight-medium,1.4285);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ :where(.prc-Banner-BannerContainer-lbx3d){display:flex;flex-wrap:wrap;justify-content:space-between}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden=""]) .prc-Banner-BannerContainer-lbx3d{display:grid;grid-template-columns:auto;grid-template-rows:auto}.prc-Banner-BannerContent-zTITK{display:grid;grid-column-start:1;margin-block:var(--base-size-8,.5rem);row-gap:var(--base-size-4,.25rem)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerContent-zTITK{margin-block:var(--base-size-6,.375rem)}@media screen and (min-width:544px){.prc-Banner-BannerContent-zTITK{flex:1 1 0%}}.prc-Banner-BannerTitle-TcuJl{font-size:inherit;font-weight:var(--base-text-weight-semibold,600);margin:0}.prc-Banner-BannerIcon-WuOyf{display:grid;padding:var(--base-size-8,.5rem);place-items:center}.prc-Banner-BannerIcon-WuOyf svg{color:var(--banner-icon-fgColor);height:var(--base-size-20,1.25rem);fill:var(--banner-icon-fgColor)}.prc-Banner-Banner-IR8eJ[data-title-hidden]:not(:has(.prc-Banner-BannerActions-XCfHL)) .prc-Banner-BannerIcon-WuOyf svg{height:var(--base-size-16,1rem)}.prc-Banner-BannerDismiss-uBZVm{display:grid;margin-inline-start:var(--base-size-4,.25rem);padding:var(--base-size-8,.5rem);place-items:center}:where(.prc-Banner-Banner-IR8eJ):has(.prc-Banner-BannerActions-XCfHL) .prc-Banner-BannerDismiss-uBZVm{margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerDismiss-uBZVm svg{color:var(--banner-icon-fgColor)}.prc-Banner-BannerActionsContainer-ukGMH{align-items:center;column-gap:var(--base-size-12,.75rem);display:flex;margin-block:var(--base-size-2,.125rem)}.prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:none}@media screen and (min-width:48rem){.prc-Banner-BannerActions-XCfHL :where([data-primary-action=trailing]){display:flex}.prc-Banner-BannerActions-XCfHL :where([data-primary-action=leading]){display:none}}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActions-XCfHL{margin-block-end:var(--base-size-6,.375rem)}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=trailing]{display:none}.prc-Banner-Banner-IR8eJ[data-dismissible]:not([data-title-hidden]) .prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=leading]{display:flex}@container banner (max-width: 500px){.prc-Banner-BannerContainer-lbx3d{display:grid}.prc-Banner-BannerContainer-lbx3d:has(.prc-Banner-BannerActionsContainer-ukGMH){grid-template-rows:auto auto}.prc-Banner-BannerActions-XCfHL{margin-block-end:var(--base-size-6,.375rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=trailing]{display:none}.prc-Banner-BannerActions-XCfHL [data-primary-action=leading]{display:flex}}@container banner (min-width: 500px){.prc-Banner-BannerContainer-lbx3d{display:grid;grid-template-columns:auto auto}:where(.prc-Banner-Banner-IR8eJ):not([data-dismissible]) :where(.prc-Banner-BannerActionsContainer-ukGMH[data-primary-action=trailing]) :where([data-variant=link]:only-child){padding-inline:0 var(--base-size-12,.75rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=trailing]{display:flex;min-height:var(--base-size-32,2rem)}.prc-Banner-BannerActions-XCfHL [data-primary-action=leading]{display:none}}
|
|
2
|
+
/*# sourceMappingURL=Banner-6396546f.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/Banner/Banner.module.css"],"names":[],"mappings":"AAAA,yBASE,iBAAkB,CALlB,sCAAuC,CAEvC,uEAA+D,CAC/D,gDAAyC,CANzC,YAAa,CAOb,6CAA+C,CAN/C,gCA0CF,CAjCE,uCAXF,yBAYI,4BAgCJ,CA/BE,CAEA,gDACE,uEAA6C,CAC7C,8EAAqD,CACrD,kEACF,CAEA,4CACE,uEAA6C,CAC7C,8EAAqD,CACrD,kEACF,CAEA,+CACE,yEAA8C,CAC9C,gFAAsD,CACtD,oEACF,CAEA,8CACE,oDAA6C,CAC7C,8DAAqD,CACrD,mDACF,CAEA,+CACE,6EAAgD,CAChD,oFAAwD,CACxD,wEACF,CAKF,kCAEE,iBAAkB,CAGlB,oCAA8B,CAJ9B,8CAAuC,CAEvC,qDAA+C,CAC/C,iCAEF,CAEA,mEACE,YAAa,CACb,cAAe,CACf,6BACF,CAEA,yGACE,YAAa,CACb,0BAA2B,CAC3B,uBACF,CAIA,gCACE,YAAa,CAEb,mBAAoB,CACpB,qCAAgC,CAFhC,iCAGF,CAEA,uHACE,uCACF,CAEA,oCACE,gCACE,WACF,CACF,CAEA,8BAEE,iBAAkB,CAClB,gDAA6C,CAF7C,QAGF,CAIA,6BACE,YAAa,CAEb,gCAA2B,CAD3B,kBAEF,CAEA,iCAIE,gCAAiC,CAFjC,kCAA2B,CAI3B,+BACF,CAGA,wHACE,+BACF,CAIA,gCACE,YAAa,CAGb,6CAAuC,CADvC,gCAA2B,CAD3B,kBAGF,CAEA,sGACE,uCACF,CAEA,oCAEE,gCACF,CAIA,yCAGE,kBAAmB,CADnB,qCAA+B,CAD/B,YAAa,CAGb,uCACF,CAEA,uEACE,YACF,CAEA,oCACE,uEACE,YACF,CAEA,sEACE,YACF,CACF,CAEA,oGACE,2CACF,CAGA,2IACE,YACF,CAGA,0IACE,YACF,CAIA,qCACE,kCACE,YACF,CAEA,gFACE,4BACF,CAEA,gCACE,2CACF,CAEA,+DACE,YACF,CAEA,8DACE,YACF,CACF,CAEA,qCACE,kCACE,YAAa,CACb,+BACF,CAEA,+KAGE,2CACF,CAEA,+DACE,YAAa,CACb,mCACF,CAEA,8DACE,YACF,CACF","file":"Banner-6396546f.css","sourcesContent":[".Banner {\n display: grid;\n padding: var(--base-size-8);\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--banner-bgColor);\n /* stylelint-disable-next-line primer/colors */\n border: var(--borderWidth-thin) solid var(--banner-borderColor);\n border-radius: var(--borderRadius-medium);\n grid-template-columns: auto minmax(0, 1fr) auto;\n align-items: start;\n\n @supports (container-type: inline-size) {\n container: banner / inline-size;\n }\n\n &[data-variant='critical'] {\n --banner-bgColor: var(--bgColor-danger-muted);\n --banner-borderColor: var(--borderColor-danger-muted);\n --banner-icon-fgColor: var(--fgColor-danger);\n }\n\n &[data-variant='info'] {\n --banner-bgColor: var(--bgColor-accent-muted);\n --banner-borderColor: var(--borderColor-accent-muted);\n --banner-icon-fgColor: var(--fgColor-accent);\n }\n\n &[data-variant='success'] {\n --banner-bgColor: var(--bgColor-success-muted);\n --banner-borderColor: var(--borderColor-success-muted);\n --banner-icon-fgColor: var(--fgColor-success);\n }\n\n &[data-variant='upsell'] {\n --banner-bgColor: var(--bgColor-upsell-muted);\n --banner-borderColor: var(--borderColor-upsell-muted);\n --banner-icon-fgColor: var(--fgColor-upsell);\n }\n\n &[data-variant='warning'] {\n --banner-bgColor: var(--bgColor-attention-muted);\n --banner-borderColor: var(--borderColor-attention-muted);\n --banner-icon-fgColor: var(--fgColor-attention);\n }\n}\n\n/* BannerContainer -------------------------------------------------------- */\n\n.BannerContainer {\n font-size: var(--text-body-size-medium);\n align-items: start;\n line-height: var(--text-body-lineHeight-medium);\n row-gap: var(--base-size-4);\n column-gap: var(--base-size-4);\n}\n\n.Banner :where(.BannerContainer) {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n\n.Banner[data-dismissible]:not([data-title-hidden='']) .BannerContainer {\n display: grid;\n grid-template-columns: auto;\n grid-template-rows: auto;\n}\n\n/* BannerContent ---------------------------------------------------------- */\n\n.BannerContent {\n display: grid;\n row-gap: var(--base-size-4);\n grid-column-start: 1;\n margin-block: var(--base-size-8);\n}\n\n.Banner[data-title-hidden]:not(:has(.BannerActions)) .BannerContent {\n margin-block: var(--base-size-6);\n}\n\n@media screen and (min-width: 544px) {\n .BannerContent {\n flex: 1 1 0%;\n }\n}\n\n.BannerTitle {\n margin: 0;\n font-size: inherit;\n font-weight: var(--base-text-weight-semibold);\n}\n\n/* BannerIcon ------------------------------------------------------------- */\n\n.BannerIcon {\n display: grid;\n place-items: center;\n padding: var(--base-size-8);\n}\n\n.BannerIcon svg {\n /* 20px is the line box height of the trailing action buttons */\n height: var(--base-size-20);\n /* stylelint-disable-next-line primer/colors */\n color: var(--banner-icon-fgColor);\n /* stylelint-disable-next-line primer/colors */\n fill: var(--banner-icon-fgColor);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-title-hidden]:not(:has(.BannerActions)) .BannerIcon svg {\n height: var(--base-size-16);\n}\n\n/* BannerDismiss ---------------------------------------------------------- */\n\n.BannerDismiss {\n display: grid;\n place-items: center;\n padding: var(--base-size-8);\n margin-inline-start: var(--base-size-4);\n}\n\n:where(.Banner):has(.BannerActions) .BannerDismiss {\n margin-block: var(--base-size-2);\n}\n\n.BannerDismiss svg {\n /* stylelint-disable-next-line primer/colors */\n color: var(--banner-icon-fgColor);\n}\n\n/* BannerActions ---------------------------------------------------------- */\n\n.BannerActionsContainer {\n display: flex;\n column-gap: var(--base-size-12);\n align-items: center;\n margin-block: var(--base-size-2);\n}\n\n.BannerActions :where([data-primary-action='trailing']) {\n display: none;\n}\n\n@media screen and (--viewportRange-regular) {\n .BannerActions :where([data-primary-action='trailing']) {\n display: flex;\n }\n\n .BannerActions :where([data-primary-action='leading']) {\n display: none;\n }\n}\n\n.Banner[data-dismissible]:not([data-title-hidden]) .BannerActions {\n margin-block-end: var(--base-size-6);\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-dismissible]:not([data-title-hidden]) .BannerActionsContainer[data-primary-action='trailing'] {\n display: none;\n}\n\n/* stylelint-disable-next-line selector-max-specificity */\n.Banner[data-dismissible]:not([data-title-hidden]) .BannerActionsContainer[data-primary-action='leading'] {\n display: flex;\n}\n\n/* Layout ------------------------------------------------------------------- */\n\n@container banner (max-width: 500px) {\n .BannerContainer {\n display: grid;\n }\n\n .BannerContainer:has(.BannerActionsContainer) {\n grid-template-rows: auto auto;\n }\n\n .BannerActions {\n margin-block-end: var(--base-size-6);\n }\n\n .BannerActions [data-primary-action='trailing'] {\n display: none;\n }\n\n .BannerActions [data-primary-action='leading'] {\n display: flex;\n }\n}\n\n@container banner (min-width: 500px) {\n .BannerContainer {\n display: grid;\n grid-template-columns: auto auto;\n }\n\n :where(.Banner):not([data-dismissible])\n :where(.BannerActionsContainer[data-primary-action='trailing'])\n :where([data-variant='link']:only-child) {\n padding-inline: 0 var(--base-size-12);\n }\n\n .BannerActions [data-primary-action='trailing'] {\n display: flex;\n min-height: var(--base-size-32, 2rem);\n }\n\n .BannerActions [data-primary-action='leading'] {\n display: none;\n }\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Banner-
|
|
1
|
+
import './Banner-6396546f.css';
|
|
2
2
|
|
|
3
3
|
var classes = {"Banner":"prc-Banner-Banner-IR8eJ","BannerContainer":"prc-Banner-BannerContainer-lbx3d","BannerContent":"prc-Banner-BannerContent-zTITK","BannerActions":"prc-Banner-BannerActions-XCfHL","BannerTitle":"prc-Banner-BannerTitle-TcuJl","BannerIcon":"prc-Banner-BannerIcon-WuOyf","BannerDismiss":"prc-Banner-BannerDismiss-uBZVm","BannerActionsContainer":"prc-Banner-BannerActionsContainer-ukGMH"};
|
|
4
4
|
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.prc-AvatarPair-AvatarPair--TX3Y{display:inline-flex;position:relative}.prc-AvatarPair-AvatarPair--TX3Y [data-component=Avatar]:last-child,.prc-AvatarPair-AvatarPair--TX3Y [data-component=SkeletonAvatar]:last-child{bottom:-9%;box-shadow:var(--avatar-shadow,var(--color-avatar-child-shadow));position:absolute;right:-15%}.prc-AvatarPair-AvatarPair--TX3Y [data-component=SkeletonAvatar]:last-child{box-shadow:inset var(--avatar-shadow,var(--color-avatar-child-shadow))}.prc-AvatarPair-AvatarChild-8YokH{background-color:var(--bgColor-default,var(--color-canvas-default))}
|
|
2
|
+
/*# sourceMappingURL=AvatarPair-68990abe.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/deprecated/AvatarPair/AvatarPair.module.css"],"names":[],"mappings":"AAAA,iCAEE,mBAAoB,CADpB,iBAcF,CAXE,gJAIE,UAAW,CACX,gEAAgC,CAHhC,iBAAkB,CAClB,UAGF,CAEA,4EACE,sEACF,CAGF,kCACE,mEACF","file":"AvatarPair-68990abe.css","sourcesContent":[".AvatarPair {\n position: relative;\n display: inline-flex;\n\n [data-component='Avatar']:last-child,\n [data-component='SkeletonAvatar']:last-child {\n position: absolute;\n right: -15%;\n bottom: -9%;\n box-shadow: var(--avatar-shadow);\n }\n\n [data-component='SkeletonAvatar']:last-child {\n box-shadow: inset var(--avatar-shadow);\n }\n}\n\n.AvatarChild {\n background-color: var(--bgColor-default);\n}\n"]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { type HTMLProps } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
|
|
4
|
+
*/
|
|
5
|
+
export type AvatarPairProps = HTMLProps<HTMLDivElement>;
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
|
|
8
|
+
*/
|
|
9
|
+
declare const AvatarPair: {
|
|
10
|
+
({ children, className, ...rest }: AvatarPairProps): React.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export default AvatarPair;
|
|
14
|
+
//# sourceMappingURL=AvatarPair.d.ts.map
|
|
@@ -3,9 +3,12 @@ import React from 'react';
|
|
|
3
3
|
import classes from './AvatarPair.module.css.js';
|
|
4
4
|
import { clsx } from 'clsx';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
import { SkeletonAvatar } from '
|
|
7
|
-
import Avatar from '
|
|
6
|
+
import { SkeletonAvatar } from '../../SkeletonAvatar/SkeletonAvatar.js';
|
|
7
|
+
import Avatar from '../../Avatar/Avatar.js';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated AvatarPair is deprecated. Please see https://github.com/github/primer/issues/5533 for migration guidance.
|
|
11
|
+
*/
|
|
9
12
|
const AvatarPair = t0 => {
|
|
10
13
|
const $ = c(12);
|
|
11
14
|
let children;
|
|
@@ -23,4 +23,6 @@ export { default as TabNav } from '../TabNav';
|
|
|
23
23
|
export type { TabNavProps, TabNavLinkProps } from '../TabNav';
|
|
24
24
|
export { default as Tooltip } from '../Tooltip/Tooltip';
|
|
25
25
|
export type { TooltipProps } from '../Tooltip/Tooltip';
|
|
26
|
+
export { default as AvatarPair } from './AvatarPair';
|
|
27
|
+
export type { AvatarPairProps } from './AvatarPair';
|
|
26
28
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -5,6 +5,7 @@ export { default as Tooltip } from '../Tooltip/Tooltip.js';
|
|
|
5
5
|
export { default as FilteredSearch } from './FilteredSearch/FilteredSearch.js';
|
|
6
6
|
export { default as Octicon } from '../Octicon/Octicon.js';
|
|
7
7
|
export { default as Pagehead } from '../Pagehead/Pagehead.js';
|
|
8
|
+
export { default as AvatarPair } from './AvatarPair/AvatarPair.js';
|
|
8
9
|
export { default as UnderlineNav } from './UnderlineNav/UnderlineNav.js';
|
|
9
10
|
export { default as Dialog } from '../DialogV1/Dialog.js';
|
|
10
11
|
export { default as TabNav } from '../TabNav/TabNav.js';
|