@vkzstudio/muza-ui 1.0.2 → 1.0.4

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 (24) hide show
  1. package/CLAUDE_CONSUMER.md +238 -238
  2. package/README.md +168 -168
  3. package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
  4. package/dist/components/DatePicker/DatePicker.js +53 -53
  5. package/dist/components/ExpandableTable/ExpandableTable.d.ts.map +1 -1
  6. package/dist/components/ExpandableTable/ExpandableTable.js +162 -157
  7. package/dist/components/ExpandableTable/Table.d.ts +4 -1
  8. package/dist/components/ExpandableTable/Table.d.ts.map +1 -1
  9. package/dist/components/ExpandableTable/Table.js +82 -78
  10. package/dist/components/Lightbox/LightboxOverrides.css +5 -5
  11. package/dist/components/Loader/Loader.js +6 -6
  12. package/dist/fonts/Objectivity/OFL.txt +92 -92
  13. package/dist/globals.css +12 -12
  14. package/dist/muza-ui.css +1 -1
  15. package/dist/styles/3rd-parties.css +5 -5
  16. package/dist/styles/animations.css +41 -41
  17. package/dist/styles/breakpoints.css +4 -4
  18. package/dist/styles/primitives.css +155 -155
  19. package/dist/styles/token-colors.css +1201 -1201
  20. package/dist/styles/token-sizes.css +676 -676
  21. package/dist/styles/typography.css +84 -84
  22. package/dist/styles/utilities.css +66 -66
  23. package/dist/styles/white-label.css +25 -25
  24. package/package.json +1 -1
package/dist/styles/3rd-parties.css CHANGED
@@ -1,5 +1,5 @@
1
- /* Third-party library stylesheets */
2
-
3
- /* PhotoSwipe - Required for Lightbox component */
4
- @import 'photoswipe/dist/photoswipe.css';
5
- @import '../components/Lightbox/LightboxOverrides.css';
1
+ /* Third-party library stylesheets */
2
+
3
+ /* PhotoSwipe - Required for Lightbox component */
4
+ @import 'photoswipe/dist/photoswipe.css';
5
+ @import '../components/Lightbox/LightboxOverrides.css';
package/dist/styles/animations.css CHANGED
@@ -1,41 +1,41 @@
1
- @theme {
2
- @keyframes accordion-down {
3
- 0% {
4
- height: 0;
5
- }
6
- 100% {
7
- height: var(--radix-accordion-content-height);
8
- }
9
- }
10
- @keyframes accordion-up {
11
- 0% {
12
- height: var(--radix-accordion-content-height);
13
- }
14
- 100% {
15
- height: 0;
16
- }
17
- }
18
-
19
- --animate-accordion-down: accordion-down 0.2s ease-out;
20
- --animate-accordion-up: accordion-up 0.2s ease-out;
21
-
22
- @keyframes expandable-row-down {
23
- 0% {
24
- max-height: 0;
25
- }
26
- 100% {
27
- max-height: 2000px;
28
- }
29
- }
30
- @keyframes expandable-row-up {
31
- 0% {
32
- max-height: 2000px;
33
- }
34
- 100% {
35
- max-height: 0;
36
- }
37
- }
38
-
39
- --animate-expandable-row-down: expandable-row-down 1s ease-out;
40
- --animate-expandable-row-up: expandable-row-up 1s ease-out;
41
- }
1
+ @theme {
2
+ @keyframes accordion-down {
3
+ 0% {
4
+ height: 0;
5
+ }
6
+ 100% {
7
+ height: var(--radix-accordion-content-height);
8
+ }
9
+ }
10
+ @keyframes accordion-up {
11
+ 0% {
12
+ height: var(--radix-accordion-content-height);
13
+ }
14
+ 100% {
15
+ height: 0;
16
+ }
17
+ }
18
+
19
+ --animate-accordion-down: accordion-down 0.2s ease-out;
20
+ --animate-accordion-up: accordion-up 0.2s ease-out;
21
+
22
+ @keyframes expandable-row-down {
23
+ 0% {
24
+ max-height: 0;
25
+ }
26
+ 100% {
27
+ max-height: 2000px;
28
+ }
29
+ }
30
+ @keyframes expandable-row-up {
31
+ 0% {
32
+ max-height: 2000px;
33
+ }
34
+ 100% {
35
+ max-height: 0;
36
+ }
37
+ }
38
+
39
+ --animate-expandable-row-down: expandable-row-down 1s ease-out;
40
+ --animate-expandable-row-up: expandable-row-up 1s ease-out;
41
+ }
package/dist/styles/breakpoints.css CHANGED
@@ -1,4 +1,4 @@
1
- @theme {
2
- --breakpoint-2xl: 100rem; /* 1600px */
3
- --breakpoint-3xl: 120rem; /* 1888px */
4
- }
1
+ @theme {
2
+ --breakpoint-2xl: 100rem; /* 1600px */
3
+ --breakpoint-3xl: 120rem; /* 1888px */
4
+ }
package/dist/styles/primitives.css CHANGED
@@ -1,155 +1,155 @@
1
- :root {
2
- /* color */
3
- --color-black-dramatic-100: #efedf1;
4
- --color-black-dramatic-200: #dad8df;
5
- --color-black-dramatic-300: #bab6c3;
6
- --color-black-dramatic-400: #948ea2;
7
- --color-black-dramatic-50: #f7f7f8;
8
- --color-black-dramatic-500: #777087;
9
- --color-black-dramatic-600: #615a6f;
10
- --color-black-dramatic-700: #4f495b;
11
- --color-black-dramatic-800: #443f4d;
12
- --color-black-dramatic-900: #272727;
13
- --color-black-dramatic-950: #1c1a1f;
14
- --color-gray-100: #f6f3fe;
15
- --color-gray-1000: #5a5473;
16
- --color-gray-200: #eeebf7;
17
- --color-gray-300: #e3e0f1;
18
- --color-gray-400: #d6d1ea;
19
- --color-gray-50: #f9f8fb;
20
- --color-gray-500: #c6c0dc;
21
- --color-gray-600: #9a92b9;
22
- --color-gray-700: #867fa2;
23
- --color-gray-800: #787194;
24
- --color-gray-900: #645c81;
25
- --color-green-100: #54d2c1;
26
- --color-green-1000: #032924;
27
- --color-green-200: #46bfaf;
28
- --color-green-300: #30a192;
29
- --color-green-400: #248578;
30
- --color-green-500: #14645a;
31
- --color-green-600: #0e584e;
32
- --color-green-700: #0b4f46;
33
- --color-green-800: #073f38;
34
- --color-green-900: #053631;
35
- --color-lime-100: #f7fbde;
36
- --color-lime-1000: #8e9850;
37
- --color-lime-200: #f8ffcc;
38
- --color-lime-300: #eaf5a7;
39
- --color-lime-400: #e7f591;
40
- --color-lime-500: #e2f477;
41
- --color-lime-600: #d6e95d;
42
- --color-lime-700: #c9dc52;
43
- --color-lime-800: #b3c353;
44
- --color-lime-900: #a4b154;
45
- --color-neutral-off-white: #f7f5ff;
46
- --color-neutral-white: #ffffff;
47
- --color-orange-100: #ffebdc;
48
- --color-orange-1000: #661b00;
49
- --color-orange-200: #fecdb8;
50
- --color-orange-300: #feaf94;
51
- --color-orange-400: #fd9170;
52
- --color-orange-500: #fb825f;
53
- --color-orange-600: #fa734b;
54
- --color-orange-700: #cb5233;
55
- --color-orange-800: #b34024;
56
- --color-orange-900: #8b2f19;
57
- --color-other-blue: #1d8ced;
58
- --color-other-blue-light: #cde8ff;
59
- --color-other-green: #009174;
60
- --color-other-green-light: #cde7e2;
61
- --color-other-orange: #f47140;
62
- --color-other-orange-light: #ffe4d9;
63
- --color-other-pink: #e4329c;
64
- --color-other-pink-light: #ffd2ec;
65
- --color-other-purple: #652ef3;
66
- --color-other-purple-light: #dfd2ff;
67
- --color-other-red: #ee304d;
68
- --color-other-red-light: #ffccd3;
69
- --color-other-yellow: #e3b42b;
70
- --color-other-yellow-light: #f6e9c3;
71
- --color-pink-100: #f2e9f8;
72
- --color-pink-1000: #3c0b48;
73
- --color-pink-200: #e6c3ff;
74
- --color-pink-300: #df9eff;
75
- --color-pink-400: #cb82eb;
76
- --color-pink-500: #bf5fe6;
77
- --color-pink-600: #b750e4;
78
- --color-pink-700: #ad35e1;
79
- --color-pink-800: #8924b2;
80
- --color-pink-900: #62177c;
81
- --color-purple-100: #f1e9f8;
82
- --color-purple-1000: #100321;
83
- --color-purple-200: #d2b9f3;
84
- --color-purple-300: #a673e7;
85
- --color-purple-400: #843fde;
86
- --color-purple-500: #5f1eb4;
87
- --color-purple-600: #521d96;
88
- --color-purple-700: #461d7c;
89
- --color-purple-800: #320f5e;
90
- --color-purple-900: #1c0638;
91
- --color-red-100: #ffd1d7;
92
- --color-red-1000: #36070d;
93
- --color-red-200: #ea929d;
94
- --color-red-300: #d45f6e;
95
- --color-red-400: #b44453;
96
- --color-red-50: #fff1f2;
97
- --color-red-500: #a92b3d;
98
- --color-red-600: #9d1326;
99
- --color-red-700: #841120;
100
- --color-red-800: #6a0e1a;
101
- --color-red-900: #500b14;
102
- --color-transparent-brand-12: #5f1eb41f;
103
- --color-transparent-brand-15: #5f1eb426;
104
- --color-transparent-brand-8: #5f1eb414;
105
- --color-transparent-dark-10: #1c1a1f1a;
106
- --color-transparent-dark-12: #1c1a1f1f;
107
- --color-transparent-dark-70: #100321b2;
108
- --color-transparent-dark-8: #1c1a1f14;
109
- --color-transparent-green-15: #14645a26;
110
- --color-transparent-light-15: #f6f3fe26;
111
- --color-transparent-light-25: #f6f3fe40;
112
- --color-transparent-light-40: #c6c0dc66;
113
- --color-transparent-orange-15: #fb825f26;
114
- --color-transparent-red-10: #a92b3d1a;
115
- --color-transparent-red-15: #a92b3d26;
116
- --color-transparent-red-20: #a92b3d33;
117
- --color-transparent-red-35: #a92b3d59;
118
- --color-transparent-red-8: #a92b3d14;
119
- --color-transparent-transparent: #ffffff00;
120
- --color-transparent-white-15: #ffffff26;
121
- /* number */
122
- --spacing-0: 0px;
123
- --spacing-1: 1px;
124
- --spacing-1-5: 1.5px;
125
- --spacing-2: 2px;
126
- --spacing-4: 4px;
127
- --spacing-6: 6px;
128
- --spacing-8: 8px;
129
- --spacing-10: 10px;
130
- --spacing-12: 12px;
131
- --spacing-16: 16px;
132
- --spacing-20: 20px;
133
- --spacing-24: 24px;
134
- --spacing-28: 28px;
135
- --spacing-32: 32px;
136
- --spacing-36: 36px;
137
- --spacing-40: 40px;
138
- --spacing-48: 48px;
139
- --spacing-50: 50px;
140
- --spacing-56: 56px;
141
- --spacing-64: 64px;
142
- --spacing-72: 72px;
143
- --spacing-80: 80px;
144
- --spacing-96: 96px;
145
- --spacing-120: 120px;
146
- --spacing-160: 160px;
147
- --spacing-240: 240px;
148
- --spacing-320: 320px;
149
- --spacing-335: 335px;
150
- --spacing-360: 360px;
151
- --spacing-400: 400px;
152
- --spacing-640: 640px;
153
- --spacing-720: 720px;
154
- --spacing-980: 980px;
155
- }
1
+ :root {
2
+ /* color */
3
+ --color-black-dramatic-100: #efedf1;
4
+ --color-black-dramatic-200: #dad8df;
5
+ --color-black-dramatic-300: #bab6c3;
6
+ --color-black-dramatic-400: #948ea2;
7
+ --color-black-dramatic-50: #f7f7f8;
8
+ --color-black-dramatic-500: #777087;
9
+ --color-black-dramatic-600: #615a6f;
10
+ --color-black-dramatic-700: #4f495b;
11
+ --color-black-dramatic-800: #443f4d;
12
+ --color-black-dramatic-900: #272727;
13
+ --color-black-dramatic-950: #1c1a1f;
14
+ --color-gray-100: #f6f3fe;
15
+ --color-gray-1000: #5a5473;
16
+ --color-gray-200: #eeebf7;
17
+ --color-gray-300: #e3e0f1;
18
+ --color-gray-400: #d6d1ea;
19
+ --color-gray-50: #f9f8fb;
20
+ --color-gray-500: #c6c0dc;
21
+ --color-gray-600: #9a92b9;
22
+ --color-gray-700: #867fa2;
23
+ --color-gray-800: #787194;
24
+ --color-gray-900: #645c81;
25
+ --color-green-100: #54d2c1;
26
+ --color-green-1000: #032924;
27
+ --color-green-200: #46bfaf;
28
+ --color-green-300: #30a192;
29
+ --color-green-400: #248578;
30
+ --color-green-500: #14645a;
31
+ --color-green-600: #0e584e;
32
+ --color-green-700: #0b4f46;
33
+ --color-green-800: #073f38;
34
+ --color-green-900: #053631;
35
+ --color-lime-100: #f7fbde;
36
+ --color-lime-1000: #8e9850;
37
+ --color-lime-200: #f8ffcc;
38
+ --color-lime-300: #eaf5a7;
39
+ --color-lime-400: #e7f591;
40
+ --color-lime-500: #e2f477;
41
+ --color-lime-600: #d6e95d;
42
+ --color-lime-700: #c9dc52;
43
+ --color-lime-800: #b3c353;
44
+ --color-lime-900: #a4b154;
45
+ --color-neutral-off-white: #f7f5ff;
46
+ --color-neutral-white: #ffffff;
47
+ --color-orange-100: #ffebdc;
48
+ --color-orange-1000: #661b00;
49
+ --color-orange-200: #fecdb8;
50
+ --color-orange-300: #feaf94;
51
+ --color-orange-400: #fd9170;
52
+ --color-orange-500: #fb825f;
53
+ --color-orange-600: #fa734b;
54
+ --color-orange-700: #cb5233;
55
+ --color-orange-800: #b34024;
56
+ --color-orange-900: #8b2f19;
57
+ --color-other-blue: #1d8ced;
58
+ --color-other-blue-light: #cde8ff;
59
+ --color-other-green: #009174;
60
+ --color-other-green-light: #cde7e2;
61
+ --color-other-orange: #f47140;
62
+ --color-other-orange-light: #ffe4d9;
63
+ --color-other-pink: #e4329c;
64
+ --color-other-pink-light: #ffd2ec;
65
+ --color-other-purple: #652ef3;
66
+ --color-other-purple-light: #dfd2ff;
67
+ --color-other-red: #ee304d;
68
+ --color-other-red-light: #ffccd3;
69
+ --color-other-yellow: #e3b42b;
70
+ --color-other-yellow-light: #f6e9c3;
71
+ --color-pink-100: #f2e9f8;
72
+ --color-pink-1000: #3c0b48;
73
+ --color-pink-200: #e6c3ff;
74
+ --color-pink-300: #df9eff;
75
+ --color-pink-400: #cb82eb;
76
+ --color-pink-500: #bf5fe6;
77
+ --color-pink-600: #b750e4;
78
+ --color-pink-700: #ad35e1;
79
+ --color-pink-800: #8924b2;
80
+ --color-pink-900: #62177c;
81
+ --color-purple-100: #f1e9f8;
82
+ --color-purple-1000: #100321;
83
+ --color-purple-200: #d2b9f3;
84
+ --color-purple-300: #a673e7;
85
+ --color-purple-400: #843fde;
86
+ --color-purple-500: #5f1eb4;
87
+ --color-purple-600: #521d96;
88
+ --color-purple-700: #461d7c;
89
+ --color-purple-800: #320f5e;
90
+ --color-purple-900: #1c0638;
91
+ --color-red-100: #ffd1d7;
92
+ --color-red-1000: #36070d;
93
+ --color-red-200: #ea929d;
94
+ --color-red-300: #d45f6e;
95
+ --color-red-400: #b44453;
96
+ --color-red-50: #fff1f2;
97
+ --color-red-500: #a92b3d;
98
+ --color-red-600: #9d1326;
99
+ --color-red-700: #841120;
100
+ --color-red-800: #6a0e1a;
101
+ --color-red-900: #500b14;
102
+ --color-transparent-brand-12: #5f1eb41f;
103
+ --color-transparent-brand-15: #5f1eb426;
104
+ --color-transparent-brand-8: #5f1eb414;
105
+ --color-transparent-dark-10: #1c1a1f1a;
106
+ --color-transparent-dark-12: #1c1a1f1f;
107
+ --color-transparent-dark-70: #100321b2;
108
+ --color-transparent-dark-8: #1c1a1f14;
109
+ --color-transparent-green-15: #14645a26;
110
+ --color-transparent-light-15: #f6f3fe26;
111
+ --color-transparent-light-25: #f6f3fe40;
112
+ --color-transparent-light-40: #c6c0dc66;
113
+ --color-transparent-orange-15: #fb825f26;
114
+ --color-transparent-red-10: #a92b3d1a;
115
+ --color-transparent-red-15: #a92b3d26;
116
+ --color-transparent-red-20: #a92b3d33;
117
+ --color-transparent-red-35: #a92b3d59;
118
+ --color-transparent-red-8: #a92b3d14;
119
+ --color-transparent-transparent: #ffffff00;
120
+ --color-transparent-white-15: #ffffff26;
121
+ /* number */
122
+ --spacing-0: 0px;
123
+ --spacing-1: 1px;
124
+ --spacing-1-5: 1.5px;
125
+ --spacing-2: 2px;
126
+ --spacing-4: 4px;
127
+ --spacing-6: 6px;
128
+ --spacing-8: 8px;
129
+ --spacing-10: 10px;
130
+ --spacing-12: 12px;
131
+ --spacing-16: 16px;
132
+ --spacing-20: 20px;
133
+ --spacing-24: 24px;
134
+ --spacing-28: 28px;
135
+ --spacing-32: 32px;
136
+ --spacing-36: 36px;
137
+ --spacing-40: 40px;
138
+ --spacing-48: 48px;
139
+ --spacing-50: 50px;
140
+ --spacing-56: 56px;
141
+ --spacing-64: 64px;
142
+ --spacing-72: 72px;
143
+ --spacing-80: 80px;
144
+ --spacing-96: 96px;
145
+ --spacing-120: 120px;
146
+ --spacing-160: 160px;
147
+ --spacing-240: 240px;
148
+ --spacing-320: 320px;
149
+ --spacing-335: 335px;
150
+ --spacing-360: 360px;
151
+ --spacing-400: 400px;
152
+ --spacing-640: 640px;
153
+ --spacing-720: 720px;
154
+ --spacing-980: 980px;
155
+ }