@yr3/ui 1.0.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 (71) hide show
  1. package/LICENSE +9 -0
  2. package/README.md +55 -0
  3. package/dist/components/Avatar/avatar.css +133 -0
  4. package/dist/components/Avatar/avatar.css.map +1 -0
  5. package/dist/components/Backdrop/backdrop.css +27 -0
  6. package/dist/components/Backdrop/backdrop.css.map +1 -0
  7. package/dist/components/Box/box.css +46 -0
  8. package/dist/components/Box/box.css.map +1 -0
  9. package/dist/components/Button/buttons.css +114 -0
  10. package/dist/components/Button/buttons.css.map +1 -0
  11. package/dist/components/Calendar/calendar.css +3 -0
  12. package/dist/components/Calendar/calendar.css.map +1 -0
  13. package/dist/components/Checkbox/checkbox.css +122 -0
  14. package/dist/components/Checkbox/checkbox.css.map +1 -0
  15. package/dist/components/Chip/chip.css +136 -0
  16. package/dist/components/Chip/chip.css.map +1 -0
  17. package/dist/components/Collapse/collapse.css +14 -0
  18. package/dist/components/Collapse/collapse.css.map +1 -0
  19. package/dist/components/Container/container.css +39 -0
  20. package/dist/components/Container/container.css.map +1 -0
  21. package/dist/components/Control/control.css +92 -0
  22. package/dist/components/Control/control.css.map +1 -0
  23. package/dist/components/Divider/divider.css +83 -0
  24. package/dist/components/Divider/divider.css.map +1 -0
  25. package/dist/components/Drawer/drawer.css +70 -0
  26. package/dist/components/Drawer/drawer.css.map +1 -0
  27. package/dist/components/Fade/fade.css +10 -0
  28. package/dist/components/Fade/fade.css.map +1 -0
  29. package/dist/components/Flex/flex.css +51 -0
  30. package/dist/components/Flex/flex.css.map +1 -0
  31. package/dist/components/Grid/Grid.css +67 -0
  32. package/dist/components/Grid/Grid.css.map +1 -0
  33. package/dist/components/Group/group.css +132 -0
  34. package/dist/components/Group/group.css.map +1 -0
  35. package/dist/components/Image/image.css +8 -0
  36. package/dist/components/Image/image.css.map +1 -0
  37. package/dist/components/ImageDropzone/image-dropzone.css +55 -0
  38. package/dist/components/ImageDropzone/image-dropzone.css.map +1 -0
  39. package/dist/components/Input/input.css +128 -0
  40. package/dist/components/Input/input.css.map +1 -0
  41. package/dist/components/InputArea/inputArea.css +88 -0
  42. package/dist/components/InputArea/inputArea.css.map +1 -0
  43. package/dist/components/Label/label.css +61 -0
  44. package/dist/components/Label/label.css.map +1 -0
  45. package/dist/components/Modal/modal.css +42 -0
  46. package/dist/components/Modal/modal.css.map +1 -0
  47. package/dist/components/Notistack/notistack.css +225 -0
  48. package/dist/components/Notistack/notistack.css.map +1 -0
  49. package/dist/components/Pending/pending.css +79 -0
  50. package/dist/components/Pending/pending.css.map +1 -0
  51. package/dist/components/Radio/radio.css +96 -0
  52. package/dist/components/Radio/radio.css.map +1 -0
  53. package/dist/components/Select/select.css +80 -0
  54. package/dist/components/Select/select.css.map +1 -0
  55. package/dist/components/Slide/slide.css +46 -0
  56. package/dist/components/Slide/slide.css.map +1 -0
  57. package/dist/components/Switch/switch.css +130 -0
  58. package/dist/components/Switch/switch.css.map +1 -0
  59. package/dist/components/Text/text.css +145 -0
  60. package/dist/components/Text/text.css.map +1 -0
  61. package/dist/index.d.mts +1592 -0
  62. package/dist/index.d.ts +1592 -0
  63. package/dist/index.js +2248 -0
  64. package/dist/index.mjs +2148 -0
  65. package/dist/styles/aminations.css +80 -0
  66. package/dist/styles/aminations.css.map +1 -0
  67. package/dist/styles/global.css +132 -0
  68. package/dist/styles/global.css.map +1 -0
  69. package/dist/styles/index.css +2332 -0
  70. package/dist/styles/index.css.map +1 -0
  71. package/package.json +62 -0
@@ -0,0 +1,80 @@
1
+ @keyframes fadeIn {
2
+ from {
3
+ opacity: 0;
4
+ }
5
+ to {
6
+ opacity: 1;
7
+ }
8
+ }
9
+ @keyframes scaleIn {
10
+ from {
11
+ transform: scale(0.95);
12
+ opacity: 0;
13
+ }
14
+ to {
15
+ transform: scale(1);
16
+ opacity: 1;
17
+ }
18
+ }
19
+ @keyframes slideIn {
20
+ from {
21
+ transform: translateY(20px);
22
+ opacity: 0;
23
+ }
24
+ to {
25
+ transform: translateY(0);
26
+ opacity: 1;
27
+ }
28
+ }
29
+ @keyframes slideOut {
30
+ from {
31
+ transform: translateY(0);
32
+ opacity: 1;
33
+ }
34
+ to {
35
+ transform: translateY(20px);
36
+ opacity: 0;
37
+ }
38
+ }
39
+ @keyframes slideTopIn {
40
+ from {
41
+ transform: translateY(-40px);
42
+ opacity: 0;
43
+ }
44
+ to {
45
+ transform: translateY(0);
46
+ opacity: 1;
47
+ }
48
+ }
49
+ @keyframes slideTopOut {
50
+ from {
51
+ transform: translateY(0);
52
+ opacity: 1;
53
+ }
54
+ to {
55
+ transform: translateY(-40px);
56
+ opacity: 0;
57
+ }
58
+ }
59
+ @keyframes slideTopCenterIn {
60
+ from {
61
+ transform: translateY(-40px);
62
+ opacity: 0;
63
+ }
64
+ to {
65
+ transform: translateY(0);
66
+ opacity: 1;
67
+ }
68
+ }
69
+ @keyframes slideTopCenterOut {
70
+ from {
71
+ transform: translateY(0);
72
+ opacity: 1;
73
+ }
74
+ to {
75
+ transform: translateY(-40px);
76
+ opacity: 0;
77
+ }
78
+ }
79
+
80
+ /*# sourceMappingURL=aminations.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/styles/aminations.scss"],"names":[],"mappings":"AAAA;EACE;IAAO;;EACP;IAAK;;;AAGP;EACE;IAAO;IAAwB;;EAC/B;IAAK;IAAqB;;;AAG5B;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA","file":"aminations.css"}
@@ -0,0 +1,132 @@
1
+ .yr3Border--gradient {
2
+ background: linear-gradient(129deg, #fdfdfd, #81e9f9, #fda6fe, var(--color-primary)) !important;
3
+ background-clip: text !important;
4
+ -webkit-background-clip: text !important;
5
+ -webkit-text-fill-color: transparent !important;
6
+ border: 2px solid;
7
+ border-image: linear-gradient(135deg, #42fbfe, #fda6fe, var(--color-primary)) 1 !important;
8
+ }
9
+
10
+ /* ===== RESET ===== */
11
+ *,
12
+ *::before,
13
+ *::after {
14
+ box-sizing: border-box;
15
+ }
16
+
17
+ * {
18
+ margin: 0;
19
+ padding: 0;
20
+ -webkit-tap-highlight-color: transparent;
21
+ }
22
+
23
+ /* ===== HTML / BODY ===== */
24
+ html,
25
+ body,
26
+ #root {
27
+ height: 100%;
28
+ overflow-x: hidden;
29
+ }
30
+
31
+ body {
32
+ font-family: "Inter", sans-serif;
33
+ color: var(--color-textPrimary, #ffffff);
34
+ line-height: 1;
35
+ margin: 0;
36
+ -webkit-font-smoothing: antialiased;
37
+ }
38
+
39
+ /* ===== MEDIA ===== */
40
+ img,
41
+ picture,
42
+ video,
43
+ canvas,
44
+ svg {
45
+ display: block;
46
+ max-width: 100%;
47
+ }
48
+
49
+ /* ===== FORM ===== */
50
+ input,
51
+ button,
52
+ textarea,
53
+ select {
54
+ font: inherit;
55
+ }
56
+
57
+ textarea {
58
+ border: none;
59
+ border-color: transparent;
60
+ background: transparent;
61
+ }
62
+
63
+ /* ===== BUTTON RESET ===== */
64
+ button {
65
+ border: none;
66
+ cursor: pointer;
67
+ all: unset;
68
+ -webkit-tap-highlight-color: transparent;
69
+ }
70
+
71
+ /* ===== LINKS ===== */
72
+ a {
73
+ text-decoration: none;
74
+ color: inherit;
75
+ }
76
+
77
+ /* ===== LIST ===== */
78
+ ul,
79
+ ol {
80
+ list-style: none;
81
+ }
82
+
83
+ p {
84
+ display: block;
85
+ margin-block-start: 0px;
86
+ margin-block-end: 0px;
87
+ margin-inline-start: 0px;
88
+ margin-inline-end: 0px;
89
+ unicode-bidi: isolate;
90
+ }
91
+
92
+ /* ===== ROOT CSS VARIABLES (fallback) ===== */
93
+ :root {
94
+ --color-primary: #6C5CE7;
95
+ --color-primary-contrast: #ffffff;
96
+ --color-secondary: #00CEC9;
97
+ --color-secondary-contrast: #f7f7f7;
98
+ --color-disabled: #aeaeae84;
99
+ --color-background: #0f0f1a;
100
+ --color-surface: #1a1a2e;
101
+ --color-textPrimary: #efefef;
102
+ --color-textSecondary: #b2bec3;
103
+ --badge-bg: transparent;
104
+ --badge-color: var(--color-secondary);
105
+ --badge-border: var(--color-secondary);
106
+ --radius-sm: 4px;
107
+ --radius-md: 8px;
108
+ --radius-lg: 12px;
109
+ --spacing-sm: 8px;
110
+ --spacing-md: 12px;
111
+ --spacing-lg: 18px;
112
+ --line-height:1;
113
+ --fontWeight-black: 900;
114
+ --fontWeight-bold: 700;
115
+ --fontWeight-semibold: 600;
116
+ --fontWeight-medium: 500;
117
+ --fontWeight-regular: 400;
118
+ --fontWeight-light: 300;
119
+ --fontWeight-thin: 100;
120
+ --font-family-base: 'Inter', sans-serif;
121
+ --font-family-heading: 'Inter', sans-serif;
122
+ --font-family-mono: 'Courier New', monospace;
123
+ --backdrop-bg: rgba(0, 0, 0, 0.5);
124
+ --modal-bg: #b3b3b7;
125
+ --padding-md: 24px;
126
+ --typo-size: 18px;
127
+ --typo-weight: var(--fontWeight-regular);
128
+ --border-radius: 4px;
129
+ --color-label: #6C5CE7;
130
+ }
131
+
132
+ /*# sourceMappingURL=global.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../src/styles/_variables.scss","../../src/styles/_mixins.scss","../../src/styles/global.scss"],"names":[],"mappings":"AAMA;ECCI;EAOA;EACA;EACA;EACA;EACA;;;ACbJ;AACA;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACA;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;EACA;;;AAEF;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EAEA;EAEA;EACA;EAEA;EACA","file":"global.css"}