@workday/canvas-kit-labs-react 14.0.0-alpha.1156-next.0 → 14.0.0-alpha.1164-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 -0
- package/ai-assistant-ingress-button/lib/AiAssistantIngressButton.tsx +179 -0
- package/ai-assistant-ingress-button/lib/AiAssistantIngressIcon.tsx +20 -0
- package/ai-assistant-ingress-button/package.json +6 -0
- package/dist/commonjs/ai-assistant-ingress-button/index.d.ts +3 -0
- package/dist/commonjs/ai-assistant-ingress-button/index.d.ts.map +1 -0
- package/dist/commonjs/ai-assistant-ingress-button/index.js +18 -0
- package/dist/commonjs/ai-assistant-ingress-button/lib/AiAssistantIngressButton.d.ts +1993 -0
- package/dist/commonjs/ai-assistant-ingress-button/lib/AiAssistantIngressButton.d.ts.map +1 -0
- 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 +23 -0
- package/dist/commonjs/index.d.ts +1 -0
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +1 -0
- package/dist/commonjs/search-form/lib/SearchForm.js +14 -14
- package/dist/es6/ai-assistant-ingress-button/index.d.ts +3 -0
- package/dist/es6/ai-assistant-ingress-button/index.d.ts.map +1 -0
- package/dist/es6/ai-assistant-ingress-button/index.js +2 -0
- package/dist/es6/ai-assistant-ingress-button/lib/AiAssistantIngressButton.d.ts +1993 -0
- package/dist/es6/ai-assistant-ingress-button/lib/AiAssistantIngressButton.d.ts.map +1 -0
- 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 +19 -0
- package/dist/es6/index.d.ts +1 -0
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +1 -0
- package/dist/es6/search-form/lib/SearchForm.js +14 -14
- package/index.ts +1 -0
- package/package.json +6 -6
|
@@ -0,0 +1 @@
|
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAyH1C,CAAC;AAEH,eAAO,MAAM,wBAAwB,sGAmBnC,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
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: "u5t2q", 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: "u5t2r", 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: "u5t2s", 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: "u5t2t", 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: "u5t2u", 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
|
+
});
|
|
@@ -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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getAiAssistantIngressIcon = void 0;
|
|
4
|
+
const design_assets_types_1 = require("@workday/design-assets-types");
|
|
5
|
+
const getAiAssistantIngressIcon = (svgId) => {
|
|
6
|
+
return {
|
|
7
|
+
name: 'aiAssistantIngressButton',
|
|
8
|
+
type: design_assets_types_1.CanvasIconTypes.System,
|
|
9
|
+
svg: `<svg class="wd-icon-ai-assistant-ingress-button" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" >
|
|
10
|
+
<linearGradient id="${svgId}" x1="10" y1="0.000195292" x2="10" y2="19.9998" gradientUnits="userSpaceOnUse">
|
|
11
|
+
<stop />
|
|
12
|
+
<stop offset="0.25"/>
|
|
13
|
+
<stop offset="0.5"/>
|
|
14
|
+
<stop offset="0.75"/>
|
|
15
|
+
<stop offset="1"/>
|
|
16
|
+
</linearGradient>
|
|
17
|
+
<path class="wd-icon-fill wd-icon-ai-assistant-ingress-button-bubble" d="M12 2.50003C12 2.22388 11.7759 1.9987 11.5001 2.01228C6.20948 2.27276 2 6.64479 2 12C2 13.5872 2.37077 15.1224 3.07103 16.507L2.44426 20.1925C2.42673 20.2956 2.42475 20.4007 2.43839 20.5044C2.51377 21.0776 3.03949 21.4811 3.61261 21.4057L7.44041 20.9022C8.83856 21.6197 10.3926 22 12 22C17.3552 22 21.7272 17.7905 21.9877 12.4999C22.0013 12.2241 21.7761 12 21.5 12H20.5C20.2239 12 20.0016 12.2245 19.9846 12.5001C19.7265 16.6854 16.2503 20 12 20C10.6368 20 9.32467 19.6593 8.15684 19.0183L7.92724 18.8923L4.53906 19.3379L5.09721 16.0559L4.96511 15.8128C4.33477 14.6524 4 13.3513 4 12C4 7.74968 7.31459 4.27352 11.4999 4.01538C11.7755 3.99838 12 3.77614 12 3.49999C12 3.1321 12 2.82183 12 2.50003Z" />
|
|
18
|
+
<path class="wd-icon-fill wd-icon-ai-assistant-ingress-button-sparkle" fill-rule="evenodd" clip-rule="evenodd" d="M17.5 2C17.6811 2 17.9069 2.1126 17.9555 2.37114C18.1407 3.35885 18.5381 4.1853 19.1401 4.809C19.7409 5.43146 20.5606 5.86796 21.6189 6.05318C22.1279 6.14203 22.1262 6.85808 21.6189 6.94681C20.5606 7.13204 19.7409 7.56853 19.1401 8.191C18.5381 8.8147 18.1408 9.64103 17.9556 10.6287C17.907 10.8873 17.6811 11 17.5 11C17.3189 11 17.0931 10.8874 17.0445 10.6289C16.8593 9.64115 16.4619 8.81474 15.8599 8.19106C15.2592 7.56861 14.4394 7.13211 13.3811 6.94681C12.8721 6.85795 12.8739 6.14192 13.3811 6.05318C14.4394 5.86796 15.2591 5.43146 15.8599 4.809C16.4619 4.1853 16.8592 3.35897 17.0444 2.37126C17.093 2.11272 17.3189 2 17.5 2Z" />
|
|
19
|
+
</svg>`,
|
|
20
|
+
filename: 'wd-icon-ai-assistant-ingress-button.svg',
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
exports.getAiAssistantIngressIcon = getAiAssistantIngressIcon;
|
package/dist/commonjs/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}
|
package/dist/commonjs/index.js
CHANGED
|
@@ -14,5 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./ai-assistant-ingress-button"), exports);
|
|
17
18
|
__exportStar(require("./combobox"), exports);
|
|
18
19
|
__exportStar(require("./search-form"), exports);
|
|
@@ -77,45 +77,45 @@ exports.searchFormStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
77
77
|
searchInput: 'search-form-input',
|
|
78
78
|
closeButtonPart: 'search-form-close-button',
|
|
79
79
|
},
|
|
80
|
-
base: { name: "
|
|
80
|
+
base: { name: "u5t2v", styles: "box-sizing:border-box;position:relative;flex-grow:1;display:flex;align-items:center;margin-inline-start:var(--cnvs-sys-space-x6);min-width:var(--minWidth-search-form-150181, 7.5rem);max-width:var(--maxWidth-search-form-150181, 30rem);[data-part=\"search-form-container\"]{position:relative;display:flex;align-items:center;width:100%;text-align:left;min-height:var(--height-search-form-150181, var(--cnvs-sys-space-x10));}[data-part=\"search-form-combobox\"]{width:100%;}[data-part=\"search-form-close-button\"]{position:absolute;top:0;bottom:0;right:0;margin:auto var(--cnvs-sys-space-x2);z-index:3;display:none;}[data-part=\"search-form-field\"]{width:100%;height:var(--height-search-form-150181, var(--cnvs-sys-space-x10));max-width:var(--maxWidth-search-form-150181, 30rem);margin-bottom:0;display:inline-block;> div{display:block;}}[data-part=\"search-form-submit-search-icon\"], [data-part=\"search-form-open-search-icon\"]{position:absolute;margin:auto var(--cnvs-sys-space-x2);top:0;bottom:0;left:0;padding:0;z-index:3;:dir(rtl){right:0;left:auto;}}[data-part=\"search-form-input\"]{max-width:var(--maxWidth-search-form-150181);min-width:var(--minWidth-search-form-150181);padding-inline-start:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2));padding-inline-end:var(--cnvs-sys-space-x10);background-color:var(--background-search-form-150181, var(--cnvs-sys-color-bg-alt-soft));height:var(--height-search-form-150181, var(--cnvs-sys-space-x10));font-size:var(--cnvs-sys-font-size-subtext-large);box-shadow:var(--boxShadow-search-form-150181);color:var(--color-search-form-150181, var(--cnvs-sys-color-text-default));border:none;-webkit-appearance:none;transition:background-color 120ms, color 120ms, box-shadow 200ms, border-color 200ms;z-index:2;width:100%;&::-webkit-search-cancel-button{display:none;}&::placeholder{color:var(--placeholderColor-search-form-150181, var(--cnvs-sys-color-text-hint));}&:placeholder-shown{text-overflow:ellipsis;}&:hover{background-color:var(--backgroundHover-search-form-150181, var(--background-search-form-150181, var(--cnvs-sys-color-bg-alt-default)));}&:is(:focus-visible, .focus):where(:not([disabled])){background:var(--backgroundFocus-search-form-150181, var(--cnvs-sys-color-bg-alt-soft));color:var(--colorFocus-search-form-150181);border-color:var(--cnvs-brand-common-focus-outline);outline:0.125rem solid transparent;box-shadow:var(--boxShadowFocus-search-form-150181, 0 0 0 0px var(--cnvs-sys-color-bg-default), 0 0 0 2px var(--cnvs-brand-common-focus-outline));::placeholder{color:var(--placeholderColorFocus-search-form-150181);}}}" },
|
|
81
81
|
modifiers: {
|
|
82
82
|
isHiddenSubmitSearchIcon: {
|
|
83
|
-
true: { name: "
|
|
83
|
+
true: { name: "u5t2w", styles: "[data-part=\"search-form-submit-search-icon\"]{display:none;}" }
|
|
84
84
|
},
|
|
85
85
|
isHiddenOpenSeachIcon: {
|
|
86
|
-
true: { name: "
|
|
86
|
+
true: { name: "u5t2x", styles: "[data-part=\"search-form-open-search-icon\"]{display:none;}" }
|
|
87
87
|
},
|
|
88
88
|
isCollapsed: {
|
|
89
|
-
true: { name: "
|
|
90
|
-
false: { name: "
|
|
89
|
+
true: { name: "u5t2y", styles: "top:0;right:0;left:0;bottom:0;margin:0;position:relative;background-color:var(--cnvs-sys-color-bg-transparent);transition:background-color 120ms;max-width:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2));min-width:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x3));overflow:hidden;z-index:1;[data-part=\"search-form-field\"]{display:none;max-width:100%;}[data-part=\"search-form-submit-search-icon\"], [data-part=\"search-form-open-search-icon\"]{margin:auto var(--cnvs-sys-space-x2);}[data-part=\"search-form-input\"]{font-size:20px;padding-inline-start:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x4));padding-inline-end:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x4));max-width:none;min-width:0;background-color:var(--cnvs-sys-color-bg-transparent);height:var(--height-search-form-150181, var(--cnvs-sys-space-x10));}" },
|
|
90
|
+
false: { name: "u5t2z", styles: "[data-part=\"search-form-field\"]{display:inline-block;}" }
|
|
91
91
|
},
|
|
92
92
|
rightAlign: {
|
|
93
|
-
true: { name: "
|
|
93
|
+
true: { name: "u5t210", styles: "text-align:right;" }
|
|
94
94
|
},
|
|
95
95
|
showForm: {
|
|
96
|
-
true: { name: "
|
|
97
|
-
false: { name: "
|
|
96
|
+
true: { name: "u5t211", styles: "" },
|
|
97
|
+
false: { name: "u5t212", styles: "" }
|
|
98
98
|
},
|
|
99
99
|
grow: {
|
|
100
|
-
true: { name: "
|
|
100
|
+
true: { name: "u5t213", styles: "max-width:100%;[data-part=\"search-form-field\"], [data-part=\"search-form-input\"]{max-width:100%;}" }
|
|
101
101
|
},
|
|
102
102
|
searchTheme: {
|
|
103
103
|
// Light theme
|
|
104
|
-
light: { name: "
|
|
104
|
+
light: { name: "u5t214", styles: "[data-part=\"search-form-input\"]{background:var(--cnvs-sys-color-bg-alt-soft);color:var(--cnvs-sys-color-text-default);::placeholder{color:var(--cnvs-sys-color-text-hint);}&:hover{background:var(--cnvs-sys-color-bg-alt-default);}&:is(:focus-visible, &.focus):where(:not([disabled])){background:var(--cnvs-sys-color-bg-alt-soft);box-shadow:0 0 0 0px var(--cnvs-sys-color-border-inverse), 0 0 0 2px var(--cnvs-brand-common-focus-outline);}}" },
|
|
105
105
|
// Dark theme
|
|
106
|
-
dark: { name: "
|
|
106
|
+
dark: { name: "u5t215", styles: "[data-part=\"search-form-input\"]{background-color:rgba(0, 0, 0, 0.2);color:var(--cnvs-sys-color-text-inverse);box-shadow:none;::placeholder{color:var(--cnvs-sys-color-text-inverse);}:hover{background:rgba(0, 0, 0, 0.2);}&:is(:focus-visible, &.focus):where(:not([disabled])){background:var(--cnvs-sys-color-bg-default);color:var(--cnvs-sys-color-text-default);::placeholder{color:var(--cnvs-sys-color-text-hint);}box-shadow:none;}}" },
|
|
107
107
|
//Transparent theme
|
|
108
|
-
transparent: { name: "
|
|
108
|
+
transparent: { name: "u5t216", styles: "[data-part=\"search-form-input\"]{background:var(--cnvs-sys-color-bg-transparent);background-focus:var(--cnvs-sys-color-bg-transparent);color:var(--cnvs-sys-color-text-default);color-focus:var(--cnvs-sys-color-text-default);placeholder-color:var(--cnvs-sys-color-text-hint);placeholder-color-focus:var(--cnvs-sys-color-text-hint);box-shadow:none;box-shadow-focus:none;}" }
|
|
109
109
|
}
|
|
110
110
|
},
|
|
111
111
|
compound: [
|
|
112
112
|
{
|
|
113
113
|
modifiers: { showForm: 'true', isCollapsed: 'true' },
|
|
114
|
-
styles: { name: "
|
|
114
|
+
styles: { name: "u5t217", styles: "position:absolute;background-color:var(--cnvs-sys-color-bg-default);max-width:none;overflow:visible;& [data-part=\"search-form-close-button\"]{display:inline-block;}& [data-part=\"search-form-field\"]{display:inline-block;}& [data-part=\"search-form-input\"]{box-shadow:none;background:var(--cnvs-sys-color-bg-transparent);:hover{background:var(--cnvs-sys-color-bg-transparent);}&:is(:focus-visible, &.focus):where(:not([disabled])){background:var(--cnvs-sys-color-bg-transparent);box-shadow:none;}}" }
|
|
115
115
|
},
|
|
116
116
|
{
|
|
117
117
|
modifiers: { isCollapsed: 'true', showForm: 'true' },
|
|
118
|
-
styles: { name: "
|
|
118
|
+
styles: { name: "u5t218", styles: "& [data-part=\"search-form-field\"]{display:inline-block;}" }
|
|
119
119
|
}
|
|
120
120
|
]
|
|
121
121
|
}, "search-form-150181");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ai-assistant-ingress-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC"}
|