@workday/canvas-kit-labs-css 14.0.0-alpha.1156-next.0 → 14.0.0-alpha.1162-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/ai-assistant-ingress-button.css +120 -0
- package/package.json +2 -2
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
.cnvs-labs-ai-assistant-ingress-button {
|
|
2
|
+
box-sizing: border-box;
|
|
3
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-ai-strongest);
|
|
4
|
+
border-radius: var(--cnvs-sys-shape-round);
|
|
5
|
+
height: calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x1));
|
|
6
|
+
width: calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x1));
|
|
7
|
+
transition: box-shadow 300ms ease-out,background 300ms ease-out;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.cnvs-labs-ai-assistant-ingress-button .wd-icon-ai-assistant-ingress-button .wd-icon-fill {
|
|
11
|
+
transition: fill 300ms ease-out;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.cnvs-labs-ai-assistant-ingress-button .wd-icon-ai-assistant-ingress-button >linearGradient>stop {
|
|
15
|
+
transition: 300ms ease-out;
|
|
16
|
+
stop-color: var(--cnvs-sys-color-fg-inverse);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.cnvs-labs-ai-assistant-ingress-button:is(:hover, .hover):not(:disabled, .disabled) .wd-icon-ai-assistant-ingress-button linearGradient>stop:first-child {
|
|
20
|
+
stop-color: #FFA198;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.cnvs-labs-ai-assistant-ingress-button:is(:hover, .hover):not(:disabled, .disabled) .wd-icon-ai-assistant-ingress-button linearGradient>stop:nth-child(2) {
|
|
24
|
+
stop-color: #FFCAA0;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.cnvs-labs-ai-assistant-ingress-button:is(:hover, .hover):not(:disabled, .disabled) .wd-icon-ai-assistant-ingress-button linearGradient>stop:nth-child(3) {
|
|
28
|
+
stop-color: #FFCA79;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.cnvs-labs-ai-assistant-ingress-button:is(:hover, .hover):not(:disabled, .disabled) .wd-icon-ai-assistant-ingress-button linearGradient>stop:nth-child(4) {
|
|
32
|
+
stop-color: #FDCA44;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.cnvs-labs-ai-assistant-ingress-button:is(:hover, .hover):not(:disabled, .disabled) .wd-icon-ai-assistant-ingress-button linearGradient>stop:nth-child(5) {
|
|
36
|
+
stop-color: #FFB74D;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.cnvs-labs-ai-assistant-ingress-button:disabled, .cnvs-labs-ai-assistant-ingress-button:disabled:active, .cnvs-labs-ai-assistant-ingress-button.disabled {
|
|
40
|
+
opacity: var(--cnvs-sys-opacity-disabled);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.cnvs-labs-ai-assistant-ingress-button:is(:focus-visible, .focus):not(:disabled, .disabled) {
|
|
44
|
+
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));
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
.cnvs-labs-ai-assistant-ingress-button.variant-inverse {
|
|
49
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-default);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.cnvs-labs-ai-assistant-ingress-button.variant-inverse .wd-icon-ai-assistant-ingress-button .wd-icon-fill {
|
|
53
|
+
transition: fill 300ms ease-out;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.cnvs-labs-ai-assistant-ingress-button.variant-inverse .wd-icon-ai-assistant-ingress-button >linearGradient>stop {
|
|
57
|
+
transition: 300ms ease-out;
|
|
58
|
+
stop-color: var(--cnvs-sys-color-fg-ai);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.cnvs-labs-ai-assistant-ingress-button.variant-inverse:is(:hover, .hover):not(:disabled, .disabled) .wd-icon-ai-assistant-ingress-button linearGradient>stop:first-child {
|
|
62
|
+
stop-color: #FFA198;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.cnvs-labs-ai-assistant-ingress-button.variant-inverse:is(:hover, .hover):not(:disabled, .disabled) .wd-icon-ai-assistant-ingress-button linearGradient>stop:nth-child(2) {
|
|
66
|
+
stop-color: #FFCAA0;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.cnvs-labs-ai-assistant-ingress-button.variant-inverse:is(:hover, .hover):not(:disabled, .disabled) .wd-icon-ai-assistant-ingress-button linearGradient>stop:nth-child(3) {
|
|
70
|
+
stop-color: #FFCA79;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.cnvs-labs-ai-assistant-ingress-button.variant-inverse:is(:hover, .hover):not(:disabled, .disabled) .wd-icon-ai-assistant-ingress-button linearGradient>stop:nth-child(4) {
|
|
74
|
+
stop-color: #FDCA44;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.cnvs-labs-ai-assistant-ingress-button.variant-inverse:is(:hover, .hover):not(:disabled, .disabled) .wd-icon-ai-assistant-ingress-button linearGradient>stop:nth-child(5) {
|
|
78
|
+
stop-color: #FFB74D;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
.cnvs-labs-ai-assistant-ingress-button.toggled {
|
|
83
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-default);
|
|
84
|
+
transition: box-shadow 300ms ease-out,background 300ms ease-out;
|
|
85
|
+
box-shadow: 0px 0px 4.9px 0px #FFC2FD,0px 0px 0.98px 0px #FFF3A8,0px 0px 1.96px 0px #FEC10B,0px 0px 2.94px 0px #FEC10B,0px 0px 4.9px 0px #FD7E00,0px 0px 7.36px 0px #FC5B05,0px 0px 9.81px 0px #FFC2FD,0px 0px 12.26px 0px rgba(255, 194, 253, 0.50);
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.cnvs-labs-ai-assistant-ingress-button.toggled .wd-icon-ai-assistant-ingress-button .wd-icon-fill {
|
|
89
|
+
transition: fill 300ms ease-out;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.cnvs-labs-ai-assistant-ingress-button.toggled .wd-icon-ai-assistant-ingress-button >linearGradient>stop {
|
|
93
|
+
transition: 300ms ease-out;
|
|
94
|
+
stop-color: var(--cnvs-sys-color-fg-ai);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.cnvs-labs-ai-assistant-ingress-button.toggled:is(:focus-visible, .focus):not(:disabled, .disabled) {
|
|
98
|
+
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));
|
|
99
|
+
border: 1px solid var(--cnvs-sys-color-border-container);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
.cnvs-labs-ai-assistant-ingress-button.toggled-false {
|
|
104
|
+
transition: box-shadow 300ms ease-out,background 300ms ease-out;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
.cnvs-labs-ai-assistant-ingress-button.toggled-true.variant-inverse {
|
|
109
|
+
--cnvs-button-background: var(--cnvs-sys-color-bg-ai-strongest);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.cnvs-labs-ai-assistant-ingress-button.toggled-true.variant-inverse .wd-icon-ai-assistant-ingress-button .wd-icon-fill {
|
|
113
|
+
transition: fill 300ms ease-out;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.cnvs-labs-ai-assistant-ingress-button.toggled-true.variant-inverse .wd-icon-ai-assistant-ingress-button >linearGradient>stop {
|
|
117
|
+
transition: 300ms ease-out;
|
|
118
|
+
stop-color: var(--cnvs-sys-color-fg-inverse);
|
|
119
|
+
}
|
|
120
|
+
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-labs-css",
|
|
3
|
-
"version": "14.0.0-alpha.
|
|
3
|
+
"version": "14.0.0-alpha.1162-next.0",
|
|
4
4
|
"description": "The parent module that contains all Workday Canvas Kit Labs 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": "542377d8b4fcaf4fa3f40e4ef6ef66a8524e8de9"
|
|
29
29
|
}
|