@workday/canvas-kit-labs-react 15.0.0-alpha.1326-next.0 → 15.0.1

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.
Files changed (78) hide show
  1. package/ai-ingress-button/lib/AIIngressButton.tsx +22 -20
  2. package/ai-ingress-button/lib/AIIngressIcon.tsx +2 -2
  3. package/common/lib/theming/useThemeRTL.ts +3 -2
  4. package/dist/commonjs/ai-ingress-button/lib/AIIngressButton.d.ts +36 -44
  5. package/dist/commonjs/ai-ingress-button/lib/AIIngressButton.d.ts.map +1 -1
  6. package/dist/commonjs/ai-ingress-button/lib/AIIngressButton.js +18 -18
  7. package/dist/commonjs/ai-ingress-button/lib/AIIngressIcon.d.ts.map +1 -1
  8. package/dist/commonjs/ai-ingress-button/lib/AIIngressIcon.js +1 -1
  9. package/dist/commonjs/common/lib/theming/useThemeRTL.d.ts.map +1 -1
  10. package/dist/commonjs/common/lib/theming/useThemeRTL.js +1 -1
  11. package/dist/commonjs/index.d.ts +0 -2
  12. package/dist/commonjs/index.d.ts.map +1 -1
  13. package/dist/commonjs/index.js +0 -2
  14. package/dist/commonjs/version/lib/version.js +1 -1
  15. package/dist/es6/ai-ingress-button/lib/AIIngressButton.d.ts +36 -44
  16. package/dist/es6/ai-ingress-button/lib/AIIngressButton.d.ts.map +1 -1
  17. package/dist/es6/ai-ingress-button/lib/AIIngressButton.js +19 -19
  18. package/dist/es6/ai-ingress-button/lib/AIIngressIcon.d.ts.map +1 -1
  19. package/dist/es6/ai-ingress-button/lib/AIIngressIcon.js +1 -1
  20. package/dist/es6/common/lib/theming/useThemeRTL.d.ts.map +1 -1
  21. package/dist/es6/common/lib/theming/useThemeRTL.js +1 -1
  22. package/dist/es6/index.d.ts +0 -2
  23. package/dist/es6/index.d.ts.map +1 -1
  24. package/dist/es6/index.js +0 -2
  25. package/dist/es6/version/lib/version.js +1 -1
  26. package/index.ts +0 -2
  27. package/package.json +8 -8
  28. package/combobox/index.ts +0 -1
  29. package/combobox/lib/AutocompleteList.tsx +0 -137
  30. package/combobox/lib/Combobox.tsx +0 -505
  31. package/combobox/lib/Status.tsx +0 -52
  32. package/combobox/package.json +0 -6
  33. package/dist/commonjs/combobox/index.d.ts +0 -2
  34. package/dist/commonjs/combobox/index.d.ts.map +0 -1
  35. package/dist/commonjs/combobox/index.js +0 -17
  36. package/dist/commonjs/combobox/lib/AutocompleteList.d.ts +0 -34
  37. package/dist/commonjs/combobox/lib/AutocompleteList.d.ts.map +0 -1
  38. package/dist/commonjs/combobox/lib/AutocompleteList.js +0 -101
  39. package/dist/commonjs/combobox/lib/Combobox.d.ts +0 -79
  40. package/dist/commonjs/combobox/lib/Combobox.d.ts.map +0 -1
  41. package/dist/commonjs/combobox/lib/Combobox.js +0 -349
  42. package/dist/commonjs/combobox/lib/Status.d.ts +0 -16
  43. package/dist/commonjs/combobox/lib/Status.d.ts.map +0 -1
  44. package/dist/commonjs/combobox/lib/Status.js +0 -29
  45. package/dist/commonjs/search-form/index.d.ts +0 -3
  46. package/dist/commonjs/search-form/index.d.ts.map +0 -1
  47. package/dist/commonjs/search-form/index.js +0 -18
  48. package/dist/commonjs/search-form/lib/SearchForm.d.ts +0 -450
  49. package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +0 -1
  50. package/dist/commonjs/search-form/lib/SearchForm.js +0 -236
  51. package/dist/commonjs/search-form/lib/themes.d.ts +0 -33
  52. package/dist/commonjs/search-form/lib/themes.d.ts.map +0 -1
  53. package/dist/commonjs/search-form/lib/themes.js +0 -47
  54. package/dist/es6/combobox/index.d.ts +0 -2
  55. package/dist/es6/combobox/index.d.ts.map +0 -1
  56. package/dist/es6/combobox/index.js +0 -1
  57. package/dist/es6/combobox/lib/AutocompleteList.d.ts +0 -34
  58. package/dist/es6/combobox/lib/AutocompleteList.d.ts.map +0 -1
  59. package/dist/es6/combobox/lib/AutocompleteList.js +0 -71
  60. package/dist/es6/combobox/lib/Combobox.d.ts +0 -79
  61. package/dist/es6/combobox/lib/Combobox.d.ts.map +0 -1
  62. package/dist/es6/combobox/lib/Combobox.js +0 -317
  63. package/dist/es6/combobox/lib/Status.d.ts +0 -16
  64. package/dist/es6/combobox/lib/Status.d.ts.map +0 -1
  65. package/dist/es6/combobox/lib/Status.js +0 -22
  66. package/dist/es6/search-form/index.d.ts +0 -3
  67. package/dist/es6/search-form/index.d.ts.map +0 -1
  68. package/dist/es6/search-form/index.js +0 -2
  69. package/dist/es6/search-form/lib/SearchForm.d.ts +0 -450
  70. package/dist/es6/search-form/lib/SearchForm.d.ts.map +0 -1
  71. package/dist/es6/search-form/lib/SearchForm.js +0 -207
  72. package/dist/es6/search-form/lib/themes.d.ts +0 -33
  73. package/dist/es6/search-form/lib/themes.d.ts.map +0 -1
  74. package/dist/es6/search-form/lib/themes.js +0 -44
  75. package/search-form/index.ts +0 -2
  76. package/search-form/lib/SearchForm.tsx +0 -651
  77. package/search-form/lib/themes.ts +0 -67
  78. 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 {createStencil, handleCsProp, calc} from '@workday/canvas-kit-styling';
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.bg.ai.strongest,
44
- borderRadius: system.shape.round,
45
- height: calc.add(system.space.x10, system.space.x1),
46
- width: calc.add(system.space.x10, system.space.x1),
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.border.ai} `,
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.container} `,
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.bg.ai.strongest,
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 {CanvasSystemIcon, CanvasIconTypes} from '@workday/design-assets-types';
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
- fontWeight: "--cnvs-sys-font-weight-bold";
138
- height: string;
139
- paddingInline: "--cnvs-sys-space-x8";
140
- minWidth: string;
141
- fontFamily: "--cnvs-sys-font-family-default";
142
- lineHeight: "--cnvs-sys-line-height-body-small";
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
- fontWeight: "--cnvs-sys-font-weight-bold";
148
- minWidth: string;
149
- paddingInline: "--cnvs-sys-space-x6";
150
- height: "--cnvs-sys-space-x10";
151
- fontFamily: "--cnvs-sys-font-family-default";
152
- lineHeight: "--cnvs-sys-line-height-subtext-large";
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
- fontWeight: "--cnvs-sys-font-weight-bold";
158
- height: "--cnvs-sys-space-x8";
159
- minWidth: "--cnvs-sys-space-x20";
160
- paddingInline: "--cnvs-sys-space-x4";
161
- gap: "--cnvs-sys-space-x1";
162
- fontFamily: "--cnvs-sys-font-family-default";
163
- lineHeight: "--cnvs-sys-line-height-subtext-large";
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
- fontWeight: "--cnvs-sys-font-weight-bold";
169
- height: "--cnvs-sys-space-x6";
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: "--cnvs-sys-space-zero";
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":"AACA,OAAO,EAAa,eAAe,EAAgB,MAAM,kCAAkC,CAAC;AAK5F,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"}
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: "1c8qni", styles: "box-sizing:border-box;--background-button-85bf0e: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));}" },
29
+ base: { name: "12y2kh", 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: "112mm7", styles: "--background-button-85bf0e: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) ;}" }
32
+ inverse: { name: "3g5l5z", 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: "3dm3wj", styles: "--background-button-85bf0e: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: "w7d40", styles: "transition:box-shadow 300ms ease-out, background 300ms ease-out;" }
35
+ true: { name: "urh7y", 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: "3viwwy", 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: "3l3n3", styles: "--background-button-85bf0e: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;}" }
42
+ styles: { name: "9jbv2", 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-ea1953");
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,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,eAAO,MAAM,gBAAgB,UAAW,MAAM,KAAG,gBAiBhD,CAAC"}
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":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAI/D,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAc5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,WAAW;6BAMD,aAAa,EAAE;;EAYxC"}
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
  };
@@ -1,5 +1,3 @@
1
1
  export * from './ai-ingress-button';
2
- export * from './combobox';
3
- export * from './search-form';
4
2
  export * from './version';
5
3
  //# sourceMappingURL=index.d.ts.map
@@ -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,cAAc,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC"}
@@ -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);
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.version = void 0;
4
- exports.version = '14.1.10';
4
+ exports.version = '15.0.1';
@@ -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
- fontWeight: "--cnvs-sys-font-weight-bold";
138
- height: string;
139
- paddingInline: "--cnvs-sys-space-x8";
140
- minWidth: string;
141
- fontFamily: "--cnvs-sys-font-family-default";
142
- lineHeight: "--cnvs-sys-line-height-body-small";
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
- fontWeight: "--cnvs-sys-font-weight-bold";
148
- minWidth: string;
149
- paddingInline: "--cnvs-sys-space-x6";
150
- height: "--cnvs-sys-space-x10";
151
- fontFamily: "--cnvs-sys-font-family-default";
152
- lineHeight: "--cnvs-sys-line-height-subtext-large";
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
- fontWeight: "--cnvs-sys-font-weight-bold";
158
- height: "--cnvs-sys-space-x8";
159
- minWidth: "--cnvs-sys-space-x20";
160
- paddingInline: "--cnvs-sys-space-x4";
161
- gap: "--cnvs-sys-space-x1";
162
- fontFamily: "--cnvs-sys-font-family-default";
163
- lineHeight: "--cnvs-sys-line-height-subtext-large";
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
- fontWeight: "--cnvs-sys-font-weight-bold";
169
- height: "--cnvs-sys-space-x6";
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: "--cnvs-sys-space-zero";
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":"AACA,OAAO,EAAa,eAAe,EAAgB,MAAM,kCAAkC,CAAC;AAK5F,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"}
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"}