@workday/canvas-kit-preview-css 14.0.0-alpha.1135-next.0 → 14.0.0-alpha.1144-next.0

package/information-highlight.css

@@ -64,7 +64,7 @@
 
 .cnvs-preview-information-highlight.informational-high {
   border-inline-start: solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-bg-primary-default);
-  background-color: var(--cnvs-base-palette-blueberry-100);
+  background-color: var(--cnvs-sys-color-bg-primary-softer);
 }
 
 .cnvs-preview-information-highlight.informational-high [data-part="information-highlight-icon"] {
@@ -88,7 +88,7 @@
 
 .cnvs-preview-information-highlight.caution-high {
   border-inline-start: solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-caution-default);
-  background-color: var(--cnvs-base-palette-sour-lemon-100);
+  background-color: var(--cnvs-sys-color-bg-caution-softest);
 }
 
 .cnvs-preview-information-highlight.caution-high [data-part="information-highlight-icon"] {
@@ -112,12 +112,12 @@
 
 .cnvs-preview-information-highlight.critical-high {
   border-inline-start: solid var(--cnvs-sys-space-x1) var(--cnvs-sys-color-border-critical-default);
-  background-color: var(--cnvs-base-palette-peach-100);
+  background-color: var(--cnvs-sys-color-bg-critical-softest);
 }
 
 .cnvs-preview-information-highlight.critical-high [data-part="information-highlight-icon"] {
   --cnvs-system-icon-accent-color: var(--cnvs-sys-color-icon-inverse);
   --cnvs-system-icon-color: var(--cnvs-sys-color-bg-critical-default);
-  --cnvs-system-icon-background-color: var(--cnvs-sys-color-bg-critical-default);
+  --cnvs-system-icon-background-color: var(--cnvs-sys-color-fg-critical);
 }
 

package/loading-sparkles.css

@@ -1,4 +1,4 @@
-@keyframes animation-ujyn3 {
+@keyframes animation-bo3y3 {
   0%, 79%, 100% {
     opacity: 0.2;
     transform: scale(0.55);
@@ -26,9 +26,9 @@
   animation-duration: 1230ms;
   animation-fill-mode: both;
   animation-iteration-count: infinite;
-  animation-name: animation-ujyn3;
+  animation-name: animation-bo3y3;
   animation-timing-function: ease-in-out;
-  --cnvs-system-icon-color: var(--cnvs-base-extended-palette-dragon-fruit-400);
+  --cnvs-system-icon-color: var(--cnvs-sys-color-fg-ai);
 }
 
 .cnvs-preview-loading-sparkles [data-part="sparkle"]:nth-child(1) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-css",
-  "version": "14.0.0-alpha.1135-next.0",
+  "version": "14.0.0-alpha.1144-next.0",
   "description": "The parent module that contains all Workday Canvas Kit Preview CSS components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -25,5 +25,5 @@
     "components",
     "workday"
   ],
-  "gitHead": "3c15a81810dfe2232ca4519ae857a0e3b2a3d484"
+  "gitHead": "8c2a2215d9a0b96f98e4b768781d3a5061a61f9c"
 }

package/pill.css

@@ -111,6 +111,7 @@
   --cnvs-button-border: var(--cnvs-sys-color-border-input-default);
   --cnvs-button-label: var(--cnvs-sys-color-text-strong);
   --cnvs-system-icon-color: var(--cnvs-sys-color-icon-default);
+  --cnvs-preview-pill-count-border-color: transparent;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -143,7 +144,7 @@
   --cnvs-button-border: var(--cnvs-sys-color-border-input-strong);
   --cnvs-button-label: var(--cnvs-sys-color-text-strong);
   --cnvs-system-icon-color: var(--cnvs-sys-color-icon-strong);
-  --cnvs-preview-pill-count-background-color: var(--cnvs-base-palette-soap-600);
+  --cnvs-preview-pill-count-background-color: var(--cnvs-sys-color-bg-alt-stronger);
   --cnvs-preview-pill-count-border-color: transparent;
 }
 

package/status-indicator.css

@@ -30,23 +30,23 @@
 
 
 .cnvs-preview-status-indicator.gray-low {
-  color: var(--cnvs-sys-color-static-gray-strong);
+  color: var(--cnvs-sys-color-fg-muted-default);
   --cnvs-system-icon-color: var(--cnvs-sys-color-static-gray-strong);
-  background: var(--cnvs-sys-color-static-gray-soft);
+  background: var(--cnvs-sys-color-bg-alt-softer);
 }
 
 
 .cnvs-preview-status-indicator.orange-high {
   color: var(--cnvs-sys-color-static-gray-stronger);
   --cnvs-system-icon-color: var(--cnvs-sys-color-static-gray-stronger);
-  background: var(--cnvs-sys-color-static-orange-default);
+  background: var(--cnvs-sys-color-static-amber-default);
 }
 
 
 .cnvs-preview-status-indicator.orange-low {
-  color: var(--cnvs-sys-color-static-gold-stronger);
-  --cnvs-system-icon-color: var(--cnvs-sys-color-static-gold-stronger);
-  background: var(--cnvs-sys-color-static-orange-soft);
+  color: var(--cnvs-sys-color-static-amber-strongest);
+  --cnvs-system-icon-color: var(--cnvs-sys-color-static-amber-strongest);
+  background: var(--cnvs-sys-color-static-amber-softer);
 }
 
 
@@ -60,7 +60,7 @@
 .cnvs-preview-status-indicator.blue-low {
   color: var(--cnvs-sys-color-static-blue-strong);
   --cnvs-system-icon-color: var(--cnvs-sys-color-static-blue-strong);
-  background: var(--cnvs-sys-color-static-blue-soft);
+  background: var(--cnvs-sys-color-static-blue-softer);
 }
 
 
@@ -74,7 +74,7 @@
 .cnvs-preview-status-indicator.green-low {
   color: var(--cnvs-sys-color-static-green-strong);
   --cnvs-system-icon-color: var(--cnvs-sys-color-static-green-strong);
-  background: var(--cnvs-sys-color-static-green-soft);
+  background: var(--cnvs-sys-color-static-green-softer);
 }
 
 
@@ -88,7 +88,7 @@
 .cnvs-preview-status-indicator.red-low {
   color: var(--cnvs-sys-color-static-red-strong);
   --cnvs-system-icon-color: var(--cnvs-sys-color-static-red-strong);
-  background: var(--cnvs-sys-color-static-red-soft);
+  background: var(--cnvs-sys-color-static-red-softer);
 }