@primer/css 0.0.0-1ea75fe → 0.0.0-202110100305

package/color-modes/themes/dark.scss

@@ -0,0 +1,7 @@
+@import "../../support/index.scss";
+
+@import "@primer/primitives/dist/scss/colors/_dark.scss";
+
+@include color-mode-theme(dark) {
+  @include primer-colors-dark;
+}

package/color-modes/themes/dark_colorblind.scss

@@ -0,0 +1,7 @@
+@import "../../support/index.scss";
+
+@import "@primer/primitives/dist/scss/colors/_dark_colorblind.scss";
+
+@include color-mode-theme(dark_colorblind) {
+  @include primer-colors-dark_colorblind;
+}

package/color-modes/themes/dark_dimmed.scss

@@ -0,0 +1,7 @@
+@import "../../support/index.scss";
+
+@import "@primer/primitives/dist/scss/colors/_dark_dimmed.scss";
+
+@include color-mode-theme(dark_dimmed) {
+  @include primer-colors-dark_dimmed;
+}

package/color-modes/themes/dark_high_contrast.scss

@@ -0,0 +1,7 @@
+@import "../../support/index.scss";
+
+@import "@primer/primitives/dist/scss/colors/_dark_high_contrast.scss";
+
+@include color-mode-theme(dark_high_contrast) {
+  @include primer-colors-dark_high_contrast;
+}

package/color-modes/themes/light.scss

@@ -0,0 +1,7 @@
+@import "../../support/index.scss";
+
+@import "@primer/primitives/dist/scss/colors/_light.scss";
+
+@include color-mode-theme(light, true) {
+  @include primer-colors-light;
+}

package/color-modes/themes/light_colorblind.scss

@@ -0,0 +1,7 @@
+@import "../../support/index.scss";
+
+@import "@primer/primitives/dist/scss/colors/_light_colorblind.scss";
+
+@include color-mode-theme(light_colorblind) {
+  @include primer-colors-light_colorblind;
+}

package/core/README.md

@@ -1,37 +1,25 @@
-# Primer Core
+---
+bundle: "core"
+generated: true
+---
 
-> Primer core is one of 3 meta-packages that belong to the Primer framework. Primer core contains packages that are shared between GitHub product and marketing websites.
-
-This repository is a compilation of [several CSS packages](https://github.com/primer/css). You can break it down into smaller sections using npm.
+# Primer CSS: `core` bundle
 
 ## Usage
 
-The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
+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-core/index.scss";
+@import "@primer/css/core/index.scss";
 ```
 
-You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
-
 ## Build
 
-For a compiled **CSS** version of this module, an npm script is included that will output a CSS version to `build/build.css` The built CSS file is also included in the npm package.
-
-```
-$ npm run build
-```
-
-## Documentation
-
-You can read more about primer in the [docs][docs].
+The `@primer/css` npm package includes a standalone CSS build of this module in `dist/core.css`.
 
 ## License
 
-[MIT](./LICENSE) © [GitHub](https://github.com/)
+[MIT](https://github.com/primer/css/blob/main/LICENSE) © [GitHub](https://github.com/)
+
 
-[primer]: https://github.com/primer/css
-[docs]: https://primer.style/css
-[npm]: https://www.npmjs.com/
-[install-npm]: https://docs.npmjs.com/getting-started/installing-node
-[sass]: http://sass-lang.com/
+[scss]: https://sass-lang.com/documentation/syntax#scss

package/core/index.scss

@@ -1,30 +1,29 @@
 /*!
- * Primer-core
- * http://primer.github.io
+ * @primer/css/core
+ * http://primer.style/css
  *
  * Released under MIT license. Copyright (c) 2019 GitHub Inc.
  */
 
-// Primer master file
-//
-// Imports all Primer files in their intended order for easy mass-inclusion.
-// Should you need specific files, you can easily use separate `@import`s.
-
 // Global requirements
-@import "../support/index.scss";
+@import '../support/index.scss';
+
+// Color modes
 
 // 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 "../navigation/index.scss";
-@import "../pagination/index.scss";
-@import "../tooltips/index.scss";
-@import "../truncate/index.scss";
+@import '../actionlist/index.scss';
+@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';
 
 // Utilities always go last so that they can override components
-@import "../utilities/index.scss";
+@import '../utilities/index.scss';

package/deprecations.js

@@ -0,0 +1,24 @@
+/**
+    Deprecated Selectors
+    -------------------------
+    These are deprecated selectors and should not be used. They include a replacement value,
+    which can be an array or null.
+
+      * 'deprecated-selector': 'replacement-selector'               <-- Replace with this selector.
+      * 'deprecated-selector': ['replacement-1', 'replacement-2']   <-- Replace with one of these selectors.
+      * 'deprecated-selector': null                                 <-- No option available, remove selector.
+*/
+
+import fs from 'fs'
+
+const deprecations = JSON.parse(fs.readFileSync('./dist/deprecations.json'))
+
+const deprecatedSelectors = deprecations['selectors']
+const deprecatedSassVariables = deprecations['variables']
+const deprecatedSassMixins = deprecations['mixins']
+
+export {
+  deprecatedSelectors,
+  deprecatedSassVariables,
+  deprecatedSassMixins
+}