@webority/ui-react 0.121.0 → 0.122.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 (61) hide show
  1. package/dist/canvas-kit/kit.css +2 -0
  2. package/dist/canvas-kit/kit.js +15636 -15282
  3. package/dist/canvas-kit/manifest.json +126 -2
  4. package/dist/canvas-kit/release.json +8 -8
  5. package/dist/components/AppAutocomplete.js +1 -1
  6. package/dist/components/AppChart.js +1 -1
  7. package/dist/components/AppColorField.js +1 -1
  8. package/dist/components/AppConfirmDialog.js +1 -1
  9. package/dist/components/AppConfirmProvider.js +1 -0
  10. package/dist/components/AppCountryFlag.js +1 -1
  11. package/dist/components/AppCountrySelect.js +1 -1
  12. package/dist/components/AppDataTable.js +1 -1
  13. package/dist/components/AppDatePicker.js +1 -1
  14. package/dist/components/AppDateRangePicker.js +1 -1
  15. package/dist/components/AppDrawer.js +1 -1
  16. package/dist/components/AppFilePicker.js +1 -1
  17. package/dist/components/AppImagePicker.js +1 -1
  18. package/dist/components/AppLink.js +1 -1
  19. package/dist/components/AppModal.js +1 -1
  20. package/dist/components/AppMultiSelect.js +1 -1
  21. package/dist/components/AppNumberInput.js +1 -1
  22. package/dist/components/AppOtpInput.js +1 -1
  23. package/dist/components/AppPhoneNumberInput.js +1 -1
  24. package/dist/components/AppRadioGroup.js +1 -1
  25. package/dist/components/AppRepeater.js +1 -1
  26. package/dist/components/AppSelect.js +1 -1
  27. package/dist/components/AppSlider.js +1 -1
  28. package/dist/components/AppTagInput.js +1 -1
  29. package/dist/components/AppTimePicker.js +1 -1
  30. package/dist/components/iconGlyphs.g.js +1 -1
  31. package/dist/components/iconVariants.g.js +1 -1
  32. package/dist/guidance.json +1 -1
  33. package/dist/lib/flagStyles.js +1 -0
  34. package/dist/lib/pageScrollLock.js +1 -0
  35. package/dist/types/components/AppAutocomplete.d.ts +5 -0
  36. package/dist/types/components/AppChart.d.ts +2 -0
  37. package/dist/types/components/AppColorField.d.ts +6 -0
  38. package/dist/types/components/AppConfirmDialog.d.ts +3 -0
  39. package/dist/types/components/AppConfirmProvider.d.ts +27 -0
  40. package/dist/types/components/AppCountrySelect.d.ts +5 -0
  41. package/dist/types/components/AppDatePicker.d.ts +5 -0
  42. package/dist/types/components/AppDateRangePicker.d.ts +5 -0
  43. package/dist/types/components/AppFilePicker.d.ts +6 -0
  44. package/dist/types/components/AppImagePicker.d.ts +6 -0
  45. package/dist/types/components/AppMultiSelect.d.ts +5 -0
  46. package/dist/types/components/AppNumberInput.d.ts +5 -0
  47. package/dist/types/components/AppOtpInput.d.ts +5 -0
  48. package/dist/types/components/AppPhoneNumberInput.d.ts +5 -0
  49. package/dist/types/components/AppRadioGroup.d.ts +6 -0
  50. package/dist/types/components/AppRepeater.d.ts +2 -2
  51. package/dist/types/components/AppSelect.d.ts +5 -0
  52. package/dist/types/components/AppSlider.d.ts +5 -0
  53. package/dist/types/components/AppTagInput.d.ts +5 -0
  54. package/dist/types/components/AppTimePicker.d.ts +5 -0
  55. package/dist/types/components/iconGlyphs.g.d.ts +3 -0
  56. package/dist/types/components/iconVariants.g.d.ts +15 -0
  57. package/dist/types/index.d.ts +1 -0
  58. package/dist/types/lib/flagStyles.d.ts +2 -0
  59. package/dist/types/lib/pageScrollLock.d.ts +1 -0
  60. package/dist/ui-react.js +1 -1
  61. package/package.json +6 -6
@@ -2,7 +2,7 @@
2
2
  "format": "webority-guidance/1",
3
3
  "package": {
4
4
  "name": "@webority/ui-react",
5
- "version": "0.121.0"
5
+ "version": "0.122.0"
6
6
  },
7
7
  "components": [
8
8
  {
@@ -0,0 +1 @@
1
+ import{devWarn as e}from"./devWarn.js";var t=null;function n(){return t??=import(`@webority/theme/css/flags`).catch(n=>{t=null,e(`[@webority/ui-react] the country flags failed to load:`,n?.message)}),t}export{n as loadFlagStyles};
@@ -0,0 +1 @@
1
+ var e=0,t=null;function n(){if(typeof window>`u`)return()=>{};let{body:n,documentElement:r}=document;e===0&&(t={y:window.scrollY,position:n.style.position,top:n.style.top,width:n.style.width,htmlOverflow:r.style.overflow},n.style.position=`fixed`,n.style.top=`-${t.y}px`,n.style.width=`100%`,r.style.overflow=`hidden`,r.setAttribute(`data-wui-scroll-locked`,``)),e+=1;let i=!1;return()=>{i||(i=!0,--e,!(e>0)&&(n.style.position=t.position,n.style.top=t.top,n.style.width=t.width,r.style.overflow=t.htmlOverflow,r.removeAttribute(`data-wui-scroll-locked`),window.scrollTo({top:t.y,left:0,behavior:`instant`}),t=null))}}export{n as lockPageScroll};
@@ -56,6 +56,11 @@ declare const AppAutocomplete: import("react").ForwardRefExoticComponent<{
56
56
  * @default false
57
57
  */
58
58
  required?: boolean;
59
+ /**
60
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
61
+ * @default false
62
+ */
63
+ optional?: boolean;
59
64
  /** Help content shown in an info tip beside the label. */
60
65
  help?: import('react').ReactNode;
61
66
  /**
@@ -62,6 +62,8 @@ declare const AppChart: import("react").ForwardRefExoticComponent<{
62
62
  value: number;
63
63
  label: string;
64
64
  };
65
+ /** Caption under the total in the centre of a donut. Default Total. Donut only. */
66
+ centerLabel?: string;
65
67
  /**
66
68
  * In px, the axis labels included. A value that is not above 0 draws at the default.
67
69
  * @default 320
@@ -14,6 +14,7 @@
14
14
  * @param {(hex: string) => void} props.onChange
15
15
  * @param {import('react').ReactNode} [props.label]
16
16
  * @param {boolean} [props.required]
17
+ * @param {boolean} [props.optional] Ends the label with "(optional)". Required wins when both are set.
17
18
  * @param {string} [props.error]
18
19
  * @param {string} [props.hint]
19
20
  * @param {string} [props.name]
@@ -37,6 +38,11 @@ export default function AppColorField(props: {
37
38
  * @default false
38
39
  */
39
40
  required?: boolean;
41
+ /**
42
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
43
+ * @default false
44
+ */
45
+ optional?: boolean;
40
46
  /** Error message shown under the field. */
41
47
  error?: string;
42
48
  /** Helper text shown under the field. */
@@ -12,6 +12,7 @@
12
12
  * @param {boolean} [props.danger]
13
13
  * @param {"success"|"error"|"warning"|"info"|"delete"|"primary"} [props.tone]
14
14
  * @param {string} [props.image]
15
+ * @param {string | import('react').ReactNode} [props.icon] Overrides the tone's glyph; a string is an icon name.
15
16
  * @param {number} [props.iconSize]
16
17
  * @param {string} [props.confirmPhrase]
17
18
  * @param {() => void} props.onConfirm Runs when Confirm is pressed.
@@ -54,6 +55,8 @@ export default function AppConfirmDialog(props: {
54
55
  tone?: "success" | "error" | "warning" | "info" | "delete" | "primary";
55
56
  /** URL of a custom illustration that replaces the tone artwork. Any source size is fine: the theme boxes it to the same footprint. It is decorative, so the title and message carry the meaning. */
56
57
  image?: string;
58
+ /** Replaces the tone's glyph. A string is an icon name; a node is drawn as given. An image still wins over it. */
59
+ icon?: string | import('react').ReactNode;
57
60
  /** Width and height of the illustration in px, for the tone artwork and a custom image alike. Unset, it is 120px with a message and 84px without. */
58
61
  iconSize?: number;
59
62
  /** Exact text the user must type before Confirm unlocks, such as a workspace name. */
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Mount once near the root. A descendant calls `useConfirm()` and awaits the result:
3
+ * `const confirm = useConfirm(); if (!(await confirm({ title: "Delete?", danger: true }))) return;`
4
+ * The promise resolves true on confirm, and false on Cancel, Escape, the backdrop or unmount.
5
+ *
6
+ * @param {{ children: import('react').ReactNode }} props
7
+ */
8
+ export default function AppConfirmProvider(props: {
9
+ children: import('react').ReactNode;
10
+ }): import("react").JSX.Element;
11
+ /**
12
+ * @returns {(options: { title: import('react').ReactNode, message?: import('react').ReactNode,
13
+ * confirmLabel?: string, cancelLabel?: string, danger?: boolean, tone?: string,
14
+ * icon?: string | import('react').ReactNode, confirmPhrase?: string,
15
+ * onRun?: () => Promise<void> }) => Promise<boolean>}
16
+ */
17
+ export declare function useConfirm(): (options: {
18
+ title: import('react').ReactNode;
19
+ message?: import('react').ReactNode;
20
+ confirmLabel?: string;
21
+ cancelLabel?: string;
22
+ danger?: boolean;
23
+ tone?: string;
24
+ icon?: string | import('react').ReactNode;
25
+ confirmPhrase?: string;
26
+ onRun?: () => Promise<void>;
27
+ }) => Promise<boolean>;
@@ -56,6 +56,11 @@ declare const AppCountrySelect: import("react").ForwardRefExoticComponent<{
56
56
  * @default false
57
57
  */
58
58
  required?: boolean;
59
+ /**
60
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
61
+ * @default false
62
+ */
63
+ optional?: boolean;
59
64
  /** Error message shown under the field; marks the control invalid. */
60
65
  error?: string;
61
66
  /** Help text shown under the field when there is no error. */
@@ -10,6 +10,11 @@ declare const AppDatePicker: import("react").ForwardRefExoticComponent<{
10
10
  * @default false
11
11
  */
12
12
  required?: boolean;
13
+ /**
14
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
15
+ * @default false
16
+ */
17
+ optional?: boolean;
13
18
  /** Help text shown under the control. */
14
19
  hint?: string;
15
20
  /** An error message shown under the control. */
@@ -15,6 +15,11 @@ declare const AppDateRangePicker: import("react").ForwardRefExoticComponent<{
15
15
  * @default false
16
16
  */
17
17
  required?: boolean;
18
+ /**
19
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
20
+ * @default false
21
+ */
22
+ optional?: boolean;
18
23
  /** Help text shown under the control. */
19
24
  hint?: string;
20
25
  /** An error message shown under the control. */
@@ -22,6 +22,7 @@
22
22
  * @param {string} [props.accept]
23
23
  * @param {number} [props.maxSizeMb]
24
24
  * @param {boolean} [props.required]
25
+ * @param {boolean} [props.optional] Ends the label with "(optional)". Required wins when both are set.
25
26
  * @param {string} [props.error]
26
27
  * @param {string} [props.hint]
27
28
  * @param {boolean} [props.loading]
@@ -71,6 +72,11 @@ export default function AppFilePicker(props: {
71
72
  maxSizeMb?: number;
72
73
  /** Marks the field as required in its label. */
73
74
  required?: boolean;
75
+ /**
76
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
77
+ * @default false
78
+ */
79
+ optional?: boolean;
74
80
  /** A message from the page, shown below the control. */
75
81
  error?: string;
76
82
  /** Helper text below the control. An error (the page's or a rejected pick's) replaces it while it shows. */
@@ -34,6 +34,7 @@ import "@webority/ui-elements/elements/image-crop";
34
34
  * @param {string} [props.hint]
35
35
  * @param {string} [props.error]
36
36
  * @param {boolean} [props.required]
37
+ * @param {boolean} [props.optional] Ends the label with "(optional)". Required wins when both are set.
37
38
  * @param {string} [props.className] On the picker.
38
39
  * @param {string} [props.fieldClassName] On the .field wrapper.
39
40
  * @param {import('react').CSSProperties} [props.style]
@@ -134,6 +135,11 @@ export default function AppImagePicker(props: {
134
135
  * @default false
135
136
  */
136
137
  required?: boolean;
138
+ /**
139
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
140
+ * @default false
141
+ */
142
+ optional?: boolean;
137
143
  /**
138
144
  * Extra class on the picker.
139
145
  * @default ""
@@ -67,6 +67,11 @@ declare const AppMultiSelect: import("react").ForwardRefExoticComponent<{
67
67
  * @default false
68
68
  */
69
69
  required?: boolean;
70
+ /**
71
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
72
+ * @default false
73
+ */
74
+ optional?: boolean;
70
75
  /** Help content shown in an info tip beside the label. */
71
76
  help?: import('react').ReactNode;
72
77
  /**
@@ -9,6 +9,11 @@ declare const AppNumberInput: import("react").ForwardRefExoticComponent<{
9
9
  * @default false
10
10
  */
11
11
  required?: boolean;
12
+ /**
13
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
14
+ * @default false
15
+ */
16
+ optional?: boolean;
12
17
  /** An error message under the field. It sets the error state and aria-invalid on the input. */
13
18
  error?: string;
14
19
  /** Help text under the field, linked to the input for screen readers. */
@@ -21,6 +21,11 @@ declare const AppOtpInput: import("react").ForwardRefExoticComponent<{
21
21
  * @default false
22
22
  */
23
23
  required?: boolean;
24
+ /**
25
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
26
+ * @default false
27
+ */
28
+ optional?: boolean;
24
29
  /** Help text under the code. It is hidden while an error is shown. */
25
30
  hint?: string;
26
31
  /** The error message under the code. It replaces the hint and marks the field invalid. */
@@ -26,6 +26,11 @@ declare const AppPhoneNumberInput: import("react").ForwardRefExoticComponent<{
26
26
  * @default false
27
27
  */
28
28
  required?: boolean;
29
+ /**
30
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
31
+ * @default false
32
+ */
33
+ optional?: boolean;
29
34
  /** Help text under the field. The error replaces it while one is shown. */
30
35
  hint?: string;
31
36
  /** An error message under the field, which also turns the border red. */
@@ -17,6 +17,7 @@
17
17
  * @param {'default'|'card'} [props.variant]
18
18
  * @param {boolean} [props.inline]
19
19
  * @param {boolean} [props.required]
20
+ * @param {boolean} [props.optional] Ends the label with "(optional)". Required wins when both are set.
20
21
  * @param {boolean} [props.disabled]
21
22
  * @param {string} [props.error]
22
23
  * @param {string} [props.hint]
@@ -59,6 +60,11 @@ export default function AppRadioGroup(props: {
59
60
  * @default false
60
61
  */
61
62
  required?: boolean;
63
+ /**
64
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
65
+ * @default false
66
+ */
67
+ optional?: boolean;
62
68
  /**
63
69
  * Disables every option.
64
70
  * @default false
@@ -21,7 +21,7 @@
21
21
  * @param {() => void} props.onAdd
22
22
  * @param {(index: number) => void} [props.onRemove] Omit to make rows non-removable.
23
23
  * @param {string} [props.addLabel]
24
- * @param {string} [props.addVariant]
24
+ * @param {string} [props.addVariant] An AppButton variant (secondary default, primary, outline, ghost, ...), or "link": the add control is then a small AppLink with a plus icon.
25
25
  * @param {string} [props.removeLabel]
26
26
  * @param {string} [props.emptyText]
27
27
  * @param {number} [props.min]
@@ -44,7 +44,7 @@ export default function AppRepeater(props: {
44
44
  */
45
45
  addLabel?: string;
46
46
  /**
47
- * The add button's variant, such as primary, outline or ghost. An unknown value warns in development.
47
+ * The add control's variant: an AppButton variant such as primary, outline or ghost, or link for a small text link with a plus icon. An unknown value warns in development.
48
48
  * @default "secondary"
49
49
  */
50
50
  addVariant?: string;
@@ -72,6 +72,11 @@ declare const AppSelect: import("react").ForwardRefExoticComponent<{
72
72
  * @default false
73
73
  */
74
74
  required?: boolean;
75
+ /**
76
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
77
+ * @default false
78
+ */
79
+ optional?: boolean;
75
80
  /** Error message shown under the field. Marks the control invalid. */
76
81
  error?: string;
77
82
  /** Help text shown under the field when there is no error. */
@@ -37,6 +37,11 @@ declare const AppSlider: import("react").ForwardRefExoticComponent<{
37
37
  * @default false
38
38
  */
39
39
  required?: boolean;
40
+ /**
41
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
42
+ * @default false
43
+ */
44
+ optional?: boolean;
40
45
  /** Helper text under the control. */
41
46
  hint?: string;
42
47
  /** Error text under the control; sets aria-invalid. */
@@ -21,6 +21,11 @@ declare const AppTagInput: import("react").ForwardRefExoticComponent<{
21
21
  * @default false
22
22
  */
23
23
  required?: boolean;
24
+ /**
25
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
26
+ * @default false
27
+ */
28
+ optional?: boolean;
24
29
  /** Control size around the default; leave unset for the default size. */
25
30
  size?: 'sm' | 'lg';
26
31
  /** The most tags the field accepts. */
@@ -10,6 +10,11 @@ declare const AppTimePicker: import("react").ForwardRefExoticComponent<{
10
10
  * @default false
11
11
  */
12
12
  required?: boolean;
13
+ /**
14
+ * Ends the label with (optional) when the field is not required. Required wins when both are set.
15
+ * @default false
16
+ */
17
+ optional?: boolean;
13
18
  /** Help text under the field. */
14
19
  hint?: string;
15
20
  /** An error message. It replaces the hint and marks the field invalid. */
@@ -16,6 +16,7 @@ export declare const GLYPHS: {
16
16
  "arrow-up-right": string;
17
17
  "badge-check": string;
18
18
  ban: string;
19
+ bank: string;
19
20
  bell: string;
20
21
  book: string;
21
22
  "box-seam": string;
@@ -156,12 +157,14 @@ export declare const GLYPHS: {
156
157
  "profile-circle": string;
157
158
  ranking: string;
158
159
  receipt: string;
160
+ "receipt-text": string;
159
161
  refresh: string;
160
162
  "refresh-cw": string;
161
163
  repeat: string;
162
164
  robot: string;
163
165
  "rotate-ccw": string;
164
166
  "rotate-cw": string;
167
+ routing: string;
165
168
  search: string;
166
169
  "search-normal": string;
167
170
  send: string;
@@ -17,6 +17,7 @@ export declare const VARIANT_GLYPHS: {
17
17
  "arrow-up-right": string;
18
18
  "badge-check": string;
19
19
  ban: string;
20
+ bank: string;
20
21
  bell: string;
21
22
  book: string;
22
23
  "box-seam": string;
@@ -157,12 +158,14 @@ export declare const VARIANT_GLYPHS: {
157
158
  "profile-circle": string;
158
159
  ranking: string;
159
160
  receipt: string;
161
+ "receipt-text": string;
160
162
  refresh: string;
161
163
  "refresh-cw": string;
162
164
  repeat: string;
163
165
  robot: string;
164
166
  "rotate-ccw": string;
165
167
  "rotate-cw": string;
168
+ routing: string;
166
169
  search: string;
167
170
  "search-normal": string;
168
171
  send: string;
@@ -234,6 +237,7 @@ export declare const VARIANT_GLYPHS: {
234
237
  "arrow-up-right": string;
235
238
  "badge-check": string;
236
239
  ban: string;
240
+ bank: string;
237
241
  bell: string;
238
242
  book: string;
239
243
  "box-seam": string;
@@ -374,12 +378,14 @@ export declare const VARIANT_GLYPHS: {
374
378
  "profile-circle": string;
375
379
  ranking: string;
376
380
  receipt: string;
381
+ "receipt-text": string;
377
382
  refresh: string;
378
383
  "refresh-cw": string;
379
384
  repeat: string;
380
385
  robot: string;
381
386
  "rotate-ccw": string;
382
387
  "rotate-cw": string;
388
+ routing: string;
383
389
  search: string;
384
390
  "search-normal": string;
385
391
  send: string;
@@ -451,6 +457,7 @@ export declare const VARIANT_GLYPHS: {
451
457
  "arrow-up-right": string;
452
458
  "badge-check": string;
453
459
  ban: string;
460
+ bank: string;
454
461
  bell: string;
455
462
  book: string;
456
463
  "box-seam": string;
@@ -591,12 +598,14 @@ export declare const VARIANT_GLYPHS: {
591
598
  "profile-circle": string;
592
599
  ranking: string;
593
600
  receipt: string;
601
+ "receipt-text": string;
594
602
  refresh: string;
595
603
  "refresh-cw": string;
596
604
  repeat: string;
597
605
  robot: string;
598
606
  "rotate-ccw": string;
599
607
  "rotate-cw": string;
608
+ routing: string;
600
609
  search: string;
601
610
  "search-normal": string;
602
611
  send: string;
@@ -668,6 +677,7 @@ export declare const VARIANT_GLYPHS: {
668
677
  "arrow-up-right": string;
669
678
  "badge-check": string;
670
679
  ban: string;
680
+ bank: string;
671
681
  bell: string;
672
682
  book: string;
673
683
  "box-seam": string;
@@ -808,12 +818,14 @@ export declare const VARIANT_GLYPHS: {
808
818
  "profile-circle": string;
809
819
  ranking: string;
810
820
  receipt: string;
821
+ "receipt-text": string;
811
822
  refresh: string;
812
823
  "refresh-cw": string;
813
824
  repeat: string;
814
825
  robot: string;
815
826
  "rotate-ccw": string;
816
827
  "rotate-cw": string;
828
+ routing: string;
817
829
  search: string;
818
830
  "search-normal": string;
819
831
  send: string;
@@ -885,6 +897,7 @@ export declare const VARIANT_GLYPHS: {
885
897
  "arrow-up-right": string;
886
898
  "badge-check": string;
887
899
  ban: string;
900
+ bank: string;
888
901
  bell: string;
889
902
  book: string;
890
903
  "box-seam": string;
@@ -1025,12 +1038,14 @@ export declare const VARIANT_GLYPHS: {
1025
1038
  "profile-circle": string;
1026
1039
  ranking: string;
1027
1040
  receipt: string;
1041
+ "receipt-text": string;
1028
1042
  refresh: string;
1029
1043
  "refresh-cw": string;
1030
1044
  repeat: string;
1031
1045
  robot: string;
1032
1046
  "rotate-ccw": string;
1033
1047
  "rotate-cw": string;
1048
+ routing: string;
1034
1049
  search: string;
1035
1050
  "search-normal": string;
1036
1051
  send: string;
@@ -30,6 +30,7 @@ export { default as AppCommandPalette } from "./components/AppCommandPalette.jsx
30
30
  export { default as AppCommentThread } from "./components/AppCommentThread.jsx";
31
31
  export { default as AppCompareTable } from "./components/AppCompareTable.jsx";
32
32
  export { default as AppConfirmDialog } from "./components/AppConfirmDialog.jsx";
33
+ export { default as AppConfirmProvider, useConfirm } from "./components/AppConfirmProvider.jsx";
33
34
  export { default as AppConsentBanner } from "./components/AppConsentBanner.jsx";
34
35
  export { default as AppContextMenu } from "./components/AppContextMenu.jsx";
35
36
  export { default as AppCopyButton } from "./components/AppCopyButton.jsx";
@@ -0,0 +1,2 @@
1
+ /** Loads the theme's flag stylesheet the first time a flag shows; every later call shares that load. */
2
+ export declare function loadFlagStyles(): any;
@@ -0,0 +1 @@
1
+ export declare function lockPageScroll(): () => void;
package/dist/ui-react.js CHANGED
@@ -1 +1 @@
1
- import e from"./components/warnInvalidValue.js";import t from"./components/AppTooltip.js";import n,{iconNames as r,registerIcons as i}from"./components/AppIcon.js";import a from"./components/AppAccordion.js";import o from"./components/AppActionIcon.js";import s from"./components/AppAlert.js";import c from"./components/AppButton.js";import l from"./components/AppEmptyState.js";import u from"./components/AppProgress.js";import d from"./components/AppAsyncBlock.js";import f from"./components/AppPopover.js";import p from"./components/AppInfoTip.js";import m from"./components/AppRequiredMark.js";import h from"./components/AppAutocomplete.js";import g from"./components/AppAvatar.js";import _ from"./components/AppAvatarGroup.js";import v from"./components/AppBadge.js";import y from"./components/AppBanner.js";import b from"./components/AppBreadcrumbs.js";import x from"./components/AppButtonGroup.js";import S from"./components/AppCalendar.js";import C from"./components/AppCard.js";import w from"./components/AppCarousel.js";import T from"./components/AppChart.js";import E from"./components/AppDropdown.js";import D from"./components/AppSegmented.js";import O from"./components/AppChartCard.js";import k from"./components/AppCheckbox.js";import A from"./components/AppChip.js";import j from"./components/AppChipGroup.js";import M from"./components/AppChoiceCard.js";import N from"./components/AppChoiceChip.js";import P from"./components/AppCodeBlock.js";import F from"./components/AppColorField.js";import I from"./components/AppColumnMenu.js";import L from"./components/AppModal.js";import R from"./components/AppSpinner.js";import z from"./components/AppCommandPalette.js";import B from"./components/AppCommentThread.js";import V from"./components/AppCompareTable.js";import H from"./components/AppInput.js";import{MODAL_ICONS as U}from"./components/ModalIcons.js";import W from"./components/AppConfirmDialog.js";import G from"./components/AppConsentBanner.js";import K from"./components/AppContextMenu.js";import q from"./components/AppCopyButton.js";import J from"./components/AppCountryFlag.js";import Y from"./components/AppCountrySelect.js";import X from"./components/AppDashboardCell.js";import Z from"./components/AppDashboardGrid.js";import Q,{AppSkeletonRows as $}from"./components/AppSkeleton.js";import ee from"./components/AppSelect.js";import te from"./components/AppTablePagination.js";import ne from"./components/AppDataTable.js";import re from"./components/AppDatePicker.js";import ie from"./components/AppDateRangePicker.js";import ae from"./components/AppDescriptions.js";import oe from"./components/AppDetailPane.js";import se from"./components/AppDrawer.js";import ce from"./components/AppDropZone.js";import le from"./components/AppDueDate.js";import ue from"./components/AppErrorSummary.js";import de from"./components/AppFileAttachment.js";import fe from"./components/AppFilePicker.js";import pe from"./components/AppFileTiles.js";import me from"./components/AppFileViewer.js";import{buildListQuery as he,parseListQuery as ge}from"./lib/listQuery.js";import _e from"./components/AppMultiSelect.js";import ve from"./components/AppSearch.js";import ye from"./components/AppSwitch.js";import be from"./components/AppFilterBar.js";import xe from"./components/AppFloatingDock.js";import Se from"./components/AppFormActions.js";import Ce from"./components/AppFormRow.js";import we from"./components/AppFormSection.js";import Te from"./components/AppHoverCard.js";import Ee from"./components/AppImagePicker.js";import De from"./components/AppInlineEdit.js";import Oe from"./components/AppInputGroup.js";import{dismissAll as ke,errorToast as Ae,toast as je}from"./components/toast.js";import Me from"./components/AppKanban.js";import Ne from"./components/AppKbd.js";import Pe from"./components/AppSparkline.js";import Fe from"./components/AppKpiTile.js";import Ie from"./components/AppLightbox.js";import Le from"./components/AppLink.js";import Re from"./components/AppMarkdown.js";import ze from"./components/AppMentionInput.js";import Be from"./components/AppMeter.js";import Ve from"./components/AppMetricStrip.js";import He from"./components/AppNavigationMenu.js";import Ue from"./components/AppNavList.js";import We from"./components/AppTabs.js";import Ge from"./components/AppNotificationCenter.js";import Ke from"./components/AppNumberInput.js";import qe from"./components/AppOnboardingChecklist.js";import Je from"./components/AppOtpInput.js";import Ye from"./components/AppPageHeader.js";import Xe from"./components/AppPhoneNumberInput.js";import Ze from"./components/AppPricingCard.js";import Qe from"./components/AppQrCode.js";import $e from"./components/AppRadio.js";import et from"./components/AppRadioGroup.js";import tt from"./components/AppRating.js";import nt from"./components/AppRecordPager.js";import rt from"./components/AppRelativeTime.js";import it from"./components/AppRepeater.js";import at from"./components/AppResizable.js";import ot from"./components/AppResizableHandle.js";import st from"./components/AppResizablePanel.js";import ct from"./components/AppResourceCard.js";import lt from"./components/AppResult.js";import ut from"./components/AppRichText.js";import dt from"./components/AppRollingNumber.js";import ft from"./components/AppRouteError.js";import pt from"./components/AppScoreScale.js";import mt from"./components/AppScrollbar.js";import ht from"./components/AppSectionCallToAction.js";import gt from"./components/AppSectionFaq.js";import _t from"./components/AppSectionFeatures.js";import vt from"./components/AppSectionHero.js";import yt from"./components/AppTextarea.js";import bt from"./components/AppSectionLeadCapture.js";import xt from"./components/AppSectionLogos.js";import St from"./components/AppSectionPricing.js";import Ct from"./components/AppSectionTestimonials.js";import wt from"./components/AppSeoHead.js";import Tt from"./components/AppShell.js";import Et from"./components/AppShortcutLegend.js";import Dt from"./components/AppShowMore.js";import Ot from"./components/AppSkeletonLines.js";import kt from"./components/AppSlider.js";import At from"./components/AppSortableList.js";import jt from"./components/AppSplash.js";import Mt from"./components/AppSplitButton.js";import Nt from"./components/AppSplitView.js";import Pt from"./components/AppStatusBadge.js";import Ft from"./components/AppStepper.js";import It from"./components/AppTableToolbar.js";import Lt from"./components/AppTagInput.js";import Rt from"./components/AppThemeToggle.js";import zt from"./components/AppTimeline.js";import Bt from"./components/AppTimePicker.js";import Vt from"./components/AppToast.js";import Ht from"./components/AppToolbar.js";import Ut from"./components/AppTour.js";import Wt from"./components/AppTreeView.js";import Gt from"./components/AppTruncate.js";import Kt from"./components/AppUpdateBar.js";import qt from"./components/AppWhatsNew.js";import Jt from"./components/AppWizard.js";import Yt from"./components/AppWorkspaceSwitcher.js";import{useCommandPaletteShortcut as Xt}from"./lib/useCommandPaletteShortcut.js";import{useFloatingStack as Zt}from"./lib/useFloatingStack.js";import{useListQuery as Qt}from"./lib/useListQuery.js";import{useListShortcuts as $t}from"./lib/useListShortcuts.js";import{usePagination as en}from"./lib/usePagination.js";import{useTableView as tn}from"./lib/useTableView.js";import{mentionedIds as nn,parseMentionValue as rn}from"@webority/ui-elements/elements/mention-input";import{createLocalSeenStore as an}from"@webority/ui-elements/elements/tour";import{postedMasked as on,themeBootScript as sn}from"@webority/ui-elements/helpers";export{a as AppAccordion,o as AppActionIcon,s as AppAlert,d as AppAsyncBlock,h as AppAutocomplete,g as AppAvatar,_ as AppAvatarGroup,v as AppBadge,y as AppBanner,b as AppBreadcrumbs,c as AppButton,x as AppButtonGroup,S as AppCalendar,C as AppCard,w as AppCarousel,T as AppChart,O as AppChartCard,k as AppCheckbox,A as AppChip,j as AppChipGroup,M as AppChoiceCard,N as AppChoiceChip,P as AppCodeBlock,F as AppColorField,I as AppColumnMenu,z as AppCommandPalette,B as AppCommentThread,V as AppCompareTable,W as AppConfirmDialog,G as AppConsentBanner,K as AppContextMenu,q as AppCopyButton,J as AppCountryFlag,Y as AppCountrySelect,X as AppDashboardCell,Z as AppDashboardGrid,ne as AppDataTable,re as AppDatePicker,ie as AppDateRangePicker,ae as AppDescriptions,oe as AppDetailPane,se as AppDrawer,ce as AppDropZone,E as AppDropdown,le as AppDueDate,l as AppEmptyState,ue as AppErrorSummary,de as AppFileAttachment,fe as AppFilePicker,pe as AppFileTiles,me as AppFileViewer,be as AppFilterBar,xe as AppFloatingDock,Se as AppFormActions,Ce as AppFormRow,we as AppFormSection,Te as AppHoverCard,n as AppIcon,Ee as AppImagePicker,p as AppInfoTip,De as AppInlineEdit,H as AppInput,Oe as AppInputGroup,Me as AppKanban,Ne as AppKbd,Fe as AppKpiTile,Ie as AppLightbox,Le as AppLink,Re as AppMarkdown,ze as AppMentionInput,Be as AppMeter,Ve as AppMetricStrip,L as AppModal,_e as AppMultiSelect,Ue as AppNavList,He as AppNavigationMenu,Ge as AppNotificationCenter,Ke as AppNumberInput,qe as AppOnboardingChecklist,Je as AppOtpInput,Ye as AppPageHeader,Xe as AppPhoneNumberInput,f as AppPopover,Ze as AppPricingCard,u as AppProgress,Qe as AppQrCode,$e as AppRadio,et as AppRadioGroup,tt as AppRating,nt as AppRecordPager,rt as AppRelativeTime,it as AppRepeater,m as AppRequiredMark,at as AppResizable,ot as AppResizableHandle,st as AppResizablePanel,ct as AppResourceCard,lt as AppResult,ut as AppRichText,dt as AppRollingNumber,ft as AppRouteError,pt as AppScoreScale,mt as AppScrollbar,ve as AppSearch,ht as AppSectionCallToAction,gt as AppSectionFaq,_t as AppSectionFeatures,vt as AppSectionHero,bt as AppSectionLeadCapture,xt as AppSectionLogos,St as AppSectionPricing,Ct as AppSectionTestimonials,D as AppSegmented,ee as AppSelect,wt as AppSeoHead,Tt as AppShell,Et as AppShortcutLegend,Dt as AppShowMore,Q as AppSkeleton,Ot as AppSkeletonLines,$ as AppSkeletonRows,kt as AppSlider,At as AppSortableList,Pe as AppSparkline,R as AppSpinner,jt as AppSplash,Mt as AppSplitButton,Nt as AppSplitView,Pt as AppStatusBadge,Ft as AppStepper,ye as AppSwitch,te as AppTablePagination,It as AppTableToolbar,We as AppTabs,Lt as AppTagInput,yt as AppTextarea,Rt as AppThemeToggle,Bt as AppTimePicker,zt as AppTimeline,Vt as AppToast,Ht as AppToolbar,t as AppTooltip,Ut as AppTour,Wt as AppTreeView,Gt as AppTruncate,Kt as AppUpdateBar,qt as AppWhatsNew,Jt as AppWizard,Yt as AppWorkspaceSwitcher,U as MODAL_ICONS,he as buildListQuery,an as createLocalSeenStore,ke as dismissAll,Ae as errorToast,r as iconNames,nn as mentionedIds,ge as parseListQuery,rn as parseMentionValue,on as postedMasked,i as registerIcons,sn as themeBootScript,je as toast,Xt as useCommandPaletteShortcut,Zt as useFloatingStack,Qt as useListQuery,$t as useListShortcuts,en as usePagination,tn as useTableView,e as warnInvalidValue};
1
+ import e from"./components/warnInvalidValue.js";import t from"./components/AppTooltip.js";import n,{iconNames as r,registerIcons as i}from"./components/AppIcon.js";import a from"./components/AppAccordion.js";import o from"./components/AppActionIcon.js";import s from"./components/AppAlert.js";import c from"./components/AppButton.js";import l from"./components/AppEmptyState.js";import u from"./components/AppProgress.js";import d from"./components/AppAsyncBlock.js";import f from"./components/AppPopover.js";import p from"./components/AppInfoTip.js";import m from"./components/AppRequiredMark.js";import h from"./components/AppAutocomplete.js";import g from"./components/AppAvatar.js";import _ from"./components/AppAvatarGroup.js";import v from"./components/AppBadge.js";import y from"./components/AppBanner.js";import b from"./components/AppBreadcrumbs.js";import x from"./components/AppButtonGroup.js";import S from"./components/AppCalendar.js";import C from"./components/AppCard.js";import w from"./components/AppCarousel.js";import T from"./components/AppChart.js";import E from"./components/AppDropdown.js";import D from"./components/AppSegmented.js";import O from"./components/AppChartCard.js";import k from"./components/AppCheckbox.js";import A from"./components/AppChip.js";import j from"./components/AppChipGroup.js";import M from"./components/AppChoiceCard.js";import N from"./components/AppChoiceChip.js";import P from"./components/AppCodeBlock.js";import F from"./components/AppColorField.js";import I from"./components/AppColumnMenu.js";import L from"./components/AppModal.js";import R from"./components/AppSpinner.js";import z from"./components/AppCommandPalette.js";import B from"./components/AppCommentThread.js";import V from"./components/AppCompareTable.js";import H from"./components/AppInput.js";import{MODAL_ICONS as U}from"./components/ModalIcons.js";import W from"./components/AppConfirmDialog.js";import G,{useConfirm as K}from"./components/AppConfirmProvider.js";import q from"./components/AppConsentBanner.js";import J from"./components/AppContextMenu.js";import Y from"./components/AppCopyButton.js";import X from"./components/AppCountryFlag.js";import Z from"./components/AppCountrySelect.js";import Q from"./components/AppDashboardCell.js";import $ from"./components/AppDashboardGrid.js";import ee,{AppSkeletonRows as te}from"./components/AppSkeleton.js";import ne from"./components/AppSelect.js";import re from"./components/AppTablePagination.js";import ie from"./components/AppDataTable.js";import ae from"./components/AppDatePicker.js";import oe from"./components/AppDateRangePicker.js";import se from"./components/AppDescriptions.js";import ce from"./components/AppDetailPane.js";import le from"./components/AppDrawer.js";import ue from"./components/AppDropZone.js";import de from"./components/AppDueDate.js";import fe from"./components/AppErrorSummary.js";import pe from"./components/AppFileAttachment.js";import me from"./components/AppFilePicker.js";import he from"./components/AppFileTiles.js";import ge from"./components/AppFileViewer.js";import{buildListQuery as _e,parseListQuery as ve}from"./lib/listQuery.js";import ye from"./components/AppMultiSelect.js";import be from"./components/AppSearch.js";import xe from"./components/AppSwitch.js";import Se from"./components/AppFilterBar.js";import Ce from"./components/AppFloatingDock.js";import we from"./components/AppFormActions.js";import Te from"./components/AppFormRow.js";import Ee from"./components/AppFormSection.js";import De from"./components/AppHoverCard.js";import Oe from"./components/AppImagePicker.js";import ke from"./components/AppInlineEdit.js";import Ae from"./components/AppInputGroup.js";import{dismissAll as je,errorToast as Me,toast as Ne}from"./components/toast.js";import Pe from"./components/AppKanban.js";import Fe from"./components/AppKbd.js";import Ie from"./components/AppSparkline.js";import Le from"./components/AppKpiTile.js";import Re from"./components/AppLightbox.js";import ze from"./components/AppLink.js";import Be from"./components/AppMarkdown.js";import Ve from"./components/AppMentionInput.js";import He from"./components/AppMeter.js";import Ue from"./components/AppMetricStrip.js";import We from"./components/AppNavigationMenu.js";import Ge from"./components/AppNavList.js";import Ke from"./components/AppTabs.js";import qe from"./components/AppNotificationCenter.js";import Je from"./components/AppNumberInput.js";import Ye from"./components/AppOnboardingChecklist.js";import Xe from"./components/AppOtpInput.js";import Ze from"./components/AppPageHeader.js";import Qe from"./components/AppPhoneNumberInput.js";import $e from"./components/AppPricingCard.js";import et from"./components/AppQrCode.js";import tt from"./components/AppRadio.js";import nt from"./components/AppRadioGroup.js";import rt from"./components/AppRating.js";import it from"./components/AppRecordPager.js";import at from"./components/AppRelativeTime.js";import ot from"./components/AppRepeater.js";import st from"./components/AppResizable.js";import ct from"./components/AppResizableHandle.js";import lt from"./components/AppResizablePanel.js";import ut from"./components/AppResourceCard.js";import dt from"./components/AppResult.js";import ft from"./components/AppRichText.js";import pt from"./components/AppRollingNumber.js";import mt from"./components/AppRouteError.js";import ht from"./components/AppScoreScale.js";import gt from"./components/AppScrollbar.js";import _t from"./components/AppSectionCallToAction.js";import vt from"./components/AppSectionFaq.js";import yt from"./components/AppSectionFeatures.js";import bt from"./components/AppSectionHero.js";import xt from"./components/AppTextarea.js";import St from"./components/AppSectionLeadCapture.js";import Ct from"./components/AppSectionLogos.js";import wt from"./components/AppSectionPricing.js";import Tt from"./components/AppSectionTestimonials.js";import Et from"./components/AppSeoHead.js";import Dt from"./components/AppShell.js";import Ot from"./components/AppShortcutLegend.js";import kt from"./components/AppShowMore.js";import At from"./components/AppSkeletonLines.js";import jt from"./components/AppSlider.js";import Mt from"./components/AppSortableList.js";import Nt from"./components/AppSplash.js";import Pt from"./components/AppSplitButton.js";import Ft from"./components/AppSplitView.js";import It from"./components/AppStatusBadge.js";import Lt from"./components/AppStepper.js";import Rt from"./components/AppTableToolbar.js";import zt from"./components/AppTagInput.js";import Bt from"./components/AppThemeToggle.js";import Vt from"./components/AppTimeline.js";import Ht from"./components/AppTimePicker.js";import Ut from"./components/AppToast.js";import Wt from"./components/AppToolbar.js";import Gt from"./components/AppTour.js";import Kt from"./components/AppTreeView.js";import qt from"./components/AppTruncate.js";import Jt from"./components/AppUpdateBar.js";import Yt from"./components/AppWhatsNew.js";import Xt from"./components/AppWizard.js";import Zt from"./components/AppWorkspaceSwitcher.js";import{useCommandPaletteShortcut as Qt}from"./lib/useCommandPaletteShortcut.js";import{useFloatingStack as $t}from"./lib/useFloatingStack.js";import{useListQuery as en}from"./lib/useListQuery.js";import{useListShortcuts as tn}from"./lib/useListShortcuts.js";import{usePagination as nn}from"./lib/usePagination.js";import{useTableView as rn}from"./lib/useTableView.js";import{mentionedIds as an,parseMentionValue as on}from"@webority/ui-elements/elements/mention-input";import{createLocalSeenStore as sn}from"@webority/ui-elements/elements/tour";import{postedMasked as cn,themeBootScript as ln}from"@webority/ui-elements/helpers";export{a as AppAccordion,o as AppActionIcon,s as AppAlert,d as AppAsyncBlock,h as AppAutocomplete,g as AppAvatar,_ as AppAvatarGroup,v as AppBadge,y as AppBanner,b as AppBreadcrumbs,c as AppButton,x as AppButtonGroup,S as AppCalendar,C as AppCard,w as AppCarousel,T as AppChart,O as AppChartCard,k as AppCheckbox,A as AppChip,j as AppChipGroup,M as AppChoiceCard,N as AppChoiceChip,P as AppCodeBlock,F as AppColorField,I as AppColumnMenu,z as AppCommandPalette,B as AppCommentThread,V as AppCompareTable,W as AppConfirmDialog,G as AppConfirmProvider,q as AppConsentBanner,J as AppContextMenu,Y as AppCopyButton,X as AppCountryFlag,Z as AppCountrySelect,Q as AppDashboardCell,$ as AppDashboardGrid,ie as AppDataTable,ae as AppDatePicker,oe as AppDateRangePicker,se as AppDescriptions,ce as AppDetailPane,le as AppDrawer,ue as AppDropZone,E as AppDropdown,de as AppDueDate,l as AppEmptyState,fe as AppErrorSummary,pe as AppFileAttachment,me as AppFilePicker,he as AppFileTiles,ge as AppFileViewer,Se as AppFilterBar,Ce as AppFloatingDock,we as AppFormActions,Te as AppFormRow,Ee as AppFormSection,De as AppHoverCard,n as AppIcon,Oe as AppImagePicker,p as AppInfoTip,ke as AppInlineEdit,H as AppInput,Ae as AppInputGroup,Pe as AppKanban,Fe as AppKbd,Le as AppKpiTile,Re as AppLightbox,ze as AppLink,Be as AppMarkdown,Ve as AppMentionInput,He as AppMeter,Ue as AppMetricStrip,L as AppModal,ye as AppMultiSelect,Ge as AppNavList,We as AppNavigationMenu,qe as AppNotificationCenter,Je as AppNumberInput,Ye as AppOnboardingChecklist,Xe as AppOtpInput,Ze as AppPageHeader,Qe as AppPhoneNumberInput,f as AppPopover,$e as AppPricingCard,u as AppProgress,et as AppQrCode,tt as AppRadio,nt as AppRadioGroup,rt as AppRating,it as AppRecordPager,at as AppRelativeTime,ot as AppRepeater,m as AppRequiredMark,st as AppResizable,ct as AppResizableHandle,lt as AppResizablePanel,ut as AppResourceCard,dt as AppResult,ft as AppRichText,pt as AppRollingNumber,mt as AppRouteError,ht as AppScoreScale,gt as AppScrollbar,be as AppSearch,_t as AppSectionCallToAction,vt as AppSectionFaq,yt as AppSectionFeatures,bt as AppSectionHero,St as AppSectionLeadCapture,Ct as AppSectionLogos,wt as AppSectionPricing,Tt as AppSectionTestimonials,D as AppSegmented,ne as AppSelect,Et as AppSeoHead,Dt as AppShell,Ot as AppShortcutLegend,kt as AppShowMore,ee as AppSkeleton,At as AppSkeletonLines,te as AppSkeletonRows,jt as AppSlider,Mt as AppSortableList,Ie as AppSparkline,R as AppSpinner,Nt as AppSplash,Pt as AppSplitButton,Ft as AppSplitView,It as AppStatusBadge,Lt as AppStepper,xe as AppSwitch,re as AppTablePagination,Rt as AppTableToolbar,Ke as AppTabs,zt as AppTagInput,xt as AppTextarea,Bt as AppThemeToggle,Ht as AppTimePicker,Vt as AppTimeline,Ut as AppToast,Wt as AppToolbar,t as AppTooltip,Gt as AppTour,Kt as AppTreeView,qt as AppTruncate,Jt as AppUpdateBar,Yt as AppWhatsNew,Xt as AppWizard,Zt as AppWorkspaceSwitcher,U as MODAL_ICONS,_e as buildListQuery,sn as createLocalSeenStore,je as dismissAll,Me as errorToast,r as iconNames,an as mentionedIds,ve as parseListQuery,on as parseMentionValue,cn as postedMasked,i as registerIcons,ln as themeBootScript,Ne as toast,Qt as useCommandPaletteShortcut,K as useConfirm,$t as useFloatingStack,en as useListQuery,tn as useListShortcuts,nn as usePagination,rn as useTableView,e as warnInvalidValue};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webority/ui-react",
3
- "version": "0.121.0",
3
+ "version": "0.122.0",
4
4
  "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "type": "module",
@@ -29,9 +29,9 @@
29
29
  },
30
30
  "sideEffects": false,
31
31
  "dependencies": {
32
- "@webority/markdown-core": "0.121.0",
33
- "@webority/theme": "0.121.0",
34
- "@webority/ui-elements": "0.121.0"
32
+ "@webority/markdown-core": "0.122.0",
33
+ "@webority/theme": "0.122.0",
34
+ "@webority/ui-elements": "0.122.0"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "@webority/analytics": "^0.32.0",
@@ -49,8 +49,8 @@
49
49
  "@vitejs/plugin-react": "^6.0.1",
50
50
  "@vitest/coverage-v8": "5.0.1",
51
51
  "@webority/analytics": "0.32.0",
52
- "@webority/canvas-kit": "0.121.0",
53
- "@webority/tokens": "0.121.0",
52
+ "@webority/canvas-kit": "0.122.0",
53
+ "@webority/tokens": "0.122.0",
54
54
  "bootstrap": "5.3.3",
55
55
  "jsdom": "30.1.1",
56
56
  "react": "^19.2.6",