@patternfly/react-styles 4.74.13 → 4.74.14

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.74.14 (2022-07-11)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
 ## 4.74.13 (2022-07-11)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/utilities/BackgroundColor/BackgroundColor.css

@@ -311,4 +311,104 @@
   .pf-u-background-color-danger-on-2xl {
     background-color: var(--pf-global--palette--red-50) !important;
   }
+}
+:where(.pf-theme-dark) .pf-u-background-color-default {
+  background-color: var(--pf-global--BackgroundColor--100) !important;
+}
+:where(.pf-theme-dark) .pf-u-background-color-success {
+  background-color: var(--pf-global--BackgroundColor--100) !important;
+}
+:where(.pf-theme-dark) .pf-u-background-color-info {
+  background-color: var(--pf-global--BackgroundColor--100) !important;
+}
+:where(.pf-theme-dark) .pf-u-background-color-warning {
+  background-color: var(--pf-global--BackgroundColor--100) !important;
+}
+:where(.pf-theme-dark) .pf-u-background-color-danger {
+  background-color: var(--pf-global--BackgroundColor--100) !important;
+}
+@media screen and (min-width: 576px) {
+  :where(.pf-theme-dark) .pf-u-background-color-default-on-sm {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-success-on-sm {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-info-on-sm {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-warning-on-sm {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-danger-on-sm {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+}
+@media screen and (min-width: 768px) {
+  :where(.pf-theme-dark) .pf-u-background-color-default-on-md {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-success-on-md {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-info-on-md {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-warning-on-md {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-danger-on-md {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+}
+@media screen and (min-width: 992px) {
+  :where(.pf-theme-dark) .pf-u-background-color-default-on-lg {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-success-on-lg {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-info-on-lg {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-warning-on-lg {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-danger-on-lg {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+}
+@media screen and (min-width: 1200px) {
+  :where(.pf-theme-dark) .pf-u-background-color-default-on-xl {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-success-on-xl {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-info-on-xl {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-warning-on-xl {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-danger-on-xl {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+}
+@media screen and (min-width: 1450px) {
+  :where(.pf-theme-dark) .pf-u-background-color-default-on-2xl {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-success-on-2xl {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-info-on-2xl {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-warning-on-2xl {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-background-color-danger-on-2xl {
+    background-color: var(--pf-global--BackgroundColor--100) !important;
+  }
 }

package/css/utilities/BackgroundColor/BackgroundColor.d.ts

@@ -95,6 +95,7 @@ declare const _default: {
   "backgroundColor_200OnMd": "pf-u-background-color-200-on-md",
   "backgroundColor_200OnSm": "pf-u-background-color-200-on-sm",
   "backgroundColor_200OnXl": "pf-u-background-color-200-on-xl",
-  "backgroundColor_200On_2xl": "pf-u-background-color-200-on-2xl"
+  "backgroundColor_200On_2xl": "pf-u-background-color-200-on-2xl",
+  "themeDark": "pf-theme-dark"
 };
 export default _default;

package/css/utilities/BackgroundColor/BackgroundColor.js

@@ -97,5 +97,6 @@ exports.default = {
   "backgroundColor_200OnMd": "pf-u-background-color-200-on-md",
   "backgroundColor_200OnSm": "pf-u-background-color-200-on-sm",
   "backgroundColor_200OnXl": "pf-u-background-color-200-on-xl",
-  "backgroundColor_200On_2xl": "pf-u-background-color-200-on-2xl"
+  "backgroundColor_200On_2xl": "pf-u-background-color-200-on-2xl",
+  "themeDark": "pf-theme-dark"
 };

package/css/utilities/BackgroundColor/BackgroundColor.mjs

@@ -95,5 +95,6 @@ export default {
   "backgroundColor_200OnMd": "pf-u-background-color-200-on-md",
   "backgroundColor_200OnSm": "pf-u-background-color-200-on-sm",
   "backgroundColor_200OnXl": "pf-u-background-color-200-on-xl",
-  "backgroundColor_200On_2xl": "pf-u-background-color-200-on-2xl"
+  "backgroundColor_200On_2xl": "pf-u-background-color-200-on-2xl",
+  "themeDark": "pf-theme-dark"
 };

package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts

@@ -0,0 +1,3 @@
+import './BackgroundColor.css';
+declare const _default: {};
+export default _default;

package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+require('./BackgroundColor.css');
+exports.default = {};

package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs

@@ -0,0 +1,2 @@
+import('./BackgroundColor.css');
+export default {};

package/css/utilities/Text/text.css

@@ -942,4 +942,177 @@
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
+}
+
+:where(.pf-theme-dark) .pf-u-color-300 {
+  color: var(--pf-global--Color--100) !important;
+}
+:where(.pf-theme-dark) .pf-u-color-light-100 {
+  color: var(--pf-global--Color-100) !important;
+}
+:where(.pf-theme-dark) .pf-u-color-light-200 {
+  color: var(--pf-global--Color-200) !important;
+}
+:where(.pf-theme-dark) .pf-u-link-color-visited {
+  color: var(--pf-global--palette--purple-200) !important;
+}
+:where(.pf-theme-dark) .pf-u-default-color-300 {
+  color: var(--pf-global--default-color--100) !important;
+}
+:where(.pf-theme-dark) .pf-u-success-color-200 {
+  color: var(--pf-global--success-color--100) !important;
+}
+:where(.pf-theme-dark) .pf-u-info-color-200 {
+  color: var(--pf-global--info-color--100) !important;
+}
+:where(.pf-theme-dark) .pf-u-danger-color-300 {
+  color: var(--pf-global--danger-color--100) !important;
+}
+:where(.pf-theme-dark) .pf-u-icon-color-dark {
+  color: var(--pf-global--icon--Color--dark) !important;
+}
+@media screen and (min-width: 576px) {
+  :where(.pf-theme-dark) .pf-u-color-300-on-sm {
+    color: var(--pf-global--Color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-color-light-100-on-sm {
+    color: var(--pf-global--Color-100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-color-light-200-on-sm {
+    color: var(--pf-global--Color-200) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-link-color-visited-on-sm {
+    color: var(--pf-global--palette--purple-200) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-default-color-300-on-sm {
+    color: var(--pf-global--default-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-success-color-200-on-sm {
+    color: var(--pf-global--success-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-info-color-200-on-sm {
+    color: var(--pf-global--info-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-danger-color-300-on-sm {
+    color: var(--pf-global--danger-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-icon-color-dark-on-sm {
+    color: var(--pf-global--icon--Color--dark) !important;
+  }
+}
+@media screen and (min-width: 768px) {
+  :where(.pf-theme-dark) .pf-u-color-300-on-md {
+    color: var(--pf-global--Color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-color-light-100-on-md {
+    color: var(--pf-global--Color-100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-color-light-200-on-md {
+    color: var(--pf-global--Color-200) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-link-color-visited-on-md {
+    color: var(--pf-global--palette--purple-200) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-default-color-300-on-md {
+    color: var(--pf-global--default-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-success-color-200-on-md {
+    color: var(--pf-global--success-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-info-color-200-on-md {
+    color: var(--pf-global--info-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-danger-color-300-on-md {
+    color: var(--pf-global--danger-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-icon-color-dark-on-md {
+    color: var(--pf-global--icon--Color--dark) !important;
+  }
+}
+@media screen and (min-width: 992px) {
+  :where(.pf-theme-dark) .pf-u-color-300-on-lg {
+    color: var(--pf-global--Color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-color-light-100-on-lg {
+    color: var(--pf-global--Color-100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-color-light-200-on-lg {
+    color: var(--pf-global--Color-200) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-link-color-visited-on-lg {
+    color: var(--pf-global--palette--purple-200) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-default-color-300-on-lg {
+    color: var(--pf-global--default-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-success-color-200-on-lg {
+    color: var(--pf-global--success-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-info-color-200-on-lg {
+    color: var(--pf-global--info-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-danger-color-300-on-lg {
+    color: var(--pf-global--danger-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-icon-color-dark-on-lg {
+    color: var(--pf-global--icon--Color--dark) !important;
+  }
+}
+@media screen and (min-width: 1200px) {
+  :where(.pf-theme-dark) .pf-u-color-300-on-xl {
+    color: var(--pf-global--Color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-color-light-100-on-xl {
+    color: var(--pf-global--Color-100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-color-light-200-on-xl {
+    color: var(--pf-global--Color-200) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-link-color-visited-on-xl {
+    color: var(--pf-global--palette--purple-200) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-default-color-300-on-xl {
+    color: var(--pf-global--default-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-success-color-200-on-xl {
+    color: var(--pf-global--success-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-info-color-200-on-xl {
+    color: var(--pf-global--info-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-danger-color-300-on-xl {
+    color: var(--pf-global--danger-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-icon-color-dark-on-xl {
+    color: var(--pf-global--icon--Color--dark) !important;
+  }
+}
+@media screen and (min-width: 1450px) {
+  :where(.pf-theme-dark) .pf-u-color-300-on-2xl {
+    color: var(--pf-global--Color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-color-light-100-on-2xl {
+    color: var(--pf-global--Color-100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-color-light-200-on-2xl {
+    color: var(--pf-global--Color-200) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-link-color-visited-on-2xl {
+    color: var(--pf-global--palette--purple-200) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-default-color-300-on-2xl {
+    color: var(--pf-global--default-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-success-color-200-on-2xl {
+    color: var(--pf-global--success-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-info-color-200-on-2xl {
+    color: var(--pf-global--info-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-danger-color-300-on-2xl {
+    color: var(--pf-global--danger-color--100) !important;
+  }
+  :where(.pf-theme-dark) .pf-u-icon-color-dark-on-2xl {
+    color: var(--pf-global--icon--Color--dark) !important;
+  }
 }

package/css/utilities/Text/text.d.ts

@@ -271,6 +271,7 @@ declare const _default: {
   "textWrapOnSm": "pf-u-text-wrap-on-sm",
   "textWrapOnXl": "pf-u-text-wrap-on-xl",
   "textWrapOn_2xl": "pf-u-text-wrap-on-2xl",
+  "themeDark": "pf-theme-dark",
   "warningColor_100": "pf-u-warning-color-100",
   "warningColor_100OnLg": "pf-u-warning-color-100-on-lg",
   "warningColor_100OnMd": "pf-u-warning-color-100-on-md",

package/css/utilities/Text/text.js

@@ -273,6 +273,7 @@ exports.default = {
   "textWrapOnSm": "pf-u-text-wrap-on-sm",
   "textWrapOnXl": "pf-u-text-wrap-on-xl",
   "textWrapOn_2xl": "pf-u-text-wrap-on-2xl",
+  "themeDark": "pf-theme-dark",
   "warningColor_100": "pf-u-warning-color-100",
   "warningColor_100OnLg": "pf-u-warning-color-100-on-lg",
   "warningColor_100OnMd": "pf-u-warning-color-100-on-md",

package/css/utilities/Text/text.mjs

@@ -271,6 +271,7 @@ export default {
   "textWrapOnSm": "pf-u-text-wrap-on-sm",
   "textWrapOnXl": "pf-u-text-wrap-on-xl",
   "textWrapOn_2xl": "pf-u-text-wrap-on-2xl",
+  "themeDark": "pf-theme-dark",
   "warningColor_100": "pf-u-warning-color-100",
   "warningColor_100OnLg": "pf-u-warning-color-100-on-lg",
   "warningColor_100OnMd": "pf-u-warning-color-100-on-md",

package/css/utilities/Text/themes/dark/text.d.ts

@@ -0,0 +1,3 @@
+import './text.css';
+declare const _default: {};
+export default _default;

package/css/utilities/Text/themes/dark/text.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+require('./text.css');
+exports.default = {};

package/css/utilities/Text/themes/dark/text.mjs

@@ -0,0 +1,2 @@
+import('./text.css');
+export default {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.74.13",
+  "version": "4.74.14",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "4.203.1",
+    "@patternfly/patternfly": "4.203.2",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "3da666f00f7e848913704c049a51c4085c4044a0"
+  "gitHead": "71e3dd5504c0309222ada3cf612717ac220c29fd"
 }