@dmsi/wedgekit-react 0.0.105 → 0.0.107

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 (63) hide show
  1. package/dist/{chunk-X62XGQY7.js → chunk-2XOQII4G.js} +1 -1
  2. package/dist/{chunk-6UI5GABI.js → chunk-3JRVV6QY.js} +1 -1
  3. package/dist/{chunk-QNQ5K7NW.js → chunk-3NWBR3V3.js} +1 -1
  4. package/dist/chunk-4F6VQXKY.js +112 -0
  5. package/dist/{chunk-CG2NIXZE.js → chunk-6CS5ZBXO.js} +1 -1
  6. package/dist/{chunk-P242H6OU.js → chunk-IMN6I5NV.js} +1 -1
  7. package/dist/{chunk-VPEVXTBJ.js → chunk-KYMBBPEW.js} +9 -4
  8. package/dist/{chunk-H6LXXGX6.js → chunk-L364HTYC.js} +7 -5
  9. package/dist/{chunk-WVLT6XM7.js → chunk-OX3HKFIH.js} +2 -2
  10. package/dist/{chunk-D2YP2BTN.js → chunk-QIHDPSOM.js} +2 -2
  11. package/dist/{chunk-E5VEDZYV.js → chunk-ZEGVZ5NW.js} +2 -2
  12. package/dist/components/Button.cjs +7 -5
  13. package/dist/components/Button.js +1 -1
  14. package/dist/components/ContentTab.cjs +7 -5
  15. package/dist/components/ContentTab.js +2 -2
  16. package/dist/components/ContentTabs.cjs +7 -5
  17. package/dist/components/ContentTabs.js +2 -2
  18. package/dist/components/DataGridCell.cjs +2 -2
  19. package/dist/components/DataGridCell.js +1 -1
  20. package/dist/components/FilterGroup.cjs +7 -5
  21. package/dist/components/FilterGroup.js +2 -2
  22. package/dist/components/LoadingScrim.cjs +168 -0
  23. package/dist/components/LoadingScrim.js +27 -0
  24. package/dist/components/MobileDataGrid.cjs +7 -5
  25. package/dist/components/MobileDataGrid.js +1 -1
  26. package/dist/components/Modal.cjs +7 -5
  27. package/dist/components/Modal.js +4 -4
  28. package/dist/components/ModalButtons.cjs +7 -5
  29. package/dist/components/ModalButtons.js +2 -2
  30. package/dist/components/ModalHeader.cjs +7 -5
  31. package/dist/components/ModalHeader.js +2 -2
  32. package/dist/components/NavigationTab.cjs +7 -5
  33. package/dist/components/NavigationTab.js +2 -2
  34. package/dist/components/NavigationTabs.cjs +7 -5
  35. package/dist/components/NavigationTabs.js +2 -2
  36. package/dist/components/Notification.cjs +7 -5
  37. package/dist/components/Notification.js +1 -1
  38. package/dist/components/OptionPill.cjs +7 -5
  39. package/dist/components/OptionPill.js +2 -2
  40. package/dist/components/PDFViewer.cjs +7 -5
  41. package/dist/components/PDFViewer.js +4 -4
  42. package/dist/components/PaymentOnAccountModal.cjs +15 -8
  43. package/dist/components/PaymentOnAccountModal.js +6 -6
  44. package/dist/components/SelectPaymentMethod.cjs +15 -8
  45. package/dist/components/SelectPaymentMethod.js +2 -2
  46. package/dist/components/Spinner.cjs +136 -0
  47. package/dist/components/Spinner.js +7 -0
  48. package/dist/components/Stepper.cjs +7 -5
  49. package/dist/components/Stepper.js +1 -1
  50. package/dist/components/Toast.cjs +7 -5
  51. package/dist/components/Toast.js +1 -1
  52. package/dist/components/Upload.cjs +7 -5
  53. package/dist/components/Upload.js +1 -1
  54. package/dist/components/index.cjs +19 -11
  55. package/dist/components/index.js +9 -8
  56. package/dist/index.css +40 -0
  57. package/package.json +1 -1
  58. package/src/components/Button.tsx +7 -5
  59. package/src/components/DataGrid/index.tsx +10 -4
  60. package/src/components/DataGridCell.tsx +2 -2
  61. package/src/components/LoadingScrim.tsx +32 -0
  62. package/src/components/SelectPaymentMethod.tsx +6 -2
  63. package/src/components/Spinner.tsx +102 -0
package/src/components/Spinner.tsx ADDED
@@ -0,0 +1,102 @@
1
+ import React from "react";
2
+
3
+ type SpinnerProps = {
4
+ size?: "small" | "large";
5
+ };
6
+
7
+ export const Spinner: React.FC<SpinnerProps> = ({ size = "small" }) => {
8
+ const dimension = size === "large" ? 48 : 24;
9
+ return (
10
+ <svg
11
+ width={dimension}
12
+ height={dimension}
13
+ viewBox="0 0 24 24"
14
+ xmlns="http://www.w3.org/2000/svg"
15
+ fill="#1D1E1E"
16
+ className={size === "large" ? "animate-spin" : ""}
17
+ aria-label="Loading"
18
+ >
19
+ <circle cx="12" cy="4" r="2" opacity="1">
20
+ <animate
21
+ attributeName="opacity"
22
+ begin="0s"
23
+ dur="1s"
24
+ from="1"
25
+ to="0"
26
+ repeatCount="indefinite"
27
+ />
28
+ </circle>
29
+ <circle cx="17.666" cy="6.334" r="2" opacity="0.125">
30
+ <animate
31
+ attributeName="opacity"
32
+ begin="-0.875s"
33
+ dur="1s"
34
+ from="1"
35
+ to="0"
36
+ repeatCount="indefinite"
37
+ />
38
+ </circle>
39
+ <circle cx="20" cy="12" r="2" opacity="0.25">
40
+ <animate
41
+ attributeName="opacity"
42
+ begin="-0.75s"
43
+ dur="1s"
44
+ from="1"
45
+ to="0"
46
+ repeatCount="indefinite"
47
+ />
48
+ </circle>
49
+ <circle cx="17.666" cy="17.666" r="2" opacity="0.375">
50
+ <animate
51
+ attributeName="opacity"
52
+ begin="-0.625s"
53
+ dur="1s"
54
+ from="1"
55
+ to="0"
56
+ repeatCount="indefinite"
57
+ />
58
+ </circle>
59
+ <circle cx="12" cy="20" r="2" opacity="0.5">
60
+ <animate
61
+ attributeName="opacity"
62
+ begin="-0.5s"
63
+ dur="1s"
64
+ from="1"
65
+ to="0"
66
+ repeatCount="indefinite"
67
+ />
68
+ </circle>
69
+ <circle cx="6.334" cy="17.666" r="2" opacity="0.625">
70
+ <animate
71
+ attributeName="opacity"
72
+ begin="-0.375s"
73
+ dur="1s"
74
+ from="1"
75
+ to="0"
76
+ repeatCount="indefinite"
77
+ />
78
+ </circle>
79
+ <circle cx="4" cy="12" r="2" opacity="0.75">
80
+ <animate
81
+ attributeName="opacity"
82
+ begin="-0.25s"
83
+ dur="1s"
84
+ from="1"
85
+ to="0"
86
+ repeatCount="indefinite"
87
+ />
88
+ </circle>
89
+ <circle cx="6.334" cy="6.334" r="2" opacity="0.875">
90
+ <animate
91
+ attributeName="opacity"
92
+ begin="-0.125s"
93
+ dur="1s"
94
+ from="1"
95
+ to="0"
96
+ repeatCount="indefinite"
97
+ />
98
+ </circle>
99
+ </svg>
100
+ );
101
+ };
102
+ Spinner.displayName = "Spinner";