@workday/canvas-kit-css 13.0.0-alpha.978-next.0 → 13.0.0-alpha.996-next.0

package/badge.css

@@ -1,4 +1,4 @@
-@keyframes animation-fqq03d {
+@keyframes animation-x8953f {
   from {
     transform: scale(0.85);
   }
@@ -12,7 +12,7 @@
 .cnvs-count-badge {
   box-sizing: border-box;
   align-items: center;
-  animation: animation-fqq03d 0.2s ease;
+  animation: animation-x8953f 0.2s ease;
   background: var(--cnvs-sys-color-static-red-default);
   border-radius: var(--cnvs-sys-shape-round);
   color: var(--cnvs-sys-color-text-inverse);

package/button.css

@@ -386,6 +386,54 @@
 }
 
 
+.cnvs-hyperlink {
+  box-sizing: border-box;
+  font-family: var(--cnvs-sys-font-family-default);
+  text-decoration: underline;
+  color: var(--cnvs-sys-color-text-primary-default);
+  cursor: pointer;
+  border-radius: var(--cnvs-sys-shape-half);
+  display: inline-block;
+  padding: 0 2px;
+  margin: 0 -2px;
+  transition: color 0.15s,background-color 0.15s;
+}
+
+.cnvs-hyperlink:hover, .cnvs-hyperlink.hover {
+  color: var(--cnvs-sys-color-text-primary-strong);
+  background: var(--cnvs-sys-color-bg-alt-soft);
+}
+
+.cnvs-hyperlink:focus, .cnvs-hyperlink.focus, .cnvs-hyperlink:focus-visible {
+  box-shadow: 0 0 0 2px var(--cnvs-sys-color-bg-primary-default);
+  outline: none;
+}
+
+.cnvs-hyperlink:active, .cnvs-hyperlink.active {
+  color: var(--cnvs-sys-color-text-primary-stronger);
+  background: var(--cnvs-sys-color-bg-alt-default);
+}
+
+
+.cnvs-hyperlink.variant-inverse {
+  color: var(--cnvs-sys-color-text-inverse);
+}
+
+.cnvs-hyperlink.variant-inverse:hover, .cnvs-hyperlink.variant-inverse.hover {
+  color: var(--cnvs-sys-color-text-inverse);
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.cnvs-hyperlink.variant-inverse:focus, .cnvs-hyperlink.variant-inverse.focus, .cnvs-hyperlink.variant-inverse:focus-visible {
+  box-shadow: 0 0 0 2px var(--cnvs-sys-color-text-inverse);
+}
+
+.cnvs-hyperlink.variant-inverse:active, .cnvs-hyperlink.variant-inverse.active {
+  color: var(--cnvs-sys-color-text-primary-stronger);
+  background: var(--cnvs-sys-color-bg-alt-soft);
+}
+
+
 .cnvs-primary-button {
   box-sizing: border-box;
   --cnvs-button-background: var(--cnvs-brand-primary-base);

package/loading-dots.css

@@ -1,4 +1,4 @@
-@keyframes animation-fqq04y {
+@keyframes animation-x89550 {
   0%, 80%, 100% {
     transform: scale(0);
   }
@@ -25,7 +25,7 @@
   border-radius: var(--cnvs-sys-shape-round);
   transform: scale(0);
   display: inline-block;
-  animation-name: animation-fqq04y;
+  animation-name: animation-x89550;
   animation-duration: calc(var(--cnvs-loading-dots-animation-duration-ms) * 35);
   animation-iteration-count: infinite;
   animation-timing-function: ease-in-out;

package/menu.css

@@ -17,6 +17,7 @@
   transition: background-color 80ms,color 80ms;
   background-color: inherit;
   min-height: var(--cnvs-sys-space-x10);
+  overflow-wrap: anywhere;
   --cnvs-system-icon-color: currentcolor;
 }
 

package/modal.css

@@ -1,4 +1,4 @@
-@keyframes animation-fqq050 {
+@keyframes animation-x89552 {
   0% {
     background: none;
   }
@@ -18,7 +18,7 @@
   height: 100vh;
   background: var(--cnvs-sys-color-bg-overlay);
   animation-duration: 0.3s;
-  animation-name: animation-fqq050;
+  animation-name: animation-x89552;
 }
 
 .wd-no-animation .cnvs-modal-overlay-container {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-css",
-  "version": "13.0.0-alpha.978-next.0",
+  "version": "13.0.0-alpha.996-next.0",
   "description": "The parent module that contains all Workday Canvas Kit CSS components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -25,5 +25,5 @@
     "components",
     "workday"
   ],
-  "gitHead": "e9eabae8567dfb68fc849f0d966c67711bef438b"
+  "gitHead": "340f917ae60082f246c1ac4201408bf32fa4741f"
 }

package/popup.css

@@ -1,4 +1,4 @@
-@keyframes animation-fqq0x {
+@keyframes animation-x895x {
   0% {
     opacity: 1;
     transform: translate(var(--cnvs-translate-position-x), var(--cnvs-translate-position-y));
@@ -27,7 +27,7 @@
   padding: var(--cnvs-sys-space-x6);
   max-height: var(--cnvs-popup-card-max-height);
   overflow-y: auto;
-  animation-name: animation-fqq0x;
+  animation-name: animation-x895x;
   animation-duration: 150ms;
   animation-timing-function: ease-out;
   transform-origin: var(--cnvs-popup-card-transform-origin-vertical) var(--cnvs-popup-card-transform-origin-horizontal);