@workday/canvas-kit-preview-css 14.2.24 → 14.2.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/color-picker.css +3 -3
  2. package/loading-sparkles.css +2 -2
  3. package/multi-select.css +2 -2
  4. package/package.json +2 -2
  5. package/radio.css +6 -6
package/color-picker.css CHANGED
@@ -24,7 +24,7 @@
24
24
  }
25
25
 
26
26
  .cnvs-preview-reset-button:focus-visible, .cnvs-preview-reset-button.focus {
27
- 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));
27
+ box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
28
28
  }
29
29
 
30
30
  .cnvs-preview-reset-button [data-part="reset-button-label"] {
@@ -33,7 +33,7 @@
33
33
 
34
34
 
35
35
  .cnvs-preview-color-picker-swatch-book {
36
- --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;
36
+ --cnvs-preview-color-picker-swatch-book-shadow: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)) 0 0 0 0.125rem,var(--cnvs-sys-color-border-input-default) 0 0 0 0.1875rem;
37
37
  box-sizing: border-box;
38
38
  display: flex;
39
39
  flex-wrap: wrap;
@@ -56,7 +56,7 @@
56
56
 
57
57
  .cnvs-preview-color-picker-swatch-book [data-part="color-picker-swatch-book-tile"]:focus-visible {
58
58
  outline: none;
59
- 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));
59
+ box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));
60
60
  }
61
61
 
62
62
  .cnvs-preview-color-picker-swatch-book [data-part="color-picker-swatch-book-tile"][aria-selected="true"] {
package/loading-sparkles.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes animation-2w9lu2 {
1
+ @keyframes animation-17jtg {
2
2
  0%, 79%, 100% {
3
3
  opacity: 0.2;
4
4
  transform: scale(0.55);
@@ -26,7 +26,7 @@
26
26
  animation-duration: 1230ms;
27
27
  animation-fill-mode: both;
28
28
  animation-iteration-count: infinite;
29
- animation-name: animation-2w9lu2;
29
+ animation-name: animation-17jtg;
30
30
  animation-timing-function: ease-in-out;
31
31
  --cnvs-system-icon-color: var(--cnvs-sys-color-fg-ai);
32
32
  }
package/multi-select.css CHANGED
@@ -90,7 +90,7 @@
90
90
 
91
91
  .cnvs-preview-multi-select-input.error-error:has(:focus-visible:not([disabled])), .cnvs-preview-multi-select-input.error-error.focus {
92
92
  border-color: var(--cnvs-brand-common-error-inner);
93
- box-shadow: inset 0 0 0 0.0625rem var(--cnvs-brand-common-error-inner),0 0 0 2px var(--cnvs-sys-color-border-inverse),0 0 0 4px var(--cnvs-brand-common-focus-outline);
93
+ box-shadow: inset 0 0 0 0.0625rem var(--cnvs-brand-common-error-inner),0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 4px var(--cnvs-brand-common-focus-outline);
94
94
  outline-offset: 0.125rem;
95
95
  }
96
96
 
@@ -107,6 +107,6 @@
107
107
  }
108
108
 
109
109
  .cnvs-preview-multi-select-input.error-caution:has(:focus-visible, .focus):not(:has([disabled])) {
110
- box-shadow: inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner),0 0 0 2px var(--cnvs-sys-color-border-inverse),0 0 0 4px var(--cnvs-brand-common-focus-outline);
110
+ box-shadow: inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner),0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 4px var(--cnvs-brand-common-focus-outline);
111
111
  }
112
112
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-preview-css",
3
- "version": "14.2.24",
3
+ "version": "14.2.26",
4
4
  "description": "The parent module that contains all Workday Canvas Kit Preview CSS components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -25,5 +25,5 @@
25
25
  "components",
26
26
  "workday"
27
27
  ],
28
- "gitHead": "a1685eb38e9e40bb90adbd81672e759ba4391314"
28
+ "gitHead": "2817fe79397ba200c146bdfe38679041579e6a95"
29
29
  }
package/radio.css CHANGED
@@ -53,7 +53,7 @@
53
53
 
54
54
  .cnvs-preview-radio-input:focus-visible+.cnvs-radio-check, .cnvs-preview-radio-input.focus+.cnvs-radio-check {
55
55
  border-color: var(--cnvs-sys-color-border-primary-default);
56
- box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-inverse),0 0 0 1px var(--cnvs-brand-common-focus-outline);
56
+ box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 1px var(--cnvs-brand-common-focus-outline);
57
57
  }
58
58
 
59
59
  .cnvs-preview-radio-input:focus-visible:hover+.cnvs-radio-check, .cnvs-preview-radio-input.focus:hover+.cnvs-radio-check {
@@ -67,7 +67,7 @@
67
67
 
68
68
  .cnvs-preview-radio-input:focus-visible:checked+.cnvs-radio-check, .cnvs-preview-radio-input:focus-visible:hover:checked+.cnvs-radio-check, .cnvs-preview-radio-input.focus:checked+.cnvs-radio-check, .cnvs-preview-radio-input.focus:hover:checked+.cnvs-radio-check {
69
69
  outline: transparent;
70
- box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse),0 0 0 4px var(--cnvs-brand-common-focus-outline);
70
+ box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0)),0 0 0 4px var(--cnvs-brand-common-focus-outline);
71
71
  }
72
72
 
73
73
 
@@ -88,7 +88,7 @@
88
88
 
89
89
  .cnvs-preview-radio-input.variant-inverse:disabled:checked+.cnvs-radio-check, .cnvs-preview-radio-input.variant-inverse.disabled:checked+.cnvs-radio-check, .cnvs-preview-radio-input.variant-inverse:disabled.checked+.cnvs-radio-check, .cnvs-preview-radio-input.variant-inverse.disabled.checked+.cnvs-radio-check {
90
90
  background-color: var(--cnvs-brand-primary-base);
91
- border-color: var(--cnvs-sys-color-border-inverse);
91
+ border-color: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
92
92
  }
93
93
 
94
94
  .cnvs-preview-radio-input.variant-inverse:hover+.cnvs-radio-check, .cnvs-preview-radio-input.variant-inverse.hover+.cnvs-radio-check {
@@ -101,15 +101,15 @@
101
101
 
102
102
  .cnvs-preview-radio-input.variant-inverse:checked+.cnvs-radio-check, .cnvs-preview-radio-input.variant-inverse.checked+.cnvs-radio-check {
103
103
  background-color: var(--cnvs-brand-primary-base);
104
- border-color: var(--cnvs-sys-color-border-inverse);
104
+ border-color: var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
105
105
  }
106
106
 
107
107
  .cnvs-preview-radio-input.variant-inverse:focus-visible+.cnvs-radio-check, .cnvs-preview-radio-input.variant-inverse:focus-visible:hover+.cnvs-radio-check, .cnvs-preview-radio-input.variant-inverse.focus+.cnvs-radio-check, .cnvs-preview-radio-input.variant-inverse.focus:hover+.cnvs-radio-check {
108
- box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-contrast-default),0 0 0 2px var(--cnvs-sys-color-border-inverse);
108
+ box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-contrast-default),0 0 0 2px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
109
109
  }
110
110
 
111
111
  .cnvs-preview-radio-input.variant-inverse:focus-visible:checked+.cnvs-radio-check, .cnvs-preview-radio-input.variant-inverse:focus-visible:hover:checked+.cnvs-radio-check, .cnvs-preview-radio-input.variant-inverse.focus:checked+.cnvs-radio-check, .cnvs-preview-radio-input.variant-inverse.focus:hover:checked+.cnvs-radio-check {
112
- box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-contrast-default),0 0 0 4px var(--cnvs-sys-color-border-inverse);
112
+ box-shadow: 0 0 0 2px var(--cnvs-sys-color-border-contrast-default),0 0 0 4px var(--cnvs-sys-color-border-inverse, var(--cnvs-base-palette-neutral-0));
113
113
  }
114
114
 
115
115