@workday/canvas-kit-labs-react 15.0.0-alpha.1303-next.0 → 15.0.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-ingress-button/lib/AIIngressButton.tsx +22 -20
- package/ai-ingress-button/lib/AIIngressIcon.tsx +2 -2
- package/common/lib/theming/useThemeRTL.ts +3 -2
- package/dist/commonjs/ai-ingress-button/lib/AIIngressButton.d.ts +36 -44
- package/dist/commonjs/ai-ingress-button/lib/AIIngressButton.d.ts.map +1 -1
- package/dist/commonjs/ai-ingress-button/lib/AIIngressButton.js +18 -18
- package/dist/commonjs/ai-ingress-button/lib/AIIngressIcon.d.ts.map +1 -1
- package/dist/commonjs/ai-ingress-button/lib/AIIngressIcon.js +1 -1
- package/dist/commonjs/common/lib/theming/useThemeRTL.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/useThemeRTL.js +1 -1
- package/dist/commonjs/index.d.ts +0 -2
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +0 -2
- package/dist/commonjs/version/lib/version.js +1 -1
- package/dist/es6/ai-ingress-button/lib/AIIngressButton.d.ts +36 -44
- package/dist/es6/ai-ingress-button/lib/AIIngressButton.d.ts.map +1 -1
- package/dist/es6/ai-ingress-button/lib/AIIngressButton.js +19 -19
- package/dist/es6/ai-ingress-button/lib/AIIngressIcon.d.ts.map +1 -1
- package/dist/es6/ai-ingress-button/lib/AIIngressIcon.js +1 -1
- package/dist/es6/common/lib/theming/useThemeRTL.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/useThemeRTL.js +1 -1
- package/dist/es6/index.d.ts +0 -2
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +0 -2
- package/dist/es6/version/lib/version.js +1 -1
- package/index.ts +0 -2
- package/package.json +8 -8
- package/combobox/index.ts +0 -1
- package/combobox/lib/AutocompleteList.tsx +0 -137
- package/combobox/lib/Combobox.tsx +0 -505
- package/combobox/lib/Status.tsx +0 -52
- package/combobox/package.json +0 -6
- package/dist/commonjs/combobox/index.d.ts +0 -2
- package/dist/commonjs/combobox/index.d.ts.map +0 -1
- package/dist/commonjs/combobox/index.js +0 -17
- package/dist/commonjs/combobox/lib/AutocompleteList.d.ts +0 -34
- package/dist/commonjs/combobox/lib/AutocompleteList.d.ts.map +0 -1
- package/dist/commonjs/combobox/lib/AutocompleteList.js +0 -101
- package/dist/commonjs/combobox/lib/Combobox.d.ts +0 -79
- package/dist/commonjs/combobox/lib/Combobox.d.ts.map +0 -1
- package/dist/commonjs/combobox/lib/Combobox.js +0 -349
- package/dist/commonjs/combobox/lib/Status.d.ts +0 -16
- package/dist/commonjs/combobox/lib/Status.d.ts.map +0 -1
- package/dist/commonjs/combobox/lib/Status.js +0 -29
- package/dist/commonjs/search-form/index.d.ts +0 -3
- package/dist/commonjs/search-form/index.d.ts.map +0 -1
- package/dist/commonjs/search-form/index.js +0 -18
- package/dist/commonjs/search-form/lib/SearchForm.d.ts +0 -450
- package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +0 -1
- package/dist/commonjs/search-form/lib/SearchForm.js +0 -236
- package/dist/commonjs/search-form/lib/themes.d.ts +0 -33
- package/dist/commonjs/search-form/lib/themes.d.ts.map +0 -1
- package/dist/commonjs/search-form/lib/themes.js +0 -47
- package/dist/es6/combobox/index.d.ts +0 -2
- package/dist/es6/combobox/index.d.ts.map +0 -1
- package/dist/es6/combobox/index.js +0 -1
- package/dist/es6/combobox/lib/AutocompleteList.d.ts +0 -34
- package/dist/es6/combobox/lib/AutocompleteList.d.ts.map +0 -1
- package/dist/es6/combobox/lib/AutocompleteList.js +0 -71
- package/dist/es6/combobox/lib/Combobox.d.ts +0 -79
- package/dist/es6/combobox/lib/Combobox.d.ts.map +0 -1
- package/dist/es6/combobox/lib/Combobox.js +0 -317
- package/dist/es6/combobox/lib/Status.d.ts +0 -16
- package/dist/es6/combobox/lib/Status.d.ts.map +0 -1
- package/dist/es6/combobox/lib/Status.js +0 -22
- package/dist/es6/search-form/index.d.ts +0 -3
- package/dist/es6/search-form/index.d.ts.map +0 -1
- package/dist/es6/search-form/index.js +0 -2
- package/dist/es6/search-form/lib/SearchForm.d.ts +0 -450
- package/dist/es6/search-form/lib/SearchForm.d.ts.map +0 -1
- package/dist/es6/search-form/lib/SearchForm.js +0 -207
- package/dist/es6/search-form/lib/themes.d.ts +0 -33
- package/dist/es6/search-form/lib/themes.d.ts.map +0 -1
- package/dist/es6/search-form/lib/themes.js +0 -44
- package/search-form/index.ts +0 -2
- package/search-form/lib/SearchForm.tsx +0 -651
- package/search-form/lib/themes.ts +0 -67
- package/search-form/package.json +0 -6
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import {createComponent, focusRing, useUniqueId} from '@workday/canvas-kit-react/common';
|
|
2
1
|
import {BaseButton, BaseButtonProps, buttonStencil} from '@workday/canvas-kit-react/button';
|
|
3
|
-
import {
|
|
4
|
-
import {system, base} from '@workday/canvas-tokens-web';
|
|
2
|
+
import {createComponent, focusRing, useUniqueId} from '@workday/canvas-kit-react/common';
|
|
5
3
|
import {systemIconStencil} from '@workday/canvas-kit-react/icon';
|
|
4
|
+
import {calc, createStencil, handleCsProp} from '@workday/canvas-kit-styling';
|
|
5
|
+
import {base, system} from '@workday/canvas-tokens-web';
|
|
6
|
+
|
|
6
7
|
import {getAIIngressIcon} from './AIIngressIcon';
|
|
8
|
+
|
|
7
9
|
export interface AIIngressButtonProps
|
|
8
10
|
extends Omit<
|
|
9
11
|
BaseButtonProps,
|
|
@@ -22,28 +24,28 @@ export interface AIIngressButtonProps
|
|
|
22
24
|
/**
|
|
23
25
|
* Icon gradient colors
|
|
24
26
|
*/
|
|
25
|
-
const illuminateStopColor1 = base.red200; //'#FFA198'
|
|
26
|
-
const illuminateStopColor2 = base.orange200; //'#FFCAA0'
|
|
27
|
-
const illuminateStopColor3 = base.orange200; //'#FFCA79'
|
|
28
|
-
const illuminateStopColor4 = base.amber200; //'#FDCA44'
|
|
29
|
-
const illuminateStopColor5 = base.amber300; //'#FFB74D';
|
|
27
|
+
const illuminateStopColor1 = base.legacy.red200; //'#FFA198'
|
|
28
|
+
const illuminateStopColor2 = base.legacy.orange200; //'#FFCAA0'
|
|
29
|
+
const illuminateStopColor3 = base.legacy.orange200; //'#FFCA79'
|
|
30
|
+
const illuminateStopColor4 = base.legacy.amber200; //'#FDCA44'
|
|
31
|
+
const illuminateStopColor5 = base.legacy.amber300; //'#FFB74D';
|
|
30
32
|
|
|
31
33
|
/**
|
|
32
34
|
* Box shadow glow colors
|
|
33
35
|
*/
|
|
34
|
-
const glowEraser = base.magenta200; //'#FFC2FD';
|
|
35
|
-
const glowHighlighter = base.amber100; //'#FFF3A8';
|
|
36
|
-
const glowLunchBreak = base.amber300; //'#FEC10B';
|
|
37
|
-
const glowHappyHour = base.orange400; //'#FD7E00';
|
|
38
|
-
const glowThumbtack = base.coral500; //'#FC5B05';
|
|
36
|
+
const glowEraser = base.legacy.magenta200; //'#FFC2FD';
|
|
37
|
+
const glowHighlighter = base.legacy.amber100; //'#FFF3A8';
|
|
38
|
+
const glowLunchBreak = base.legacy.amber300; //'#FEC10B';
|
|
39
|
+
const glowHappyHour = base.legacy.orange400; //'#FD7E00';
|
|
40
|
+
const glowThumbtack = base.legacy.coral500; //'#FC5B05';
|
|
39
41
|
|
|
40
42
|
export const AIIngressButtonStencil = createStencil({
|
|
41
43
|
extends: buttonStencil,
|
|
42
44
|
base: {
|
|
43
|
-
[buttonStencil.vars.background]: system.color.
|
|
44
|
-
borderRadius: system.shape.
|
|
45
|
-
height: calc.add(system.
|
|
46
|
-
width: calc.add(system.
|
|
45
|
+
[buttonStencil.vars.background]: system.legacy.color.accent.ai,
|
|
46
|
+
borderRadius: system.legacy.shape.full,
|
|
47
|
+
height: calc.add(system.legacy.size.md, base.legacy.size50),
|
|
48
|
+
width: calc.add(system.legacy.size.md, base.legacy.size50),
|
|
47
49
|
transition: 'box-shadow 300ms ease-out, background 300ms ease-out',
|
|
48
50
|
|
|
49
51
|
'.wd-icon-ai-ingress-button': {
|
|
@@ -116,7 +118,7 @@ export const AIIngressButtonStencil = createStencil({
|
|
|
116
118
|
},
|
|
117
119
|
'&:is(:focus-visible, .focus):not(:disabled, .disabled)': {
|
|
118
120
|
...focusRing({width: 2, separation: 0, outerColor: system.color.fg.inverse}),
|
|
119
|
-
border: `2px solid ${system.color.
|
|
121
|
+
border: `2px solid ${system.legacy.color.accent.ai} `,
|
|
120
122
|
},
|
|
121
123
|
},
|
|
122
124
|
},
|
|
@@ -141,7 +143,7 @@ export const AIIngressButtonStencil = createStencil({
|
|
|
141
143
|
},
|
|
142
144
|
'&:is(:focus-visible, .focus):not(:disabled, .disabled)': {
|
|
143
145
|
...focusRing({width: 2, separation: 2}),
|
|
144
|
-
border: `1px solid ${system.color.border.
|
|
146
|
+
border: `1px solid ${system.legacy.color.border.strong} `,
|
|
145
147
|
},
|
|
146
148
|
},
|
|
147
149
|
false: {
|
|
@@ -153,7 +155,7 @@ export const AIIngressButtonStencil = createStencil({
|
|
|
153
155
|
{
|
|
154
156
|
modifiers: {toggled: true, variant: 'inverse'},
|
|
155
157
|
styles: {
|
|
156
|
-
[buttonStencil.vars.background]: system.color.
|
|
158
|
+
[buttonStencil.vars.background]: system.legacy.color.accent.ai,
|
|
157
159
|
'.wd-icon-ai-ingress-button': {
|
|
158
160
|
'.wd-icon-fill': {
|
|
159
161
|
transition: 'fill 300ms ease-out',
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {CanvasIconTypes, CanvasSystemIcon} from '@workday/design-assets-types';
|
|
2
2
|
|
|
3
3
|
export const getAIIngressIcon = (svgId: string): CanvasSystemIcon => {
|
|
4
4
|
return {
|
|
5
5
|
name: 'AIIngressButton',
|
|
6
6
|
type: CanvasIconTypes.System,
|
|
7
|
-
svg: `<svg class="wd-icon-ai-ingress-button" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" >
|
|
7
|
+
svg: `<svg class="wd-icon-ai-ingress-button wd-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" >
|
|
8
8
|
<linearGradient id="${svgId}" x1="10" y1="0.000195292" x2="10" y2="19.9998" gradientUnits="userSpaceOnUse">
|
|
9
9
|
<stop />
|
|
10
10
|
<stop offset="0.25"/>
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import {CanvasTheme, useIsRTL, useTheme, StyleRewriteFn} from '@workday/canvas-kit-react/common';
|
|
2
|
-
import {CSSProperties} from '@workday/canvas-kit-react/tokens';
|
|
3
1
|
import {useMemo} from 'react';
|
|
4
2
|
import rtlCSSJS from 'rtl-css-js';
|
|
5
3
|
|
|
4
|
+
import {CanvasTheme, StyleRewriteFn, useIsRTL, useTheme} from '@workday/canvas-kit-react/common';
|
|
5
|
+
import {CSSProperties} from '@workday/canvas-kit-react/tokens';
|
|
6
|
+
|
|
6
7
|
export type ComponentStyles = Record<string, CSSProperties>;
|
|
7
8
|
type ThemeWithStaticStates = CanvasTheme & {_styleRewriteFn?: StyleRewriteFn};
|
|
8
9
|
|
|
@@ -24,19 +24,19 @@ export declare const AIIngressButtonStencil: import("@workday/canvas-kit-styling
|
|
|
24
24
|
} | {
|
|
25
25
|
'.wd-icon-ai-ingress-button': {
|
|
26
26
|
'linearGradient > stop:first-child': {
|
|
27
|
-
stopColor: "--cnvs-base-palette-red-200";
|
|
27
|
+
stopColor: "var(--cnvs-base-palette-red-200, oklch(0.8339 0.092 28.19 / 1))";
|
|
28
28
|
};
|
|
29
29
|
'linearGradient > stop:nth-child(2)': {
|
|
30
|
-
stopColor: "--cnvs-base-palette-orange-200";
|
|
30
|
+
stopColor: "var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1))";
|
|
31
31
|
};
|
|
32
32
|
'linearGradient > stop:nth-child(3)': {
|
|
33
|
-
stopColor: "--cnvs-base-palette-orange-200";
|
|
33
|
+
stopColor: "var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1))";
|
|
34
34
|
};
|
|
35
35
|
'linearGradient > stop:nth-child(4)': {
|
|
36
|
-
stopColor: "--cnvs-base-palette-amber-200";
|
|
36
|
+
stopColor: "var(--cnvs-base-palette-amber-200, oklch(0.9191 0.1547 99.7 / 1))";
|
|
37
37
|
};
|
|
38
38
|
'linearGradient > stop:nth-child(5)': {
|
|
39
|
-
stopColor: "--cnvs-base-palette-amber-300";
|
|
39
|
+
stopColor: "var(--cnvs-base-palette-amber-300, oklch(0.8432 0.1713 85.24 / 1))";
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
42
|
'.wd-icon-fill'?: undefined;
|
|
@@ -60,19 +60,19 @@ export declare const AIIngressButtonStencil: import("@workday/canvas-kit-styling
|
|
|
60
60
|
'&:is(:hover, .hover):not(:disabled, .disabled)': {
|
|
61
61
|
'.wd-icon-ai-ingress-button': {
|
|
62
62
|
'linearGradient > stop:first-child': {
|
|
63
|
-
stopColor: "--cnvs-base-palette-red-200";
|
|
63
|
+
stopColor: "var(--cnvs-base-palette-red-200, oklch(0.8339 0.092 28.19 / 1))";
|
|
64
64
|
};
|
|
65
65
|
'linearGradient > stop:nth-child(2)': {
|
|
66
|
-
stopColor: "--cnvs-base-palette-orange-200";
|
|
66
|
+
stopColor: "var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1))";
|
|
67
67
|
};
|
|
68
68
|
'linearGradient > stop:nth-child(3)': {
|
|
69
|
-
stopColor: "--cnvs-base-palette-orange-200";
|
|
69
|
+
stopColor: "var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1))";
|
|
70
70
|
};
|
|
71
71
|
'linearGradient > stop:nth-child(4)': {
|
|
72
|
-
stopColor: "--cnvs-base-palette-amber-200";
|
|
72
|
+
stopColor: "var(--cnvs-base-palette-amber-200, oklch(0.9191 0.1547 99.7 / 1))";
|
|
73
73
|
};
|
|
74
74
|
'linearGradient > stop:nth-child(5)': {
|
|
75
|
-
stopColor: "--cnvs-base-palette-amber-300";
|
|
75
|
+
stopColor: "var(--cnvs-base-palette-amber-300, oklch(0.8432 0.1713 85.24 / 1))";
|
|
76
76
|
};
|
|
77
77
|
};
|
|
78
78
|
};
|
|
@@ -134,46 +134,38 @@ export declare const AIIngressButtonStencil: import("@workday/canvas-kit-styling
|
|
|
134
134
|
}, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
|
|
135
135
|
size: {
|
|
136
136
|
large: {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
fontSize: "--cnvs-sys-font-size-body-small";
|
|
144
|
-
letterSpacing: "--cnvs-base-letter-spacing-200";
|
|
137
|
+
fontSize: "var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small, 1rem))";
|
|
138
|
+
lineHeight: "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem))";
|
|
139
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small))";
|
|
140
|
+
height: "var(--cnvs-sys-size-lg, 3rem)";
|
|
141
|
+
paddingInline: "var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8, 2rem))";
|
|
142
|
+
minWidth: "var(--cnvs-base-size-1400, 7rem)";
|
|
145
143
|
};
|
|
146
144
|
medium: {
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
fontSize: "--cnvs-sys-font-size-subtext-large";
|
|
154
|
-
letterSpacing: "--cnvs-base-letter-spacing-150";
|
|
145
|
+
fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem))";
|
|
146
|
+
lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem))";
|
|
147
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large))";
|
|
148
|
+
minWidth: "var(--cnvs-base-size-1200, 6rem)";
|
|
149
|
+
paddingInline: "var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem))";
|
|
150
|
+
height: "var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem))";
|
|
155
151
|
};
|
|
156
152
|
small: {
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
fontSize: "--cnvs-sys-font-size-subtext-large";
|
|
165
|
-
letterSpacing: "--cnvs-base-letter-spacing-150";
|
|
153
|
+
fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem))";
|
|
154
|
+
lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem))";
|
|
155
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large))";
|
|
156
|
+
height: "var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem))";
|
|
157
|
+
minWidth: "var(--cnvs-base-size-1000, 5rem)";
|
|
158
|
+
paddingInline: "var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem))";
|
|
159
|
+
gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem))";
|
|
166
160
|
};
|
|
167
161
|
extraSmall: {
|
|
168
|
-
|
|
169
|
-
|
|
162
|
+
fontSize: "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem))";
|
|
163
|
+
lineHeight: "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem))";
|
|
164
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium))";
|
|
165
|
+
height: "var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem))";
|
|
170
166
|
minWidth: string;
|
|
171
|
-
paddingInline: "--cnvs-sys-space-x3";
|
|
172
|
-
gap: "--cnvs-sys-space-x1";
|
|
173
|
-
fontFamily: "--cnvs-sys-font-family-default";
|
|
174
|
-
lineHeight: "--cnvs-sys-line-height-subtext-medium";
|
|
175
|
-
fontSize: "--cnvs-sys-font-size-subtext-medium";
|
|
176
|
-
letterSpacing: "--cnvs-base-letter-spacing-100";
|
|
167
|
+
paddingInline: "var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem))";
|
|
168
|
+
gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem))";
|
|
177
169
|
};
|
|
178
170
|
};
|
|
179
171
|
grow: {
|
|
@@ -184,7 +176,7 @@ export declare const AIIngressButtonStencil: import("@workday/canvas-kit-styling
|
|
|
184
176
|
};
|
|
185
177
|
iconPosition: {
|
|
186
178
|
only: {
|
|
187
|
-
padding:
|
|
179
|
+
padding: number;
|
|
188
180
|
};
|
|
189
181
|
start: {};
|
|
190
182
|
end: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AIIngressButton.d.ts","sourceRoot":"","sources":["../../../../ai-ingress-button/lib/AIIngressButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AIIngressButton.d.ts","sourceRoot":"","sources":["../../../../ai-ingress-button/lib/AIIngressButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAgB,MAAM,kCAAkC,CAAC;AAQ5F,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,eAAe,EACf,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,GAAG,kBAAkB,GAAG,uBAAuB,CAC3F;IACD;;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"}
|
|
@@ -2,47 +2,47 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.AIIngressButton = exports.AIIngressButtonStencil = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const common_1 = require("@workday/canvas-kit-react/common");
|
|
6
5
|
const button_1 = require("@workday/canvas-kit-react/button");
|
|
6
|
+
const common_1 = require("@workday/canvas-kit-react/common");
|
|
7
|
+
const icon_1 = require("@workday/canvas-kit-react/icon");
|
|
7
8
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
8
9
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
9
|
-
const icon_1 = require("@workday/canvas-kit-react/icon");
|
|
10
10
|
const AIIngressIcon_1 = require("./AIIngressIcon");
|
|
11
11
|
/**
|
|
12
12
|
* Icon gradient colors
|
|
13
13
|
*/
|
|
14
|
-
const illuminateStopColor1 = canvas_tokens_web_1.base.red200; //'#FFA198'
|
|
15
|
-
const illuminateStopColor2 = canvas_tokens_web_1.base.orange200; //'#FFCAA0'
|
|
16
|
-
const illuminateStopColor3 = canvas_tokens_web_1.base.orange200; //'#FFCA79'
|
|
17
|
-
const illuminateStopColor4 = canvas_tokens_web_1.base.amber200; //'#FDCA44'
|
|
18
|
-
const illuminateStopColor5 = canvas_tokens_web_1.base.amber300; //'#FFB74D';
|
|
14
|
+
const illuminateStopColor1 = canvas_tokens_web_1.base.legacy.red200; //'#FFA198'
|
|
15
|
+
const illuminateStopColor2 = canvas_tokens_web_1.base.legacy.orange200; //'#FFCAA0'
|
|
16
|
+
const illuminateStopColor3 = canvas_tokens_web_1.base.legacy.orange200; //'#FFCA79'
|
|
17
|
+
const illuminateStopColor4 = canvas_tokens_web_1.base.legacy.amber200; //'#FDCA44'
|
|
18
|
+
const illuminateStopColor5 = canvas_tokens_web_1.base.legacy.amber300; //'#FFB74D';
|
|
19
19
|
/**
|
|
20
20
|
* Box shadow glow colors
|
|
21
21
|
*/
|
|
22
|
-
const glowEraser = canvas_tokens_web_1.base.magenta200; //'#FFC2FD';
|
|
23
|
-
const glowHighlighter = canvas_tokens_web_1.base.amber100; //'#FFF3A8';
|
|
24
|
-
const glowLunchBreak = canvas_tokens_web_1.base.amber300; //'#FEC10B';
|
|
25
|
-
const glowHappyHour = canvas_tokens_web_1.base.orange400; //'#FD7E00';
|
|
26
|
-
const glowThumbtack = canvas_tokens_web_1.base.coral500; //'#FC5B05';
|
|
22
|
+
const glowEraser = canvas_tokens_web_1.base.legacy.magenta200; //'#FFC2FD';
|
|
23
|
+
const glowHighlighter = canvas_tokens_web_1.base.legacy.amber100; //'#FFF3A8';
|
|
24
|
+
const glowLunchBreak = canvas_tokens_web_1.base.legacy.amber300; //'#FEC10B';
|
|
25
|
+
const glowHappyHour = canvas_tokens_web_1.base.legacy.orange400; //'#FD7E00';
|
|
26
|
+
const glowThumbtack = canvas_tokens_web_1.base.legacy.coral500; //'#FC5B05';
|
|
27
27
|
exports.AIIngressButtonStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
28
28
|
extends: button_1.buttonStencil,
|
|
29
|
-
base: { name: "
|
|
29
|
+
base: { name: "e9xvb", styles: "box-sizing:border-box;--background-button-c26182:var(--cnvs-sys-color-accent-ai, var(--cnvs-sys-color-bg-ai-stronger, oklch(0.2452 0.0752 254.55 / 1)));border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));height:calc(var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem)) + var(--cnvs-base-size-50, 0.25rem));width:calc(var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem)) + var(--cnvs-base-size-50, 0.25rem));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, oklch(0.8339 0.092 28.19 / 1));}linearGradient > stop:nth-child(2){stop-color:var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1));}linearGradient > stop:nth-child(3){stop-color:var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1));}linearGradient > stop:nth-child(4){stop-color:var(--cnvs-base-palette-amber-200, oklch(0.9191 0.1547 99.7 / 1));}linearGradient > stop:nth-child(5){stop-color:var(--cnvs-base-palette-amber-300, oklch(0.8432 0.1713 85.24 / 1));}}}&: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-default, var(--cnvs-base-palette-neutral-0)), 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: "1tpq7e", styles: "--background-button-c26182: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, oklch(0.8339 0.092 28.19 / 1));}linearGradient > stop:nth-child(2){stop-color:var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1));}linearGradient > stop:nth-child(3){stop-color:var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1));}linearGradient > stop:nth-child(4){stop-color:var(--cnvs-base-palette-amber-200, oklch(0.9191 0.1547 99.7 / 1));}linearGradient > stop:nth-child(5){stop-color:var(--cnvs-base-palette-amber-300, oklch(0.8432 0.1713 85.24 / 1));}}}&:is(:focus-visible, .focus):not(:disabled, .disabled){box-shadow:0 0 0 0px var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)), 0 0 0 2px var(--cnvs-sys-color-fg-inverse);border:2px solid var(--cnvs-sys-color-accent-ai, var(--cnvs-sys-color-bg-ai-stronger, oklch(0.2452 0.0752 254.55 / 1))) ;}" }
|
|
33
33
|
},
|
|
34
34
|
toggled: {
|
|
35
|
-
true: { name: "
|
|
36
|
-
false: { name: "
|
|
35
|
+
true: { name: "2r27a8", styles: "--background-button-c26182: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, oklch(0.887 0.1029 327.44 / 1)), 0px 0px 0.98px 0px var(--cnvs-base-palette-amber-100, oklch(0.9567 0.0948 100.22 / 1)), 0px 0px 1.96px 0px var(--cnvs-base-palette-amber-300, oklch(0.8432 0.1713 85.24 / 1)), 0px 0px 2.94px 0px var(--cnvs-base-palette-amber-300, oklch(0.8432 0.1713 85.24 / 1)), 0px 0px 4.9px 0px var(--cnvs-base-palette-orange-400, oklch(0.7261 0.1852 52.58 / 1)), 0px 0px 7.36px 0px var(--cnvs-base-palette-coral-500, oklch(0.6779 0.2096 40.36 / 1)), 0px 0px 9.81px 0px var(--cnvs-base-palette-magenta-200, oklch(0.887 0.1029 327.44 / 1)), 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-default, var(--cnvs-base-palette-neutral-0)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));border:1px solid var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0.2442 0.0693 257.66 / 0.21))) ;}" },
|
|
36
|
+
false: { name: "4bt68m", 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: "1ipp78", styles: "--background-button-c26182:var(--cnvs-sys-color-accent-ai, var(--cnvs-sys-color-bg-ai-stronger, oklch(0.2452 0.0752 254.55 / 1)));.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-default, var(--cnvs-base-palette-neutral-0)), 0 0 0 2px var(--cnvs-sys-color-fg-inverse);border:none;}" }
|
|
43
43
|
}
|
|
44
44
|
]
|
|
45
|
-
}, "a-i-ingress-button-
|
|
45
|
+
}, "a-i-ingress-button-5576f1");
|
|
46
46
|
exports.AIIngressButton = (0, common_1.createComponent)('button')({
|
|
47
47
|
displayName: 'AIIngressButton',
|
|
48
48
|
Component: ({ toggled, variant, ...elemProps }, ref, Element) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AIIngressIcon.d.ts","sourceRoot":"","sources":["../../../../ai-ingress-button/lib/AIIngressIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AIIngressIcon.d.ts","sourceRoot":"","sources":["../../../../ai-ingress-button/lib/AIIngressIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE/E,eAAO,MAAM,gBAAgB,UAAW,MAAM,KAAG,gBAiBhD,CAAC"}
|
|
@@ -6,7 +6,7 @@ const getAIIngressIcon = (svgId) => {
|
|
|
6
6
|
return {
|
|
7
7
|
name: 'AIIngressButton',
|
|
8
8
|
type: design_assets_types_1.CanvasIconTypes.System,
|
|
9
|
-
svg: `<svg class="wd-icon-ai-ingress-button" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" >
|
|
9
|
+
svg: `<svg class="wd-icon-ai-ingress-button wd-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" >
|
|
10
10
|
<linearGradient id="${svgId}" x1="10" y1="0.000195292" x2="10" y2="19.9998" gradientUnits="userSpaceOnUse">
|
|
11
11
|
<stop />
|
|
12
12
|
<stop offset="0.25"/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useThemeRTL.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemeRTL.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useThemeRTL.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemeRTL.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAc5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,WAAW;6BAMD,aAAa,EAAE;;EAYxC"}
|
|
@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.useThemeRTL = void 0;
|
|
7
|
-
const common_1 = require("@workday/canvas-kit-react/common");
|
|
8
7
|
const react_1 = require("react");
|
|
9
8
|
const rtl_css_js_1 = __importDefault(require("rtl-css-js"));
|
|
9
|
+
const common_1 = require("@workday/canvas-kit-react/common");
|
|
10
10
|
const getDirectionalStyles = (isRTL, ...styles) => {
|
|
11
11
|
return isRTL ? (0, rtl_css_js_1.default)(styles) : styles;
|
|
12
12
|
};
|
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,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC"}
|
package/dist/commonjs/index.js
CHANGED
|
@@ -15,6 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./ai-ingress-button"), exports);
|
|
18
|
-
__exportStar(require("./combobox"), exports);
|
|
19
|
-
__exportStar(require("./search-form"), exports);
|
|
20
18
|
__exportStar(require("./version"), exports);
|
|
@@ -24,19 +24,19 @@ export declare const AIIngressButtonStencil: import("@workday/canvas-kit-styling
|
|
|
24
24
|
} | {
|
|
25
25
|
'.wd-icon-ai-ingress-button': {
|
|
26
26
|
'linearGradient > stop:first-child': {
|
|
27
|
-
stopColor: "--cnvs-base-palette-red-200";
|
|
27
|
+
stopColor: "var(--cnvs-base-palette-red-200, oklch(0.8339 0.092 28.19 / 1))";
|
|
28
28
|
};
|
|
29
29
|
'linearGradient > stop:nth-child(2)': {
|
|
30
|
-
stopColor: "--cnvs-base-palette-orange-200";
|
|
30
|
+
stopColor: "var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1))";
|
|
31
31
|
};
|
|
32
32
|
'linearGradient > stop:nth-child(3)': {
|
|
33
|
-
stopColor: "--cnvs-base-palette-orange-200";
|
|
33
|
+
stopColor: "var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1))";
|
|
34
34
|
};
|
|
35
35
|
'linearGradient > stop:nth-child(4)': {
|
|
36
|
-
stopColor: "--cnvs-base-palette-amber-200";
|
|
36
|
+
stopColor: "var(--cnvs-base-palette-amber-200, oklch(0.9191 0.1547 99.7 / 1))";
|
|
37
37
|
};
|
|
38
38
|
'linearGradient > stop:nth-child(5)': {
|
|
39
|
-
stopColor: "--cnvs-base-palette-amber-300";
|
|
39
|
+
stopColor: "var(--cnvs-base-palette-amber-300, oklch(0.8432 0.1713 85.24 / 1))";
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
42
|
'.wd-icon-fill'?: undefined;
|
|
@@ -60,19 +60,19 @@ export declare const AIIngressButtonStencil: import("@workday/canvas-kit-styling
|
|
|
60
60
|
'&:is(:hover, .hover):not(:disabled, .disabled)': {
|
|
61
61
|
'.wd-icon-ai-ingress-button': {
|
|
62
62
|
'linearGradient > stop:first-child': {
|
|
63
|
-
stopColor: "--cnvs-base-palette-red-200";
|
|
63
|
+
stopColor: "var(--cnvs-base-palette-red-200, oklch(0.8339 0.092 28.19 / 1))";
|
|
64
64
|
};
|
|
65
65
|
'linearGradient > stop:nth-child(2)': {
|
|
66
|
-
stopColor: "--cnvs-base-palette-orange-200";
|
|
66
|
+
stopColor: "var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1))";
|
|
67
67
|
};
|
|
68
68
|
'linearGradient > stop:nth-child(3)': {
|
|
69
|
-
stopColor: "--cnvs-base-palette-orange-200";
|
|
69
|
+
stopColor: "var(--cnvs-base-palette-orange-200, oklch(0.8606 0.1002 65.34 / 1))";
|
|
70
70
|
};
|
|
71
71
|
'linearGradient > stop:nth-child(4)': {
|
|
72
|
-
stopColor: "--cnvs-base-palette-amber-200";
|
|
72
|
+
stopColor: "var(--cnvs-base-palette-amber-200, oklch(0.9191 0.1547 99.7 / 1))";
|
|
73
73
|
};
|
|
74
74
|
'linearGradient > stop:nth-child(5)': {
|
|
75
|
-
stopColor: "--cnvs-base-palette-amber-300";
|
|
75
|
+
stopColor: "var(--cnvs-base-palette-amber-300, oklch(0.8432 0.1713 85.24 / 1))";
|
|
76
76
|
};
|
|
77
77
|
};
|
|
78
78
|
};
|
|
@@ -134,46 +134,38 @@ export declare const AIIngressButtonStencil: import("@workday/canvas-kit-styling
|
|
|
134
134
|
}, {}, {}, import("@workday/canvas-kit-styling").Stencil<{
|
|
135
135
|
size: {
|
|
136
136
|
large: {
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
fontSize: "--cnvs-sys-font-size-body-small";
|
|
144
|
-
letterSpacing: "--cnvs-base-letter-spacing-200";
|
|
137
|
+
fontSize: "var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small, 1rem))";
|
|
138
|
+
lineHeight: "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem))";
|
|
139
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small))";
|
|
140
|
+
height: "var(--cnvs-sys-size-lg, 3rem)";
|
|
141
|
+
paddingInline: "var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8, 2rem))";
|
|
142
|
+
minWidth: "var(--cnvs-base-size-1400, 7rem)";
|
|
145
143
|
};
|
|
146
144
|
medium: {
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
fontSize: "--cnvs-sys-font-size-subtext-large";
|
|
154
|
-
letterSpacing: "--cnvs-base-letter-spacing-150";
|
|
145
|
+
fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem))";
|
|
146
|
+
lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem))";
|
|
147
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large))";
|
|
148
|
+
minWidth: "var(--cnvs-base-size-1200, 6rem)";
|
|
149
|
+
paddingInline: "var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem))";
|
|
150
|
+
height: "var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem))";
|
|
155
151
|
};
|
|
156
152
|
small: {
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
fontSize: "--cnvs-sys-font-size-subtext-large";
|
|
165
|
-
letterSpacing: "--cnvs-base-letter-spacing-150";
|
|
153
|
+
fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem))";
|
|
154
|
+
lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem))";
|
|
155
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large))";
|
|
156
|
+
height: "var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem))";
|
|
157
|
+
minWidth: "var(--cnvs-base-size-1000, 5rem)";
|
|
158
|
+
paddingInline: "var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem))";
|
|
159
|
+
gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem))";
|
|
166
160
|
};
|
|
167
161
|
extraSmall: {
|
|
168
|
-
|
|
169
|
-
|
|
162
|
+
fontSize: "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem))";
|
|
163
|
+
lineHeight: "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem))";
|
|
164
|
+
letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium))";
|
|
165
|
+
height: "var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem))";
|
|
170
166
|
minWidth: string;
|
|
171
|
-
paddingInline: "--cnvs-sys-space-x3";
|
|
172
|
-
gap: "--cnvs-sys-space-x1";
|
|
173
|
-
fontFamily: "--cnvs-sys-font-family-default";
|
|
174
|
-
lineHeight: "--cnvs-sys-line-height-subtext-medium";
|
|
175
|
-
fontSize: "--cnvs-sys-font-size-subtext-medium";
|
|
176
|
-
letterSpacing: "--cnvs-base-letter-spacing-100";
|
|
167
|
+
paddingInline: "var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem))";
|
|
168
|
+
gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem))";
|
|
177
169
|
};
|
|
178
170
|
};
|
|
179
171
|
grow: {
|
|
@@ -184,7 +176,7 @@ export declare const AIIngressButtonStencil: import("@workday/canvas-kit-styling
|
|
|
184
176
|
};
|
|
185
177
|
iconPosition: {
|
|
186
178
|
only: {
|
|
187
|
-
padding:
|
|
179
|
+
padding: number;
|
|
188
180
|
};
|
|
189
181
|
start: {};
|
|
190
182
|
end: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AIIngressButton.d.ts","sourceRoot":"","sources":["../../../../ai-ingress-button/lib/AIIngressButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AIIngressButton.d.ts","sourceRoot":"","sources":["../../../../ai-ingress-button/lib/AIIngressButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAgB,MAAM,kCAAkC,CAAC;AAQ5F,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,eAAe,EACf,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,cAAc,GAAG,kBAAkB,GAAG,uBAAuB,CAC3F;IACD;;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"}
|