@magiclabs/ui-components 1.15.2 → 1.16.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 (77) hide show
  1. package/dist/cjs/components/containers/drawer.js.map +1 -1
  2. package/dist/cjs/components/external/paypal-button.js +1 -1
  3. package/dist/cjs/components/external/paypal-button.js.map +1 -1
  4. package/dist/cjs/components/feedback/callout.js +1 -1
  5. package/dist/cjs/components/feedback/callout.js.map +1 -1
  6. package/dist/cjs/components/feedback/status-icon.js +2 -0
  7. package/dist/cjs/components/feedback/status-icon.js.map +1 -0
  8. package/dist/cjs/components/feedback/toast-provider.js +2 -0
  9. package/dist/cjs/components/feedback/toast-provider.js.map +1 -0
  10. package/dist/cjs/components/primitives/button.js +1 -1
  11. package/dist/cjs/components/primitives/button.js.map +1 -1
  12. package/dist/cjs/components/primitives/portal.js +2 -0
  13. package/dist/cjs/components/primitives/portal.js.map +1 -0
  14. package/dist/cjs/components/primitives/radio.js.map +1 -1
  15. package/dist/cjs/components/primitives/segmented-control.js.map +1 -1
  16. package/dist/cjs/components/primitives/text.js.map +1 -1
  17. package/dist/cjs/components/sections/verify-pincode.js +1 -1
  18. package/dist/cjs/components/sections/verify-pincode.js.map +1 -1
  19. package/dist/cjs/components/utils/animate.js +1 -1
  20. package/dist/cjs/components/utils/animate.js.map +1 -1
  21. package/dist/cjs/hooks/useToast.js +2 -0
  22. package/dist/cjs/hooks/useToast.js.map +1 -0
  23. package/dist/cjs/index.js +1 -1
  24. package/dist/cjs/recipes/toast.js +2 -0
  25. package/dist/cjs/recipes/toast.js.map +1 -0
  26. package/dist/es/components/containers/drawer.js.map +1 -1
  27. package/dist/es/components/external/paypal-button.js +1 -1
  28. package/dist/es/components/external/paypal-button.js.map +1 -1
  29. package/dist/es/components/feedback/callout.js +1 -1
  30. package/dist/es/components/feedback/callout.js.map +1 -1
  31. package/dist/es/components/feedback/status-icon.js +2 -0
  32. package/dist/es/components/feedback/status-icon.js.map +1 -0
  33. package/dist/es/components/feedback/toast-provider.js +2 -0
  34. package/dist/es/components/feedback/toast-provider.js.map +1 -0
  35. package/dist/es/components/primitives/button.js +1 -1
  36. package/dist/es/components/primitives/button.js.map +1 -1
  37. package/dist/es/components/primitives/portal.js +2 -0
  38. package/dist/es/components/primitives/portal.js.map +1 -0
  39. package/dist/es/components/primitives/radio.js.map +1 -1
  40. package/dist/es/components/primitives/segmented-control.js.map +1 -1
  41. package/dist/es/components/primitives/text.js.map +1 -1
  42. package/dist/es/components/sections/verify-pincode.js +1 -1
  43. package/dist/es/components/sections/verify-pincode.js.map +1 -1
  44. package/dist/es/components/utils/animate.js +1 -1
  45. package/dist/es/components/utils/animate.js.map +1 -1
  46. package/dist/es/hooks/useToast.js +2 -0
  47. package/dist/es/hooks/useToast.js.map +1 -0
  48. package/dist/es/index.js +1 -1
  49. package/dist/es/recipes/toast.js +2 -0
  50. package/dist/es/recipes/toast.js.map +1 -0
  51. package/dist/panda.buildinfo.json +1 -1
  52. package/dist/types/components/containers/drawer.d.ts +2 -3
  53. package/dist/types/components/containers/drawer.d.ts.map +1 -1
  54. package/dist/types/components/feedback/callout.d.ts.map +1 -1
  55. package/dist/types/components/feedback/index.d.ts +2 -0
  56. package/dist/types/components/feedback/index.d.ts.map +1 -1
  57. package/dist/types/components/feedback/status-icon.d.ts +8 -0
  58. package/dist/types/components/feedback/status-icon.d.ts.map +1 -0
  59. package/dist/types/components/feedback/toast-provider.d.ts +14 -0
  60. package/dist/types/components/feedback/toast-provider.d.ts.map +1 -0
  61. package/dist/types/components/primitives/portal.d.ts +8 -0
  62. package/dist/types/components/primitives/portal.d.ts.map +1 -0
  63. package/dist/types/components/primitives/radio.d.ts +2 -3
  64. package/dist/types/components/primitives/radio.d.ts.map +1 -1
  65. package/dist/types/components/primitives/segmented-control.d.ts +2 -3
  66. package/dist/types/components/primitives/segmented-control.d.ts.map +1 -1
  67. package/dist/types/components/primitives/text.d.ts +2 -3
  68. package/dist/types/components/primitives/text.d.ts.map +1 -1
  69. package/dist/types/components/utils/animate.d.ts +11 -17
  70. package/dist/types/components/utils/animate.d.ts.map +1 -1
  71. package/dist/types/hooks/index.d.ts +1 -0
  72. package/dist/types/hooks/index.d.ts.map +1 -1
  73. package/dist/types/hooks/useToast.d.ts +18 -0
  74. package/dist/types/hooks/useToast.d.ts.map +1 -0
  75. package/dist/types/recipes/toast.d.ts +70 -0
  76. package/dist/types/recipes/toast.d.ts.map +1 -0
  77. package/package.json +1 -1
@@ -0,0 +1,70 @@
1
+ import { type RecipeVariantProps } from '@styled/css';
2
+ export declare const toast: import("../../styled-system/types").SlotRecipeRuntimeFn<"container" | "portal" | "toast" | "icon" | "dismiss", {
3
+ variant: {
4
+ branded: {
5
+ toast: {
6
+ backgroundColor: "brand.base";
7
+ };
8
+ };
9
+ success: {
10
+ toast: {
11
+ backgroundColor: "positive.darker";
12
+ };
13
+ };
14
+ warning: {
15
+ toast: {
16
+ backgroundColor: "warning.darker";
17
+ };
18
+ };
19
+ error: {
20
+ toast: {
21
+ backgroundColor: "negative.darker";
22
+ };
23
+ };
24
+ neutral: {
25
+ toast: {
26
+ backgroundColor: "text.tertiary";
27
+ };
28
+ };
29
+ };
30
+ position: {
31
+ top: {
32
+ container: {
33
+ alignItems: "center";
34
+ justifyContent: "flex-start";
35
+ };
36
+ };
37
+ 'top-left': {
38
+ container: {
39
+ alignItems: "flex-start";
40
+ justifyContent: "flex-start";
41
+ };
42
+ };
43
+ 'top-right': {
44
+ container: {
45
+ alignItems: "flex-end";
46
+ justifyContent: "flex-start";
47
+ };
48
+ };
49
+ bottom: {
50
+ container: {
51
+ alignItems: "center";
52
+ justifyContent: "flex-end";
53
+ };
54
+ };
55
+ 'bottom-left': {
56
+ container: {
57
+ alignItems: "flex-start";
58
+ justifyContent: "flex-end";
59
+ };
60
+ };
61
+ 'bottom-right': {
62
+ container: {
63
+ alignItems: "flex-end";
64
+ justifyContent: "flex-end";
65
+ };
66
+ };
67
+ };
68
+ }>;
69
+ export type ToastVariants = RecipeVariantProps<typeof toast>;
70
+ //# sourceMappingURL=toast.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/recipes/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE3D,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyGhB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magiclabs/ui-components",
3
- "version": "1.15.2",
3
+ "version": "1.16.0",
4
4
  "description": "💅 A theme-able library of reusable UI components",
5
5
  "author": "Magic Labs <open-source@magic.link>",
6
6
  "repository": {