pure-react-ui 1.4.6 → 1.5.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 (64) hide show
  1. package/README.md +263 -47
  2. package/lib/components/Button/Button.css +170 -0
  3. package/lib/components/Button/Button.d.ts +11 -0
  4. package/lib/components/Button/Button.d.ts.map +1 -0
  5. package/lib/components/Button/Button.js +30 -0
  6. package/lib/components/Button/Button.js.map +1 -0
  7. package/lib/components/Card/Card.css +116 -0
  8. package/lib/components/Card/Card.d.ts +16 -0
  9. package/lib/components/Card/Card.d.ts.map +1 -0
  10. package/lib/components/Card/Card.js +29 -0
  11. package/lib/components/Card/Card.js.map +1 -0
  12. package/lib/components/Flex/Flex.css +106 -0
  13. package/lib/components/Flex/Flex.d.ts +14 -0
  14. package/lib/components/Flex/Flex.d.ts.map +1 -0
  15. package/lib/components/Flex/Flex.js +40 -0
  16. package/lib/components/Flex/Flex.js.map +1 -0
  17. package/lib/components/Icon/Icon.css +88 -0
  18. package/lib/components/Icon/Icon.d.ts +13 -0
  19. package/lib/components/Icon/Icon.d.ts.map +1 -0
  20. package/lib/components/Icon/Icon.js +26 -0
  21. package/lib/components/Icon/Icon.js.map +1 -0
  22. package/lib/components/Icon/icons.d.ts +198 -0
  23. package/lib/components/Icon/icons.d.ts.map +1 -0
  24. package/lib/components/Icon/icons.js +155 -0
  25. package/lib/components/Icon/icons.js.map +1 -0
  26. package/lib/components/Modal/Modal.css +197 -0
  27. package/lib/components/Modal/Modal.d.ts +16 -0
  28. package/lib/components/Modal/Modal.d.ts.map +1 -0
  29. package/lib/components/Modal/Modal.js +45 -0
  30. package/lib/components/Modal/Modal.js.map +1 -0
  31. package/lib/components/Space/Space.css +73 -0
  32. package/lib/components/Space/Space.d.ts +12 -0
  33. package/lib/components/Space/Space.d.ts.map +1 -0
  34. package/lib/components/Space/Space.js +33 -0
  35. package/lib/components/Space/Space.js.map +1 -0
  36. package/lib/components/Text/Text.css +240 -0
  37. package/lib/components/Text/Text.d.ts +16 -0
  38. package/lib/components/Text/Text.d.ts.map +1 -0
  39. package/lib/components/Text/Text.js +26 -0
  40. package/lib/components/Text/Text.js.map +1 -0
  41. package/lib/index.d.ts +16 -0
  42. package/lib/index.d.ts.map +1 -0
  43. package/lib/index.js +9 -0
  44. package/lib/index.js.map +1 -0
  45. package/package.json +41 -58
  46. package/dist/components/Button/Button.d.ts +0 -5
  47. package/dist/components/Button/Button.d.ts.map +0 -1
  48. package/dist/components/Button/Button.types.d.ts +0 -14
  49. package/dist/components/Button/Button.types.d.ts.map +0 -1
  50. package/dist/components/Button/index.d.ts +0 -2
  51. package/dist/components/Button/index.d.ts.map +0 -1
  52. package/dist/dist/index.css +0 -1
  53. package/dist/index.css +0 -1
  54. package/dist/index.d.ts +0 -2
  55. package/dist/index.d.ts.map +0 -1
  56. package/dist/index.esm.css +0 -1
  57. package/dist/index.esm.js +0 -25
  58. package/dist/index.esm.js.map +0 -1
  59. package/dist/index.js +0 -27
  60. package/dist/index.js.map +0 -1
  61. package/dist/setupTests.d.ts +0 -2
  62. package/dist/setupTests.d.ts.map +0 -1
  63. package/src/styles/index.css +0 -81
  64. package/src/styles/variables.css +0 -80
package/src/styles/index.css DELETED
@@ -1,81 +0,0 @@
1
- /* CSS Variables */
2
- :root {
3
- /* Colors */
4
- --pure-color-primary: #2563eb;
5
- --pure-color-primary-hover: #1d4ed8;
6
- --pure-color-primary-light: #dbeafe;
7
-
8
- --pure-color-secondary: #64748b;
9
- --pure-color-secondary-hover: #475569;
10
- --pure-color-secondary-light: #f1f5f9;
11
-
12
- --pure-color-success: #10b981;
13
- --pure-color-success-hover: #059669;
14
- --pure-color-success-light: #d1fae5;
15
-
16
- --pure-color-danger: #ef4444;
17
- --pure-color-danger-hover: #dc2626;
18
- --pure-color-danger-light: #fee2e2;
19
-
20
- --pure-color-warning: #f59e0b;
21
- --pure-color-warning-hover: #d97706;
22
- --pure-color-warning-light: #fef3c7;
23
-
24
- --pure-color-info: #3b82f6;
25
- --pure-color-info-hover: #2563eb;
26
- --pure-color-info-light: #dbeafe;
27
-
28
- /* Neutrals */
29
- --pure-color-white: #ffffff;
30
- --pure-color-black: #000000;
31
- --pure-color-gray-50: #f9fafb;
32
- --pure-color-gray-100: #f3f4f6;
33
- --pure-color-gray-200: #e5e7eb;
34
- --pure-color-gray-300: #d1d5db;
35
- --pure-color-gray-400: #9ca3af;
36
- --pure-color-gray-500: #6b7280;
37
- --pure-color-gray-600: #4b5563;
38
- --pure-color-gray-700: #374151;
39
- --pure-color-gray-800: #1f2937;
40
- --pure-color-gray-900: #111827;
41
-
42
- /* Spacing */
43
- --pure-spacing-xs: 0.25rem;
44
- --pure-spacing-sm: 0.5rem;
45
- --pure-spacing-md: 1rem;
46
- --pure-spacing-lg: 1.5rem;
47
- --pure-spacing-xl: 2rem;
48
- --pure-spacing-2xl: 3rem;
49
-
50
- /* Border Radius */
51
- --pure-radius-sm: 0.25rem;
52
- --pure-radius-md: 0.375rem;
53
- --pure-radius-lg: 0.5rem;
54
- --pure-radius-xl: 0.75rem;
55
- --pure-radius-full: 9999px;
56
-
57
- /* Shadows */
58
- --pure-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
59
- --pure-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
60
- --pure-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
61
- --pure-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
62
-
63
- /* Typography */
64
- --pure-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
65
- --pure-font-size-xs: 0.75rem;
66
- --pure-font-size-sm: 0.875rem;
67
- --pure-font-size-md: 1rem;
68
- --pure-font-size-lg: 1.125rem;
69
- --pure-font-size-xl: 1.25rem;
70
- --pure-font-size-2xl: 1.5rem;
71
-
72
- /* Transitions */
73
- --pure-transition-fast: 150ms ease-in-out;
74
- --pure-transition-base: 200ms ease-in-out;
75
- --pure-transition-slow: 300ms ease-in-out;
76
-
77
- /* Z-index */
78
- --pure-z-dropdown: 1000;
79
- --pure-z-modal: 1050;
80
- --pure-z-tooltip: 1100;
81
- }
package/src/styles/variables.css DELETED
@@ -1,80 +0,0 @@
1
- :root {
2
- /* Colors */
3
- --pure-color-primary: #2563eb;
4
- --pure-color-primary-hover: #1d4ed8;
5
- --pure-color-primary-light: #dbeafe;
6
-
7
- --pure-color-secondary: #64748b;
8
- --pure-color-secondary-hover: #475569;
9
- --pure-color-secondary-light: #f1f5f9;
10
-
11
- --pure-color-success: #10b981;
12
- --pure-color-success-hover: #059669;
13
- --pure-color-success-light: #d1fae5;
14
-
15
- --pure-color-danger: #ef4444;
16
- --pure-color-danger-hover: #dc2626;
17
- --pure-color-danger-light: #fee2e2;
18
-
19
- --pure-color-warning: #f59e0b;
20
- --pure-color-warning-hover: #d97706;
21
- --pure-color-warning-light: #fef3c7;
22
-
23
- --pure-color-info: #3b82f6;
24
- --pure-color-info-hover: #2563eb;
25
- --pure-color-info-light: #dbeafe;
26
-
27
- /* Neutrals */
28
- --pure-color-white: #ffffff;
29
- --pure-color-black: #000000;
30
- --pure-color-gray-50: #f9fafb;
31
- --pure-color-gray-100: #f3f4f6;
32
- --pure-color-gray-200: #e5e7eb;
33
- --pure-color-gray-300: #d1d5db;
34
- --pure-color-gray-400: #9ca3af;
35
- --pure-color-gray-500: #6b7280;
36
- --pure-color-gray-600: #4b5563;
37
- --pure-color-gray-700: #374151;
38
- --pure-color-gray-800: #1f2937;
39
- --pure-color-gray-900: #111827;
40
-
41
- /* Spacing */
42
- --pure-spacing-xs: 0.25rem;
43
- --pure-spacing-sm: 0.5rem;
44
- --pure-spacing-md: 1rem;
45
- --pure-spacing-lg: 1.5rem;
46
- --pure-spacing-xl: 2rem;
47
- --pure-spacing-2xl: 3rem;
48
-
49
- /* Border Radius */
50
- --pure-radius-sm: 0.25rem;
51
- --pure-radius-md: 0.375rem;
52
- --pure-radius-lg: 0.5rem;
53
- --pure-radius-xl: 0.75rem;
54
- --pure-radius-full: 9999px;
55
-
56
- /* Shadows */
57
- --pure-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
58
- --pure-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
59
- --pure-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
60
- --pure-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
61
-
62
- /* Typography */
63
- --pure-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
64
- --pure-font-size-xs: 0.75rem;
65
- --pure-font-size-sm: 0.875rem;
66
- --pure-font-size-md: 1rem;
67
- --pure-font-size-lg: 1.125rem;
68
- --pure-font-size-xl: 1.25rem;
69
- --pure-font-size-2xl: 1.5rem;
70
-
71
- /* Transitions */
72
- --pure-transition-fast: 150ms ease-in-out;
73
- --pure-transition-base: 200ms ease-in-out;
74
- --pure-transition-slow: 300ms ease-in-out;
75
-
76
- /* Z-index */
77
- --pure-z-dropdown: 1000;
78
- --pure-z-modal: 1050;
79
- --pure-z-tooltip: 1100;
80
- }