@workday/canvas-kit-labs-react 14.0.0-alpha.1174-next.0 → 14.0.0-alpha.1176-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/index.ts +2 -2
- package/ai-assistant-ingress-button/lib/{AiAssistantIngressButton.tsx → AIAssistantIngressButton.tsx} +32 -20
- package/ai-assistant-ingress-button/lib/{AiAssistantIngressIcon.tsx → AIAssistantIngressIcon.tsx} +1 -1
- package/dist/commonjs/ai-assistant-ingress-button/index.d.ts +2 -2
- package/dist/commonjs/ai-assistant-ingress-button/index.js +2 -2
- package/dist/{es6/ai-assistant-ingress-button/lib/AiAssistantIngressButton.d.ts → commonjs/ai-assistant-ingress-button/lib/AIAssistantIngressButton.d.ts} +1851 -16
- package/dist/{es6/ai-assistant-ingress-button/lib/AiAssistantIngressButton.d.ts.map → commonjs/ai-assistant-ingress-button/lib/AIAssistantIngressButton.d.ts.map} +1 -1
- package/dist/commonjs/ai-assistant-ingress-button/lib/AIAssistantIngressButton.js +57 -0
- package/dist/commonjs/ai-assistant-ingress-button/lib/AIAssistantIngressIcon.d.ts +3 -0
- package/dist/commonjs/ai-assistant-ingress-button/lib/AIAssistantIngressIcon.d.ts.map +1 -0
- package/dist/commonjs/ai-assistant-ingress-button/lib/{AiAssistantIngressIcon.js → AIAssistantIngressIcon.js} +3 -3
- package/dist/es6/ai-assistant-ingress-button/index.d.ts +2 -2
- package/dist/es6/ai-assistant-ingress-button/index.js +2 -2
- package/dist/{commonjs/ai-assistant-ingress-button/lib/AiAssistantIngressButton.d.ts → es6/ai-assistant-ingress-button/lib/AIAssistantIngressButton.d.ts} +1851 -16
- package/dist/{commonjs/ai-assistant-ingress-button/lib/AiAssistantIngressButton.d.ts.map → es6/ai-assistant-ingress-button/lib/AIAssistantIngressButton.d.ts.map} +1 -1
- package/dist/es6/ai-assistant-ingress-button/lib/AIAssistantIngressButton.js +54 -0
- package/dist/es6/ai-assistant-ingress-button/lib/AIAssistantIngressIcon.d.ts +3 -0
- package/dist/es6/ai-assistant-ingress-button/lib/AIAssistantIngressIcon.d.ts.map +1 -0
- package/dist/es6/ai-assistant-ingress-button/lib/{AiAssistantIngressIcon.js → AIAssistantIngressIcon.js} +1 -1
- package/package.json +4 -4
- package/dist/commonjs/ai-assistant-ingress-button/lib/AiAssistantIngressButton.js +0 -57
- package/dist/commonjs/ai-assistant-ingress-button/lib/AiAssistantIngressIcon.d.ts +0 -3
- package/dist/commonjs/ai-assistant-ingress-button/lib/AiAssistantIngressIcon.d.ts.map +0 -1
- package/dist/es6/ai-assistant-ingress-button/lib/AiAssistantIngressButton.js +0 -54
- package/dist/es6/ai-assistant-ingress-button/lib/AiAssistantIngressIcon.d.ts +0 -3
- package/dist/es6/ai-assistant-ingress-button/lib/AiAssistantIngressIcon.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"AIAssistantIngressButton.d.ts","sourceRoot":"","sources":["../../../../ai-assistant-ingress-button/lib/AIAssistantIngressButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAgB,MAAM,kCAAkC,CAAC;AAK5F,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,GAAG,kBAAkB,CAAC;IAC/F;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAoBD,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAqI1C,CAAC;AAEH,eAAO,MAAM,wBAAwB,sGAmBnC,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createComponent, focusRing, useUniqueId } from '@workday/canvas-kit-react/common';
|
|
3
|
+
import { BaseButton, buttonStencil } from '@workday/canvas-kit-react/button';
|
|
4
|
+
import { createStencil, handleCsProp, calc } from '@workday/canvas-kit-styling';
|
|
5
|
+
import { system, base } from '@workday/canvas-tokens-web';
|
|
6
|
+
import { systemIconStencil } from '@workday/canvas-kit-react/icon';
|
|
7
|
+
import { getAIAssistantIngressIcon } from './AIAssistantIngressIcon';
|
|
8
|
+
/**
|
|
9
|
+
* Icon gradient colors
|
|
10
|
+
*/
|
|
11
|
+
const illuminateStopColor1 = base.red200; //'#FFA198'
|
|
12
|
+
const illuminateStopColor2 = base.orange200; //'#FFCAA0'
|
|
13
|
+
const illuminateStopColor3 = base.orange200; //'#FFCA79'
|
|
14
|
+
const illuminateStopColor4 = base.amber200; //'#FDCA44'
|
|
15
|
+
const illuminateStopColor5 = base.amber300; //'#FFB74D';
|
|
16
|
+
/**
|
|
17
|
+
* Box shadow glow colors
|
|
18
|
+
*/
|
|
19
|
+
const glowEraser = base.magenta200; //'#FFC2FD';
|
|
20
|
+
const glowHighlighter = base.amber100; //'#FFF3A8';
|
|
21
|
+
const glowLunchBreak = base.amber300; //'#FEC10B';
|
|
22
|
+
const glowHappyHour = base.orange400; //'#FD7E00';
|
|
23
|
+
const glowThumbtack = base.coral500; //'#FC5B05';
|
|
24
|
+
export const AIAssistantIngressButtonStencil = createStencil({
|
|
25
|
+
extends: buttonStencil,
|
|
26
|
+
base: { name: "2c0arc", styles: "box-sizing:border-box;--background-button-65cb05:var(--cnvs-sys-color-bg-ai-strongest);border-radius:var(--cnvs-sys-shape-round);height:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x1));width:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x1));transition:box-shadow 300ms ease-out, background 300ms ease-out;.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-inverse);}}&:is(:hover, .hover):not(:disabled, .disabled){.wd-icon-ai-assistant-ingress-button{linearGradient > stop:first-child{stop-color:var(--cnvs-base-palette-red-200);}linearGradient > stop:nth-child(2){stop-color:var(--cnvs-base-palette-orange-200);}linearGradient > stop:nth-child(3){stop-color:var(--cnvs-base-palette-orange-200);}linearGradient > stop:nth-child(4){stop-color:var(--cnvs-base-palette-amber-200);}linearGradient > stop:nth-child(5){stop-color:var(--cnvs-base-palette-amber-300);}}}&:disabled, &:disabled:active, &.disabled{opacity:var(--cnvs-sys-opacity-disabled);}&:is(:focus-visible, .focus):not(:disabled, .disabled){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
|
+
modifiers: {
|
|
28
|
+
variant: {
|
|
29
|
+
inverse: { name: "3g4t2f", styles: "--background-button-65cb05:var(--cnvs-sys-color-bg-default);.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-ai);}}&:is(:hover, .hover):not(:disabled, .disabled){.wd-icon-ai-assistant-ingress-button{linearGradient > stop:first-child{stop-color:var(--cnvs-base-palette-red-200);}linearGradient > stop:nth-child(2){stop-color:var(--cnvs-base-palette-orange-200);}linearGradient > stop:nth-child(3){stop-color:var(--cnvs-base-palette-orange-200);}linearGradient > stop:nth-child(4){stop-color:var(--cnvs-base-palette-amber-200);}linearGradient > stop:nth-child(5){stop-color:var(--cnvs-base-palette-amber-300);}}}&:is(:focus-visible, .focus):not(:disabled, .disabled){box-shadow:0 0 0 0px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)), 0 0 0 2px var(--cnvs-sys-color-fg-inverse);border:2px solid var(--cnvs-sys-color-border-ai) ;}" }
|
|
30
|
+
},
|
|
31
|
+
toggled: {
|
|
32
|
+
true: { name: "3cg23", styles: "--background-button-65cb05:var(--cnvs-sys-color-bg-default);transition:box-shadow 300ms ease-out, background 300ms ease-out;box-shadow:0px 0px 4.9px 0px var(--cnvs-base-palette-magenta-200), 0px 0px 0.98px 0px var(--cnvs-base-palette-amber-100), 0px 0px 1.96px 0px var(--cnvs-base-palette-amber-300), 0px 0px 2.94px 0px var(--cnvs-base-palette-amber-300), 0px 0px 4.9px 0px var(--cnvs-base-palette-orange-400), 0px 0px 7.36px 0px var(--cnvs-base-palette-coral-500), 0px 0px 9.81px 0px var(--cnvs-base-palette-magenta-200), 0px 0px 12.26px 0px rgba(255, 194, 253, 0.50);.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-ai);}}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-ai);}&:is(:focus-visible, .focus):not(:disabled, .disabled){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));border:1px solid var(--cnvs-sys-color-border-container) ;}" },
|
|
33
|
+
false: { name: "2uy57w", styles: "transition:box-shadow 300ms ease-out, background 300ms ease-out;" }
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
compound: [
|
|
37
|
+
{
|
|
38
|
+
modifiers: { toggled: true, variant: 'inverse' },
|
|
39
|
+
styles: { name: "302vyy", styles: "--background-button-65cb05:var(--cnvs-sys-color-bg-ai-strongest);.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-inverse);}}&:is(:focus-visible, .focus):not(:disabled, .disabled){box-shadow:0 0 0 0px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)), 0 0 0 2px var(--cnvs-sys-color-fg-inverse);border:none;}" }
|
|
40
|
+
}
|
|
41
|
+
]
|
|
42
|
+
}, "a-i-assistant-ingress-button-9a9b1c");
|
|
43
|
+
export const AIAssistantIngressButton = createComponent('button')({
|
|
44
|
+
displayName: 'AIAssistantIngressButton',
|
|
45
|
+
Component: ({ toggled, variant, ...elemProps }, ref, Element) => {
|
|
46
|
+
const svgGradientId = useUniqueId();
|
|
47
|
+
return (_jsx(BaseButton, { ref: ref, as: Element, ...handleCsProp(elemProps, [
|
|
48
|
+
AIAssistantIngressButtonStencil({ toggled, variant }),
|
|
49
|
+
{
|
|
50
|
+
[systemIconStencil.vars.color]: `url(#${svgGradientId})`,
|
|
51
|
+
},
|
|
52
|
+
]), children: _jsx(BaseButton.Icon, { size: "large", icon: getAIAssistantIngressIcon(svgGradientId) }) }));
|
|
53
|
+
},
|
|
54
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AIAssistantIngressIcon.d.ts","sourceRoot":"","sources":["../../../../ai-assistant-ingress-button/lib/AIAssistantIngressIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,eAAO,MAAM,yBAAyB,UAAW,MAAM,KAAG,gBAiBzD,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-labs-react",
|
|
3
|
-
"version": "14.0.0-alpha.
|
|
3
|
+
"version": "14.0.0-alpha.1176-next.0",
|
|
4
4
|
"description": "Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functionality. The Labs modules allow us to do that as needed.",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"@emotion/react": "^11.7.1",
|
|
48
48
|
"@emotion/styled": "^11.6.0",
|
|
49
|
-
"@workday/canvas-kit-react": "^14.0.0-alpha.
|
|
50
|
-
"@workday/canvas-kit-styling": "^14.0.0-alpha.
|
|
49
|
+
"@workday/canvas-kit-react": "^14.0.0-alpha.1176-next.0",
|
|
50
|
+
"@workday/canvas-kit-styling": "^14.0.0-alpha.1176-next.0",
|
|
51
51
|
"@workday/canvas-system-icons-web": "^3.0.35",
|
|
52
52
|
"@workday/canvas-tokens-web": "3.0.0-alpha.9",
|
|
53
53
|
"@workday/design-assets-types": "^0.2.10",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@types/lodash.flatten": "^4.4.6"
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "30279d7c3d004668196c395d1fc3050cc6e373c6"
|
|
62
62
|
}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.AiAssistantIngressButton = exports.aiAssistantIngressButtonStencil = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const common_1 = require("@workday/canvas-kit-react/common");
|
|
6
|
-
const button_1 = require("@workday/canvas-kit-react/button");
|
|
7
|
-
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
8
|
-
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
9
|
-
const icon_1 = require("@workday/canvas-kit-react/icon");
|
|
10
|
-
const AiAssistantIngressIcon_1 = require("./AiAssistantIngressIcon");
|
|
11
|
-
/**
|
|
12
|
-
* Icon gradient colors
|
|
13
|
-
*/
|
|
14
|
-
const illuminateStopColor1 = '#FFA198';
|
|
15
|
-
const illuminateStopColor2 = '#FFCAA0';
|
|
16
|
-
const illuminateStopColor3 = '#FFCA79';
|
|
17
|
-
const illuminateStopColor4 = '#FDCA44';
|
|
18
|
-
const illuminateStopColor5 = '#FFB74D';
|
|
19
|
-
/**
|
|
20
|
-
* Box shadow glow colors
|
|
21
|
-
*/
|
|
22
|
-
const glowEraser = '#FFC2FD';
|
|
23
|
-
const glowHighlighter = '#FFF3A8';
|
|
24
|
-
const glowLunchBreak = '#FEC10B';
|
|
25
|
-
const glowHappyHour = '#FD7E00';
|
|
26
|
-
const glowThumbtack = '#FC5B05';
|
|
27
|
-
exports.aiAssistantIngressButtonStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
28
|
-
extends: button_1.buttonStencil,
|
|
29
|
-
base: { name: "3ukk4l", styles: "box-sizing:border-box;--background-button-65cb05:var(--cnvs-sys-color-bg-ai-strongest);border-radius:var(--cnvs-sys-shape-round);height:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x1));width:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x1));transition:box-shadow 300ms ease-out, background 300ms ease-out;.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-inverse);}}&:is(:hover, .hover):not(:disabled, .disabled){.wd-icon-ai-assistant-ingress-button{linearGradient > stop:first-child{stop-color:#FFA198;}linearGradient > stop:nth-child(2){stop-color:#FFCAA0;}linearGradient > stop:nth-child(3){stop-color:#FFCA79;}linearGradient > stop:nth-child(4){stop-color:#FDCA44;}linearGradient > stop:nth-child(5){stop-color:#FFB74D;}}}&:disabled, &:disabled:active, &.disabled{opacity:var(--cnvs-sys-opacity-disabled);}&:is(:focus-visible, .focus):not(:disabled, .disabled){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));}" },
|
|
30
|
-
modifiers: {
|
|
31
|
-
variant: {
|
|
32
|
-
inverse: { name: "2a9yk5", styles: "--background-button-65cb05:var(--cnvs-sys-color-bg-default);.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-ai);}}&:is(:hover, .hover):not(:disabled, .disabled){.wd-icon-ai-assistant-ingress-button{linearGradient > stop:first-child{stop-color:#FFA198;}linearGradient > stop:nth-child(2){stop-color:#FFCAA0;}linearGradient > stop:nth-child(3){stop-color:#FFCA79;}linearGradient > stop:nth-child(4){stop-color:#FDCA44;}linearGradient > stop:nth-child(5){stop-color:#FFB74D;}}}" }
|
|
33
|
-
},
|
|
34
|
-
toggled: {
|
|
35
|
-
true: { name: "3qcu1f", styles: "--background-button-65cb05:var(--cnvs-sys-color-bg-default);transition:box-shadow 300ms ease-out, background 300ms ease-out;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);.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-ai);}}&:is(:focus-visible, .focus):not(:disabled, .disabled){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));border:1px solid var(--cnvs-sys-color-border-container) ;}" },
|
|
36
|
-
false: { name: "1kkyev", styles: "transition:box-shadow 300ms ease-out, background 300ms ease-out;" }
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
compound: [
|
|
40
|
-
{
|
|
41
|
-
modifiers: { toggled: 'true', variant: 'inverse' },
|
|
42
|
-
styles: { name: "2g38y7", styles: "--background-button-65cb05:var(--cnvs-sys-color-bg-ai-strongest);.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-inverse);}}" }
|
|
43
|
-
}
|
|
44
|
-
]
|
|
45
|
-
}, "ai-assistant-ingress-button-be2e1d");
|
|
46
|
-
exports.AiAssistantIngressButton = (0, common_1.createComponent)('button')({
|
|
47
|
-
displayName: 'AiAssistantIngressButton',
|
|
48
|
-
Component: ({ toggled, variant, ...elemProps }, ref, Element) => {
|
|
49
|
-
const svgGradientId = (0, common_1.useUniqueId)();
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)(button_1.BaseButton, { ref: ref, as: Element, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, [
|
|
51
|
-
(0, exports.aiAssistantIngressButtonStencil)({ toggled, variant }),
|
|
52
|
-
{
|
|
53
|
-
[icon_1.systemIconStencil.vars.color]: `url(#${svgGradientId})`,
|
|
54
|
-
},
|
|
55
|
-
]), children: (0, jsx_runtime_1.jsx)(button_1.BaseButton.Icon, { size: "large", icon: (0, AiAssistantIngressIcon_1.getAiAssistantIngressIcon)(svgGradientId) }) }));
|
|
56
|
-
},
|
|
57
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AiAssistantIngressIcon.d.ts","sourceRoot":"","sources":["../../../../ai-assistant-ingress-button/lib/AiAssistantIngressIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,eAAO,MAAM,yBAAyB,UAAW,MAAM,KAAG,gBAiBzD,CAAC"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createComponent, focusRing, useUniqueId } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { BaseButton, buttonStencil } from '@workday/canvas-kit-react/button';
|
|
4
|
-
import { createStencil, handleCsProp, calc } from '@workday/canvas-kit-styling';
|
|
5
|
-
import { system } from '@workday/canvas-tokens-web';
|
|
6
|
-
import { systemIconStencil } from '@workday/canvas-kit-react/icon';
|
|
7
|
-
import { getAiAssistantIngressIcon } from './AiAssistantIngressIcon';
|
|
8
|
-
/**
|
|
9
|
-
* Icon gradient colors
|
|
10
|
-
*/
|
|
11
|
-
const illuminateStopColor1 = '#FFA198';
|
|
12
|
-
const illuminateStopColor2 = '#FFCAA0';
|
|
13
|
-
const illuminateStopColor3 = '#FFCA79';
|
|
14
|
-
const illuminateStopColor4 = '#FDCA44';
|
|
15
|
-
const illuminateStopColor5 = '#FFB74D';
|
|
16
|
-
/**
|
|
17
|
-
* Box shadow glow colors
|
|
18
|
-
*/
|
|
19
|
-
const glowEraser = '#FFC2FD';
|
|
20
|
-
const glowHighlighter = '#FFF3A8';
|
|
21
|
-
const glowLunchBreak = '#FEC10B';
|
|
22
|
-
const glowHappyHour = '#FD7E00';
|
|
23
|
-
const glowThumbtack = '#FC5B05';
|
|
24
|
-
export const aiAssistantIngressButtonStencil = createStencil({
|
|
25
|
-
extends: buttonStencil,
|
|
26
|
-
base: { name: "3ukk4l", styles: "box-sizing:border-box;--background-button-65cb05:var(--cnvs-sys-color-bg-ai-strongest);border-radius:var(--cnvs-sys-shape-round);height:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x1));width:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x1));transition:box-shadow 300ms ease-out, background 300ms ease-out;.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-inverse);}}&:is(:hover, .hover):not(:disabled, .disabled){.wd-icon-ai-assistant-ingress-button{linearGradient > stop:first-child{stop-color:#FFA198;}linearGradient > stop:nth-child(2){stop-color:#FFCAA0;}linearGradient > stop:nth-child(3){stop-color:#FFCA79;}linearGradient > stop:nth-child(4){stop-color:#FDCA44;}linearGradient > stop:nth-child(5){stop-color:#FFB74D;}}}&:disabled, &:disabled:active, &.disabled{opacity:var(--cnvs-sys-opacity-disabled);}&:is(:focus-visible, .focus):not(:disabled, .disabled){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
|
-
modifiers: {
|
|
28
|
-
variant: {
|
|
29
|
-
inverse: { name: "2a9yk5", styles: "--background-button-65cb05:var(--cnvs-sys-color-bg-default);.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-ai);}}&:is(:hover, .hover):not(:disabled, .disabled){.wd-icon-ai-assistant-ingress-button{linearGradient > stop:first-child{stop-color:#FFA198;}linearGradient > stop:nth-child(2){stop-color:#FFCAA0;}linearGradient > stop:nth-child(3){stop-color:#FFCA79;}linearGradient > stop:nth-child(4){stop-color:#FDCA44;}linearGradient > stop:nth-child(5){stop-color:#FFB74D;}}}" }
|
|
30
|
-
},
|
|
31
|
-
toggled: {
|
|
32
|
-
true: { name: "3qcu1f", styles: "--background-button-65cb05:var(--cnvs-sys-color-bg-default);transition:box-shadow 300ms ease-out, background 300ms ease-out;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);.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-ai);}}&:is(:focus-visible, .focus):not(:disabled, .disabled){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));border:1px solid var(--cnvs-sys-color-border-container) ;}" },
|
|
33
|
-
false: { name: "1kkyev", styles: "transition:box-shadow 300ms ease-out, background 300ms ease-out;" }
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
compound: [
|
|
37
|
-
{
|
|
38
|
-
modifiers: { toggled: 'true', variant: 'inverse' },
|
|
39
|
-
styles: { name: "2g38y7", styles: "--background-button-65cb05:var(--cnvs-sys-color-bg-ai-strongest);.wd-icon-ai-assistant-ingress-button{.wd-icon-fill{transition:fill 300ms ease-out;}> linearGradient > stop{transition:300ms ease-out;stop-color:var(--cnvs-sys-color-fg-inverse);}}" }
|
|
40
|
-
}
|
|
41
|
-
]
|
|
42
|
-
}, "ai-assistant-ingress-button-be2e1d");
|
|
43
|
-
export const AiAssistantIngressButton = createComponent('button')({
|
|
44
|
-
displayName: 'AiAssistantIngressButton',
|
|
45
|
-
Component: ({ toggled, variant, ...elemProps }, ref, Element) => {
|
|
46
|
-
const svgGradientId = useUniqueId();
|
|
47
|
-
return (_jsx(BaseButton, { ref: ref, as: Element, ...handleCsProp(elemProps, [
|
|
48
|
-
aiAssistantIngressButtonStencil({ toggled, variant }),
|
|
49
|
-
{
|
|
50
|
-
[systemIconStencil.vars.color]: `url(#${svgGradientId})`,
|
|
51
|
-
},
|
|
52
|
-
]), children: _jsx(BaseButton.Icon, { size: "large", icon: getAiAssistantIngressIcon(svgGradientId) }) }));
|
|
53
|
-
},
|
|
54
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AiAssistantIngressIcon.d.ts","sourceRoot":"","sources":["../../../../ai-assistant-ingress-button/lib/AiAssistantIngressIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,eAAO,MAAM,yBAAyB,UAAW,MAAM,KAAG,gBAiBzD,CAAC"}
|