@papillonbits/css 0.1.0 → 0.4.0

package/build/primer/color-modes/index.scss

@@ -0,0 +1,10 @@
+// All themes
+
+@import './themes/light.scss';
+@import './themes/light_colorblind.scss';
+@import './themes/light_high_contrast.scss';
+@import './themes/dark.scss';
+@import './themes/dark_dimmed.scss';
+@import './themes/dark_high_contrast.scss';
+@import './themes/dark_colorblind.scss';
+@import './native.scss';

package/build/primer/color-modes/native.scss

@@ -0,0 +1,22 @@
+// color-scheme
+// Enables color modes for native elements
+
+@include color-mode(light) { color-scheme: light; }
+
+@include color-mode(dark) { color-scheme: dark; }
+
+[data-color-mode] {
+  color: var(--color-fg-default);
+  background-color: var(--color-canvas-default);
+}
+
+// Windows High Contrast mode
+
+// Improves focus state for various components when Windows High Contrast mode is enabled
+// stylelint-disable selector-max-type
+@media (forced-colors: active) {
+  body {
+    --color-accent-emphasis: Highlight;
+    --color-fg-on-emphasis: LinkText;
+  }
+}

package/build/primer/color-modes/themes/dark.scss

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

package/build/primer/color-modes/themes/dark_colorblind.scss

@@ -0,0 +1,6 @@
+@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/build/primer/color-modes/themes/dark_dimmed.scss

@@ -0,0 +1,6 @@
+@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/build/primer/color-modes/themes/dark_high_contrast.scss

@@ -0,0 +1,6 @@
+@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/build/primer/color-modes/themes/light.scss

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

package/build/primer/color-modes/themes/light_colorblind.scss

@@ -0,0 +1,6 @@
+@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/build/primer/color-modes/themes/light_high_contrast.scss

@@ -0,0 +1,6 @@
+@import '../../support/index.scss';
+@import '@primer/primitives/dist/scss/colors/_light_high_contrast.scss';
+
+@include color-mode-theme(light_high_contrast) {
+  @include primer-colors-light_high_contrast;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonbits/css",
-  "version": "0.1.0",
+  "version": "0.4.0",
   "description": "Papillon Bits CSS",
   "homepage": "https://github.com/papillonbits/papillonbits/tree/master/packages/css",
   "repository": {
@@ -23,5 +23,5 @@
     "build-acceptance": "npm run build",
     "build-release": "npm run build"
   },
-  "gitHead": "d1d69160a726db6045ba81b79c29ba9d00e2b631"
+  "gitHead": "f169f2b2002fd1767495c4779e9a28ca5dd53f8c"
 }