@patternfly/react-styles 4.70.1 → 4.71.1

package/css/components/ToggleGroup/toggle-group.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
     "selected": "pf-m-selected",
     "disabled": "pf-m-disabled"
   },
+  "themeDark": "pf-theme-dark",
   "toggleGroup": "pf-c-toggle-group",
   "toggleGroupButton": "pf-c-toggle-group__button",
   "toggleGroupIcon": "pf-c-toggle-group__icon",

package/css/components/ToggleGroup/toggle-group.js

@@ -7,6 +7,7 @@ exports.default = {
     "selected": "pf-m-selected",
     "disabled": "pf-m-disabled"
   },
+  "themeDark": "pf-theme-dark",
   "toggleGroup": "pf-c-toggle-group",
   "toggleGroupButton": "pf-c-toggle-group__button",
   "toggleGroupIcon": "pf-c-toggle-group__icon",

package/css/components/ToggleGroup/toggle-group.mjs

@@ -5,6 +5,7 @@ export default {
     "selected": "pf-m-selected",
     "disabled": "pf-m-disabled"
   },
+  "themeDark": "pf-theme-dark",
   "toggleGroup": "pf-c-toggle-group",
   "toggleGroupButton": "pf-c-toggle-group__button",
   "toggleGroupIcon": "pf-c-toggle-group__icon",

package/css/components/Tooltip/tooltip.css

@@ -80,4 +80,17 @@
   height: var(--pf-c-tooltip__arrow--Height);
   pointer-events: none;
   background-color: var(--pf-c-tooltip__content--BackgroundColor);
+}
+
+:where(.pf-theme-dark) .pf-c-tooltip {
+  --pf-c-tooltip--BoxShadow: none;
+  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
+}
+:where(.pf-theme-dark) .pf-c-tooltip,
+:where(.pf-theme-dark) .pf-c-tooltip__arrow {
+  border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
+}
+:where(.pf-theme-dark) .pf-c-tooltip__arrow {
+  --pf-c-tooltip__arrow--Width: 0.9375rem;
+  --pf-c-tooltip__arrow--Height: 0.9375rem;
 }

package/css/components/Tooltip/tooltip.d.ts

@@ -15,6 +15,7 @@ declare const _default: {
     "rightBottom": "pf-m-right-bottom",
     "textAlignLeft": "pf-m-text-align-left"
   },
+  "themeDark": "pf-theme-dark",
   "tooltip": "pf-c-tooltip",
   "tooltipArrow": "pf-c-tooltip__arrow",
   "tooltipContent": "pf-c-tooltip__content"

package/css/components/Tooltip/tooltip.js

@@ -17,6 +17,7 @@ exports.default = {
     "rightBottom": "pf-m-right-bottom",
     "textAlignLeft": "pf-m-text-align-left"
   },
+  "themeDark": "pf-theme-dark",
   "tooltip": "pf-c-tooltip",
   "tooltipArrow": "pf-c-tooltip__arrow",
   "tooltipContent": "pf-c-tooltip__content"

package/css/components/Tooltip/tooltip.mjs

@@ -15,6 +15,7 @@ export default {
     "rightBottom": "pf-m-right-bottom",
     "textAlignLeft": "pf-m-text-align-left"
   },
+  "themeDark": "pf-theme-dark",
   "tooltip": "pf-c-tooltip",
   "tooltipArrow": "pf-c-tooltip__arrow",
   "tooltipContent": "pf-c-tooltip__content"

package/css/components/TreeView/tree-view.css

@@ -425,4 +425,9 @@
   --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
   --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 9 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
   --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
+}
+
+:where(.pf-theme-dark) .pf-c-tree-view {
+  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
 }

package/css/components/TreeView/tree-view.d.ts

@@ -10,6 +10,7 @@ declare const _default: {
     "read": "pf-m-read",
     "truncate": "pf-m-truncate"
   },
+  "themeDark": "pf-theme-dark",
   "treeView": "pf-c-tree-view",
   "treeViewAction": "pf-c-tree-view__action",
   "treeViewContent": "pf-c-tree-view__content",

package/css/components/TreeView/tree-view.js

@@ -12,6 +12,7 @@ exports.default = {
     "read": "pf-m-read",
     "truncate": "pf-m-truncate"
   },
+  "themeDark": "pf-theme-dark",
   "treeView": "pf-c-tree-view",
   "treeViewAction": "pf-c-tree-view__action",
   "treeViewContent": "pf-c-tree-view__content",

package/css/components/TreeView/tree-view.mjs

@@ -10,6 +10,7 @@ export default {
     "read": "pf-m-read",
     "truncate": "pf-m-truncate"
   },
+  "themeDark": "pf-theme-dark",
   "treeView": "pf-c-tree-view",
   "treeViewAction": "pf-c-tree-view__action",
   "treeViewContent": "pf-c-tree-view__content",

package/css/components/Wizard/wizard.css

@@ -509,4 +509,38 @@
 
 .pf-c-wizard__footer-cancel {
   margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
+}
+
+:where(.pf-theme-dark) .pf-c-wizard__header {
+  --pf-global--Color--100: #e0e0e0;
+  --pf-global--Color--200: #aaabac;
+  --pf-global--BorderColor--100: #444548;
+  --pf-global--primary-color--100: #1fa7f8;
+  --pf-global--link--Color: #1fa7f8;
+  --pf-global--link--Color--hover: #73bcf7;
+  --pf-global--BackgroundColor--100: #1b1d21;
+}
+:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button {
+  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
+  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
+  --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
+  --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
+  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
+  --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
+  --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
+  --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
+  --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
+  --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
+}
+
+:where(.pf-theme-dark) .pf-c-wizard {
+  --pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--disabled-color--300);
+  --pf-c-wizard__nav-link--m-disabled--before--Color: var(--pf-global--disabled-color--300);
+  --pf-c-wizard__nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-wizard__outer-wrap--BackgroundColor: var(--pf-global--BackgroundColor--300);
+}
+:where(.pf-theme-dark) .pf-c-wizard__header {
+  color: var(--pf-global--Color--100);
 }

package/css/components/Wizard/wizard.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
     "noPadding": "pf-m-no-padding"
   },
   "pageMainWizard": "pf-c-page__main-wizard",
+  "themeDark": "pf-theme-dark",
   "wizard": "pf-c-wizard",
   "wizardClose": "pf-c-wizard__close",
   "wizardDescription": "pf-c-wizard__description",

package/css/components/Wizard/wizard.js

@@ -15,6 +15,7 @@ exports.default = {
     "noPadding": "pf-m-no-padding"
   },
   "pageMainWizard": "pf-c-page__main-wizard",
+  "themeDark": "pf-theme-dark",
   "wizard": "pf-c-wizard",
   "wizardClose": "pf-c-wizard__close",
   "wizardDescription": "pf-c-wizard__description",

package/css/components/Wizard/wizard.mjs

@@ -13,6 +13,7 @@ export default {
     "noPadding": "pf-m-no-padding"
   },
   "pageMainWizard": "pf-c-page__main-wizard",
+  "themeDark": "pf-theme-dark",
   "wizard": "pf-c-wizard",
   "wizardClose": "pf-c-wizard__close",
   "wizardDescription": "pf-c-wizard__description",

package/css/docs/demos/Table/examples/Table.css

@@ -0,0 +1,3 @@
+.table-demo-icon {
+  width: 36px;
+}

package/css/docs/demos/Table/examples/Table.d.ts

@@ -0,0 +1,5 @@
+import './Table.css';
+declare const _default: {
+  "tableDemoIcon": "table-demo-icon"
+};
+export default _default;

package/css/docs/demos/Table/examples/Table.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+require('./Table.css');
+exports.default = {
+  "tableDemoIcon": "table-demo-icon"
+};

package/css/docs/demos/Table/examples/Table.mjs

@@ -0,0 +1,4 @@
+import('./Table.css');
+export default {
+  "tableDemoIcon": "table-demo-icon"
+};

package/css/utilities/Text/text.css

@@ -1,3 +1,27 @@
+.pf-u-font-family-sans-serif {
+  font-family: var(--pf-global--FontFamily--sans-serif) !important;
+}
+
+.pf-u-font-family-heading-sans-serif {
+  font-family: var(--pf-global--FontFamily--heading--sans-serif) !important;
+}
+
+.pf-u-font-family-monospace {
+  font-family: var(--pf-global--FontFamily--monospace) !important;
+}
+
+.pf-u-font-family-redhatVF-sans-serif {
+  font-family: var(--pf-global--FontFamily--redhatVF--sans-serif) !important;
+}
+
+.pf-u-font-family-redhatVF-heading-sans-serif {
+  font-family: var(--pf-global--FontFamily--redhatVF--heading--sans-serif) !important;
+}
+
+.pf-u-font-family-redhatVF-monospace {
+  font-family: var(--pf-global--FontFamily--redhatVF--monospace) !important;
+}
+
 .pf-u-font-size-xs {
   font-size: var(--pf-global--FontSize--xs) !important;
 }

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

@@ -96,6 +96,12 @@ declare const _default: {
   "disabledColor_200OnSm": "pf-u-disabled-color-200-on-sm",
   "disabledColor_200OnXl": "pf-u-disabled-color-200-on-xl",
   "disabledColor_200On_2xl": "pf-u-disabled-color-200-on-2xl",
+  "fontFamilyHeadingSansSerif": "pf-u-font-family-heading-sans-serif",
+  "fontFamilyMonospace": "pf-u-font-family-monospace",
+  "fontFamilyRedhatVfHeadingSansSerif": "pf-u-font-family-redhatVF-heading-sans-serif",
+  "fontFamilyRedhatVfMonospace": "pf-u-font-family-redhatVF-monospace",
+  "fontFamilyRedhatVfSansSerif": "pf-u-font-family-redhatVF-sans-serif",
+  "fontFamilySansSerif": "pf-u-font-family-sans-serif",
   "fontSizeLg": "pf-u-font-size-lg",
   "fontSizeLgOnLg": "pf-u-font-size-lg-on-lg",
   "fontSizeLgOnMd": "pf-u-font-size-lg-on-md",

package/css/utilities/Text/text.js

@@ -98,6 +98,12 @@ exports.default = {
   "disabledColor_200OnSm": "pf-u-disabled-color-200-on-sm",
   "disabledColor_200OnXl": "pf-u-disabled-color-200-on-xl",
   "disabledColor_200On_2xl": "pf-u-disabled-color-200-on-2xl",
+  "fontFamilyHeadingSansSerif": "pf-u-font-family-heading-sans-serif",
+  "fontFamilyMonospace": "pf-u-font-family-monospace",
+  "fontFamilyRedhatVfHeadingSansSerif": "pf-u-font-family-redhatVF-heading-sans-serif",
+  "fontFamilyRedhatVfMonospace": "pf-u-font-family-redhatVF-monospace",
+  "fontFamilyRedhatVfSansSerif": "pf-u-font-family-redhatVF-sans-serif",
+  "fontFamilySansSerif": "pf-u-font-family-sans-serif",
   "fontSizeLg": "pf-u-font-size-lg",
   "fontSizeLgOnLg": "pf-u-font-size-lg-on-lg",
   "fontSizeLgOnMd": "pf-u-font-size-lg-on-md",

package/css/utilities/Text/text.mjs

@@ -96,6 +96,12 @@ export default {
   "disabledColor_200OnSm": "pf-u-disabled-color-200-on-sm",
   "disabledColor_200OnXl": "pf-u-disabled-color-200-on-xl",
   "disabledColor_200On_2xl": "pf-u-disabled-color-200-on-2xl",
+  "fontFamilyHeadingSansSerif": "pf-u-font-family-heading-sans-serif",
+  "fontFamilyMonospace": "pf-u-font-family-monospace",
+  "fontFamilyRedhatVfHeadingSansSerif": "pf-u-font-family-redhatVF-heading-sans-serif",
+  "fontFamilyRedhatVfMonospace": "pf-u-font-family-redhatVF-monospace",
+  "fontFamilyRedhatVfSansSerif": "pf-u-font-family-redhatVF-sans-serif",
+  "fontFamilySansSerif": "pf-u-font-family-sans-serif",
   "fontSizeLg": "pf-u-font-size-lg",
   "fontSizeLgOnLg": "pf-u-font-size-lg-on-lg",
   "fontSizeLgOnMd": "pf-u-font-size-lg-on-md",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.70.1",
+  "version": "4.71.1",
   "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.194.4",
+    "@patternfly/patternfly": "4.196.6",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.0.0"
   },
   "license": "MIT",
-  "gitHead": "5e656c560b00e485a3a5a8d6e97c5677624a13ed"
+  "gitHead": "185f5001db15c2ef7690bb60e9876dfbd758c4d9"
 }