@patternfly/react-styles 6.0.0-alpha.6 → 6.0.0-alpha.7

package/css/components/Nav/nav.d.ts

@@ -1,40 +1,29 @@
 import './nav.css';
 declare const _default: {
+  "buttonIcon": "pf-v5-c-button__icon",
   "dirRtl": "pf-v5-m-dir-rtl",
-  "divider": "pf-v5-c-divider",
-  "menu": "pf-v5-c-menu",
-  "menuContent": "pf-v5-c-menu__content",
-  "menuItem": "pf-v5-c-menu__item",
-  "menuItemToggleIcon": "pf-v5-c-menu__item-toggle-icon",
-  "menuListItem": "pf-v5-c-menu__list-item",
   "modifiers": {
-    "flyout": "pf-m-flyout",
-    "top": "pf-m-top",
-    "left": "pf-m-left",
-    "current": "pf-m-current",
-    "drillUp": "pf-m-drill-up",
-    "horizontal": "pf-m-horizontal",
-    "tertiary": "pf-m-tertiary",
-    "horizontalSubnav": "pf-m-horizontal-subnav",
-    "light": "pf-m-light",
     "scrollable": "pf-m-scrollable",
     "overflowHidden": "pf-m-overflow-hidden",
-    "expandable": "pf-m-expandable",
+    "fullWidth": "pf-m-full-width",
+    "fill": "pf-m-fill",
     "expanded": "pf-m-expanded",
-    "drilldown": "pf-m-drilldown",
     "hover": "pf-m-hover",
-    "start": "pf-m-start"
+    "current": "pf-m-current",
+    "flyout": "pf-m-flyout",
+    "horizontal": "pf-m-horizontal",
+    "subnav": "pf-m-subnav"
   },
   "nav": "pf-v5-c-nav",
   "navItem": "pf-v5-c-nav__item",
   "navLink": "pf-v5-c-nav__link",
   "navList": "pf-v5-c-nav__list",
+  "navNav": "pf-v5-c-nav__nav",
   "navScrollButton": "pf-v5-c-nav__scroll-button",
   "navSection": "pf-v5-c-nav__section",
   "navSectionTitle": "pf-v5-c-nav__section-title",
   "navSubnav": "pf-v5-c-nav__subnav",
   "navToggle": "pf-v5-c-nav__toggle",
-  "navToggleIcon": "pf-v5-c-nav__toggle-icon",
-  "themeDark": "pf-v5-theme-dark"
+  "navToggleIcon": "pf-v5-c-nav__toggle-icon"
 };
 export default _default;

package/css/components/Nav/nav.js

@@ -2,40 +2,29 @@
 exports.__esModule = true;
 require('./nav.css');
 exports.default = {
+  "buttonIcon": "pf-v5-c-button__icon",
   "dirRtl": "pf-v5-m-dir-rtl",
-  "divider": "pf-v5-c-divider",
-  "menu": "pf-v5-c-menu",
-  "menuContent": "pf-v5-c-menu__content",
-  "menuItem": "pf-v5-c-menu__item",
-  "menuItemToggleIcon": "pf-v5-c-menu__item-toggle-icon",
-  "menuListItem": "pf-v5-c-menu__list-item",
   "modifiers": {
-    "flyout": "pf-m-flyout",
-    "top": "pf-m-top",
-    "left": "pf-m-left",
-    "current": "pf-m-current",
-    "drillUp": "pf-m-drill-up",
-    "horizontal": "pf-m-horizontal",
-    "tertiary": "pf-m-tertiary",
-    "horizontalSubnav": "pf-m-horizontal-subnav",
-    "light": "pf-m-light",
     "scrollable": "pf-m-scrollable",
     "overflowHidden": "pf-m-overflow-hidden",
-    "expandable": "pf-m-expandable",
+    "fullWidth": "pf-m-full-width",
+    "fill": "pf-m-fill",
     "expanded": "pf-m-expanded",
-    "drilldown": "pf-m-drilldown",
     "hover": "pf-m-hover",
-    "start": "pf-m-start"
+    "current": "pf-m-current",
+    "flyout": "pf-m-flyout",
+    "horizontal": "pf-m-horizontal",
+    "subnav": "pf-m-subnav"
   },
   "nav": "pf-v5-c-nav",
   "navItem": "pf-v5-c-nav__item",
   "navLink": "pf-v5-c-nav__link",
   "navList": "pf-v5-c-nav__list",
+  "navNav": "pf-v5-c-nav__nav",
   "navScrollButton": "pf-v5-c-nav__scroll-button",
   "navSection": "pf-v5-c-nav__section",
   "navSectionTitle": "pf-v5-c-nav__section-title",
   "navSubnav": "pf-v5-c-nav__subnav",
   "navToggle": "pf-v5-c-nav__toggle",
-  "navToggleIcon": "pf-v5-c-nav__toggle-icon",
-  "themeDark": "pf-v5-theme-dark"
+  "navToggleIcon": "pf-v5-c-nav__toggle-icon"
 };

package/css/components/Nav/nav.mjs

@@ -1,39 +1,28 @@
 import './nav.css';
 export default {
+  "buttonIcon": "pf-v5-c-button__icon",
   "dirRtl": "pf-v5-m-dir-rtl",
-  "divider": "pf-v5-c-divider",
-  "menu": "pf-v5-c-menu",
-  "menuContent": "pf-v5-c-menu__content",
-  "menuItem": "pf-v5-c-menu__item",
-  "menuItemToggleIcon": "pf-v5-c-menu__item-toggle-icon",
-  "menuListItem": "pf-v5-c-menu__list-item",
   "modifiers": {
-    "flyout": "pf-m-flyout",
-    "top": "pf-m-top",
-    "left": "pf-m-left",
-    "current": "pf-m-current",
-    "drillUp": "pf-m-drill-up",
-    "horizontal": "pf-m-horizontal",
-    "tertiary": "pf-m-tertiary",
-    "horizontalSubnav": "pf-m-horizontal-subnav",
-    "light": "pf-m-light",
     "scrollable": "pf-m-scrollable",
     "overflowHidden": "pf-m-overflow-hidden",
-    "expandable": "pf-m-expandable",
+    "fullWidth": "pf-m-full-width",
+    "fill": "pf-m-fill",
     "expanded": "pf-m-expanded",
-    "drilldown": "pf-m-drilldown",
     "hover": "pf-m-hover",
-    "start": "pf-m-start"
+    "current": "pf-m-current",
+    "flyout": "pf-m-flyout",
+    "horizontal": "pf-m-horizontal",
+    "subnav": "pf-m-subnav"
   },
   "nav": "pf-v5-c-nav",
   "navItem": "pf-v5-c-nav__item",
   "navLink": "pf-v5-c-nav__link",
   "navList": "pf-v5-c-nav__list",
+  "navNav": "pf-v5-c-nav__nav",
   "navScrollButton": "pf-v5-c-nav__scroll-button",
   "navSection": "pf-v5-c-nav__section",
   "navSectionTitle": "pf-v5-c-nav__section-title",
   "navSubnav": "pf-v5-c-nav__subnav",
   "navToggle": "pf-v5-c-nav__toggle",
-  "navToggleIcon": "pf-v5-c-nav__toggle-icon",
-  "themeDark": "pf-v5-theme-dark"
+  "navToggleIcon": "pf-v5-c-nav__toggle-icon"
 };

package/css/components/Timestamp/timestamp.css

@@ -1,16 +1,19 @@
-.pf-v5-c-timestamp {
-  --pf-v5-c-timestamp--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-timestamp--Color: var(--pf-v5-global--Color--200);
+:root, .pf-v5-c-timestamp {
+  --pf-v5-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-timestamp--OutlineOffset: 0.1875rem;
   --pf-v5-c-timestamp--m-help-text--TextDecorationLine: underline;
   --pf-v5-c-timestamp--m-help-text--TextDecorationStyle: dashed;
-  --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
   --pf-v5-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
-  --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
-  --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
-  --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
+  --pf-v5-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
+}
+
+.pf-v5-c-timestamp {
   display: inline-block;
   font-size: var(--pf-v5-c-timestamp--FontSize);
   color: var(--pf-v5-c-timestamp--Color);

package/css/docs/components/Nav/examples/Navigation.css

@@ -1,41 +1,3 @@
-#ws-core-c-navigation-default,
-#ws-core-c-navigation-basic,
-#ws-core-c-navigation-grouped,
-#ws-core-c-navigation-grouped-nav,
-#ws-core-c-navigation-grouped-nav-no-titles,
-#ws-core-c-navigation-expanded,
-#ws-core-c-navigation-expanded-with-subnav-titles,
-#ws-core-c-navigation-mixed,
-#ws-core-c-navigation-horizontal,
-#ws-core-c-navigation-horizontal-overflow,
-#ws-core-c-navigation-horizontal-subnav,
-#ws-core-c-navigation-horizontal-subnav-overflow,
-#ws-core-c-navigation-drilldown,
-#ws-core-c-navigation-nav-with-drilldown-menu .pf-v5-c-nav,
-#ws-core-c-navigation-level-2-drilldown,
-#ws-core-c-navigation-level-3-drilldown,
-#ws-core-c-navigation-nav-with-flyout .pf-v5-c-nav,
-#ws-core-c-navigation-grouped-nav-no-titles-no-margin-top {
-  padding: 0;
-}
-
-#ws-core-c-navigation-horizontal-in-masthead,
-#ws-core-c-navigation-horizontal-in-masthead-overflow {
-  grid-template-rows: auto;
-}
-
-#ws-core-c-navigation-horizontal-in-masthead .pf-v5-c-page__header,
-#ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v5-c-page__header {
-  min-height: 0;
-}
-
-@media screen and (min-width: 1200px) {
-  #ws-core-c-navigation-horizontal-in-masthead .pf-v5-c-page__header,
-  #ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v5-c-page__header {
-    min-height: var(--pf-v5-c-page__header--MinHeight);
-  }
-}
-
 #ws-core-c-navigation-horizontal-in-masthead .pf-v5-c-page__header-nav,
 #ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v5-c-page__header-nav {
   grid-row: 1;
@@ -43,7 +5,7 @@
 
 #ws-core-c-navigation-nav-with-flyout .ws-preview-html,
 [id^="ws-core-c-navigation-nav-with-drilldown-menu"] .ws-preview-html {
-  width: 260px;
+  width: 280px;
 }
 
 #ws-core-c-navigation-nav-with-flyout .ws-preview-html {

package/css/docs/components/Nav/examples/Navigation.d.ts

@@ -5,8 +5,6 @@ declare const _default: {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
-  "pageHeader": "pf-v5-c-page__header",
   "pageHeaderNav": "pf-v5-c-page__header-nav",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Nav/examples/Navigation.js

@@ -7,8 +7,6 @@ exports.default = {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
-  "pageHeader": "pf-v5-c-page__header",
   "pageHeaderNav": "pf-v5-c-page__header-nav",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Nav/examples/Navigation.mjs

@@ -5,8 +5,6 @@ export default {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
-  "pageHeader": "pf-v5-c-page__header",
   "pageHeaderNav": "pf-v5-c-page__header-nav",
   "wsPreviewHtml": "ws-preview-html"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.0.0-alpha.6",
+  "version": "6.0.0-alpha.7",
   "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": "6.0.0-alpha.49",
+    "@patternfly/patternfly": "6.0.0-alpha.51",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^11.1.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "5aae45c06fbd78c00fc09de587cb833b9a7d077d"
+  "gitHead": "325ae0434cbad9fe482fd586aafaf3235ca254f7"
 }