@oceanbase/design 1.0.0-alpha.7 → 1.0.0-alpha.9

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 (56) hide show
  1. package/dist/design.min.js +1 -1
  2. package/es/card/index.d.ts +2 -0
  3. package/es/card/index.js +33 -13
  4. package/es/card/style/index.js +36 -20
  5. package/es/checkbox/style/index.js +5 -3
  6. package/es/config-provider/index.js +13 -11
  7. package/es/descriptions/hooks/useItems.d.ts +9 -9
  8. package/es/descriptions/index.d.ts +10 -0
  9. package/es/descriptions/index.js +59 -3
  10. package/es/descriptions/style/index.js +48 -5
  11. package/es/drawer/style/index.js +11 -5
  12. package/es/form/FormItem.d.ts +1 -1
  13. package/es/form/FormItem.js +7 -9
  14. package/es/form/style/index.js +9 -9
  15. package/es/slider/style/index.js +3 -2
  16. package/es/style/cssVariables.d.ts +25 -0
  17. package/es/style/cssVariables.js +48 -0
  18. package/es/style/cssVariablesMeta.d.ts +24 -0
  19. package/es/style/cssVariablesMeta.js +974 -0
  20. package/es/style/global.js +4 -4
  21. package/es/table/index.js +8 -0
  22. package/es/table/style/index.js +9 -3
  23. package/es/tag/style/index.js +1 -1
  24. package/es/theme/default.d.ts +44 -0
  25. package/es/theme/default.js +159 -40
  26. package/es/theme/interface.d.ts +43 -0
  27. package/es/theme/style/compact.less +43 -24
  28. package/es/theme/style/default.less +43 -24
  29. package/lib/card/index.d.ts +2 -0
  30. package/lib/card/index.js +27 -12
  31. package/lib/card/style/index.js +61 -29
  32. package/lib/checkbox/style/index.js +4 -3
  33. package/lib/config-provider/index.js +15 -4
  34. package/lib/descriptions/hooks/useItems.d.ts +9 -9
  35. package/lib/descriptions/index.d.ts +10 -0
  36. package/lib/descriptions/index.js +49 -2
  37. package/lib/descriptions/style/index.js +85 -4
  38. package/lib/drawer/style/index.js +9 -4
  39. package/lib/form/FormItem.d.ts +1 -1
  40. package/lib/form/FormItem.js +5 -6
  41. package/lib/form/style/index.js +13 -11
  42. package/lib/slider/style/index.js +5 -2
  43. package/lib/style/cssVariables.d.ts +25 -0
  44. package/lib/style/cssVariables.js +261 -0
  45. package/lib/style/cssVariablesMeta.d.ts +24 -0
  46. package/lib/style/cssVariablesMeta.js +1059 -0
  47. package/lib/style/global.js +4 -4
  48. package/lib/table/index.js +7 -0
  49. package/lib/table/style/index.js +10 -1
  50. package/lib/tag/style/index.js +1 -1
  51. package/lib/theme/default.d.ts +44 -0
  52. package/lib/theme/default.js +232 -42
  53. package/lib/theme/interface.d.ts +43 -0
  54. package/lib/theme/style/compact.less +43 -24
  55. package/lib/theme/style/default.less +43 -24
  56. package/package.json +2 -2
package/lib/theme/style/default.less CHANGED
@@ -45,17 +45,17 @@
45
45
  @wireframe: false;
46
46
  @motion: true;
47
47
  @blue-1: #e6f4ff;
48
- @blue1: #e6f4ff;
48
+ @blue1: #f3f8fe;
49
49
  @blue-2: #b0dbff;
50
- @blue2: #b0dbff;
50
+ @blue2: #b3d3ff;
51
51
  @blue-3: #87c5ff;
52
- @blue3: #87c5ff;
52
+ @blue3: #619ef3;
53
53
  @blue-4: #5eacff;
54
- @blue4: #5eacff;
54
+ @blue4: #0d6cf2;
55
55
  @blue-5: #3690ff;
56
- @blue5: #3690ff;
56
+ @blue5: #0852bb;
57
57
  @blue-6: #0d6cf2;
58
- @blue6: #0d6cf2;
58
+ @blue6: #0d3c80;
59
59
  @blue-7: #004ecc;
60
60
  @blue7: #004ecc;
61
61
  @blue-8: #003aa6;
@@ -105,17 +105,17 @@
105
105
  @cyan-10: #002329;
106
106
  @cyan10: #002329;
107
107
  @green-1: #e4f7ed;
108
- @green1: #e4f7ed;
108
+ @green1: #f5faf8;
109
109
  @green-2: #b2ebd0;
110
- @green2: #b2ebd0;
110
+ @green2: #b3e6d5;
111
111
  @green-3: #85deb7;
112
- @green3: #85deb7;
112
+ @green3: #79d1b4;
113
113
  @green-4: #5cd1a2;
114
- @green4: #5cd1a2;
114
+ @green4: #16b882;
115
115
  @green-5: #37c491;
116
- @green5: #37c491;
116
+ @green5: #0a8c61;
117
117
  @green-6: #16b882;
118
- @green6: #16b882;
118
+ @green6: #09593f;
119
119
  @green-7: #0a9169;
120
120
  @green7: #0a9169;
121
121
  @green-8: #026b4f;
@@ -165,17 +165,17 @@
165
165
  @pink-10: #520339;
166
166
  @pink10: #520339;
167
167
  @red-1: #fff2f0;
168
- @red1: #fff2f0;
168
+ @red1: #fff2f2;
169
169
  @red-2: #ffedeb;
170
- @red2: #ffedeb;
170
+ @red2: #ffd6d6;
171
171
  @red-3: #ffc8c2;
172
- @red3: #ffc8c2;
172
+ @red3: #f69898;
173
173
  @red-4: #ffa099;
174
- @red4: #ffa099;
174
+ @red4: #eb4242;
175
175
  @red-5: #f7716d;
176
- @red5: #f7716d;
176
+ @red5: #b52727;
177
177
  @red-6: #eb4242;
178
- @red6: #eb4242;
178
+ @red6: #8a1b1b;
179
179
  @red-7: #c42d32;
180
180
  @red7: #c42d32;
181
181
  @red-8: #9e1c25;
@@ -185,17 +185,17 @@
185
185
  @red-10: #520a13;
186
186
  @red10: #520a13;
187
187
  @orange-1: #fff7e6;
188
- @orange1: #fff7e6;
188
+ @orange1: #fff9ee;
189
189
  @orange-2: #ffe7ba;
190
- @orange2: #ffe7ba;
190
+ @orange2: #ffe7c2;
191
191
  @orange-3: #ffd591;
192
- @orange3: #ffd591;
192
+ @orange3: #fac373;
193
193
  @orange-4: #ffc069;
194
- @orange4: #ffc069;
194
+ @orange4: #f49f25;
195
195
  @orange-5: #ffa940;
196
- @orange5: #ffa940;
196
+ @orange5: #ac690b;
197
197
  @orange-6: #fa8c16;
198
- @orange6: #fa8c16;
198
+ @orange6: #6c4408;
199
199
  @orange-7: #d46b08;
200
200
  @orange7: #d46b08;
201
201
  @orange-8: #ad4e00;
@@ -426,6 +426,25 @@
426
426
  @boxShadowSecondary: 0 6px 16px 0 rgba(54, 69, 99, 0.08), 0 3px 6px -4px rgba(54, 69, 99, 0.12), 0 9px 28px 8px rgba(54, 69, 99, 0.05);
427
427
  @boxShadowTertiary: 0 1px 2px 0 rgba(54, 69, 99, 0.03), 0 1px 6px -1px rgba(54, 69, 99, 0.02), 0 2px 4px 0 rgba(54, 69, 99, 0.02);
428
428
  @lineWidthFocus: 3px;
429
+ @white: #ffffff;
430
+ @black: #000000;
431
+ @gray1: #fbfcfe;
432
+ @gray2: #f5f7fc;
433
+ @gray3: #ebeff7;
434
+ @gray4: #e2e8f3;
435
+ @gray5: #cdd5e4;
436
+ @gray6: #b6c0d4;
437
+ @gray7: #8592ad;
438
+ @gray8: #5c6b8a;
439
+ @gray9: #3b4a69;
440
+ @fuchsia1: #faf0fc;
441
+ @fuchsia2: #e8caee;
442
+ @fuchsia3: #d88ee7;
443
+ @fuchsia4: #b04ec4;
444
+ @fuchsia5: #802792;
445
+ @fuchsia6: #580e67;
446
+ @colorNaviBg: #f1f6ff;
447
+ @colorNaviBgHover: #e8effb;
429
448
  @colorFillContent: #e2e8f3;
430
449
  @colorFillContentHover: #cdd5e4;
431
450
  @colorFillAlter: #f5f7fc;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oceanbase/design",
3
- "version": "1.0.0-alpha.7",
3
+ "version": "1.0.0-alpha.9",
4
4
  "description": "The Design System of OceanBase",
5
5
  "keywords": [
6
6
  "oceanbase",
@@ -66,5 +66,5 @@
66
66
  "react": ">=16.9.0",
67
67
  "react-dom": ">=16.9.0"
68
68
  },
69
- "gitHead": "61bf8e19d8267e8f37572589ab7516222e8fca32"
69
+ "gitHead": "b208f8aa2f982a955a827e14b58796e934cac016"
70
70
  }