@workday/canvas-kit-css 14.0.0-alpha.1174-next.0 → 14.0.0-alpha.1180-next.0

package/badge.css

@@ -1,4 +1,4 @@
-@keyframes animation-1o6stu {
+@keyframes animation-3032pp {
   from {
     transform: scale(0.85);
   }
@@ -12,7 +12,7 @@
 .cnvs-count-badge {
   box-sizing: border-box;
   align-items: center;
-  animation: animation-1o6stu 0.2s ease;
+  animation: animation-3032pp 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

@@ -509,10 +509,10 @@
   color: var(--cnvs-sys-color-text-primary-default);
   cursor: pointer;
   border-radius: var(--cnvs-sys-shape-half);
-  display: inline-block;
-  padding: 0 2px;
+  padding: 0 0.125rem;
   margin: 0 -2px;
   transition: color 0.15s,background-color 0.15s;
+  word-break: break-word;
 }
 
 .cnvs-hyperlink:hover, .cnvs-hyperlink.hover {
@@ -521,7 +521,7 @@
 }
 
 .cnvs-hyperlink:focus, .cnvs-hyperlink.focus, .cnvs-hyperlink:focus-visible {
-  box-shadow: 0 0 0 2px var(--cnvs-sys-color-bg-primary-default);
+  box-shadow: 0 0 0 0.125rem var(--cnvs-brand-common-focus-outline);
   outline: none;
 }
 
@@ -541,7 +541,7 @@
 }
 
 .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);
+  box-shadow: 0 0 0 0.125rem var(--cnvs-sys-color-text-inverse);
 }
 
 .cnvs-hyperlink.variant-inverse:active, .cnvs-hyperlink.variant-inverse.active {
@@ -550,14 +550,37 @@
 }
 
 
+.cnvs-hyperlink.variant-standalone {
+  text-decoration: none;
+}
+
+
+.cnvs-hyperlink.variant-standalone-inverse {
+  text-decoration: none;
+  color: var(--cnvs-sys-color-text-inverse);
+}
+
+.cnvs-hyperlink.variant-standalone-inverse:hover, .cnvs-hyperlink.variant-standalone-inverse.hover {
+  color: var(--cnvs-sys-color-text-inverse);
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.cnvs-hyperlink.variant-standalone-inverse:focus, .cnvs-hyperlink.variant-standalone-inverse.focus, .cnvs-hyperlink.variant-standalone-inverse:focus-visible {
+  box-shadow: 0 0 0 0.125rem var(--cnvs-sys-color-text-inverse);
+}
+
+.cnvs-hyperlink.variant-standalone-inverse:active, .cnvs-hyperlink.variant-standalone-inverse.active {
+  color: var(--cnvs-sys-color-text-primary-stronger);
+  background: var(--cnvs-sys-color-bg-alt-soft);
+}
+
+
 .cnvs-external-hyperlink {
   box-sizing: border-box;
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
 }
 
 .cnvs-external-hyperlink [data-part="external-hyperlink-icon"] {
+  vertical-align: text-top;
   --cnvs-system-icon-color: currentColor;
   --cnvs-svg-size: 1em;
   width: calc(1em - 0.0625rem);
@@ -570,6 +593,10 @@
   min-height: var(--cnvs-sys-space-x4);
 }
 
+.cnvs-external-hyperlink [data-part="external-hyperlink-icon"] :dir(rtl) {
+  transform: rotate(270deg);
+}
+
 
 .cnvs-primary-button {
   box-sizing: border-box;

package/loading-dots.css

@@ -1,4 +1,4 @@
-@keyframes animation-3v3m9s {
+@keyframes animation-3jrodc {
   0%, 80%, 100% {
     transform: scale(0);
   }
@@ -26,7 +26,7 @@
   outline: 0.125rem solid transparent;
   transform: scale(0);
   display: inline-block;
-  animation-name: animation-3v3m9s;
+  animation-name: animation-3jrodc;
   animation-duration: calc(var(--cnvs-loading-dots-animation-duration-ms) * 35);
   animation-iteration-count: infinite;
   animation-timing-function: ease-in-out;

package/modal.css

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-css",
-  "version": "14.0.0-alpha.1174-next.0",
+  "version": "14.0.0-alpha.1180-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": "6b57badf34512437caade1c0641a1db6301e3421"
+  "gitHead": "5993dbdcabeebd9877c0abc60d63a29abd3129fd"
 }

package/popup.css

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

package/skeleton.css

@@ -36,7 +36,7 @@
 }
 
 
-@keyframes animation-t0ia0 {
+@keyframes animation-uupk7 {
   from {
     opacity: 0.4;
   }
@@ -49,7 +49,7 @@
 
 .cnvs-skeleton {
   box-sizing: border-box;
-  animation: animation-t0ia0 0.8s linear infinite alternate;
+  animation: animation-uupk7 0.8s linear infinite alternate;
   position: relative;
   overflow: hidden;
   height: 100%;

package/tooltip.css

@@ -1,4 +1,4 @@
-@keyframes animation-2wqdc9 {
+@keyframes animation-46mcmo {
   0% {
     opacity: 0;
     transform: translate(var(--cnvs-tooltip-translate-position-x), var(--cnvs-tooltip-translate-position-y));
@@ -22,7 +22,7 @@
   position: relative;
   padding: var(--cnvs-sys-space-x3);
   color: var(--cnvs-sys-color-text-inverse);
-  animation-name: animation-2wqdc9;
+  animation-name: animation-46mcmo;
   animation-duration: 150ms;
   animation-timing-function: ease-out;
   transform-origin: var(--cnvs-tooltip-container-tooltip-transform-origin-vertical) var(--cnvs-tooltip-container-tooltip-transform-origin-horizontal);