From 4113637b3bb60cad1e2dca82e70d92ad05694399 Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Wed, 5 Feb 2025 09:43:02 -0800 Subject: [PATCH] Breaking Change: Remove @primer/view-components imports and dependency (#2789) * Remove @primer/view-components dependency * Add changeset * Add note to readme --- .changeset/nine-rivers-smoke.md | 5 ++ README.md | 4 +- package-lock.json | 124 --------------------------- package.json | 1 - src/alerts/README.md | 25 ------ src/alerts/flash.scss | 1 - src/alerts/index.scss | 3 - src/autocomplete/autocomplete.scss | 1 - src/autocomplete/index.scss | 1 - src/avatars/avatar-stack.scss | 1 - src/avatars/avatar.scss | 1 - src/avatars/index.scss | 2 - src/blankslate/README.md | 25 ------ src/blankslate/blankslate.scss | 1 - src/blankslate/index.scss | 2 - src/box/box.scss | 1 - src/box/index.scss | 1 - src/breadcrumb/README.md | 25 ------ src/breadcrumb/breadcrumb.scss | 1 - src/breadcrumb/index.scss | 3 - src/core/index.scss | 4 - src/dropdown/README.md | 25 ------ src/dropdown/dropdown.scss | 1 - src/dropdown/index.scss | 2 - src/forms/FormControl.scss | 1 - src/forms/index.scss | 2 - src/labels/counters.scss | 1 - src/labels/index.scss | 3 - src/labels/labels.scss | 1 - src/labels/states.scss | 1 - src/layout/index.scss | 1 - src/layout/layout.scss | 1 - src/links/README.md | 25 ------ src/links/index.scss | 3 - src/links/link.scss | 1 - src/navigation/index.scss | 3 - src/navigation/menu.scss | 1 - src/navigation/tabnav.scss | 1 - src/navigation/underline-nav.scss | 1 - src/overlay/README.md | 24 ------ src/overlay/index.scss | 2 - src/overlay/overlay.scss | 1 - src/popover/README.md | 25 ------ src/popover/index.scss | 3 - src/popover/popover.scss | 1 - src/product/index.scss | 8 -- src/progress/README.md | 25 ------ src/progress/index.scss | 3 - src/progress/progress.scss | 1 - src/subhead/README.md | 25 ------ src/subhead/index.scss | 3 - src/subhead/subhead.scss | 1 - src/timeline/README.md | 25 ------ src/timeline/index.scss | 2 - src/timeline/timeline-item.scss | 1 - src/toggle-switch/index.scss | 2 - src/toggle-switch/toggle-switch.scss | 1 - src/truncate/README.md | 25 ------ src/truncate/index.scss | 2 - src/truncate/truncate.scss | 2 - 60 files changed, 8 insertions(+), 480 deletions(-) create mode 100644 .changeset/nine-rivers-smoke.md delete mode 100644 src/alerts/README.md delete mode 100644 src/alerts/flash.scss delete mode 100644 src/alerts/index.scss delete mode 100644 src/autocomplete/autocomplete.scss delete mode 100644 src/avatars/avatar-stack.scss delete mode 100644 src/avatars/avatar.scss delete mode 100644 src/blankslate/README.md delete mode 100644 src/blankslate/blankslate.scss delete mode 100644 src/blankslate/index.scss delete mode 100644 src/box/box.scss delete mode 100644 src/breadcrumb/README.md delete mode 100644 src/breadcrumb/breadcrumb.scss delete mode 100644 src/breadcrumb/index.scss delete mode 100644 src/dropdown/README.md delete mode 100644 src/dropdown/dropdown.scss delete mode 100644 src/dropdown/index.scss delete mode 100644 src/forms/FormControl.scss delete mode 100644 src/labels/counters.scss delete mode 100644 src/labels/labels.scss delete mode 100644 src/labels/states.scss delete mode 100644 src/layout/layout.scss delete mode 100644 src/links/README.md delete mode 100644 src/links/index.scss delete mode 100644 src/links/link.scss delete mode 100644 src/navigation/menu.scss delete mode 100644 src/navigation/tabnav.scss delete mode 100644 src/navigation/underline-nav.scss delete mode 100644 src/overlay/README.md delete mode 100644 src/overlay/index.scss delete mode 100644 src/overlay/overlay.scss delete mode 100644 src/popover/README.md delete mode 100644 src/popover/index.scss delete mode 100644 src/popover/popover.scss delete mode 100644 src/progress/README.md delete mode 100644 src/progress/index.scss delete mode 100644 src/progress/progress.scss delete mode 100644 src/subhead/README.md delete mode 100644 src/subhead/index.scss delete mode 100644 src/subhead/subhead.scss delete mode 100644 src/timeline/README.md delete mode 100644 src/timeline/index.scss delete mode 100644 src/timeline/timeline-item.scss delete mode 100644 src/toggle-switch/index.scss delete mode 100644 src/toggle-switch/toggle-switch.scss delete mode 100644 src/truncate/README.md delete mode 100644 src/truncate/index.scss delete mode 100644 src/truncate/truncate.scss diff --git a/.changeset/nine-rivers-smoke.md b/.changeset/nine-rivers-smoke.md new file mode 100644 index 0000000000..5b264cf95d --- /dev/null +++ b/.changeset/nine-rivers-smoke.md @@ -0,0 +1,5 @@ +--- +'@primer/css': major +--- + +Remove @primer/view-components imports for styles moved to primer/view_components diff --git a/README.md b/README.md index 090328645b..b494452fe9 100644 --- a/README.md +++ b/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. diff --git a/package-lock.json b/package-lock.json index dcb24df2a8..43e2c81030 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,7 +15,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", @@ -1404,86 +1403,16 @@ "node": "^18.18.0 || ^20.9.0 || >=21.1.0" } }, - "node_modules/@github/auto-check-element": { - "version": "5.2.0", - "dev": true, - "license": "MIT", - "dependencies": { - "@github/mini-throttle": "^1.0.7" - } - }, - "node_modules/@github/auto-check-element/node_modules/@github/mini-throttle": { - "version": "1.0.7", - "dev": true, - "license": "MIT" - }, - "node_modules/@github/auto-complete-element": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/@github/auto-complete-element/-/auto-complete-element-3.6.2.tgz", - "integrity": "sha512-AgkrawNa2Focapn05yc/mNVTlAOqPFlMPhqkkMygPtOddms6NYxlCuVx8OM6aCTzBeEJlYur+/CS56hk4mvwmA==", - "dev": true, - "dependencies": { - "@github/combobox-nav": "^2.1.7" - } - }, "node_modules/@github/browserslist-config": { "version": "1.0.0", "dev": true, "license": "MIT" }, - "node_modules/@github/catalyst": { - "version": "1.6.0", - "dev": true, - "license": "MIT" - }, - "node_modules/@github/clipboard-copy-element": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/@github/clipboard-copy-element/-/clipboard-copy-element-1.3.0.tgz", - "integrity": "sha512-wyntkQkwoLbLo+Hqg2LIVMXDIzcvUb9bSDz+clX6nVJItwzh103rHxdXFRZD+DmxVbuEW5xSznYQXkz1jZT+xg==", - "dev": true - }, - "node_modules/@github/combobox-nav": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/@github/combobox-nav/-/combobox-nav-2.3.1.tgz", - "integrity": "sha512-gwxPzLw8XKecy1nP63i9lOBritS3bWmxl02UX6G0TwMQZbMem1BCS1tEZgYd3mkrkiDrUMWaX+DbFCuDFo3K+A==", - "dev": true - }, - "node_modules/@github/details-menu-element": { - "version": "1.0.13", - "dev": true, - "license": "MIT" - }, - "node_modules/@github/image-crop-element": { - "version": "5.0.0", - "dev": true, - "license": "MIT" - }, - "node_modules/@github/include-fragment-element": { - "version": "6.1.1", - "dev": true, - "license": "MIT" - }, "node_modules/@github/prettier-config": { "version": "0.0.6", "dev": true, "license": "MIT" }, - "node_modules/@github/relative-time-element": { - "version": "4.1.5", - "dev": true, - "license": "MIT" - }, - "node_modules/@github/remote-input-element": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/@github/remote-input-element/-/remote-input-element-0.4.0.tgz", - "integrity": "sha512-apsMwsFW24F+w2wzT8oKoBi9lpm6GeFOmtuL+1YwDVmIiwixfHOD3MnEsEOv0RwmHsMdWmIjP9mxWyTWPKZHGg==", - "dev": true - }, - "node_modules/@github/tab-container-element": { - "version": "3.2.0", - "dev": true, - "license": "MIT" - }, "node_modules/@humanfs/core": { "version": "0.19.1", "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz", @@ -1927,12 +1856,6 @@ "buffer": "^6.0.3" } }, - "node_modules/@lit-labs/ssr-dom-shim": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.2.1.tgz", - "integrity": "sha512-wx4aBmgeGvFmOKucFKY+8VFJSYZxs9poN3SDNQFF6lT6NrQUnHiPB2PWz2sc4ieEcAaYYzN+1uWahEeTq2aRIQ==", - "dev": true - }, "node_modules/@manypkg/find-root": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@manypkg/find-root/-/find-root-1.1.0.tgz", @@ -2064,13 +1987,6 @@ "node": ">= 8" } }, - "node_modules/@oddbird/popover-polyfill": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/@oddbird/popover-polyfill/-/popover-polyfill-0.5.2.tgz", - "integrity": "sha512-iFrvar5SOMtKFOSjYvs4z9UlLqDdJbMx0mgISLcPedv+g0ac5sgeETLGtipHCVIae6HJPclNEH5aCyD1RZaEHw==", - "dev": true, - "license": "BSD-3-Clause" - }, "node_modules/@pkgr/core": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz", @@ -2083,21 +1999,6 @@ "url": "https://opencollective.com/unts" } }, - "node_modules/@primer/behaviors": { - "version": "1.3.5", - "resolved": "https://registry.npmjs.org/@primer/behaviors/-/behaviors-1.3.5.tgz", - "integrity": "sha512-HWwz+6MrfK5NTWcg9GdKFpMBW/yrAV937oXiw2eDtsd88P3SRwoCt6ZO6QmKp9RP3nDU9cbqmuGZ0xBh0eIFeg==", - "dev": true - }, - "node_modules/@primer/live-region-element": { - "version": "0.7.2", - "resolved": "https://registry.npmjs.org/@primer/live-region-element/-/live-region-element-0.7.2.tgz", - "integrity": "sha512-wdxCHfcJzE1IPPjZNFR4RTwRcSWb7TN0fRdMH5HcxphLEnuZBWy0TAxk3xPA+/6lwiN3uEJ+ZWV4UF/glXh43A==", - "dev": true, - "dependencies": { - "@lit-labs/ssr-dom-shim": "^1.2.0" - } - }, "node_modules/@primer/primitives": { "version": "10.3.4", "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-10.3.4.tgz", @@ -2130,31 +2031,6 @@ "@primer/primitives": "9.x || 10.x" } }, - "node_modules/@primer/view-components": { - "version": "0.36.5", - "resolved": "https://registry.npmjs.org/@primer/view-components/-/view-components-0.36.5.tgz", - "integrity": "sha512-i3SpCe7umffMNWhfFCHflap0aXXn1Rd85N0RCrcFRmKBirSBIX9WkAvW1VQtdxKCwfwH3VTUGaEfqfgDE4ttCA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@github/auto-check-element": "^5.2.0", - "@github/auto-complete-element": "^3.6.2", - "@github/catalyst": "^1.6.0", - "@github/clipboard-copy-element": "^1.3.0", - "@github/details-menu-element": "^1.0.12", - "@github/image-crop-element": "^5.0.0", - "@github/include-fragment-element": "^6.1.1", - "@github/relative-time-element": "^4.0.0", - "@github/remote-input-element": "^0.4.0", - "@github/tab-container-element": "^3.1.2", - "@oddbird/popover-polyfill": "^0.5.2", - "@primer/behaviors": "^1.3.4", - "@primer/live-region-element": "^0.7.1" - }, - "peerDependencies": { - "@primer/primitives": "9.x || 10.x" - } - }, "node_modules/@rtsao/scc": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz", diff --git a/package.json b/package.json index e065ca0456..2c493e1fb8 100644 --- a/package.json +++ b/package.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", diff --git a/src/alerts/README.md b/src/alerts/README.md deleted file mode 100644 index 73523502e2..0000000000 --- a/src/alerts/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "alerts" -generated: true ---- - -# Primer CSS: `alerts` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/alerts/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/alerts.css`. - -## License - -[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/src/alerts/flash.scss b/src/alerts/flash.scss deleted file mode 100644 index f953b91fb9..0000000000 --- a/src/alerts/flash.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/flash'; diff --git a/src/alerts/index.scss b/src/alerts/index.scss deleted file mode 100644 index 033fb3b177..0000000000 --- a/src/alerts/index.scss +++ /dev/null @@ -1,3 +0,0 @@ -// support files -@import '../support/index.scss'; -@import './flash.scss'; diff --git a/src/autocomplete/autocomplete.scss b/src/autocomplete/autocomplete.scss deleted file mode 100644 index 44ecab95f2..0000000000 --- a/src/autocomplete/autocomplete.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/alpha/auto_complete'; diff --git a/src/autocomplete/index.scss b/src/autocomplete/index.scss index 5eb68a366e..57146ff2c7 100644 --- a/src/autocomplete/index.scss +++ b/src/autocomplete/index.scss @@ -1,4 +1,3 @@ // support files @import '../support/index.scss'; -@import './autocomplete.scss'; @import './suggester.scss'; diff --git a/src/avatars/avatar-stack.scss b/src/avatars/avatar-stack.scss deleted file mode 100644 index 7a9b9ec62d..0000000000 --- a/src/avatars/avatar-stack.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/avatar_stack'; diff --git a/src/avatars/avatar.scss b/src/avatars/avatar.scss deleted file mode 100644 index 78a808207f..0000000000 --- a/src/avatars/avatar.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/avatar'; diff --git a/src/avatars/index.scss b/src/avatars/index.scss index 2ddedec958..7b34c74ccd 100644 --- a/src/avatars/index.scss +++ b/src/avatars/index.scss @@ -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'; diff --git a/src/blankslate/README.md b/src/blankslate/README.md deleted file mode 100644 index b3845e9fee..0000000000 --- a/src/blankslate/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "blankslate" -generated: true ---- - -# Primer CSS: `blankslate` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/blankslate/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/blankslate.css`. - -## License - -[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/src/blankslate/blankslate.scss b/src/blankslate/blankslate.scss deleted file mode 100644 index a573a11de5..0000000000 --- a/src/blankslate/blankslate.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/blankslate'; diff --git a/src/blankslate/index.scss b/src/blankslate/index.scss deleted file mode 100644 index 80af25794d..0000000000 --- a/src/blankslate/index.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import '../support/index.scss'; -@import './blankslate.scss'; diff --git a/src/box/box.scss b/src/box/box.scss deleted file mode 100644 index b60923b60f..0000000000 --- a/src/box/box.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/border_box'; diff --git a/src/box/index.scss b/src/box/index.scss index 5b391ad45a..a49a929c96 100644 --- a/src/box/index.scss +++ b/src/box/index.scss @@ -1,3 +1,2 @@ @import '../support/index.scss'; -@import './box.scss'; @import './box-overlay.scss'; diff --git a/src/breadcrumb/README.md b/src/breadcrumb/README.md deleted file mode 100644 index 2fc162fbd8..0000000000 --- a/src/breadcrumb/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "breadcrumb" -generated: true ---- - -# Primer CSS: `breadcrumb` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/breadcrumb/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/breadcrumb.css`. - -## License - -[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/src/breadcrumb/breadcrumb.scss b/src/breadcrumb/breadcrumb.scss deleted file mode 100644 index f3151d704c..0000000000 --- a/src/breadcrumb/breadcrumb.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/breadcrumbs'; diff --git a/src/breadcrumb/index.scss b/src/breadcrumb/index.scss deleted file mode 100644 index bad6ce5e3e..0000000000 --- a/src/breadcrumb/index.scss +++ /dev/null @@ -1,3 +0,0 @@ -// support files -@import '../support/index.scss'; -@import './breadcrumb.scss'; diff --git a/src/core/index.scss b/src/core/index.scss index f0ea356f97..06cfde8fdd 100644 --- a/src/core/index.scss +++ b/src/core/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'; diff --git a/src/dropdown/README.md b/src/dropdown/README.md deleted file mode 100644 index 4f07480b94..0000000000 --- a/src/dropdown/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "dropdown" -generated: true ---- - -# Primer CSS: `dropdown` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/dropdown/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/dropdown.css`. - -## License - -[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/src/dropdown/dropdown.scss b/src/dropdown/dropdown.scss deleted file mode 100644 index db28aec383..0000000000 --- a/src/dropdown/dropdown.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/alpha/dropdown'; diff --git a/src/dropdown/index.scss b/src/dropdown/index.scss deleted file mode 100644 index c92b570be6..0000000000 --- a/src/dropdown/index.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import '../support/index.scss'; -@import './dropdown.scss'; diff --git a/src/forms/FormControl.scss b/src/forms/FormControl.scss deleted file mode 100644 index 4079aa8c70..0000000000 --- a/src/forms/FormControl.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/alpha/text_field'; diff --git a/src/forms/index.scss b/src/forms/index.scss index 1802186ca8..c5541f2e1e 100644 --- a/src/forms/index.scss +++ b/src/forms/index.scss @@ -4,5 +4,3 @@ @import './form-group.scss'; @import './input-group.scss'; @import './radio-group.scss'; -// new pvc components -@import './FormControl.scss'; diff --git a/src/labels/counters.scss b/src/labels/counters.scss deleted file mode 100644 index 252aa146ad..0000000000 --- a/src/labels/counters.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/counter'; diff --git a/src/labels/index.scss b/src/labels/index.scss index 041a7c6b88..4d589ee45d 100644 --- a/src/labels/index.scss +++ b/src/labels/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'; diff --git a/src/labels/labels.scss b/src/labels/labels.scss deleted file mode 100644 index f727a34cfa..0000000000 --- a/src/labels/labels.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/label'; diff --git a/src/labels/states.scss b/src/labels/states.scss deleted file mode 100644 index f1b560a20e..0000000000 --- a/src/labels/states.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/state'; diff --git a/src/layout/index.scss b/src/layout/index.scss index 74d5c1e675..74d371aa63 100644 --- a/src/layout/index.scss +++ b/src/layout/index.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'; diff --git a/src/layout/layout.scss b/src/layout/layout.scss deleted file mode 100644 index c789d12e30..0000000000 --- a/src/layout/layout.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/alpha/layout'; diff --git a/src/links/README.md b/src/links/README.md deleted file mode 100644 index a9c8b6139c..0000000000 --- a/src/links/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "links" -generated: true ---- - -# Primer CSS: `links` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/links/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/links.css`. - -## License - -[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/src/links/index.scss b/src/links/index.scss deleted file mode 100644 index f5dd46203d..0000000000 --- a/src/links/index.scss +++ /dev/null @@ -1,3 +0,0 @@ -// support files -@import '../support/index.scss'; -@import './link.scss'; diff --git a/src/links/link.scss b/src/links/link.scss deleted file mode 100644 index 37346c9584..0000000000 --- a/src/links/link.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/link'; diff --git a/src/navigation/index.scss b/src/navigation/index.scss index 12353b9889..cc28b1f2f5 100644 --- a/src/navigation/index.scss +++ b/src/navigation/index.scss @@ -1,8 +1,5 @@ @import '../support/index.scss'; // Navigation -@import './menu.scss'; -@import './tabnav.scss'; @import './filter-list.scss'; @import './sidenav.scss'; @import './subnav.scss'; -@import './underline-nav.scss'; diff --git a/src/navigation/menu.scss b/src/navigation/menu.scss deleted file mode 100644 index fe2d6e9f8f..0000000000 --- a/src/navigation/menu.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/alpha/menu'; diff --git a/src/navigation/tabnav.scss b/src/navigation/tabnav.scss deleted file mode 100644 index e1d11e1f50..0000000000 --- a/src/navigation/tabnav.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/alpha/tab_nav'; diff --git a/src/navigation/underline-nav.scss b/src/navigation/underline-nav.scss deleted file mode 100644 index a7b6cc972a..0000000000 --- a/src/navigation/underline-nav.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/alpha/underline_nav'; diff --git a/src/overlay/README.md b/src/overlay/README.md deleted file mode 100644 index 7d91b0f79a..0000000000 --- a/src/overlay/README.md +++ /dev/null @@ -1,24 +0,0 @@ ---- -bundle: 'overlay' -generated: true ---- - -# Primer CSS: `overlay` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import '@primer/css/overlay/index.scss'; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/overlay.css`. - -## License - -[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/) - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/src/overlay/index.scss b/src/overlay/index.scss deleted file mode 100644 index 381d309c08..0000000000 --- a/src/overlay/index.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import '../support/index.scss'; -@import './overlay.scss'; diff --git a/src/overlay/overlay.scss b/src/overlay/overlay.scss deleted file mode 100644 index 9e16463705..0000000000 --- a/src/overlay/overlay.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/alpha/dialog'; diff --git a/src/popover/README.md b/src/popover/README.md deleted file mode 100644 index 240aa87b11..0000000000 --- a/src/popover/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "popover" -generated: true ---- - -# Primer CSS: `popover` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/popover/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/popover.css`. - -## License - -[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/src/popover/index.scss b/src/popover/index.scss deleted file mode 100644 index 17f888408c..0000000000 --- a/src/popover/index.scss +++ /dev/null @@ -1,3 +0,0 @@ -// support files -@import '../support/index.scss'; -@import './popover.scss'; diff --git a/src/popover/popover.scss b/src/popover/popover.scss deleted file mode 100644 index 3ba9ef6812..0000000000 --- a/src/popover/popover.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/popover'; diff --git a/src/product/index.scss b/src/product/index.scss index f0047460ac..0c626dfac3 100644 --- a/src/product/index.scss +++ b/src/product/index.scss @@ -9,20 +9,12 @@ @import '../support/index.scss'; // Product specific css modules -@import '../alerts/index.scss'; @import '../autocomplete/index.scss'; @import '../avatars/index.scss'; -@import '../blankslate/index.scss'; @import '../branch-name/index.scss'; -@import '../dropdown/index.scss'; @import '../header/index.scss'; @import '../labels/index.scss'; @import '../loaders/index.scss'; @import '../markdown/index.scss'; -@import '../popover/index.scss'; -@import '../progress/index.scss'; @import '../select-menu/index.scss'; -@import '../subhead/index.scss'; -@import '../timeline/index.scss'; @import '../toasts/index.scss'; -@import '../toggle-switch/index.scss'; diff --git a/src/progress/README.md b/src/progress/README.md deleted file mode 100644 index 3afbb92642..0000000000 --- a/src/progress/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "progress" -generated: true ---- - -# Primer CSS: `progress` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/progress/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/progress.css`. - -## License - -[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/src/progress/index.scss b/src/progress/index.scss deleted file mode 100644 index 37805d8001..0000000000 --- a/src/progress/index.scss +++ /dev/null @@ -1,3 +0,0 @@ -// support files -@import '../support/index.scss'; -@import './progress.scss'; diff --git a/src/progress/progress.scss b/src/progress/progress.scss deleted file mode 100644 index b13c1cfb7e..0000000000 --- a/src/progress/progress.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/progress_bar'; diff --git a/src/subhead/README.md b/src/subhead/README.md deleted file mode 100644 index e1498ca4ee..0000000000 --- a/src/subhead/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "subhead" -generated: true ---- - -# Primer CSS: `subhead` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/subhead/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/subhead.css`. - -## License - -[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/src/subhead/index.scss b/src/subhead/index.scss deleted file mode 100644 index 792d9b4254..0000000000 --- a/src/subhead/index.scss +++ /dev/null @@ -1,3 +0,0 @@ -// support files -@import '../support/index.scss'; -@import './subhead.scss'; diff --git a/src/subhead/subhead.scss b/src/subhead/subhead.scss deleted file mode 100644 index 826714f064..0000000000 --- a/src/subhead/subhead.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/subhead'; diff --git a/src/timeline/README.md b/src/timeline/README.md deleted file mode 100644 index aa33ffac05..0000000000 --- a/src/timeline/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "timeline" -generated: true ---- - -# Primer CSS: `timeline` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/timeline/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/timeline.css`. - -## License - -[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/src/timeline/index.scss b/src/timeline/index.scss deleted file mode 100644 index 6497dcb40c..0000000000 --- a/src/timeline/index.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import '../support/index.scss'; -@import './timeline-item.scss'; diff --git a/src/timeline/timeline-item.scss b/src/timeline/timeline-item.scss deleted file mode 100644 index 168771e202..0000000000 --- a/src/timeline/timeline-item.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/beta/timeline_item'; diff --git a/src/toggle-switch/index.scss b/src/toggle-switch/index.scss deleted file mode 100644 index 0387fe8091..0000000000 --- a/src/toggle-switch/index.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import '../support/index.scss'; -@import './toggle-switch.scss'; diff --git a/src/toggle-switch/toggle-switch.scss b/src/toggle-switch/toggle-switch.scss deleted file mode 100644 index 568b52286f..0000000000 --- a/src/toggle-switch/toggle-switch.scss +++ /dev/null @@ -1 +0,0 @@ -@import '@primer/view-components/app/components/primer/alpha/toggle_switch'; diff --git a/src/truncate/README.md b/src/truncate/README.md deleted file mode 100644 index 697d2998b6..0000000000 --- a/src/truncate/README.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -bundle: "truncate" -generated: true ---- - -# Primer CSS: `truncate` bundle - -## Usage - -Primer CSS source files are written in [SCSS]. To include this Primer CSS module in your own build, ensure that your `node_modules` directory is listed in your Sass include paths, then import it with: - -```scss -@import "@primer/css/truncate/index.scss"; -``` - -## Build - -The `@primer/css` npm package includes a standalone CSS build of this module in `dist/truncate.css`. - -## License - -[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/) - - -[scss]: https://sass-lang.com/documentation/syntax#scss diff --git a/src/truncate/index.scss b/src/truncate/index.scss deleted file mode 100644 index c1bb2c883c..0000000000 --- a/src/truncate/index.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import '../support/index.scss'; -@import './truncate.scss'; diff --git a/src/truncate/truncate.scss b/src/truncate/truncate.scss deleted file mode 100644 index d380648279..0000000000 --- a/src/truncate/truncate.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import '@primer/view-components/app/components/primer/truncate'; -@import '@primer/view-components/app/components/primer/beta/truncate';