@patternfly/patternfly 5.2.0-prerelease.3 → 6.0.0-alpha.10

package/CODE_OF_CONDUCT.md

@@ -1,4 +1,5 @@
 This project is governed by the [Contributor Covenant version 1.4][1]. All contributors and participants agree to abide by its terms. To report violations, send an email to [patternfly@redhat.com][2].
 
  [1]: https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
- [2]: mailto:patternfly@redhat.com
+ [2]: mailto:patternfly@redhat.com
+ 

package/assets/images/logo__pf--reverse-on-md.svg

@@ -6,7 +6,7 @@
 	.st0{fill:#FFFFFF;}
 	.st1{fill:url(#SVGID_1_);}
 </style>
-<g fill="#8a8d90">
+<g>
 	<path class="st0" d="M56.4,25.7V14.4h4.8c0.7,0,1.3,0.1,1.8,0.3s0.9,0.5,1.2,0.8c0.3,0.3,0.5,0.7,0.7,1.1c0.1,0.4,0.2,0.9,0.2,1.3
 		c0,0.3,0,0.5-0.1,0.8s-0.2,0.6-0.3,0.8c-0.1,0.3-0.3,0.5-0.5,0.7c-0.2,0.2-0.5,0.4-0.7,0.6c-0.3,0.2-0.6,0.3-1,0.4
 		s-0.8,0.1-1.2,0.1h-2.7v4.1L56.4,25.7L56.4,25.7z M61.3,19.5c0.3,0,0.5,0,0.7-0.1s0.3-0.2,0.5-0.3c0.1-0.1,0.2-0.3,0.3-0.5

package/assets/images/pf-c-brand__logo-on-sm.svg

@@ -9,7 +9,7 @@
 	<stop  offset="0" style="stop-color:#60EFFF"/>
 	<stop  offset="1" style="stop-color:#1F89C7"/>
 </linearGradient>
-<path fill="#8a8d90" class="st0" d="M23.7,12.3L12,0.8L0.3,12.3L5,18.9l3.6-0.8L12,23l3.5-4.9l3.5,0.8L23.7,12.3z M11.5,3L10,17L7.1,13L11.5,3z
+<path class="st0" d="M23.7,12.3L12,0.8L0.3,12.3L5,18.9l3.6-0.8L12,23l3.5-4.9l3.5,0.8L23.7,12.3z M11.5,3L10,17L7.1,13L11.5,3z
 	 M6.8,12.6L5,10.1l6.2-7.5L6.8,12.6z M9.5,17.1L9.5,17.1l0.2,0.2l-1,0.2l-2.2-3.1l0.4-0.9L9.5,17.1z M12,2.8l1.5,14.9L12,19.7
 	l-1.5-2.1L12,2.8z M14.5,17.1l2.7-3.6l0.4,0.9l-2.2,3.1l-1-0.2L14.5,17.1L14.5,17.1z M14,17l-1.5-14l4.4,10L14,17z M12.9,2.6
 	l6.2,7.5l-1.8,2.4L12.9,2.6z M5.2,18.4l-4.3-6l8.3-8.1l-4.8,5.9l2.2,3L6,14.5l2.3,3.2L5.2,18.4z M12,22.2L9,18l1-0.2l2,2.8l2-2.8

package/base/_globals.scss

@@ -47,11 +47,12 @@
     height: 100%;
   }
 
+  // TODO
   :where(body) {
-    font-family: var(--#{$pf-global}--FontFamily--text);
-    font-size: var(--#{$pf-global}--FontSize--md);
-    font-weight: var(--#{$pf-global}--FontWeight--normal);
-    line-height: var(--#{$pf-global}--LineHeight--md);
+    font-family: var(--pf-t--global--font--family--body);
+    font-size: var(--pf-t--global--font--size--body);
+    font-weight: var(--pf-t--global--font--weight--body);
+    line-height: var(--pf-t--global--font--line-height--body);
   }
 
   :where(
@@ -63,7 +64,7 @@
     h6
    ) {
     font-size: 100%;
-    font-weight: var(--#{$pf-global}--FontWeight--normal);
+    font-weight: var(--pf-t--global--font--weight--body);
   }
 
   :where(ul) {
@@ -80,8 +81,8 @@
     margin: 0;
     font-family: inherit;
     font-size: 100%;
-    line-height: var(--#{$pf-global}--LineHeight--md);
-    color: var(--#{$pf-global}--Color--100);
+    line-height: var(--pf-t--global--font--line-height--body);
+    color: var(--pf-t--global--text--color--regular);
   }
 
   :where(
@@ -117,18 +118,17 @@
     code,
     pre
   ) {
-    font-family: var(--#{$pf-global}--FontFamily--monospace);
+    font-family: var(--pf-t--global--font--family--mono);
   }
 
   :where(a) {
-    font-weight: var(--#{$pf-global}--link--FontWeight);
-    color: var(--#{$pf-global}--link--Color);
-    text-decoration: var(--#{$pf-global}--link--TextDecoration);
+    color: var(--pf-t--global--text--color--link--default);
+    text-decoration: var(--pf-t--global--link--text-decoration);
   }
 
   :where(a:hover) {
-    --#{$pf-global}--link--Color: var(--#{$pf-global}--link--Color--hover);
-    --#{$pf-global}--link--TextDecoration: var(--#{$pf-global}--link--TextDecoration--hover);
+    --#{$pf-global}--link--Color: var(--pf-t--global--text--color--link--hover);
+    --#{$pf-global}--link--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
   }
 
   :where(

package/base/_variables.scss

@@ -297,3 +297,8 @@
 @include pf-v5-theme-dark {
   @include pf-v5-theme-dark-variables;
 }
+
+@import "./tokens/tokens-palette";
+@import "./tokens/tokens-default";
+@import "./tokens/tokens-font";
+@import "./tokens/tokens-dark";

package/base/patternfly-globals.css

@@ -37,10 +37,10 @@ body) {
 }
 
 :where(body) {
-  font-family: var(--pf-v5-global--FontFamily--text);
-  font-size: var(--pf-v5-global--FontSize--md);
-  font-weight: var(--pf-v5-global--FontWeight--normal);
-  line-height: var(--pf-v5-global--LineHeight--md);
+  font-family: var(--pf-t--global--font--family--body);
+  font-size: var(--pf-t--global--font--size--body);
+  font-weight: var(--pf-t--global--font--weight--body);
+  line-height: var(--pf-t--global--font--line-height--body);
 }
 
 :where(h1,
@@ -50,7 +50,7 @@ h4,
 h5,
 h6) {
   font-size: 100%;
-  font-weight: var(--pf-v5-global--FontWeight--normal);
+  font-weight: var(--pf-t--global--font--weight--body);
 }
 
 :where(ul) {
@@ -65,8 +65,8 @@ textarea) {
   margin: 0;
   font-family: inherit;
   font-size: 100%;
-  line-height: var(--pf-v5-global--LineHeight--md);
-  color: var(--pf-v5-global--Color--100);
+  line-height: var(--pf-t--global--font--line-height--body);
+  color: var(--pf-t--global--text--color--regular);
 }
 
 :where(img,
@@ -96,18 +96,17 @@ th) {
 
 :where(code,
 pre) {
-  font-family: var(--pf-v5-global--FontFamily--monospace);
+  font-family: var(--pf-t--global--font--family--mono);
 }
 
 :where(a) {
-  font-weight: var(--pf-v5-global--link--FontWeight);
-  color: var(--pf-v5-global--link--Color);
-  text-decoration: var(--pf-v5-global--link--TextDecoration);
+  color: var(--pf-t--global--text--color--link--default);
+  text-decoration: var(--pf-t--global--link--text-decoration);
 }
 
 :where(a:hover) {
-  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--hover);
-  --pf-v5-global--link--TextDecoration: var(--pf-v5-global--link--TextDecoration--hover);
+  --pf-v5-global--link--Color: var(--pf-t--global--text--color--link--hover);
+  --pf-v5-global--link--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
 }
 
 :where(a,