@magiclabs/ui-components 1.19.5 → 1.20.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 (46) hide show
  1. package/dist/cjs/components/containers/card.js +2 -0
  2. package/dist/cjs/components/containers/card.js.map +1 -0
  3. package/dist/cjs/components/external/paypal-button.js +1 -1
  4. package/dist/cjs/components/external/paypal-button.js.map +1 -1
  5. package/dist/cjs/components/feedback/progress-bar.js +2 -0
  6. package/dist/cjs/components/feedback/progress-bar.js.map +1 -0
  7. package/dist/cjs/components/icons/ico-kebab.js +1 -1
  8. package/dist/cjs/components/icons/ico-kebab.js.map +1 -1
  9. package/dist/cjs/components/primitives/button.js +1 -1
  10. package/dist/cjs/components/primitives/button.js.map +1 -1
  11. package/dist/cjs/components/primitives/dropdown-selector.js +1 -1
  12. package/dist/cjs/components/primitives/dropdown-selector.js.map +1 -1
  13. package/dist/cjs/components/sections/verify-pincode.js +1 -1
  14. package/dist/cjs/components/sections/verify-pincode.js.map +1 -1
  15. package/dist/cjs/index.js +1 -1
  16. package/dist/cjs/recipes/card.js +2 -0
  17. package/dist/cjs/recipes/card.js.map +1 -0
  18. package/dist/es/components/containers/card.js +2 -0
  19. package/dist/es/components/containers/card.js.map +1 -0
  20. package/dist/es/components/external/paypal-button.js +1 -1
  21. package/dist/es/components/external/paypal-button.js.map +1 -1
  22. package/dist/es/components/feedback/progress-bar.js +2 -0
  23. package/dist/es/components/feedback/progress-bar.js.map +1 -0
  24. package/dist/es/components/icons/ico-kebab.js +1 -1
  25. package/dist/es/components/icons/ico-kebab.js.map +1 -1
  26. package/dist/es/components/primitives/button.js +1 -1
  27. package/dist/es/components/primitives/button.js.map +1 -1
  28. package/dist/es/components/primitives/dropdown-selector.js +1 -1
  29. package/dist/es/components/primitives/dropdown-selector.js.map +1 -1
  30. package/dist/es/components/sections/verify-pincode.js +1 -1
  31. package/dist/es/components/sections/verify-pincode.js.map +1 -1
  32. package/dist/es/index.js +1 -1
  33. package/dist/es/recipes/card.js +2 -0
  34. package/dist/es/recipes/card.js.map +1 -0
  35. package/dist/panda.buildinfo.json +1 -1
  36. package/dist/types/components/containers/card.d.ts +15 -0
  37. package/dist/types/components/containers/card.d.ts.map +1 -0
  38. package/dist/types/components/containers/index.d.ts +2 -0
  39. package/dist/types/components/containers/index.d.ts.map +1 -1
  40. package/dist/types/components/feedback/index.d.ts +2 -0
  41. package/dist/types/components/feedback/index.d.ts.map +1 -1
  42. package/dist/types/components/feedback/progress-bar.d.ts +9 -0
  43. package/dist/types/components/feedback/progress-bar.d.ts.map +1 -0
  44. package/dist/types/recipes/card.d.ts +92 -0
  45. package/dist/types/recipes/card.d.ts.map +1 -0
  46. package/package.json +1 -1
@@ -0,0 +1,15 @@
1
+ import { ComponentProps } from 'react';
2
+ export interface CardProps extends ComponentProps<'div'> {
3
+ alt?: boolean;
4
+ className?: string;
5
+ asButton?: boolean;
6
+ alignment?: 'center' | 'left' | 'right';
7
+ expand?: boolean;
8
+ gapType?: 'none' | 'sm' | 'md' | 'lg';
9
+ heavyShadow?: boolean;
10
+ paddingType?: 'none' | 'sm' | 'md' | 'lg';
11
+ stack?: boolean;
12
+ widthMax?: boolean;
13
+ }
14
+ export declare const Card: import("react").ForwardRefExoticComponent<Omit<CardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
15
+ //# sourceMappingURL=card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,mHAYf,CAAC"}
@@ -1,3 +1,5 @@
1
+ export { Card } from '../containers/card';
2
+ export type { CardProps } from '../containers/card';
1
3
  export { Content } from '../containers/content';
2
4
  export type { ContentProps } from '../containers/content';
3
5
  export { Drawer } from '../containers/drawer';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC"}
@@ -2,6 +2,8 @@ export { Callout } from '../feedback/callout';
2
2
  export type { CalloutProps } from '../feedback/callout';
3
3
  export { LoadingSpinner } from '../feedback/loading-spinner';
4
4
  export type { LoadingSpinnerProps } from '../feedback/loading-spinner';
5
+ export { ProgressBar } from '../feedback/progress-bar';
6
+ export type { ProgressBarProps } from '../feedback/progress-bar';
5
7
  export { Toast, ToastProvider } from '../feedback/toast-provider';
6
8
  export type { ToastProps, ToastProviderProps } from '../feedback/toast-provider';
7
9
  export { default as Tooltip } from '../feedback/tooltip';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC"}
@@ -0,0 +1,9 @@
1
+ export interface ProgressBarProps {
2
+ autoTarget?: 'min' | 'max';
3
+ current?: number;
4
+ total?: number;
5
+ strokeWidth?: number;
6
+ variant?: 'auto' | 'branded' | 'success' | 'error' | 'warning' | 'neutral';
7
+ }
8
+ export declare const ProgressBar: ({ autoTarget, current, strokeWidth, total, variant, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
9
+ //# sourceMappingURL=progress-bar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/progress-bar.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;CAC5E;AAsBD,eAAO,MAAM,WAAW,0DAMrB,gBAAgB,4CA+ClB,CAAC"}
@@ -0,0 +1,92 @@
1
+ import { type RecipeVariantProps } from '@styled/css';
2
+ export declare const card: import("../../styled-system/types").RecipeRuntimeFn<{
3
+ asButton: {
4
+ false: {
5
+ cursor: "default";
6
+ };
7
+ true: {
8
+ alignItems: "center";
9
+ cursor: "pointer";
10
+ h: "10.75rem";
11
+ justifyContent: "center";
12
+ p: number;
13
+ transition: "all 0.1s ease";
14
+ w: "10.75rem";
15
+ _active: {
16
+ transform: "scale(0.95)";
17
+ };
18
+ };
19
+ };
20
+ alignment: {
21
+ center: {
22
+ alignItems: "center";
23
+ };
24
+ left: {
25
+ alignItems: "flex-start";
26
+ };
27
+ right: {
28
+ alignItems: "flex-end";
29
+ };
30
+ };
31
+ alt: {
32
+ true: {};
33
+ };
34
+ expand: {
35
+ false: {
36
+ overflow: "hidden";
37
+ };
38
+ true: {
39
+ overflow: "visible";
40
+ w: "full";
41
+ };
42
+ };
43
+ gapType: {
44
+ none: {
45
+ gap: number;
46
+ };
47
+ sm: {
48
+ gap: number;
49
+ };
50
+ md: {
51
+ gap: number;
52
+ };
53
+ lg: {
54
+ gap: number;
55
+ };
56
+ };
57
+ heavyShadow: {
58
+ false: {
59
+ boxShadow: "0px 1px 2px rgba(189, 189, 189, 0.3)";
60
+ };
61
+ true: {
62
+ boxShadow: "8px 8px 48px rgba(16, 15, 17, 0.14)";
63
+ };
64
+ };
65
+ paddingType: {
66
+ none: {
67
+ p: number;
68
+ };
69
+ sm: {
70
+ px: number;
71
+ py: number;
72
+ };
73
+ md: {
74
+ px: number;
75
+ py: number;
76
+ };
77
+ lg: {
78
+ p: number;
79
+ };
80
+ };
81
+ widthMax: {
82
+ true: {
83
+ flex: number;
84
+ maxW: "29.125rem";
85
+ mdDown: {
86
+ maxW: "full";
87
+ };
88
+ };
89
+ };
90
+ }>;
91
+ export type CardVariants = RecipeVariantProps<typeof card>;
92
+ //# sourceMappingURL=card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/recipes/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE3D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+Gf,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC,OAAO,IAAI,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magiclabs/ui-components",
3
- "version": "1.19.5",
3
+ "version": "1.20.1",
4
4
  "description": "💅 A theme-able library of reusable UI components",
5
5
  "author": "Magic Labs <open-source@magic.link>",
6
6
  "repository": {