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

package/color-picker.css

@@ -0,0 +1,102 @@
+.cnvs-preview-reset-button {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: calc(100% + var(--cnvs-sys-space-x8));
+  height: var(--cnvs-sys-space-x8);
+  margin: calc(var(--cnvs-sys-space-x2) * -1) calc(var(--cnvs-sys-space-x4) * -1) var(--cnvs-sys-space-x2);
+  padding: 0 var(--cnvs-sys-space-x4);
+  white-space: nowrap;
+  border: none;
+  outline: none;
+  background: none;
+  cursor: pointer;
+  transition: color 120ms ease,background-color 120ms ease;
+}
+
+.cnvs-preview-reset-button:hover, .cnvs-preview-reset-button.hover {
+  background-color: var(--cnvs-sys-color-bg-alt-default);
+}
+
+.cnvs-preview-reset-button:active, .cnvs-preview-reset-button.active {
+  background-color: var(--cnvs-sys-color-bg-alt-strong);
+}
+
+.cnvs-preview-reset-button:focus-visible, .cnvs-preview-reset-button.focus {
+  box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)),0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
+}
+
+.cnvs-preview-reset-button [data-part="reset-button-label"] {
+  margin-left: var(--cnvs-sys-space-x2);
+}
+
+
+.cnvs-preview-color-picker-swatch-book {
+  --cnvs-preview-color-picker-swatch-book-shadow: var(--cnvs-sys-color-border-inverse) 0 0 0 0.125rem,var(--cnvs-sys-color-border-input-default) 0 0 0 0.1875rem;
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 calc(var(--cnvs-sys-space-x2) * -1) calc(var(--cnvs-sys-space-x2) * -1) 0;
+}
+
+.cnvs-preview-color-picker-swatch-book [data-part="color-picker-swatch-book-tile"] {
+  display: flex;
+  width: 1.25rem;
+  height: 1.25rem;
+  cursor: pointer;
+  border-radius: var(--cnvs-sys-shape-half);
+  transition: box-shadow 120ms ease;
+  margin: 0px var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2) 0px;
+}
+
+.cnvs-preview-color-picker-swatch-book [data-part="color-picker-swatch-book-tile"]:hover {
+  box-shadow: var(--cnvs-preview-color-picker-swatch-book-shadow);
+}
+
+.cnvs-preview-color-picker-swatch-book [data-part="color-picker-swatch-book-tile"]:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)),0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
+}
+
+.cnvs-preview-color-picker-swatch-book [data-part="color-picker-swatch-book-tile"][aria-selected="true"] {
+  box-shadow: var(--cnvs-preview-color-picker-swatch-book-shadow);
+}
+
+.cnvs-preview-color-picker-swatch-book [data-part="color-picker-swatch-book-tile"][aria-selected="true"]:focus-visible {
+  animation: none;
+  box-shadow: none;
+}
+
+.cnvs-preview-color-picker-swatch-book [data-part="color-picker-swatch-book-tile"][aria-selected="true"]:hover {
+  box-shadow: var(--cnvs-preview-color-picker-swatch-book-shadow);
+}
+
+
+.cnvs-preview-color-picker {
+  box-sizing: border-box;
+  width: 13.5rem;
+}
+
+.cnvs-preview-color-picker [data-part="color-picker-form"] {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-block-start: var(--cnvs-sys-space-x4);
+}
+
+.cnvs-preview-color-picker [data-part="color-picker-input-wrapper"] {
+  display: flex;
+  flex-direction: column;
+  margin: var(--cnvs-sys-space-zero);
+}
+
+.cnvs-preview-color-picker [data-part="color-picker-button"] {
+  align-self: flex-end;
+}
+
+.cnvs-preview-color-picker [data-part="color-picker-hex-input"] {
+  width: 10.5rem;
+}
+

package/information-highlight.css

@@ -118,6 +118,6 @@
 .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-fg-critical);
+  --cnvs-system-icon-background-color: var(--cnvs-sys-color-fg-critical-default);
 }
 

package/loading-sparkles.css

@@ -1,4 +1,4 @@
-@keyframes animation-bo3y3 {
+@keyframes animation-blb66 {
   0%, 79%, 100% {
     opacity: 0.2;
     transform: scale(0.55);
@@ -26,7 +26,7 @@
   animation-duration: 1230ms;
   animation-fill-mode: both;
   animation-iteration-count: infinite;
-  animation-name: animation-bo3y3;
+  animation-name: animation-blb66;
   animation-timing-function: ease-in-out;
   --cnvs-system-icon-color: var(--cnvs-sys-color-fg-ai);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-css",
-  "version": "14.0.0-alpha.1144-next.0",
+  "version": "14.0.0-alpha.1147-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": "8c2a2215d9a0b96f98e4b768781d3a5061a61f9c"
+  "gitHead": "de1260613697f1f525bc62614967f81521594356"
 }