Move Breadcrumbs styles to PVC (#1592)

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Jon Rohan <rohan@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Jon Rohan <yes@jonrohan.codes>

.changeset/hip-zebras-remain.md

@@ -0,0 +1,5 @@
+---
+"@primer/view-components": patch
+---
+
+Move `Breadcrumbs` styles to PVC

app/components/primer/beta/breadcrumbs.pcss

@@ -0,0 +1,30 @@
+.breadcrumb-item {
+  display: inline-block;
+  margin-left: -0.35em;
+  white-space: nowrap;
+  list-style: none;
+
+  &::after {
+    display: inline-block;
+    height: 0.8em;
+    margin: 0 0.5em;
+    content: '';
+    border-right: 0.1em solid var(--color-fg-muted);
+    transform: rotate(15deg);
+  }
+
+  &:first-child {
+    margin-left: 0;
+  }
+}
+
+.breadcrumb-item-selected,
+.breadcrumb-item[aria-current]:not([aria-current='false']) {
+  &::after {
+    content: none;
+  }
+}
+
+.breadcrumb-item-selected a {
+  color: var(--color-fg-default);
+}

app/components/primer/primer.pcss

@@ -2,6 +2,7 @@
 @import "./alpha/action_list.pcss";
 @import "./alpha/banner.pcss";
 @import "./alpha/segmented_control.pcss";
+@import "./beta/breadcrumbs.pcss";
 @import "./beta/button.pcss";
 @import "./beta/counter.pcss";
 @import "./beta/label.pcss";

demo/app/assets/stylesheets/application.css

@@ -5,7 +5,6 @@
  *= require @primer/css/dist/color-modes.css
  *= require @primer/css/dist/base.css
  *= require @primer/css/dist/box.css
- *= require @primer/css/dist/breadcrumb.css
  *= require @primer/css/dist/buttons.css
  *= require @primer/css/dist/table-object.css
  *= require @primer/css/dist/forms.css