@workday/canvas-kit-css 14.2.7 → 14.2.9

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 (8) hide show
  1. package/badge.css +2 -2
  2. package/button.css +4 -4
  3. package/loading-dots.css +2 -2
  4. package/modal.css +2 -2
  5. package/package.json +2 -2
  6. package/popup.css +2 -2
  7. package/skeleton.css +2 -2
  8. package/tooltip.css +2 -2
package/badge.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes animation-4m8bu {
1
+ @keyframes animation-1uh7dm {
2
2
  from {
3
3
  transform: scale(0.85);
4
4
  }
@@ -12,7 +12,7 @@
12
12
  .cnvs-count-badge {
13
13
  box-sizing: border-box;
14
14
  align-items: center;
15
- animation: animation-4m8bu 0.2s ease;
15
+ animation: animation-1uh7dm 0.2s ease;
16
16
  border-radius: var(--cnvs-sys-shape-round);
17
17
  display: inline-flex;
18
18
  font-family: var(--cnvs-sys-font-family-default);
package/button.css CHANGED
@@ -389,11 +389,11 @@
389
389
  padding: var(--cnvs-sys-space-zero);
390
390
  height: var(--cnvs-sys-space-x8);
391
391
  --cnvs-button-border-radius: var(--cnvs-sys-shape-x1);
392
- --cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-soft);
392
+ --cnvs-system-icon-color: var(--cnvs-sys-color-fg-default);
393
393
  }
394
394
 
395
395
  .cnvs-toolbar-icon-button:focus-visible, .cnvs-toolbar-icon-button.focus {
396
- --cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-soft);
396
+ --cnvs-system-icon-color: var(--cnvs-sys-color-fg-default);
397
397
  box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-transparent),0 0 0 2px var(--cnvs-brand-common-focus-outline);
398
398
  }
399
399
 
@@ -438,12 +438,12 @@
438
438
  min-width: var(--cnvs-sys-space-x8);
439
439
  gap: var(--cnvs-sys-space-zero);
440
440
  --cnvs-button-border-radius: var(--cnvs-sys-shape-x1);
441
- --cnvs-system-icon-color: var(--cnvs-button-color-prop-default-icon, var(--cnvs-sys-color-fg-muted-soft));
441
+ --cnvs-system-icon-color: var(--cnvs-button-color-prop-default-icon, var(--cnvs-sys-color-fg-default));
442
442
  }
443
443
 
444
444
  .cnvs-toolbar-dropdown-button:focus-visible, .cnvs-toolbar-dropdown-button.focus {
445
445
  --cnvs-button-background: var(--cnvs-sys-color-bg-transparent-default);
446
- --cnvs-system-icon-color: var(--cnvs-button-color-prop-focus-icon, var(--cnvs-sys-color-fg-muted-soft));
446
+ --cnvs-system-icon-color: var(--cnvs-button-color-prop-focus-icon, var(--cnvs-sys-color-fg-default));
447
447
  box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-transparent),0 0 0 2px var(--cnvs-brand-common-focus-outline);
448
448
  }
449
449
 
package/loading-dots.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes animation-269ioh {
1
+ @keyframes animation-3o1m5t {
2
2
  0%, 80%, 100% {
3
3
  transform: scale(0);
4
4
  }
@@ -38,7 +38,7 @@
38
38
  outline: 0.125rem solid transparent;
39
39
  transform: scale(0);
40
40
  display: inline-block;
41
- animation-name: animation-269ioh;
41
+ animation-name: animation-3o1m5t;
42
42
  animation-duration: calc(var(--cnvs-loading-dots-animation-duration-ms) * 35);
43
43
  animation-iteration-count: infinite;
44
44
  animation-timing-function: ease-in-out;
package/modal.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes animation-3lsdln {
1
+ @keyframes animation-jqixc {
2
2
  0% {
3
3
  background: none;
4
4
  }
@@ -18,7 +18,7 @@
18
18
  height: 100vh;
19
19
  background: var(--cnvs-sys-color-bg-overlay);
20
20
  animation-duration: 0.3s;
21
- animation-name: animation-3lsdln;
21
+ animation-name: animation-jqixc;
22
22
  }
23
23
 
24
24
  .wd-no-animation .cnvs-modal-overlay-container {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-css",
3
- "version": "14.2.7",
3
+ "version": "14.2.9",
4
4
  "description": "The parent module that contains all Workday Canvas Kit 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": "452d77436830e4f3eec81a8a3b347f6d588a4b5e"
28
+ "gitHead": "e40eba575954586c6d60e4e14c5819f30887bd52"
29
29
  }
package/popup.css CHANGED
@@ -3,7 +3,7 @@
3
3
  }
4
4
 
5
5
 
6
- @keyframes animation-2rjdea {
6
+ @keyframes animation-46zev6 {
7
7
  0% {
8
8
  opacity: 1;
9
9
  transform: translate(var(--cnvs-translate-position-x), var(--cnvs-translate-position-y));
@@ -31,7 +31,7 @@
31
31
  padding: var(--cnvs-sys-space-x6);
32
32
  max-height: var(--cnvs-popup-card-max-height);
33
33
  overflow-y: auto;
34
- animation-name: animation-2rjdea;
34
+ animation-name: animation-46zev6;
35
35
  animation-duration: 150ms;
36
36
  animation-timing-function: ease-out;
37
37
  transform-origin: var(--cnvs-popup-card-transform-origin-vertical) var(--cnvs-popup-card-transform-origin-horizontal);
package/skeleton.css CHANGED
@@ -36,7 +36,7 @@
36
36
  }
37
37
 
38
38
 
39
- @keyframes animation-4etrr5 {
39
+ @keyframes animation-7fnwb {
40
40
  from {
41
41
  opacity: 0.4;
42
42
  }
@@ -49,7 +49,7 @@
49
49
 
50
50
  .cnvs-skeleton {
51
51
  box-sizing: border-box;
52
- animation: animation-4etrr5 0.8s linear infinite alternate;
52
+ animation: animation-7fnwb 0.8s linear infinite alternate;
53
53
  position: relative;
54
54
  overflow: hidden;
55
55
  height: 100%;
package/tooltip.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes animation-4q7mf {
1
+ @keyframes animation-3ma61s {
2
2
  0% {
3
3
  opacity: 0;
4
4
  transform: translate(var(--cnvs-tooltip-translate-position-x), var(--cnvs-tooltip-translate-position-y));
@@ -22,7 +22,7 @@
22
22
  position: relative;
23
23
  padding: var(--cnvs-sys-space-x3);
24
24
  color: var(--cnvs-sys-color-text-inverse);
25
- animation-name: animation-4q7mf;
25
+ animation-name: animation-3ma61s;
26
26
  animation-duration: 150ms;
27
27
  animation-timing-function: ease-out;
28
28
  transform-origin: var(--cnvs-tooltip-container-tooltip-transform-origin-vertical) var(--cnvs-tooltip-container-tooltip-transform-origin-horizontal);