@workday/canvas-kit-react 16.0.0-alpha.0499-next.0 → 16.0.0-alpha.0500-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.
Files changed (51) hide show
  1. package/common/lib/CanvasProvider.tsx +156 -324
  2. package/common/lib/theming/README.md +49 -6
  3. package/common/lib/theming/brandScope.ts +566 -0
  4. package/common/lib/theming/index.ts +1 -0
  5. package/common/lib/theming/sanaTheme.ts +133 -0
  6. package/common/lib/theming/types.ts +292 -0
  7. package/dist/commonjs/common/lib/CanvasProvider.d.ts +296 -5
  8. package/dist/commonjs/common/lib/CanvasProvider.d.ts.map +1 -1
  9. package/dist/commonjs/common/lib/CanvasProvider.js +105 -287
  10. package/dist/commonjs/common/lib/theming/brandScope.d.ts +64 -0
  11. package/dist/commonjs/common/lib/theming/brandScope.d.ts.map +1 -0
  12. package/dist/commonjs/common/lib/theming/brandScope.js +499 -0
  13. package/dist/commonjs/common/lib/theming/index.d.ts +1 -0
  14. package/dist/commonjs/common/lib/theming/index.d.ts.map +1 -1
  15. package/dist/commonjs/common/lib/theming/index.js +1 -0
  16. package/dist/commonjs/common/lib/theming/sanaTheme.d.ts +33 -0
  17. package/dist/commonjs/common/lib/theming/sanaTheme.d.ts.map +1 -0
  18. package/dist/commonjs/common/lib/theming/sanaTheme.js +130 -0
  19. package/dist/commonjs/common/lib/theming/types.d.ts +162 -0
  20. package/dist/commonjs/common/lib/theming/types.d.ts.map +1 -1
  21. package/dist/commonjs/common/lib/theming/types.js +81 -1
  22. package/dist/commonjs/pill/lib/Pill.d.ts +2 -2
  23. package/dist/commonjs/popup/lib/hooks/usePopupStack.d.ts.map +1 -1
  24. package/dist/commonjs/popup/lib/hooks/usePopupStack.js +18 -16
  25. package/dist/commonjs/testing/lib/StaticStates.d.ts +2 -2
  26. package/dist/commonjs/testing/lib/StaticStates.d.ts.map +1 -1
  27. package/dist/commonjs/testing/lib/StaticStates.js +5 -2
  28. package/dist/es6/common/lib/CanvasProvider.d.ts +296 -5
  29. package/dist/es6/common/lib/CanvasProvider.d.ts.map +1 -1
  30. package/dist/es6/common/lib/CanvasProvider.js +82 -288
  31. package/dist/es6/common/lib/theming/brandScope.d.ts +64 -0
  32. package/dist/es6/common/lib/theming/brandScope.d.ts.map +1 -0
  33. package/dist/es6/common/lib/theming/brandScope.js +483 -0
  34. package/dist/es6/common/lib/theming/index.d.ts +1 -0
  35. package/dist/es6/common/lib/theming/index.d.ts.map +1 -1
  36. package/dist/es6/common/lib/theming/index.js +1 -0
  37. package/dist/es6/common/lib/theming/sanaTheme.d.ts +33 -0
  38. package/dist/es6/common/lib/theming/sanaTheme.d.ts.map +1 -0
  39. package/dist/es6/common/lib/theming/sanaTheme.js +127 -0
  40. package/dist/es6/common/lib/theming/types.d.ts +162 -0
  41. package/dist/es6/common/lib/theming/types.d.ts.map +1 -1
  42. package/dist/es6/common/lib/theming/types.js +78 -0
  43. package/dist/es6/pill/lib/Pill.d.ts +2 -2
  44. package/dist/es6/popup/lib/hooks/usePopupStack.d.ts.map +1 -1
  45. package/dist/es6/popup/lib/hooks/usePopupStack.js +13 -11
  46. package/dist/es6/testing/lib/StaticStates.d.ts +2 -2
  47. package/dist/es6/testing/lib/StaticStates.d.ts.map +1 -1
  48. package/dist/es6/testing/lib/StaticStates.js +6 -3
  49. package/package.json +4 -4
  50. package/popup/lib/hooks/usePopupStack.ts +13 -11
  51. package/testing/lib/StaticStates.tsx +11 -9
@@ -1,19 +1,310 @@
1
1
  import * as React from 'react';
2
- import { PartialEmotionCanvasTheme } from './theming';
2
+ import { CanvasProviderTheme, CanvasThemingScope, EmotionCanvasTheme } from './theming';
3
+ /**
4
+ * Context for providing brand CSS variables to popup containers.
5
+ * This carries the resolved CSS variable style map from CanvasProvider
6
+ * to usePopupStack for proper popup theming, regardless of whether
7
+ * a numerical or legacy theme is used.
8
+ */
9
+ export declare const CanvasBrandStyleContext: React.Context<React.CSSProperties>;
3
10
  export interface CanvasProviderProps {
4
11
  /**
5
12
  * ⚠️ Only use this prop if you intent to to theme a part of your application that is different from global theming.
6
- * For more information, view our [Theming Docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs#global-vs-scoped-theming).
13
+ * For more information, view our [Theming Docs](https://workday.github.io/canvas-kit/?path=/docs/features-theming-overview--docs#scoped-theming).
7
14
  *
8
15
  * While we support theme overrides, we advise to use global theming via CSS Variables.
9
16
  */
10
- theme?: PartialEmotionCanvasTheme;
17
+ theme?: CanvasProviderTheme;
18
+ /**
19
+ * How partial theme input expands. Default `'brand'`.
20
+ *
21
+ * **Numerical `brand` shape:** `'brand'` applies the `primary['600']` shortcut
22
+ * (PrimaryButton + selected states). `'full'` writes each ramp key literally with
23
+ * no shortcuts. Other `brand.*` keys always map 1:1 to CSS variables.
24
+ *
25
+ * **Legacy `canvas.palette` shape:** `'brand'` = primary.main shortcut only.
26
+ * `'full'` = auto-generated ramps + broad `system.color.brand.*` forwarding.
27
+ *
28
+ * @default 'brand'
29
+ */
30
+ themeScope?: CanvasThemingScope;
11
31
  }
12
32
  /**
13
33
  * If you wish to reset the theme to the default, apply this class on the CanvasProvider.
14
34
  */
15
35
  export declare const defaultBranding: string;
16
- export declare const useCanvasThemeToCssVars: (theme: PartialEmotionCanvasTheme | undefined, elemProps: React.HTMLAttributes<HTMLElement>) => {
36
+ /** Pure function — safe to call outside React hooks (e.g. usePopupStack). */
37
+ export declare function canvasThemeToCssVars(theme: CanvasProviderTheme | undefined, elemProps: React.HTMLAttributes<HTMLElement>, options?: {
38
+ themeScope?: CanvasThemingScope;
39
+ filledSemanticTheme?: EmotionCanvasTheme;
40
+ }): {
41
+ className: string;
42
+ style: React.CSSProperties;
43
+ defaultChecked?: boolean | undefined;
44
+ defaultValue?: string | number | readonly string[] | undefined;
45
+ suppressContentEditableWarning?: boolean | undefined;
46
+ suppressHydrationWarning?: boolean | undefined;
47
+ accessKey?: string | undefined;
48
+ autoFocus?: boolean | undefined;
49
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
50
+ contextMenu?: string | undefined;
51
+ dir?: string | undefined;
52
+ draggable?: (boolean | "false" | "true") | undefined;
53
+ hidden?: boolean | undefined;
54
+ id?: string | undefined;
55
+ lang?: string | undefined;
56
+ nonce?: string | undefined;
57
+ slot?: string | undefined;
58
+ spellCheck?: (boolean | "false" | "true") | undefined;
59
+ tabIndex?: number | undefined;
60
+ title?: string | undefined;
61
+ translate?: "no" | "yes" | undefined;
62
+ radioGroup?: string | undefined;
63
+ role?: React.AriaRole | undefined;
64
+ about?: string | undefined;
65
+ content?: string | undefined;
66
+ datatype?: string | undefined;
67
+ inlist?: any;
68
+ prefix?: string | undefined;
69
+ property?: string | undefined;
70
+ rel?: string | undefined;
71
+ resource?: string | undefined;
72
+ rev?: string | undefined;
73
+ typeof?: string | undefined;
74
+ vocab?: string | undefined;
75
+ autoCapitalize?: string | undefined;
76
+ autoCorrect?: string | undefined;
77
+ autoSave?: string | undefined;
78
+ color?: string | undefined;
79
+ itemProp?: string | undefined;
80
+ itemScope?: boolean | undefined;
81
+ itemType?: string | undefined;
82
+ itemID?: string | undefined;
83
+ itemRef?: string | undefined;
84
+ results?: number | undefined;
85
+ security?: string | undefined;
86
+ unselectable?: "on" | "off" | undefined;
87
+ inputMode?: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
88
+ is?: string | undefined;
89
+ "aria-activedescendant"?: string | undefined;
90
+ "aria-atomic"?: (boolean | "false" | "true") | undefined;
91
+ "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
92
+ "aria-braillelabel"?: string | undefined;
93
+ "aria-brailleroledescription"?: string | undefined;
94
+ "aria-busy"?: (boolean | "false" | "true") | undefined;
95
+ "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
96
+ "aria-colcount"?: number | undefined;
97
+ "aria-colindex"?: number | undefined;
98
+ "aria-colindextext"?: string | undefined;
99
+ "aria-colspan"?: number | undefined;
100
+ "aria-controls"?: string | undefined;
101
+ "aria-current"?: boolean | "time" | "page" | "false" | "true" | "date" | "step" | "location" | undefined;
102
+ "aria-describedby"?: string | undefined;
103
+ "aria-description"?: string | undefined;
104
+ "aria-details"?: string | undefined;
105
+ "aria-disabled"?: (boolean | "false" | "true") | undefined;
106
+ "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
107
+ "aria-errormessage"?: string | undefined;
108
+ "aria-expanded"?: (boolean | "false" | "true") | undefined;
109
+ "aria-flowto"?: string | undefined;
110
+ "aria-grabbed"?: (boolean | "false" | "true") | undefined;
111
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
112
+ "aria-hidden"?: (boolean | "false" | "true") | undefined;
113
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
114
+ "aria-keyshortcuts"?: string | undefined;
115
+ "aria-label"?: string | undefined;
116
+ "aria-labelledby"?: string | undefined;
117
+ "aria-level"?: number | undefined;
118
+ "aria-live"?: "off" | "polite" | "assertive" | undefined;
119
+ "aria-modal"?: (boolean | "false" | "true") | undefined;
120
+ "aria-multiline"?: (boolean | "false" | "true") | undefined;
121
+ "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
122
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
123
+ "aria-owns"?: string | undefined;
124
+ "aria-placeholder"?: string | undefined;
125
+ "aria-posinset"?: number | undefined;
126
+ "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
127
+ "aria-readonly"?: (boolean | "false" | "true") | undefined;
128
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
129
+ "aria-required"?: (boolean | "false" | "true") | undefined;
130
+ "aria-roledescription"?: string | undefined;
131
+ "aria-rowcount"?: number | undefined;
132
+ "aria-rowindex"?: number | undefined;
133
+ "aria-rowindextext"?: string | undefined;
134
+ "aria-rowspan"?: number | undefined;
135
+ "aria-selected"?: (boolean | "false" | "true") | undefined;
136
+ "aria-setsize"?: number | undefined;
137
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
138
+ "aria-valuemax"?: number | undefined;
139
+ "aria-valuemin"?: number | undefined;
140
+ "aria-valuenow"?: number | undefined;
141
+ "aria-valuetext"?: string | undefined;
142
+ children?: React.ReactNode;
143
+ dangerouslySetInnerHTML?: {
144
+ __html: string | TrustedHTML;
145
+ } | undefined;
146
+ onCopy?: React.ClipboardEventHandler<HTMLElement> | undefined;
147
+ onCopyCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
148
+ onCut?: React.ClipboardEventHandler<HTMLElement> | undefined;
149
+ onCutCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
150
+ onPaste?: React.ClipboardEventHandler<HTMLElement> | undefined;
151
+ onPasteCapture?: React.ClipboardEventHandler<HTMLElement> | undefined;
152
+ onCompositionEnd?: React.CompositionEventHandler<HTMLElement> | undefined;
153
+ onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
154
+ onCompositionStart?: React.CompositionEventHandler<HTMLElement> | undefined;
155
+ onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
156
+ onCompositionUpdate?: React.CompositionEventHandler<HTMLElement> | undefined;
157
+ onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement> | undefined;
158
+ onFocus?: React.FocusEventHandler<HTMLElement> | undefined;
159
+ onFocusCapture?: React.FocusEventHandler<HTMLElement> | undefined;
160
+ onBlur?: React.FocusEventHandler<HTMLElement> | undefined;
161
+ onBlurCapture?: React.FocusEventHandler<HTMLElement> | undefined;
162
+ onChange?: React.FormEventHandler<HTMLElement> | undefined;
163
+ onChangeCapture?: React.FormEventHandler<HTMLElement> | undefined;
164
+ onBeforeInput?: React.FormEventHandler<HTMLElement> | undefined;
165
+ onBeforeInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
166
+ onInput?: React.FormEventHandler<HTMLElement> | undefined;
167
+ onInputCapture?: React.FormEventHandler<HTMLElement> | undefined;
168
+ onReset?: React.FormEventHandler<HTMLElement> | undefined;
169
+ onResetCapture?: React.FormEventHandler<HTMLElement> | undefined;
170
+ onSubmit?: React.FormEventHandler<HTMLElement> | undefined;
171
+ onSubmitCapture?: React.FormEventHandler<HTMLElement> | undefined;
172
+ onInvalid?: React.FormEventHandler<HTMLElement> | undefined;
173
+ onInvalidCapture?: React.FormEventHandler<HTMLElement> | undefined;
174
+ onLoad?: React.ReactEventHandler<HTMLElement> | undefined;
175
+ onLoadCapture?: React.ReactEventHandler<HTMLElement> | undefined;
176
+ onError?: React.ReactEventHandler<HTMLElement> | undefined;
177
+ onErrorCapture?: React.ReactEventHandler<HTMLElement> | undefined;
178
+ onKeyDown?: React.KeyboardEventHandler<HTMLElement> | undefined;
179
+ onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
180
+ onKeyPress?: React.KeyboardEventHandler<HTMLElement> | undefined;
181
+ onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
182
+ onKeyUp?: React.KeyboardEventHandler<HTMLElement> | undefined;
183
+ onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement> | undefined;
184
+ onAbort?: React.ReactEventHandler<HTMLElement> | undefined;
185
+ onAbortCapture?: React.ReactEventHandler<HTMLElement> | undefined;
186
+ onCanPlay?: React.ReactEventHandler<HTMLElement> | undefined;
187
+ onCanPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
188
+ onCanPlayThrough?: React.ReactEventHandler<HTMLElement> | undefined;
189
+ onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement> | undefined;
190
+ onDurationChange?: React.ReactEventHandler<HTMLElement> | undefined;
191
+ onDurationChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
192
+ onEmptied?: React.ReactEventHandler<HTMLElement> | undefined;
193
+ onEmptiedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
194
+ onEncrypted?: React.ReactEventHandler<HTMLElement> | undefined;
195
+ onEncryptedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
196
+ onEnded?: React.ReactEventHandler<HTMLElement> | undefined;
197
+ onEndedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
198
+ onLoadedData?: React.ReactEventHandler<HTMLElement> | undefined;
199
+ onLoadedDataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
200
+ onLoadedMetadata?: React.ReactEventHandler<HTMLElement> | undefined;
201
+ onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement> | undefined;
202
+ onLoadStart?: React.ReactEventHandler<HTMLElement> | undefined;
203
+ onLoadStartCapture?: React.ReactEventHandler<HTMLElement> | undefined;
204
+ onPause?: React.ReactEventHandler<HTMLElement> | undefined;
205
+ onPauseCapture?: React.ReactEventHandler<HTMLElement> | undefined;
206
+ onPlay?: React.ReactEventHandler<HTMLElement> | undefined;
207
+ onPlayCapture?: React.ReactEventHandler<HTMLElement> | undefined;
208
+ onPlaying?: React.ReactEventHandler<HTMLElement> | undefined;
209
+ onPlayingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
210
+ onProgress?: React.ReactEventHandler<HTMLElement> | undefined;
211
+ onProgressCapture?: React.ReactEventHandler<HTMLElement> | undefined;
212
+ onRateChange?: React.ReactEventHandler<HTMLElement> | undefined;
213
+ onRateChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
214
+ onResize?: React.ReactEventHandler<HTMLElement> | undefined;
215
+ onResizeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
216
+ onSeeked?: React.ReactEventHandler<HTMLElement> | undefined;
217
+ onSeekedCapture?: React.ReactEventHandler<HTMLElement> | undefined;
218
+ onSeeking?: React.ReactEventHandler<HTMLElement> | undefined;
219
+ onSeekingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
220
+ onStalled?: React.ReactEventHandler<HTMLElement> | undefined;
221
+ onStalledCapture?: React.ReactEventHandler<HTMLElement> | undefined;
222
+ onSuspend?: React.ReactEventHandler<HTMLElement> | undefined;
223
+ onSuspendCapture?: React.ReactEventHandler<HTMLElement> | undefined;
224
+ onTimeUpdate?: React.ReactEventHandler<HTMLElement> | undefined;
225
+ onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement> | undefined;
226
+ onVolumeChange?: React.ReactEventHandler<HTMLElement> | undefined;
227
+ onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement> | undefined;
228
+ onWaiting?: React.ReactEventHandler<HTMLElement> | undefined;
229
+ onWaitingCapture?: React.ReactEventHandler<HTMLElement> | undefined;
230
+ onAuxClick?: React.MouseEventHandler<HTMLElement> | undefined;
231
+ onAuxClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
232
+ onClick?: React.MouseEventHandler<HTMLElement> | undefined;
233
+ onClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
234
+ onContextMenu?: React.MouseEventHandler<HTMLElement> | undefined;
235
+ onContextMenuCapture?: React.MouseEventHandler<HTMLElement> | undefined;
236
+ onDoubleClick?: React.MouseEventHandler<HTMLElement> | undefined;
237
+ onDoubleClickCapture?: React.MouseEventHandler<HTMLElement> | undefined;
238
+ onDrag?: React.DragEventHandler<HTMLElement> | undefined;
239
+ onDragCapture?: React.DragEventHandler<HTMLElement> | undefined;
240
+ onDragEnd?: React.DragEventHandler<HTMLElement> | undefined;
241
+ onDragEndCapture?: React.DragEventHandler<HTMLElement> | undefined;
242
+ onDragEnter?: React.DragEventHandler<HTMLElement> | undefined;
243
+ onDragEnterCapture?: React.DragEventHandler<HTMLElement> | undefined;
244
+ onDragExit?: React.DragEventHandler<HTMLElement> | undefined;
245
+ onDragExitCapture?: React.DragEventHandler<HTMLElement> | undefined;
246
+ onDragLeave?: React.DragEventHandler<HTMLElement> | undefined;
247
+ onDragLeaveCapture?: React.DragEventHandler<HTMLElement> | undefined;
248
+ onDragOver?: React.DragEventHandler<HTMLElement> | undefined;
249
+ onDragOverCapture?: React.DragEventHandler<HTMLElement> | undefined;
250
+ onDragStart?: React.DragEventHandler<HTMLElement> | undefined;
251
+ onDragStartCapture?: React.DragEventHandler<HTMLElement> | undefined;
252
+ onDrop?: React.DragEventHandler<HTMLElement> | undefined;
253
+ onDropCapture?: React.DragEventHandler<HTMLElement> | undefined;
254
+ onMouseDown?: React.MouseEventHandler<HTMLElement> | undefined;
255
+ onMouseDownCapture?: React.MouseEventHandler<HTMLElement> | undefined;
256
+ onMouseEnter?: React.MouseEventHandler<HTMLElement> | undefined;
257
+ onMouseLeave?: React.MouseEventHandler<HTMLElement> | undefined;
258
+ onMouseMove?: React.MouseEventHandler<HTMLElement> | undefined;
259
+ onMouseMoveCapture?: React.MouseEventHandler<HTMLElement> | undefined;
260
+ onMouseOut?: React.MouseEventHandler<HTMLElement> | undefined;
261
+ onMouseOutCapture?: React.MouseEventHandler<HTMLElement> | undefined;
262
+ onMouseOver?: React.MouseEventHandler<HTMLElement> | undefined;
263
+ onMouseOverCapture?: React.MouseEventHandler<HTMLElement> | undefined;
264
+ onMouseUp?: React.MouseEventHandler<HTMLElement> | undefined;
265
+ onMouseUpCapture?: React.MouseEventHandler<HTMLElement> | undefined;
266
+ onSelect?: React.ReactEventHandler<HTMLElement> | undefined;
267
+ onSelectCapture?: React.ReactEventHandler<HTMLElement> | undefined;
268
+ onTouchCancel?: React.TouchEventHandler<HTMLElement> | undefined;
269
+ onTouchCancelCapture?: React.TouchEventHandler<HTMLElement> | undefined;
270
+ onTouchEnd?: React.TouchEventHandler<HTMLElement> | undefined;
271
+ onTouchEndCapture?: React.TouchEventHandler<HTMLElement> | undefined;
272
+ onTouchMove?: React.TouchEventHandler<HTMLElement> | undefined;
273
+ onTouchMoveCapture?: React.TouchEventHandler<HTMLElement> | undefined;
274
+ onTouchStart?: React.TouchEventHandler<HTMLElement> | undefined;
275
+ onTouchStartCapture?: React.TouchEventHandler<HTMLElement> | undefined;
276
+ onPointerDown?: React.PointerEventHandler<HTMLElement> | undefined;
277
+ onPointerDownCapture?: React.PointerEventHandler<HTMLElement> | undefined;
278
+ onPointerMove?: React.PointerEventHandler<HTMLElement> | undefined;
279
+ onPointerMoveCapture?: React.PointerEventHandler<HTMLElement> | undefined;
280
+ onPointerUp?: React.PointerEventHandler<HTMLElement> | undefined;
281
+ onPointerUpCapture?: React.PointerEventHandler<HTMLElement> | undefined;
282
+ onPointerCancel?: React.PointerEventHandler<HTMLElement> | undefined;
283
+ onPointerCancelCapture?: React.PointerEventHandler<HTMLElement> | undefined;
284
+ onPointerEnter?: React.PointerEventHandler<HTMLElement> | undefined;
285
+ onPointerLeave?: React.PointerEventHandler<HTMLElement> | undefined;
286
+ onPointerOver?: React.PointerEventHandler<HTMLElement> | undefined;
287
+ onPointerOverCapture?: React.PointerEventHandler<HTMLElement> | undefined;
288
+ onPointerOut?: React.PointerEventHandler<HTMLElement> | undefined;
289
+ onPointerOutCapture?: React.PointerEventHandler<HTMLElement> | undefined;
290
+ onGotPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
291
+ onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
292
+ onLostPointerCapture?: React.PointerEventHandler<HTMLElement> | undefined;
293
+ onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
294
+ onScroll?: React.UIEventHandler<HTMLElement> | undefined;
295
+ onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
296
+ onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
297
+ onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
298
+ onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;
299
+ onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
300
+ onAnimationEnd?: React.AnimationEventHandler<HTMLElement> | undefined;
301
+ onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
302
+ onAnimationIteration?: React.AnimationEventHandler<HTMLElement> | undefined;
303
+ onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
304
+ onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
305
+ onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
306
+ };
307
+ export declare const useCanvasThemeToCssVars: (theme: CanvasProviderTheme | undefined, elemProps: React.HTMLAttributes<HTMLElement>, themeScope?: CanvasThemingScope) => {
17
308
  className: string;
18
309
  style: React.CSSProperties;
19
310
  defaultChecked?: boolean | undefined;
@@ -280,5 +571,5 @@ export declare const useCanvasThemeToCssVars: (theme: PartialEmotionCanvasTheme
280
571
  onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
281
572
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
282
573
  };
283
- export declare const CanvasProvider: ({ children, theme, ...props }: CanvasProviderProps & React.HTMLAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
574
+ export declare const CanvasProvider: ({ children, theme, themeScope, ...props }: CanvasProviderProps & React.HTMLAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
284
575
  //# sourceMappingURL=CanvasProvider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CanvasProvider.d.ts","sourceRoot":"","sources":["../../../../common/lib/CanvasProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,yBAAyB,EAA+B,MAAM,WAAW,CAAC;AAElF,MAAM,WAAW,mBAAmB;IAClC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,yBAAyB,CAAC;CACnC;AAkGD;;GAEG;AACH,eAAO,MAAM,eAAe,QAqF1B,CAAC;AAEH,eAAO,MAAM,uBAAuB,UAI3B,yBAAyB,GAAG,SAAS,aACjC,MAAM,cAAc,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiN7C,CAAC;AAEF,eAAO,MAAM,cAAc,kCAIxB,mBAAmB,GAAG,MAAM,cAAc,CAAC,WAAW,CAAC,4CAgBzD,CAAC"}
1
+ {"version":3,"file":"CanvasProvider.d.ts","sourceRoot":"","sources":["../../../../common/lib/CanvasProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAOnB,MAAM,WAAW,CAAC;AASnB;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,oCAA+C,CAAC;AAEpF,MAAM,WAAW,mBAAmB;IAClC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,QA+E1B,CAAC;AAEH,6EAA6E;AAC7E,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,mBAAmB,GAAG,SAAS,EACtC,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAC5C,OAAO,CAAC,EAAE;IACR,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;CAC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBF;AAED,eAAO,MAAM,uBAAuB,UAI3B,mBAAmB,GAAG,SAAS,aAC3B,MAAM,cAAc,CAAC,WAAW,CAAC,eAC/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYhC,CAAC;AAEF,eAAO,MAAM,cAAc,8CAKxB,mBAAmB,GAAG,MAAM,cAAc,CAAC,WAAW,CAAC,4CA2EzD,CAAC"}