@workday/canvas-kit-css 14.0.0-alpha.1126-next.0 → 14.0.0-alpha.1129-next.0
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.
- package/badge.css +2 -2
- package/button.css +96 -0
- package/loading-dots.css +2 -2
- package/modal.css +2 -2
- package/package.json +2 -2
- package/popup.css +2 -2
- package/skeleton.css +2 -2
- package/tooltip.css +2 -2
package/badge.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@keyframes animation-
|
|
1
|
+
@keyframes animation-mq0g3q {
|
|
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-
|
|
15
|
+
animation: animation-mq0g3q 0.2s ease;
|
|
16
16
|
background: var(--cnvs-sys-color-static-red-default);
|
|
17
17
|
border-radius: var(--cnvs-sys-shape-round);
|
|
18
18
|
color: var(--cnvs-sys-color-text-inverse);
|
package/button.css
CHANGED
|
@@ -402,6 +402,102 @@
|
|
|
402
402
|
}
|
|
403
403
|
|
|
404
404
|
|
|
405
|
+
.cnvs-toolbar-icon-button {
|
|
406
|
+
box-sizing: border-box;
|
|
407
|
+
min-width: var(--cnvs-sys-space-x8);
|
|
408
|
+
padding: var(--cnvs-sys-space-zero);
|
|
409
|
+
height: var(--cnvs-sys-space-x8);
|
|
410
|
+
--cnvs-button-border-radius: var(--cnvs-sys-shape-x1);
|
|
411
|
+
--cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-soft);
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
.cnvs-toolbar-icon-button:focus-visible, .cnvs-toolbar-icon-button.focus {
|
|
415
|
+
--cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-soft);
|
|
416
|
+
box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-transparent),0 0 0 2px var(--cnvs-brand-common-focus-outline);
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
.cnvs-toolbar-icon-button:hover, .cnvs-toolbar-icon-button.hover {
|
|
420
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-alt-default);
|
|
421
|
+
--cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-stronger);
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
.cnvs-toolbar-icon-button:active, .cnvs-toolbar-icon-button.active {
|
|
425
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-alt-stronger);
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
.cnvs-toolbar-icon-button:disabled, .cnvs-toolbar-icon-button.disabled {
|
|
429
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-transparent);
|
|
430
|
+
--cnvs-system-icon-color: var(--cnvs-sys-color-fg-disabled);
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
.cnvs-toolbar-icon-button[aria-pressed='true'] {
|
|
434
|
+
--cnvs-system-icon-color: var(--cnvs-brand-primary-base);
|
|
435
|
+
--cnvs-button-background: var(--cnvs-brand-primary-lightest);
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
.cnvs-toolbar-icon-button[aria-pressed='true']:hover, .cnvs-toolbar-icon-button[aria-pressed='true'].hover {
|
|
439
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-alt-default);
|
|
440
|
+
--cnvs-system-icon-color: var(--cnvs-brand-primary-dark);
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
.cnvs-toolbar-icon-button[aria-pressed='true']:active, .cnvs-toolbar-icon-button[aria-pressed='true'].active {
|
|
444
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-alt-stronger);
|
|
445
|
+
--cnvs-system-icon-color: var(--cnvs-brand-primary-dark);
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
.cnvs-toolbar-icon-button[aria-pressed='true']:disabled, .cnvs-toolbar-icon-button[aria-pressed='true'].disabled {
|
|
449
|
+
--cnvs-button-background: var(--cnvs-brand-primary-lightest);
|
|
450
|
+
--cnvs-system-icon-color: var(--cnvs-brand-primary-light);
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
|
|
454
|
+
.cnvs-toolbar-dropdown-button {
|
|
455
|
+
box-sizing: border-box;
|
|
456
|
+
padding: var(--cnvs-sys-space-zero);
|
|
457
|
+
min-width: var(--cnvs-sys-space-x8);
|
|
458
|
+
gap: var(--cnvs-sys-space-zero);
|
|
459
|
+
--cnvs-button-border-radius: var(--cnvs-sys-shape-x1);
|
|
460
|
+
--cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-soft);
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
.cnvs-toolbar-dropdown-button:focus-visible, .cnvs-toolbar-dropdown-button.focus {
|
|
464
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-transparent);
|
|
465
|
+
--cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-soft);
|
|
466
|
+
box-shadow: 0 0 0 0px var(--cnvs-sys-color-border-transparent),0 0 0 2px var(--cnvs-brand-common-focus-outline);
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
.cnvs-toolbar-dropdown-button:hover, .cnvs-toolbar-dropdown-button.hover {
|
|
470
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-alt-default);
|
|
471
|
+
--cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-stronger);
|
|
472
|
+
}
|
|
473
|
+
|
|
474
|
+
.cnvs-toolbar-dropdown-button:active, .cnvs-toolbar-dropdown-button.active {
|
|
475
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-alt-stronger);
|
|
476
|
+
--cnvs-system-icon-color: var(--cnvs-sys-color-fg-muted-stronger);
|
|
477
|
+
}
|
|
478
|
+
|
|
479
|
+
.cnvs-toolbar-dropdown-button:disabled, .cnvs-toolbar-dropdown-button.disabled {
|
|
480
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-transparent);
|
|
481
|
+
--cnvs-system-icon-color: var(--cnvs-sys-color-fg-disabled);
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
.cnvs-toolbar-dropdown-button [data-part="toolbar-dropdown-btn-custom-icon"] {
|
|
485
|
+
margin-inline-start: var(--cnvs-sys-space-x1);
|
|
486
|
+
margin-inline-end: calc(0.125rem * -1);
|
|
487
|
+
}
|
|
488
|
+
|
|
489
|
+
.cnvs-toolbar-dropdown-button [data-part="toolbar-dropdown-btn-arrow"] {
|
|
490
|
+
margin: 0;
|
|
491
|
+
margin-inline-end: 0.125rem;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
|
|
495
|
+
.cnvs-toolbar-dropdown-button.should-mirror-icon [data-part="toolbar-dropdown-btn-custom-icon"] {
|
|
496
|
+
margin-inline-end: 0;
|
|
497
|
+
margin-inline-start: 0.125rem;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
|
|
405
501
|
.cnvs-hyperlink {
|
|
406
502
|
box-sizing: border-box;
|
|
407
503
|
font-family: var(--cnvs-sys-font-family-default);
|
package/loading-dots.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@keyframes animation-
|
|
1
|
+
@keyframes animation-mq0g66 {
|
|
2
2
|
0%, 80%, 100% {
|
|
3
3
|
transform: scale(0);
|
|
4
4
|
}
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
outline: 0.125rem solid transparent;
|
|
27
27
|
transform: scale(0);
|
|
28
28
|
display: inline-block;
|
|
29
|
-
animation-name: animation-
|
|
29
|
+
animation-name: animation-mq0g66;
|
|
30
30
|
animation-duration: calc(var(--cnvs-loading-dots-animation-duration-ms) * 35);
|
|
31
31
|
animation-iteration-count: infinite;
|
|
32
32
|
animation-timing-function: ease-in-out;
|
package/modal.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@keyframes animation-
|
|
1
|
+
@keyframes animation-mq0g68 {
|
|
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-
|
|
21
|
+
animation-name: animation-mq0g68;
|
|
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.0.0-alpha.
|
|
3
|
+
"version": "14.0.0-alpha.1129-next.0",
|
|
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": "
|
|
28
|
+
"gitHead": "27f7b4b0b968875921295a1640e043018e8a0716"
|
|
29
29
|
}
|
package/popup.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
@keyframes animation-
|
|
6
|
+
@keyframes animation-mq0gy {
|
|
7
7
|
0% {
|
|
8
8
|
opacity: 1;
|
|
9
9
|
transform: translate(var(--cnvs-translate-position-x), var(--cnvs-translate-position-y));
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
padding: var(--cnvs-sys-space-x6);
|
|
33
33
|
max-height: var(--cnvs-popup-card-max-height);
|
|
34
34
|
overflow-y: auto;
|
|
35
|
-
animation-name: animation-
|
|
35
|
+
animation-name: animation-mq0gy;
|
|
36
36
|
animation-duration: 150ms;
|
|
37
37
|
animation-timing-function: ease-out;
|
|
38
38
|
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-
|
|
39
|
+
@keyframes animation-mq0g6n {
|
|
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-
|
|
52
|
+
animation: animation-mq0g6n 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-
|
|
1
|
+
@keyframes animation-mq0g2v {
|
|
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-
|
|
25
|
+
animation-name: animation-mq0g2v;
|
|
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);
|