Breaking Change: Remove @primer/view-components imports and dependency (#2789)

* Remove @primer/view-components dependency

* Add changeset

* Add note to readme

Author: jonrohan

.changeset/nine-rivers-smoke.md

@@ -0,0 +1,5 @@
+---
+'@primer/css': major
+---
+
+Remove @primer/view-components imports for styles moved to primer/view_components

README.md

@@ -26,7 +26,9 @@
 
 ## Documentation
 
-> :warning: **The documentation of this repo is not maintained anymore**. Please raise any documentation-specific pull requests in [primer.style/design](https://github.com/primer/design/) 
+> :warning: It is encouraged that you use [primer/react](https://github.com/primer/react) and [primer/view_components](https://github.com/primer/view_components) for styling and markup.
+
+> :warning: **The documentation of this repo is not maintained anymore**. Please raise any documentation-specific pull requests in [primer.style/design](https://github.com/primer/design/)
 
 Our documentation site lives at [primer.style/css](https://primer.style/css). You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.
 

package-lock.json

@@ -47,7 +47,6 @@
     "@github/prettier-config": "^0.0.6",
     "@primer/primitives": "^10.3.4",
     "@primer/stylelint-config": "^13.2.3",
-    "@primer/view-components": "^0.36.5",
     "autoprefixer": "^10.4.18",
     "chokidar-cli": "^3.0.0",
     "cssstats": "^4.0.5",

package.json

@@ -1,4 +1,3 @@
 // support files
 @import '../support/index.scss';
-@import './autocomplete.scss';
 @import './suggester.scss';

src/alerts/README.md

@@ -1,7 +1,5 @@
 @import '../support/index.scss';
 
 // Avatars
-@import './avatar.scss';
 @import './avatar-parent-child.scss';
-@import './avatar-stack.scss';
 @import './circle-badge.scss';

src/alerts/flash.scss

@@ -1,3 +1,2 @@
 @import '../support/index.scss';
-@import './box.scss';
 @import './box-overlay.scss';

src/alerts/index.scss

@@ -13,17 +13,13 @@
 // Core modules
 @import '../base/index.scss';
 @import '../box/index.scss';
-@import '../breadcrumb/index.scss';
 @import '../buttons/index.scss';
 @import '../table-object/index.scss';
 @import '../forms/index.scss';
 @import '../layout/index.scss';
-@import '../links/index.scss';
 @import '../navigation/index.scss';
 @import '../pagination/index.scss';
 @import '../tooltips/index.scss';
-@import '../truncate/index.scss';
-@import '../overlay/index.scss';
 
 // Utilities always go last so that they can override components
 @import '../utilities/index.scss';

src/autocomplete/autocomplete.scss

@@ -4,5 +4,3 @@
 @import './form-group.scss';
 @import './input-group.scss';
 @import './radio-group.scss';
-// new pvc components
-@import './FormControl.scss';

src/autocomplete/index.scss

@@ -1,6 +1,3 @@
 @import '../support/index.scss';
 @import './mixins.scss';
 @import './issue-labels.scss';
-@import './labels.scss';
-@import './states.scss';
-@import './counters.scss';

src/avatars/avatar-stack.scss

@@ -3,6 +3,5 @@
 @import './container.scss';
 @import './grid.scss';
 @import './grid-offset.scss';
-@import './layout.scss';
 @import './page-layout.scss';
 @import './stack.scss';