@juligc99/loro-ui 0.0.13 → 0.0.14

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 (5) hide show
  1. package/design-tokens/loro-theme.scss +20 -0
  2. package/fesm2022/juligc99-loro-ui.mjs +101 -43
  3. package/fesm2022/juligc99-loro-ui.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/types/juligc99-loro-ui.d.ts +10 -3
package/design-tokens/loro-theme.scss CHANGED
@@ -29,6 +29,16 @@
29
29
  --loro-border-contrast: rgba(255, 255, 255, 0.22);
30
30
  --loro-focus-ring: rgba(108, 60, 255, 0.26);
31
31
 
32
+ --loro-disabled-surface: #ebe7f5;
33
+ --loro-disabled-border: rgba(43, 35, 80, 0.18);
34
+ --loro-disabled-text: #6f668b;
35
+ --loro-disabled-primary-surface: linear-gradient(135deg, #a995db, #8d77c8);
36
+ --loro-disabled-primary-text: rgba(255, 255, 255, 0.72);
37
+ --loro-social-disabled-surface: #eef0f5;
38
+ --loro-social-disabled-border: rgba(43, 35, 80, 0.18);
39
+ --loro-social-disabled-text: #5d6475;
40
+ --loro-social-disabled-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.64);
41
+
32
42
  --loro-shadow-soft: 0 10px 30px rgba(34, 25, 73, 0.07);
33
43
  --loro-shadow-panel: 0 24px 60px rgba(40, 26, 92, 0.12);
34
44
  --loro-shadow-button: 0 12px 24px rgba(91, 51, 214, 0.18);
@@ -235,6 +245,16 @@ html[data-theme='dark'] {
235
245
  --loro-border-contrast: rgba(255, 255, 255, 0.12);
236
246
  --loro-focus-ring: rgba(181, 140, 255, 0.34);
237
247
 
248
+ --loro-disabled-surface: #252a33;
249
+ --loro-disabled-border: rgba(255, 255, 255, 0.17);
250
+ --loro-disabled-text: #b9c1cb;
251
+ --loro-disabled-primary-surface: linear-gradient(135deg, #6f568f, #5b477a);
252
+ --loro-disabled-primary-text: rgba(255, 255, 255, 0.68);
253
+ --loro-social-disabled-surface: #20252d;
254
+ --loro-social-disabled-border: rgba(255, 255, 255, 0.18);
255
+ --loro-social-disabled-text: #c0c6cf;
256
+ --loro-social-disabled-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
257
+
238
258
  --loro-shadow-soft: 0 14px 36px rgba(0, 0, 0, 0.28);
239
259
  --loro-shadow-panel: 0 26px 72px rgba(0, 0, 0, 0.34);
240
260
  --loro-shadow-button: 0 14px 28px rgba(0, 0, 0, 0.32);