@patternfly/react-styles 6.0.0-alpha.3 → 6.0.0-alpha.5

package/css/components/Table/table.css

@@ -63,7 +63,7 @@
   --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
-  --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
@@ -71,13 +71,13 @@
   --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
   --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
   --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
   --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
@@ -119,10 +119,10 @@
   --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
   --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
   --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
-  --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
   --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
   --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
@@ -210,7 +210,7 @@
   --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
   --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
   --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);

package/css/components/Title/title.css

@@ -19,22 +19,22 @@
   --pf-v5-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
   --pf-v5-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
-  --pf-v5-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--lg);
+  --pf-v5-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
   --pf-v5-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
-  --pf-v5-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--md);
+  --pf-v5-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
   --pf-v5-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
-  --pf-v5-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--sm);
+  --pf-v5-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
   --pf-v5-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
-  --pf-v5-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v5-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
   --pf-v5-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
-  --pf-v5-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v5-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
   --pf-v5-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
-  --pf-v5-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--xs);
+  --pf-v5-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
   --pf-v5-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading);
 }
 

package/css/components/Tooltip/tooltip.css

@@ -108,12 +108,10 @@
 
 .pf-v5-c-tooltip__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-tooltip__arrow--Top, auto);
   right: var(--pf-v5-c-tooltip__arrow--Right, auto);
   bottom: var(--pf-v5-c-tooltip__arrow--Bottom, auto);
   left: var(--pf-v5-c-tooltip__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-tooltip__arrow--Width);
   height: var(--pf-v5-c-tooltip__arrow--Height);
   pointer-events: none;

package/css/components/Truncate/truncate.css

@@ -1,6 +1,10 @@
+:root,
 .pf-v5-c-truncate {
   --pf-v5-c-truncate--MinWidth: 12ch;
   --pf-v5-c-truncate__start--MinWidth: 6ch;
+}
+
+.pf-v5-c-truncate {
   display: inline-grid;
   grid-auto-flow: column;
   align-items: baseline;

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

@@ -1,6 +1,22 @@
-.ws-core-c-navigation:not([id*="tertiary"]):not([id*="light-mode"]) .pf-v5-c-nav {
+#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;
-  background-color: var(--pf-v5-global--BackgroundColor--dark-300);
 }
 
 #ws-core-c-navigation-horizontal-in-masthead,

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

@@ -8,7 +8,6 @@ declare const _default: {
   "nav": "pf-v5-c-nav",
   "pageHeader": "pf-v5-c-page__header",
   "pageHeaderNav": "pf-v5-c-page__header-nav",
-  "wsCoreCNavigation": "ws-core-c-navigation",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

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

@@ -10,6 +10,5 @@ exports.default = {
   "nav": "pf-v5-c-nav",
   "pageHeader": "pf-v5-c-page__header",
   "pageHeaderNav": "pf-v5-c-page__header-nav",
-  "wsCoreCNavigation": "ws-core-c-navigation",
   "wsPreviewHtml": "ws-preview-html"
 };

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

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

package/css/docs/components/Truncate/examples/Truncate.css

@@ -4,6 +4,6 @@
   overflow: auto;
   min-width: 161px;
   max-width: 100%;
-  padding: var(--pf-v5-global--spacer--md);
-  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--100);
+  padding: var(--pf-t--global--spacer--sm);
+  border: var(--pf-t--global--border--width--box--default) solid var(--pf-t--global--border--color--default);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.0.0-alpha.3",
+  "version": "6.0.0-alpha.5",
   "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.28",
+    "@patternfly/patternfly": "6.0.0-alpha.38",
     "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": "da36134a3effa82a166c47f5b1c2689869a0f52a"
+  "gitHead": "cddbcdf996451d6157f6c191f67b736ddeb073b0"
 }

package/css/docs/components/Avatar/examples/Avatar.css

@@ -1,3 +0,0 @@
-#ws-core-c-avatar-bordered---dark {
-  background: var(--pf-v5-global--BackgroundColor--dark-100);
-}

package/css/docs/components/Avatar/examples/Avatar.d.ts

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

package/css/docs/components/Avatar/examples/Avatar.js

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

package/css/docs/components/Avatar/examples/Avatar.mjs

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