@workday/canvas-kit-labs-react 14.0.0-alpha.1239-next.0 → 14.0.0-alpha.1251-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/dist/commonjs/ai-ingress-button/lib/AIIngressButton.d.ts +20 -3646
- package/dist/commonjs/ai-ingress-button/lib/AIIngressButton.d.ts.map +1 -1
- package/dist/commonjs/ai-ingress-button/lib/AIIngressButton.js +5 -5
- package/dist/commonjs/index.d.ts +1 -1
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +1 -3
- package/dist/commonjs/search-form/lib/SearchForm.d.ts +100 -100
- package/dist/commonjs/search-form/lib/SearchForm.js +14 -14
- package/dist/commonjs/version/index.d.ts +2 -0
- package/dist/commonjs/version/index.d.ts.map +1 -0
- package/dist/commonjs/version/index.js +17 -0
- package/dist/commonjs/version/lib/version.d.ts.map +1 -0
- package/dist/commonjs/{version.js → version/lib/version.js} +1 -1
- package/dist/es6/ai-ingress-button/lib/AIIngressButton.d.ts +20 -3646
- package/dist/es6/ai-ingress-button/lib/AIIngressButton.d.ts.map +1 -1
- package/dist/es6/ai-ingress-button/lib/AIIngressButton.js +5 -5
- package/dist/es6/index.d.ts +1 -1
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +1 -1
- package/dist/es6/search-form/lib/SearchForm.d.ts +100 -100
- package/dist/es6/search-form/lib/SearchForm.js +14 -14
- package/dist/es6/version/index.d.ts +2 -0
- package/dist/es6/version/index.d.ts.map +1 -0
- package/dist/es6/version/index.js +1 -0
- package/dist/es6/version/lib/version.d.ts.map +1 -0
- package/dist/es6/version/lib/version.js +1 -0
- package/index.ts +1 -1
- package/package.json +4 -4
- package/version/index.ts +1 -0
- package/version/package.json +6 -0
- package/dist/commonjs/version.d.ts.map +0 -1
- package/dist/es6/version.d.ts.map +0 -1
- package/dist/es6/version.js +0 -1
- /package/dist/commonjs/{version.d.ts → version/lib/version.d.ts} +0 -0
- /package/dist/es6/{version.d.ts → version/lib/version.d.ts} +0 -0
- /package/{version.ts → version/lib/version.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AIIngressButton.d.ts","sourceRoot":"","sources":["../../../../ai-ingress-button/lib/AIIngressButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAgB,MAAM,kCAAkC,CAAC;AAK5F,MAAM,WAAW,oBACf,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,sBAAsB
|
|
1
|
+
{"version":3,"file":"AIIngressButton.d.ts","sourceRoot":"","sources":["../../../../ai-ingress-button/lib/AIIngressButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAgB,MAAM,kCAAkC,CAAC;AAK5F,MAAM,WAAW,oBACf,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,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAqIjC,CAAC;AAEH,eAAO,MAAM,eAAe,6FAmB1B,CAAC"}
|
|
@@ -26,20 +26,20 @@ const glowHappyHour = canvas_tokens_web_1.base.orange400; //'#FD7E00';
|
|
|
26
26
|
const glowThumbtack = canvas_tokens_web_1.base.coral500; //'#FC5B05';
|
|
27
27
|
exports.AIIngressButtonStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
28
28
|
extends: button_1.buttonStencil,
|
|
29
|
-
base: { name: "
|
|
29
|
+
base: { name: "2021fv", 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-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-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));}" },
|
|
30
30
|
modifiers: {
|
|
31
31
|
variant: {
|
|
32
|
-
inverse: { name: "
|
|
32
|
+
inverse: { name: "w8hz5", styles: "--background-button-65cb05:var(--cnvs-sys-color-bg-default);.wd-icon-ai-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-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) ;}" }
|
|
33
33
|
},
|
|
34
34
|
toggled: {
|
|
35
|
-
true: { name: "
|
|
36
|
-
false: { name: "
|
|
35
|
+
true: { name: "41f4bx", 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-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) ;}" },
|
|
36
|
+
false: { name: "4d0nqo", styles: "transition:box-shadow 300ms ease-out, background 300ms ease-out;" }
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
compound: [
|
|
40
40
|
{
|
|
41
41
|
modifiers: { toggled: true, variant: 'inverse' },
|
|
42
|
-
styles: { name: "
|
|
42
|
+
styles: { name: "35idmz", styles: "--background-button-65cb05:var(--cnvs-sys-color-bg-ai-strongest);.wd-icon-ai-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;}" }
|
|
43
43
|
}
|
|
44
44
|
]
|
|
45
45
|
}, "a-i-ingress-button-523614");
|
package/dist/commonjs/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}
|
package/dist/commonjs/index.js
CHANGED
|
@@ -14,9 +14,7 @@ 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
|
-
exports.version = void 0;
|
|
18
17
|
__exportStar(require("./ai-ingress-button"), exports);
|
|
19
18
|
__exportStar(require("./combobox"), exports);
|
|
20
19
|
__exportStar(require("./search-form"), exports);
|
|
21
|
-
|
|
22
|
-
Object.defineProperty(exports, "version", { enumerable: true, get: function () { return version_1.version; } });
|
|
20
|
+
__exportStar(require("./version"), exports);
|
|
@@ -102,18 +102,18 @@ export interface SearchFormState {
|
|
|
102
102
|
export declare const searchFormStencil: import("@workday/canvas-kit-styling").Stencil<{
|
|
103
103
|
isHiddenSubmitSearchIcon: {
|
|
104
104
|
true: ({ submitSearchIconPart }: {
|
|
105
|
-
minWidth: string
|
|
106
|
-
maxWidth: string
|
|
107
|
-
height: string
|
|
108
|
-
background: string
|
|
109
|
-
backgroundFocus: string
|
|
110
|
-
backgroundHover: string
|
|
111
|
-
color: string
|
|
112
|
-
colorFocus: string
|
|
113
|
-
placeholderColor: string
|
|
114
|
-
placeholderColorFocus: string
|
|
115
|
-
boxShadow: string
|
|
116
|
-
boxShadowFocus: string
|
|
105
|
+
minWidth: `--${string}`;
|
|
106
|
+
maxWidth: `--${string}`;
|
|
107
|
+
height: `--${string}`;
|
|
108
|
+
background: `--${string}`;
|
|
109
|
+
backgroundFocus: `--${string}`;
|
|
110
|
+
backgroundHover: `--${string}`;
|
|
111
|
+
color: `--${string}`;
|
|
112
|
+
colorFocus: `--${string}`;
|
|
113
|
+
placeholderColor: `--${string}`;
|
|
114
|
+
placeholderColorFocus: `--${string}`;
|
|
115
|
+
boxShadow: `--${string}`;
|
|
116
|
+
boxShadowFocus: `--${string}`;
|
|
117
117
|
} & import("@workday/canvas-kit-styling").StencilVarsParts<{
|
|
118
118
|
readonly searchContainer: "search-form-container";
|
|
119
119
|
readonly combobox: "search-form-combobox";
|
|
@@ -125,24 +125,24 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
125
125
|
readonly closeButtonPart: "search-form-close-button";
|
|
126
126
|
}>) => {
|
|
127
127
|
"[data-part=\"search-form-submit-search-icon\"]": {
|
|
128
|
-
display:
|
|
128
|
+
display: string;
|
|
129
129
|
};
|
|
130
130
|
};
|
|
131
131
|
};
|
|
132
132
|
isHiddenOpenSeachIcon: {
|
|
133
133
|
true: ({ openSearchIconPart }: {
|
|
134
|
-
minWidth: string
|
|
135
|
-
maxWidth: string
|
|
136
|
-
height: string
|
|
137
|
-
background: string
|
|
138
|
-
backgroundFocus: string
|
|
139
|
-
backgroundHover: string
|
|
140
|
-
color: string
|
|
141
|
-
colorFocus: string
|
|
142
|
-
placeholderColor: string
|
|
143
|
-
placeholderColorFocus: string
|
|
144
|
-
boxShadow: string
|
|
145
|
-
boxShadowFocus: string
|
|
134
|
+
minWidth: `--${string}`;
|
|
135
|
+
maxWidth: `--${string}`;
|
|
136
|
+
height: `--${string}`;
|
|
137
|
+
background: `--${string}`;
|
|
138
|
+
backgroundFocus: `--${string}`;
|
|
139
|
+
backgroundHover: `--${string}`;
|
|
140
|
+
color: `--${string}`;
|
|
141
|
+
colorFocus: `--${string}`;
|
|
142
|
+
placeholderColor: `--${string}`;
|
|
143
|
+
placeholderColorFocus: `--${string}`;
|
|
144
|
+
boxShadow: `--${string}`;
|
|
145
|
+
boxShadowFocus: `--${string}`;
|
|
146
146
|
} & import("@workday/canvas-kit-styling").StencilVarsParts<{
|
|
147
147
|
readonly searchContainer: "search-form-container";
|
|
148
148
|
readonly combobox: "search-form-combobox";
|
|
@@ -154,24 +154,24 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
154
154
|
readonly closeButtonPart: "search-form-close-button";
|
|
155
155
|
}>) => {
|
|
156
156
|
"[data-part=\"search-form-open-search-icon\"]": {
|
|
157
|
-
display:
|
|
157
|
+
display: string;
|
|
158
158
|
};
|
|
159
159
|
};
|
|
160
160
|
};
|
|
161
161
|
isCollapsed: {
|
|
162
162
|
true: ({ searchFieldPart, submitSearchIconPart, openSearchIconPart, searchInputPart, height, }: {
|
|
163
|
-
minWidth: string
|
|
164
|
-
maxWidth: string
|
|
165
|
-
height: string
|
|
166
|
-
background: string
|
|
167
|
-
backgroundFocus: string
|
|
168
|
-
backgroundHover: string
|
|
169
|
-
color: string
|
|
170
|
-
colorFocus: string
|
|
171
|
-
placeholderColor: string
|
|
172
|
-
placeholderColorFocus: string
|
|
173
|
-
boxShadow: string
|
|
174
|
-
boxShadowFocus: string
|
|
163
|
+
minWidth: `--${string}`;
|
|
164
|
+
maxWidth: `--${string}`;
|
|
165
|
+
height: `--${string}`;
|
|
166
|
+
background: `--${string}`;
|
|
167
|
+
backgroundFocus: `--${string}`;
|
|
168
|
+
backgroundHover: `--${string}`;
|
|
169
|
+
color: `--${string}`;
|
|
170
|
+
colorFocus: `--${string}`;
|
|
171
|
+
placeholderColor: `--${string}`;
|
|
172
|
+
placeholderColorFocus: `--${string}`;
|
|
173
|
+
boxShadow: `--${string}`;
|
|
174
|
+
boxShadowFocus: `--${string}`;
|
|
175
175
|
} & import("@workday/canvas-kit-styling").StencilVarsParts<{
|
|
176
176
|
readonly searchContainer: "search-form-container";
|
|
177
177
|
readonly combobox: "search-form-combobox";
|
|
@@ -183,7 +183,7 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
183
183
|
readonly closeButtonPart: "search-form-close-button";
|
|
184
184
|
}>) => {
|
|
185
185
|
[x: string]: string | number | {
|
|
186
|
-
display:
|
|
186
|
+
display: string;
|
|
187
187
|
maxWidth: string;
|
|
188
188
|
margin?: undefined;
|
|
189
189
|
fontSize?: undefined;
|
|
@@ -209,7 +209,7 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
209
209
|
maxWidth: string;
|
|
210
210
|
minWidth: number;
|
|
211
211
|
backgroundColor: "--cnvs-sys-color-bg-transparent-default";
|
|
212
|
-
height: string
|
|
212
|
+
height: `var(--${string}, var(--cnvs-sys-space-x10))`;
|
|
213
213
|
display?: undefined;
|
|
214
214
|
margin?: undefined;
|
|
215
215
|
};
|
|
@@ -218,15 +218,15 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
218
218
|
left: number;
|
|
219
219
|
bottom: number;
|
|
220
220
|
margin: number;
|
|
221
|
-
position:
|
|
221
|
+
position: string;
|
|
222
222
|
backgroundColor: "--cnvs-sys-color-bg-transparent-default";
|
|
223
|
-
transition:
|
|
223
|
+
transition: string;
|
|
224
224
|
maxWidth: string;
|
|
225
225
|
minWidth: string;
|
|
226
|
-
overflow:
|
|
226
|
+
overflow: string;
|
|
227
227
|
zIndex: number;
|
|
228
228
|
"[data-part=\"search-form-field\"]": {
|
|
229
|
-
display:
|
|
229
|
+
display: string;
|
|
230
230
|
maxWidth: string;
|
|
231
231
|
};
|
|
232
232
|
"[data-part=\"search-form-input\"]": {
|
|
@@ -236,22 +236,22 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
236
236
|
maxWidth: string;
|
|
237
237
|
minWidth: number;
|
|
238
238
|
backgroundColor: "--cnvs-sys-color-bg-transparent-default";
|
|
239
|
-
height: string
|
|
239
|
+
height: `var(--${string}, var(--cnvs-sys-space-x10))`;
|
|
240
240
|
};
|
|
241
241
|
};
|
|
242
242
|
false: ({ searchFieldPart }: {
|
|
243
|
-
minWidth: string
|
|
244
|
-
maxWidth: string
|
|
245
|
-
height: string
|
|
246
|
-
background: string
|
|
247
|
-
backgroundFocus: string
|
|
248
|
-
backgroundHover: string
|
|
249
|
-
color: string
|
|
250
|
-
colorFocus: string
|
|
251
|
-
placeholderColor: string
|
|
252
|
-
placeholderColorFocus: string
|
|
253
|
-
boxShadow: string
|
|
254
|
-
boxShadowFocus: string
|
|
243
|
+
minWidth: `--${string}`;
|
|
244
|
+
maxWidth: `--${string}`;
|
|
245
|
+
height: `--${string}`;
|
|
246
|
+
background: `--${string}`;
|
|
247
|
+
backgroundFocus: `--${string}`;
|
|
248
|
+
backgroundHover: `--${string}`;
|
|
249
|
+
color: `--${string}`;
|
|
250
|
+
colorFocus: `--${string}`;
|
|
251
|
+
placeholderColor: `--${string}`;
|
|
252
|
+
placeholderColorFocus: `--${string}`;
|
|
253
|
+
boxShadow: `--${string}`;
|
|
254
|
+
boxShadowFocus: `--${string}`;
|
|
255
255
|
} & import("@workday/canvas-kit-styling").StencilVarsParts<{
|
|
256
256
|
readonly searchContainer: "search-form-container";
|
|
257
257
|
readonly combobox: "search-form-combobox";
|
|
@@ -263,13 +263,13 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
263
263
|
readonly closeButtonPart: "search-form-close-button";
|
|
264
264
|
}>) => {
|
|
265
265
|
"[data-part=\"search-form-field\"]": {
|
|
266
|
-
display:
|
|
266
|
+
display: string;
|
|
267
267
|
};
|
|
268
268
|
};
|
|
269
269
|
};
|
|
270
270
|
rightAlign: {
|
|
271
271
|
true: {
|
|
272
|
-
textAlign:
|
|
272
|
+
textAlign: string;
|
|
273
273
|
};
|
|
274
274
|
};
|
|
275
275
|
showForm: {
|
|
@@ -286,18 +286,18 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
286
286
|
};
|
|
287
287
|
searchTheme: {
|
|
288
288
|
light: ({ searchInputPart }: {
|
|
289
|
-
minWidth: string
|
|
290
|
-
maxWidth: string
|
|
291
|
-
height: string
|
|
292
|
-
background: string
|
|
293
|
-
backgroundFocus: string
|
|
294
|
-
backgroundHover: string
|
|
295
|
-
color: string
|
|
296
|
-
colorFocus: string
|
|
297
|
-
placeholderColor: string
|
|
298
|
-
placeholderColorFocus: string
|
|
299
|
-
boxShadow: string
|
|
300
|
-
boxShadowFocus: string
|
|
289
|
+
minWidth: `--${string}`;
|
|
290
|
+
maxWidth: `--${string}`;
|
|
291
|
+
height: `--${string}`;
|
|
292
|
+
background: `--${string}`;
|
|
293
|
+
backgroundFocus: `--${string}`;
|
|
294
|
+
backgroundHover: `--${string}`;
|
|
295
|
+
color: `--${string}`;
|
|
296
|
+
colorFocus: `--${string}`;
|
|
297
|
+
placeholderColor: `--${string}`;
|
|
298
|
+
placeholderColorFocus: `--${string}`;
|
|
299
|
+
boxShadow: `--${string}`;
|
|
300
|
+
boxShadowFocus: `--${string}`;
|
|
301
301
|
} & import("@workday/canvas-kit-styling").StencilVarsParts<{
|
|
302
302
|
readonly searchContainer: "search-form-container";
|
|
303
303
|
readonly combobox: "search-form-combobox";
|
|
@@ -319,23 +319,23 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
319
319
|
};
|
|
320
320
|
'&:is(:focus-visible, &.focus):where(:not([disabled]))': {
|
|
321
321
|
background: "--cnvs-sys-color-bg-alt-soft";
|
|
322
|
-
boxShadow:
|
|
322
|
+
boxShadow: string;
|
|
323
323
|
};
|
|
324
324
|
};
|
|
325
325
|
};
|
|
326
326
|
dark: ({ searchInputPart }: {
|
|
327
|
-
minWidth: string
|
|
328
|
-
maxWidth: string
|
|
329
|
-
height: string
|
|
330
|
-
background: string
|
|
331
|
-
backgroundFocus: string
|
|
332
|
-
backgroundHover: string
|
|
333
|
-
color: string
|
|
334
|
-
colorFocus: string
|
|
335
|
-
placeholderColor: string
|
|
336
|
-
placeholderColorFocus: string
|
|
337
|
-
boxShadow: string
|
|
338
|
-
boxShadowFocus: string
|
|
327
|
+
minWidth: `--${string}`;
|
|
328
|
+
maxWidth: `--${string}`;
|
|
329
|
+
height: `--${string}`;
|
|
330
|
+
background: `--${string}`;
|
|
331
|
+
backgroundFocus: `--${string}`;
|
|
332
|
+
backgroundHover: `--${string}`;
|
|
333
|
+
color: `--${string}`;
|
|
334
|
+
colorFocus: `--${string}`;
|
|
335
|
+
placeholderColor: `--${string}`;
|
|
336
|
+
placeholderColorFocus: `--${string}`;
|
|
337
|
+
boxShadow: `--${string}`;
|
|
338
|
+
boxShadowFocus: `--${string}`;
|
|
339
339
|
} & import("@workday/canvas-kit-styling").StencilVarsParts<{
|
|
340
340
|
readonly searchContainer: "search-form-container";
|
|
341
341
|
readonly combobox: "search-form-combobox";
|
|
@@ -347,9 +347,9 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
347
347
|
readonly closeButtonPart: "search-form-close-button";
|
|
348
348
|
}>) => {
|
|
349
349
|
"[data-part=\"search-form-input\"]": {
|
|
350
|
-
backgroundColor:
|
|
350
|
+
backgroundColor: string;
|
|
351
351
|
color: "--cnvs-sys-color-text-inverse";
|
|
352
|
-
boxShadow:
|
|
352
|
+
boxShadow: string;
|
|
353
353
|
'::placeholder': {
|
|
354
354
|
color: "--cnvs-sys-color-text-inverse";
|
|
355
355
|
};
|
|
@@ -362,23 +362,23 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
362
362
|
'::placeholder': {
|
|
363
363
|
color: "--cnvs-sys-color-text-hint";
|
|
364
364
|
};
|
|
365
|
-
boxShadow:
|
|
365
|
+
boxShadow: string;
|
|
366
366
|
};
|
|
367
367
|
};
|
|
368
368
|
};
|
|
369
369
|
transparent: ({ searchInputPart }: {
|
|
370
|
-
minWidth: string
|
|
371
|
-
maxWidth: string
|
|
372
|
-
height: string
|
|
373
|
-
background: string
|
|
374
|
-
backgroundFocus: string
|
|
375
|
-
backgroundHover: string
|
|
376
|
-
color: string
|
|
377
|
-
colorFocus: string
|
|
378
|
-
placeholderColor: string
|
|
379
|
-
placeholderColorFocus: string
|
|
380
|
-
boxShadow: string
|
|
381
|
-
boxShadowFocus: string
|
|
370
|
+
minWidth: `--${string}`;
|
|
371
|
+
maxWidth: `--${string}`;
|
|
372
|
+
height: `--${string}`;
|
|
373
|
+
background: `--${string}`;
|
|
374
|
+
backgroundFocus: `--${string}`;
|
|
375
|
+
backgroundHover: `--${string}`;
|
|
376
|
+
color: `--${string}`;
|
|
377
|
+
colorFocus: `--${string}`;
|
|
378
|
+
placeholderColor: `--${string}`;
|
|
379
|
+
placeholderColorFocus: `--${string}`;
|
|
380
|
+
boxShadow: `--${string}`;
|
|
381
|
+
boxShadowFocus: `--${string}`;
|
|
382
382
|
} & import("@workday/canvas-kit-styling").StencilVarsParts<{
|
|
383
383
|
readonly searchContainer: "search-form-container";
|
|
384
384
|
readonly combobox: "search-form-combobox";
|
|
@@ -396,7 +396,7 @@ export declare const searchFormStencil: import("@workday/canvas-kit-styling").St
|
|
|
396
396
|
colorFocus: "--cnvs-sys-color-text-default";
|
|
397
397
|
placeholderColor: "--cnvs-sys-color-text-hint";
|
|
398
398
|
placeholderColorFocus: "--cnvs-sys-color-text-hint";
|
|
399
|
-
boxShadow:
|
|
399
|
+
boxShadow: string;
|
|
400
400
|
boxShadowFocus: string;
|
|
401
401
|
};
|
|
402
402
|
};
|
|
@@ -80,45 +80,45 @@ exports.searchFormStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
80
80
|
searchInput: 'search-form-input',
|
|
81
81
|
closeButtonPart: 'search-form-close-button',
|
|
82
82
|
},
|
|
83
|
-
base: { name: "
|
|
83
|
+
base: { name: "432mir", 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-bbb053, 7.5rem);max-width:var(--maxWidth-search-form-bbb053, 30rem);[data-part=\"search-form-container\"]{position:relative;display:flex;align-items:center;width:100%;text-align:left;min-height:var(--height-search-form-bbb053, 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-bbb053, var(--cnvs-sys-space-x10));max-width:var(--maxWidth-search-form-bbb053, 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-bbb053);min-width:var(--minWidth-search-form-bbb053);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-bbb053, var(--cnvs-sys-color-bg-alt-soft));height:var(--height-search-form-bbb053, var(--cnvs-sys-space-x10));font-size:var(--cnvs-sys-font-size-subtext-large);box-shadow:var(--boxShadow-search-form-bbb053);color:var(--color-search-form-bbb053, 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-bbb053, var(--cnvs-sys-color-text-hint));}&:placeholder-shown{text-overflow:ellipsis;}&:hover{background-color:var(--backgroundHover-search-form-bbb053, var(--background-search-form-bbb053, var(--cnvs-sys-color-bg-alt-default)));}&:is(:focus-visible, .focus):where(:not([disabled])){background:var(--backgroundFocus-search-form-bbb053, var(--cnvs-sys-color-bg-alt-soft));color:var(--colorFocus-search-form-bbb053);border-color:var(--cnvs-brand-common-focus-outline);outline:0.125rem solid transparent;box-shadow:var(--boxShadowFocus-search-form-bbb053, 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-bbb053);}}}" },
|
|
84
84
|
modifiers: {
|
|
85
85
|
isHiddenSubmitSearchIcon: {
|
|
86
|
-
true: { name: "
|
|
86
|
+
true: { name: "10ilwf", styles: "[data-part=\"search-form-submit-search-icon\"]{display:none;}" }
|
|
87
87
|
},
|
|
88
88
|
isHiddenOpenSeachIcon: {
|
|
89
|
-
true: { name: "
|
|
89
|
+
true: { name: "140gye", styles: "[data-part=\"search-form-open-search-icon\"]{display:none;}" }
|
|
90
90
|
},
|
|
91
91
|
isCollapsed: {
|
|
92
|
-
true: { name: "
|
|
93
|
-
false: { name: "
|
|
92
|
+
true: { name: "31vn3", styles: "top:0;right:0;left:0;bottom:0;margin:0;position:relative;background-color:var(--cnvs-sys-color-bg-transparent-default);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-default);height:var(--height-search-form-bbb053, var(--cnvs-sys-space-x10));}" },
|
|
93
|
+
false: { name: "mkwwg", styles: "[data-part=\"search-form-field\"]{display:inline-block;}" }
|
|
94
94
|
},
|
|
95
95
|
rightAlign: {
|
|
96
|
-
true: { name: "
|
|
96
|
+
true: { name: "2jugr7", styles: "text-align:right;" }
|
|
97
97
|
},
|
|
98
98
|
showForm: {
|
|
99
|
-
true: { name: "
|
|
100
|
-
false: { name: "
|
|
99
|
+
true: { name: "i8fa4", styles: "" },
|
|
100
|
+
false: { name: "3czxu7", styles: "" }
|
|
101
101
|
},
|
|
102
102
|
grow: {
|
|
103
|
-
true: { name: "
|
|
103
|
+
true: { name: "nqf9", styles: "max-width:100%;[data-part=\"search-form-field\"], [data-part=\"search-form-input\"]{max-width:100%;}" }
|
|
104
104
|
},
|
|
105
105
|
searchTheme: {
|
|
106
106
|
// Light theme
|
|
107
|
-
light: { name: "
|
|
107
|
+
light: { name: "1f14z8", 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);}}" },
|
|
108
108
|
// Dark theme
|
|
109
|
-
dark: { name: "
|
|
109
|
+
dark: { name: "ryke3", 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;}}" },
|
|
110
110
|
//Transparent theme
|
|
111
|
-
transparent: { name: "
|
|
111
|
+
transparent: { name: "e6hmf", styles: "[data-part=\"search-form-input\"]{background:var(--cnvs-sys-color-bg-transparent-default);background-focus:var(--cnvs-sys-color-bg-transparent-default);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;}" }
|
|
112
112
|
}
|
|
113
113
|
},
|
|
114
114
|
compound: [
|
|
115
115
|
{
|
|
116
116
|
modifiers: { showForm: 'true', isCollapsed: 'true' },
|
|
117
|
-
styles: { name: "
|
|
117
|
+
styles: { name: "2bbng8", 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-default);:hover{background:var(--cnvs-sys-color-bg-transparent-default);}&:is(:focus-visible, &.focus):where(:not([disabled])){background:var(--cnvs-sys-color-bg-transparent-default);box-shadow:none;}}" }
|
|
118
118
|
},
|
|
119
119
|
{
|
|
120
120
|
modifiers: { isCollapsed: 'true', showForm: 'true' },
|
|
121
|
-
styles: { name: "
|
|
121
|
+
styles: { name: "1fgzdv", styles: "& [data-part=\"search-form-field\"]{display:inline-block;}" }
|
|
122
122
|
}
|
|
123
123
|
]
|
|
124
124
|
}, "search-form-bbb053");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../version/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./lib/version"), exports);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../../version/lib/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,EAAE,MAAoB,CAAC"}
|