@workday/canvas-kit-css 15.1.4 → 15.1.6

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/loading-dots.css +2 -2
  3. package/modal.css +2 -2
  4. package/package.json +2 -2
  5. package/popup.css +2 -2
  6. package/side-panel.css +1 -36
  7. package/skeleton.css +2 -2
  8. package/tooltip.css +2 -2
package/badge.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes animation-2wns1w {
1
+ @keyframes animation-3ja3rj {
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-2wns1w 0.2s ease;
15
+ animation: animation-3ja3rj 0.2s ease;
16
16
  border-radius: var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));
17
17
  display: inline-flex;
18
18
  font-family: var(--cnvs-sys-font-family-default);
package/loading-dots.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes animation-3f16sh {
1
+ @keyframes animation-3ix228 {
2
2
  0%, 80%, 100% {
3
3
  transform: scale(0);
4
4
  }
@@ -37,7 +37,7 @@
37
37
  outline: 0.125rem solid transparent;
38
38
  transform: scale(0);
39
39
  display: inline-block;
40
- animation-name: animation-3f16sh;
40
+ animation-name: animation-3ix228;
41
41
  animation-duration: calc(var(--cnvs-loading-dots-animation-duration-ms) * 35);
42
42
  animation-iteration-count: infinite;
43
43
  animation-timing-function: ease-in-out;
package/modal.css CHANGED
@@ -45,7 +45,7 @@
45
45
  }
46
46
 
47
47
 
48
- @keyframes animation-4989q0 {
48
+ @keyframes animation-3j30th {
49
49
  0% {
50
50
  background: none;
51
51
  }
@@ -65,7 +65,7 @@
65
65
  height: 100vh;
66
66
  background: var(--cnvs-sys-color-surface-overlay-scrim, oklch(0.0847 0 0 / 0.36));
67
67
  animation-duration: 0.3s;
68
- animation-name: animation-4989q0;
68
+ animation-name: animation-3j30th;
69
69
  }
70
70
 
71
71
  .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": "15.1.4",
3
+ "version": "15.1.6",
4
4
  "type": "module",
5
5
  "description": "The parent module that contains all Workday Canvas Kit CSS components",
6
6
  "author": "Workday, Inc. (https://www.workday.com)",
@@ -26,5 +26,5 @@
26
26
  "components",
27
27
  "workday"
28
28
  ],
29
- "gitHead": "23b7a01723b0057b59410a2c3b3bd279d3f6b3aa"
29
+ "gitHead": "c902047d4ad6874afc747a5eff22f88f0d6c2ff9"
30
30
  }
package/popup.css CHANGED
@@ -10,7 +10,7 @@
10
10
  }
11
11
 
12
12
 
13
- @keyframes animation-3nm7cn {
13
+ @keyframes animation-uhysw {
14
14
  0% {
15
15
  opacity: 1;
16
16
  transform: translate(var(--cnvs-translate-position-x), var(--cnvs-translate-position-y));
@@ -39,7 +39,7 @@
39
39
  border-radius: var(--cnvs-sys-shape-xxxl, 2rem);
40
40
  max-height: var(--cnvs-popup-card-max-height);
41
41
  overflow-y: auto;
42
- animation-name: animation-3nm7cn;
42
+ animation-name: animation-uhysw;
43
43
  animation-duration: 150ms;
44
44
  animation-timing-function: ease-out;
45
45
  transform-origin: var(--cnvs-popup-card-transform-origin-vertical) var(--cnvs-popup-card-transform-origin-horizontal);
package/side-panel.css CHANGED
@@ -21,92 +21,57 @@
21
21
 
22
22
  .cnvs-side-panel-toggle-button.state-collapsing {
23
23
  margin: 0;
24
- transform: scaleX(1);
25
- }
26
-
27
- .cnvs-side-panel-toggle-button.state-collapsing :dir(rtl) {
28
- transform: scaleX(-1);
29
24
  }
30
25
 
31
26
 
32
27
  .cnvs-side-panel-toggle-button.state-collapsed {
33
28
  margin: auto;
34
- transform: scaleX(1);
35
- }
36
-
37
- .cnvs-side-panel-toggle-button.state-collapsed :dir(rtl) {
38
- transform: scaleX(-1);
39
29
  }
40
30
 
41
31
 
42
32
  .cnvs-side-panel-toggle-button.state-expanded {
43
33
  margin: 0;
44
- transform: scaleX(-1);
45
- }
46
-
47
- .cnvs-side-panel-toggle-button.state-expanded :dir(rtl) {
48
- transform: scaleX(1);
49
34
  }
50
35
 
51
36
 
52
37
  .cnvs-side-panel-toggle-button.state-expanding {
53
38
  margin: 0;
54
- transform: scaleX(-1);
55
- }
56
-
57
- .cnvs-side-panel-toggle-button.state-expanding :dir(rtl) {
58
- transform: scaleX(1);
59
39
  }
60
40
 
61
41
 
62
42
 
63
43
  .cnvs-side-panel-toggle-button.origin-end {
64
- transform: scaleX(1);
65
- }
66
-
67
- .cnvs-side-panel-toggle-button.origin-end :dir(rtl) {
68
- transform: scaleX(-1);
69
- }
70
-
71
-
72
- .cnvs-side-panel-toggle-button.state-collapsed.origin-end {
73
44
  transform: scaleX(-1);
74
45
  }
75
46
 
76
- .cnvs-side-panel-toggle-button.state-collapsed.origin-end :dir(rtl) {
47
+ .cnvs-side-panel-toggle-button.origin-end :dir(rtl) {
77
48
  transform: scaleX(1);
78
49
  }
79
50
 
80
51
 
81
52
  .cnvs-side-panel-toggle-button.state-collapsing.origin-end {
82
- transform: scaleX(-1);
83
53
  inset-inline-start: var(--cnvs-base-size-150, 0.75rem);
84
54
  }
85
55
 
86
56
  .cnvs-side-panel-toggle-button.state-collapsing.origin-end :dir(rtl) {
87
- transform: scaleX(1);
88
57
  inset-inline-end: var(--cnvs-base-size-150, 0.75rem);
89
58
  }
90
59
 
91
60
 
92
61
  .cnvs-side-panel-toggle-button.state-expanded.origin-end {
93
- transform: scaleX(1);
94
62
  inset-inline-start: var(--cnvs-base-size-150, 0.75rem);
95
63
  }
96
64
 
97
65
  .cnvs-side-panel-toggle-button.state-expanded.origin-end :dir(rtl) {
98
- transform: scaleX(-1);
99
66
  inset-inline-end: var(--cnvs-base-size-150, 0.75rem);
100
67
  }
101
68
 
102
69
 
103
70
  .cnvs-side-panel-toggle-button.state-expanding.origin-end {
104
- transform: scaleX(1);
105
71
  inset-inline-start: var(--cnvs-base-size-150, 0.75rem);
106
72
  }
107
73
 
108
74
  .cnvs-side-panel-toggle-button.state-expanding.origin-end :dir(rtl) {
109
- transform: scaleX(-1);
110
75
  inset-inline-end: var(--cnvs-base-size-150, 0.75rem);
111
76
  }
112
77
 
package/skeleton.css CHANGED
@@ -36,7 +36,7 @@
36
36
  }
37
37
 
38
38
 
39
- @keyframes animation-3zet5r {
39
+ @keyframes animation-fkgc9 {
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-3zet5r 0.8s linear infinite alternate;
52
+ animation: animation-fkgc9 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-2y6rqp {
1
+ @keyframes animation-29cs5x {
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-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));
24
24
  color: var(--cnvs-sys-color-fg-inverse);
25
- animation-name: animation-2y6rqp;
25
+ animation-name: animation-29cs5x;
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);