@primer/react 37.32.0-rc.d744d4c2d → 37.32.0-rc.e125d74fc

package/dist/components.css

@@ -3508,91 +3508,6 @@ span wrapping svg or text */
   }
 }
 
-@keyframes prc_shimmer_DB3-6 {
-  from {
-    mask-position: 200%;
-  }
-
-  to {
-    mask-position: 0%;
-  }
-}
-
-.prc_SkeletonBox_nSZk3 {
-  display: block;
-  height: 1rem;
-  background-color: var(--skeletonLoader-bgColor);
-  border-radius: var(--borderRadius-small);
-  animation: prc_shimmer_DB3-6;
-
-  @media (prefers-reduced-motion: no-preference) {
-    mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
-    mask-size: 200%;
-    animation: prc_shimmer_DB3-6;
-    animation-duration: var(--base-duration-1000);
-    animation-iteration-count: infinite;
-  }
-
-  @media (forced-colors: active) {
-    outline: 1px solid transparent;
-    outline-offset: -1px;
-  }
-}
-
-.prc_SkeletonAvatar_inefu {
-  &:where([data-component='SkeletonAvatar']) {
-    display: inline-block;
-    width: var(--avatarSize-regular);
-    height: var(--avatarSize-regular);
-    /* stylelint-disable-next-line primer/typography */
-    line-height: 1;
-    border-radius: 50%;
-  }
-
-  &:where([data-square]) {
-    /* stylelint-disable-next-line primer/borders */
-    border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));
-  }
-
-  &:where([data-responsive]) {
-    @media screen and (--viewportRange-narrow) {
-      width: var(--avatarSize-narrow);
-      height: var(--avatarSize-narrow);
-    }
-
-    @media screen and (--viewportRange-regular) {
-      width: var(--avatarSize-regular);
-      height: var(--avatarSize-regular);
-    }
-
-    @media screen and (--viewportRange-wide) {
-      width: var(--avatarSize-wide);
-      height: var(--avatarSize-wide);
-    }
-  }
-}
-
-.prc_AvatarPair_Av0UV {
-  position: relative;
-  display: inline-flex;
-
-  [data-component='Avatar']:last-child,
-  [data-component='SkeletonAvatar']:last-child {
-    position: absolute;
-    right: -15%;
-    bottom: -9%;
-    box-shadow: var(--avatar-shadow);
-  }
-
-  [data-component='SkeletonAvatar']:last-child {
-    box-shadow: inset var(--avatar-shadow);
-  }
-}
-
-.prc_AvatarChild_icdQd {
-  background-color: var(--bgColor-default);
-}
-
 /* stylelint-disable selector-max-specificity */
 .prc_AvatarStack_N-r3C {
   --avatar-border-width: 1px;
@@ -3860,6 +3775,91 @@ span wrapping svg or text */
   }
 }
 
+@keyframes prc_shimmer_DB3-6 {
+  from {
+    mask-position: 200%;
+  }
+
+  to {
+    mask-position: 0%;
+  }
+}
+
+.prc_SkeletonBox_nSZk3 {
+  display: block;
+  height: 1rem;
+  background-color: var(--skeletonLoader-bgColor);
+  border-radius: var(--borderRadius-small);
+  animation: prc_shimmer_DB3-6;
+
+  @media (prefers-reduced-motion: no-preference) {
+    mask-image: linear-gradient(75deg, #000 30%, rgba(0, 0, 0, 0.65) 80%);
+    mask-size: 200%;
+    animation: prc_shimmer_DB3-6;
+    animation-duration: var(--base-duration-1000);
+    animation-iteration-count: infinite;
+  }
+
+  @media (forced-colors: active) {
+    outline: 1px solid transparent;
+    outline-offset: -1px;
+  }
+}
+
+.prc_SkeletonAvatar_inefu {
+  &:where([data-component='SkeletonAvatar']) {
+    display: inline-block;
+    width: var(--avatarSize-regular);
+    height: var(--avatarSize-regular);
+    /* stylelint-disable-next-line primer/typography */
+    line-height: 1;
+    border-radius: 50%;
+  }
+
+  &:where([data-square]) {
+    /* stylelint-disable-next-line primer/borders */
+    border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));
+  }
+
+  &:where([data-responsive]) {
+    @media screen and (--viewportRange-narrow) {
+      width: var(--avatarSize-narrow);
+      height: var(--avatarSize-narrow);
+    }
+
+    @media screen and (--viewportRange-regular) {
+      width: var(--avatarSize-regular);
+      height: var(--avatarSize-regular);
+    }
+
+    @media screen and (--viewportRange-wide) {
+      width: var(--avatarSize-wide);
+      height: var(--avatarSize-wide);
+    }
+  }
+}
+
+.prc_AvatarPair_-TX3Y {
+  position: relative;
+  display: inline-flex;
+
+  [data-component='Avatar']:last-child,
+  [data-component='SkeletonAvatar']:last-child {
+    position: absolute;
+    right: -15%;
+    bottom: -9%;
+    box-shadow: var(--avatar-shadow);
+  }
+
+  [data-component='SkeletonAvatar']:last-child {
+    box-shadow: inset var(--avatar-shadow);
+  }
+}
+
+.prc_AvatarChild_8YokH {
+  background-color: var(--bgColor-default);
+}
+
 .prc_BranchName_jFtg- {
   display: inline-block;
   padding: var(--base-size-2) var(--base-size-6);