@moises.ai/design-system 3.11.18 → 3.11.19
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.
- package/dist/colors/custom-styles.css +28 -8
- package/dist/index.js +2214 -2202
- package/package.json +1 -1
- package/src/colors/custom-styles.css +28 -8
- package/src/components/InputLevelMeter/InputLevelMeter.module.css +1 -1
- package/src/components/TrackControlButton/TrackControlButton.jsx +53 -13
- package/src/components/TrackControlButton/TrackControlButton.module.css +80 -30
- package/src/components/TrackControlButton/TrackControlButton.stories.jsx +25 -6
- package/src/components/TrackControlsToggle/TrackControlsToggle.jsx +24 -52
- package/src/components/TrackControlsToggle/TrackControlsToggle.module.css +0 -44
|
@@ -85,7 +85,26 @@
|
|
|
85
85
|
|
|
86
86
|
/* Neutral */
|
|
87
87
|
|
|
88
|
-
|
|
88
|
+
/* Figma paths: colors/neutral/…, colors/semantic/…, colors/accent/… (AI Studio file) */
|
|
89
|
+
--colors-neutral-neutral-1: #111113;
|
|
90
|
+
--colors-neutral-neutral-alpha-2: rgba(216, 244, 246, 0.04);
|
|
91
|
+
--colors-neutral-neutral-alpha-3: rgba(221, 234, 248, 0.08);
|
|
92
|
+
--colors-neutral-neutral-alpha-4: rgba(211, 237, 248, 0.11);
|
|
93
|
+
--colors-neutral-neutral-alpha-5: rgba(217, 237, 254, 0.15);
|
|
94
|
+
--colors-neutral-neutral-alpha-10: rgba(229, 237, 253, 0.48);
|
|
95
|
+
--colors-semantic-warning-alpha-9: #ffc53d;
|
|
96
|
+
--colors-accent-accent-10: #19e4f1;
|
|
97
|
+
--colors-red-alpha-10: rgba(255, 100, 101, 0.92);
|
|
98
|
+
|
|
99
|
+
/* Figma Dev Mode (PascalCase) — mesmo valor que colors/neutral/neutral-alpha/… */
|
|
100
|
+
--Colors-Neutral-Neutral-Alpha-2: var(--colors-neutral-neutral-alpha-2);
|
|
101
|
+
--Colors-Neutral-Neutral-Alpha-3: var(--colors-neutral-neutral-alpha-3);
|
|
102
|
+
--Colors-Neutral-Neutral-Alpha-4: var(--colors-neutral-neutral-alpha-4);
|
|
103
|
+
--Colors-Neutral-Neutral-Alpha-5: var(--colors-neutral-neutral-alpha-5);
|
|
104
|
+
--Colors-Neutral-Neutral-Alpha-10: var(--colors-neutral-neutral-alpha-10);
|
|
105
|
+
--Colors-Neutral-Neutral-1: var(--colors-neutral-neutral-1);
|
|
106
|
+
|
|
107
|
+
--neutral-1: var(--colors-neutral-neutral-1);
|
|
89
108
|
--neutral-2: rgba(24, 25, 27, 1);
|
|
90
109
|
--neutral-3: rgba(33, 34, 37, 1);
|
|
91
110
|
--neutral-4: rgba(39, 42, 45, 1);
|
|
@@ -99,15 +118,15 @@
|
|
|
99
118
|
--neutral-12: rgba(237, 238, 240, 1);
|
|
100
119
|
|
|
101
120
|
--neutral-alpha-1: rgba(0, 0, 0, 0);
|
|
102
|
-
--neutral-alpha-2:
|
|
103
|
-
--neutral-alpha-3:
|
|
104
|
-
--neutral-alpha-4:
|
|
105
|
-
--neutral-alpha-5:
|
|
121
|
+
--neutral-alpha-2: var(--colors-neutral-neutral-alpha-2);
|
|
122
|
+
--neutral-alpha-3: var(--colors-neutral-neutral-alpha-3);
|
|
123
|
+
--neutral-alpha-4: var(--colors-neutral-neutral-alpha-4);
|
|
124
|
+
--neutral-alpha-5: var(--colors-neutral-neutral-alpha-5);
|
|
106
125
|
--neutral-alpha-6: rgba(214, 235, 253, 0.19);
|
|
107
126
|
--neutral-alpha-7: rgba(217, 237, 255, 0.25);
|
|
108
127
|
--neutral-alpha-8: rgba(217, 237, 255, 0.36);
|
|
109
128
|
--neutral-alpha-9: rgba(223, 235, 253, 0.43);
|
|
110
|
-
--neutral-alpha-10:
|
|
129
|
+
--neutral-alpha-10: var(--colors-neutral-neutral-alpha-10);
|
|
111
130
|
--neutral-alpha-11: rgba(241, 247, 254, 0.71);
|
|
112
131
|
--neutral-alpha-12: rgba(252, 253, 255, 0.94);
|
|
113
132
|
|
|
@@ -118,6 +137,7 @@
|
|
|
118
137
|
/* Red */
|
|
119
138
|
--red-alpha-2: rgba(242, 47, 62, 0.07);
|
|
120
139
|
--red-alpha-3: rgba(255, 23, 63, 0.18);
|
|
140
|
+
--red-alpha-10: var(--colors-red-alpha-10);
|
|
121
141
|
|
|
122
142
|
/* Success */
|
|
123
143
|
--success-alpha-2: rgba(41, 249, 157, 0.04);
|
|
@@ -128,6 +148,7 @@
|
|
|
128
148
|
|
|
129
149
|
/* Warning */
|
|
130
150
|
--warning-alpha-2: rgba(253, 155, 0, 0.05);
|
|
151
|
+
--warning-alpha-9: var(--colors-semantic-warning-alpha-9);
|
|
131
152
|
--warning-alpha-12: #FFE7B3;
|
|
132
153
|
|
|
133
154
|
/* Error */
|
|
@@ -140,7 +161,6 @@
|
|
|
140
161
|
--info-alpha-3: rgba(0, 249, 121, 0.11);
|
|
141
162
|
--info-alpha-12: rgba(166, 255, 206, 1);
|
|
142
163
|
|
|
143
|
-
|
|
144
164
|
.radix-themes {
|
|
145
165
|
--cursor-button: pointer;
|
|
146
166
|
--cursor-checkbox: pointer;
|
|
@@ -221,7 +241,7 @@
|
|
|
221
241
|
--cyan-7: var(--aqua-7);
|
|
222
242
|
--cyan-8: var(--aqua-8);
|
|
223
243
|
--cyan-9: var(--aqua-9);
|
|
224
|
-
--cyan-10: var(--
|
|
244
|
+
--cyan-10: var(--colors-accent-accent-10);
|
|
225
245
|
--cyan-11: var(--aqua-11);
|
|
226
246
|
--cyan-12: var(--aqua-12);
|
|
227
247
|
--cyan-a1: var(--aqua-alpha-1);
|