@patternfly/patternfly 6.5.0-prerelease.3 → 6.5.0-prerelease.30

package/patternfly-base.css

@@ -118,11 +118,18 @@ pre) {
 :where(a) {
   color: var(--pf-t--global--text--color--link--default);
   text-decoration-line: var(--pf-t--global--text-decoration--link--line--default);
+  text-decoration-style: var(--pf-t--global--text-decoration--link--style--default);
+  text-decoration-color: var(--pf-t--global--text-decoration--color--default);
+  text-underline-offset: max(var(--pf-t--global--text-decoration--offset--default), 0.28em);
+  transition: ease text-underline-offset 0.3s;
 }
 
 :where(a:hover, a:focus) {
   color: var(--pf-t--global--text--color--link--hover);
   text-decoration-line: var(--pf-t--global--text-decoration--link--line--hover);
+  text-decoration-style: var(--pf-t--global--text-decoration--link--style--hover);
+  text-decoration-color: var(--pf-t--global--text-decoration--color--hover);
+  text-underline-offset: max(var(--pf-t--global--text-decoration--offset--hover), 0.33em);
 }
 
 :where(a,
@@ -195,11 +202,57 @@ button) {
   --pf-t--global--duration--200: 1ms !important;
   --pf-t--global--duration--100: 1ms !important;
   --pf-t--global--duration--50: 1ms !important;
+  --pf-v6-global--thinking-active--Animation--Duration: 0 !important;
 }
 
+.pf-v6-m-ai-indicator {
+  position: relative;
+}
+.pf-v6-m-ai-indicator::before {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  content: "";
+  background: linear-gradient(to right, #f56e6e 0%, #876fd4 65%, #5e40be 100%) border-box;
+  border: var(--pf-t--global--border--width--extra-strong) solid transparent;
+  border-radius: inherit;
+  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
+  mask-composite: exclude;
+}
+
+@property --pf-v6-global--thinking--BoxShadow--Spread {
+  syntax: "<length>";
+  initial-value: 0;
+  inherits: false;
+}
+.pf-v6-m-thinking {
+  box-shadow: 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
+  animation: pf-v6-global-thinking var(--pf-v6-global--thinking-active--Animation--Duration) infinite ease-in-out;
+}
+.pf-v6-m-thinking.pf-m-inset {
+  box-shadow: inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-End), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--End-Start), inset 0 0 var(--pf-v6-global--thinking--BoxShadow--Spread) var(--pf-v6-global--thinking--BoxShadow--Color--Start-Start);
+}
+
+@keyframes pf-v6-global-thinking {
+  50% {
+    --pf-v6-global--thinking--BoxShadow--Spread: var(--pf-v6-global--thinking-active--BoxShadow--Spread);
+  }
+}
 :root {
   --pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
   --pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
+  --pf-v6-global--thinking--BoxShadow--Spread: 0px;
+  --pf-v6-global--thinking--BoxShadow--Color--Start-Start: oklch(45.9% 0.187 3.815deg);
+  --pf-v6-global--thinking--BoxShadow--Color--Start-End: oklch(50% 0.134 242.749deg);
+  --pf-v6-global--thinking--BoxShadow--Color--End-Start: oklch(45.9% 0.187 3.815deg);
+  --pf-v6-global--thinking--BoxShadow--Color--End-End: oklch(43.2% 0.232 292.759deg);
+  --pf-v6-global--thinking-active--BoxShadow--Spread: 15px;
+  --pf-v6-global--thinking-active--Animation--Duration: 0;
+}
+@media screen and (prefers-reduced-motion: no-preference) {
+  :root {
+    --pf-v6-global--thinking-active--Animation--Duration: 2s;
+  }
 }
 
 @property --pf-v6-global--danger-jiggle--TranslateX {
@@ -7208,6 +7261,11 @@ button) {
   --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
   --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
   --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
+  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
+  --pf-t--global--text-decoration--color--hover: currentcolor;
+  --pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
+  --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
+  --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
   --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
   --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
   --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
@@ -7313,6 +7371,43 @@ button) {
     var(--pf-t--global--box-shadow--color--lg--directional);
   --pf-t--global--list-style: disc outside;
   --pf-t--temp--dev--tbd: #BC11E0;
+  --pf-t--global--background--color--glass--filter--base: none;
+  --pf-t--global--background--color--glass--opacity--base: 1;
+  --pf-t--global--background--color--glass--default--base: var(--pf-t--global--background--color--primary--default);
+  --pf-t--global--background--color--glass--filter: var(--pf-t--global--background--color--glass--filter--base);
+  --pf-t--global--background--color--glass--opacity: var(--pf-t--global--background--color--glass--opacity--base);
+  --pf-t--global--background--color--glass--default: var(--pf-t--global--background--color--glass--default--base);
+  --pf-t--global--dark--background--color--glass--filter: var(--pf-t--global--background--color--glass--filter--base);
+  --pf-t--global--dark--background--color--glass--opacity: var(--pf-t--global--background--color--glass--opacity--base);
+  --pf-t--global--dark--background--color--glass--default: var(--pf-t--global--background--color--glass--default--base);
+  --pf-t--global--light--glass--background--color--glass--color: #ffffff;
+  --pf-t--global--light--glass--background--color--glass--filter: blur(12.5px);
+  --pf-t--global--light--glass--background--color--glass--opacity: 85%;
+  --pf-t--global--light--glass--background--color--glass--default: color-mix(in srgb, var(--pf-t--global--light--glass--background--color--glass--color) var(--pf-t--global--light--glass--background--color--glass--opacity), transparent );
+  --pf-t--global--dark--glass--background--color--glass--color: #1d1d1d;
+  --pf-t--global--dark--glass--background--color--glass--filter: blur(12.5px);
+  --pf-t--global--dark--glass--background--color--glass--opacity: 85%;
+  --pf-t--global--dark--glass--background--color--glass--default: color-mix(in srgb, var(--pf-t--global--dark--glass--background--color--glass--color) var(--pf-t--global--dark--glass--background--color--glass--opacity), transparent );
+}
+:root:where(.pf-v6-theme-dark) {
+  --pf-t--global--background--color--glass--filter: var(--pf-t--global--dark--background--color--glass--filter);
+  --pf-t--global--background--color--glass--opacity: var(--pf-t--global--dark--background--color--glass--opacity);
+  --pf-t--global--background--color--glass--default: var(--pf-t--global--dark--background--color--glass--default);
+}
+:root:where(.pf-v6-theme-glass) {
+  --pf-t--global--background--color--glass--filter: var(--pf-t--global--light--glass--background--color--glass--filter);
+  --pf-t--global--background--color--glass--opacity: var(--pf-t--global--light--glass--background--color--glass--opacity);
+  --pf-t--global--background--color--glass--default: var(--pf-t--global--light--glass--background--color--glass--default);
+}
+:root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
+  --pf-t--global--background--color--glass--filter: var(--pf-t--global--dark--glass--background--color--glass--filter);
+  --pf-t--global--background--color--glass--opacity: var(--pf-t--global--dark--glass--background--color--glass--opacity);
+  --pf-t--global--background--color--glass--default: var(--pf-t--global--dark--glass--background--color--glass--default);
+}
+:root:where(.pf-v6-theme-high-contrast) {
+  --pf-t--global--background--color--glass--filter: var(--pf-t--global--background--color--glass--filter--base);
+  --pf-t--global--background--color--glass--opacity: var(--pf-t--global--background--color--glass--opacity--base);
+  --pf-t--global--background--color--glass--default: var(--pf-t--global--background--color--glass--default--base);
 }
 
 :root:where(.pf-v6-theme-dark) {