@oceanbase/design 1.0.0-alpha.3 → 1.0.0-alpha.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 (60) hide show
  1. package/dist/design.min.js +1 -1
  2. package/es/alert/index.d.ts +2 -2
  3. package/es/alert/index.js +13 -4
  4. package/es/alert/style/index.js +152 -58
  5. package/es/badge/index.js +2 -3
  6. package/es/badge/style/index.js +1 -3
  7. package/es/card/index.d.ts +4 -0
  8. package/es/card/index.js +64 -7
  9. package/es/card/style/index.js +29 -5
  10. package/es/config-provider/index.d.ts +2 -2
  11. package/es/config-provider/index.js +26 -2
  12. package/es/descriptions/hooks/useItems.d.ts +6 -6
  13. package/es/drawer/style/index.js +24 -6
  14. package/es/form/FormItem.d.ts +1 -0
  15. package/es/form/FormItem.js +14 -4
  16. package/es/form/style/index.js +13 -2
  17. package/es/input-number/index.d.ts +2 -1
  18. package/es/locale/ja-JP.d.ts +3 -0
  19. package/es/locale/ja-JP.js +28 -0
  20. package/es/modal/Modal.js +20 -6
  21. package/es/modal/style/index.js +62 -19
  22. package/es/static-function/index.js +13 -4
  23. package/es/table/style/index.js +3 -4
  24. package/es/tabs/style/index.js +4 -2
  25. package/es/tag/index.d.ts +1 -0
  26. package/es/tag/index.js +3 -2
  27. package/es/tag/style/index.js +8 -2
  28. package/es/theme/default.js +9 -3
  29. package/es/theme/style/compact.less +7 -7
  30. package/es/theme/style/default.less +7 -7
  31. package/lib/alert/index.d.ts +2 -2
  32. package/lib/alert/index.js +11 -3
  33. package/lib/alert/style/index.js +170 -71
  34. package/lib/badge/index.js +2 -2
  35. package/lib/badge/style/index.js +1 -3
  36. package/lib/card/index.d.ts +4 -0
  37. package/lib/card/index.js +61 -4
  38. package/lib/card/style/index.js +52 -6
  39. package/lib/config-provider/index.d.ts +2 -2
  40. package/lib/config-provider/index.js +35 -2
  41. package/lib/descriptions/hooks/useItems.d.ts +6 -6
  42. package/lib/drawer/style/index.js +25 -4
  43. package/lib/form/FormItem.d.ts +1 -0
  44. package/lib/form/FormItem.js +10 -2
  45. package/lib/form/style/index.js +19 -0
  46. package/lib/input-number/index.d.ts +2 -1
  47. package/lib/locale/ja-JP.d.ts +3 -0
  48. package/lib/locale/ja-JP.js +60 -0
  49. package/lib/modal/Modal.js +26 -6
  50. package/lib/modal/style/index.js +76 -17
  51. package/lib/static-function/index.js +7 -1
  52. package/lib/table/style/index.js +3 -4
  53. package/lib/tabs/style/index.js +5 -0
  54. package/lib/tag/index.d.ts +1 -0
  55. package/lib/tag/index.js +3 -1
  56. package/lib/tag/style/index.js +8 -0
  57. package/lib/theme/default.js +9 -3
  58. package/lib/theme/style/compact.less +7 -7
  59. package/lib/theme/style/default.less +7 -7
  60. package/package.json +5 -5
package/lib/theme/style/compact.less CHANGED
@@ -310,12 +310,12 @@
310
310
  @colorTextQuaternary: #b6c0d4;
311
311
  @colorFill: #cdd5e4;
312
312
  @colorFillSecondary: #e2e8f3;
313
- @colorFillTertiary: #eff3fa;
314
- @colorFillQuaternary: #f7f9fc;
313
+ @colorFillTertiary: #ebeff7;
314
+ @colorFillQuaternary: #f5f7fc;
315
315
  @colorBgSolid: rgb(0,0,0);
316
316
  @colorBgSolidHover: rgba(0,0,0,0.75);
317
317
  @colorBgSolidActive: rgba(0,0,0,0.95);
318
- @colorBgLayout: #f7f9fc;
318
+ @colorBgLayout: #fbfcfe;
319
319
  @colorBgContainer: #ffffff;
320
320
  @colorBgElevated: #ffffff;
321
321
  @colorBgSpotlight: #ffffff;
@@ -421,14 +421,14 @@
421
421
  @colorFuchsiaBg: #faf0fc;
422
422
  @colorFuchsiaText: #580e67;
423
423
  @colorIcon: #8592ad;
424
- @colorBgContainerDisabled: #eff3fa;
424
+ @colorBgContainerDisabled: #ebeff7;
425
425
  @boxShadow: 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);
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
429
  @colorFillContent: #e2e8f3;
430
430
  @colorFillContentHover: #cdd5e4;
431
- @colorFillAlter: #f7f9fc;
431
+ @colorFillAlter: #f5f7fc;
432
432
  @colorBorderBg: #ffffff;
433
433
  @colorSplit: rgba(13,63,155,0.12);
434
434
  @colorTextPlaceholder: #b6c0d4;
@@ -446,11 +446,11 @@
446
446
  @fontSizeIcon: 12px;
447
447
  @controlOutlineWidth: 2px;
448
448
  @controlInteractiveSize: 14px;
449
- @controlItemBgHover: #eff3fa;
449
+ @controlItemBgHover: #ebeff7;
450
450
  @controlItemBgActive: #e6f4ff;
451
451
  @controlItemBgActiveHover: #b0dbff;
452
452
  @controlItemBgActiveDisabled: #cdd5e4;
453
- @controlTmpOutline: #f7f9fc;
453
+ @controlTmpOutline: #f5f7fc;
454
454
  @controlOutline: rgba(5,145,255,0.1);
455
455
  @opacityLoading: 0.65;
456
456
  @linkDecoration: none;
package/lib/theme/style/default.less CHANGED
@@ -310,12 +310,12 @@
310
310
  @colorTextQuaternary: #b6c0d4;
311
311
  @colorFill: #cdd5e4;
312
312
  @colorFillSecondary: #e2e8f3;
313
- @colorFillTertiary: #eff3fa;
314
- @colorFillQuaternary: #f7f9fc;
313
+ @colorFillTertiary: #ebeff7;
314
+ @colorFillQuaternary: #f5f7fc;
315
315
  @colorBgSolid: rgb(0,0,0);
316
316
  @colorBgSolidHover: rgba(0,0,0,0.75);
317
317
  @colorBgSolidActive: rgba(0,0,0,0.95);
318
- @colorBgLayout: #f7f9fc;
318
+ @colorBgLayout: #fbfcfe;
319
319
  @colorBgContainer: #ffffff;
320
320
  @colorBgElevated: #ffffff;
321
321
  @colorBgSpotlight: #ffffff;
@@ -421,14 +421,14 @@
421
421
  @colorFuchsiaBg: #faf0fc;
422
422
  @colorFuchsiaText: #580e67;
423
423
  @colorIcon: #8592ad;
424
- @colorBgContainerDisabled: #eff3fa;
424
+ @colorBgContainerDisabled: #ebeff7;
425
425
  @boxShadow: 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);
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
429
  @colorFillContent: #e2e8f3;
430
430
  @colorFillContentHover: #cdd5e4;
431
- @colorFillAlter: #f7f9fc;
431
+ @colorFillAlter: #f5f7fc;
432
432
  @colorBorderBg: #ffffff;
433
433
  @colorSplit: rgba(13,63,155,0.12);
434
434
  @colorTextPlaceholder: #b6c0d4;
@@ -446,11 +446,11 @@
446
446
  @fontSizeIcon: 12px;
447
447
  @controlOutlineWidth: 2px;
448
448
  @controlInteractiveSize: 14px;
449
- @controlItemBgHover: #eff3fa;
449
+ @controlItemBgHover: #ebeff7;
450
450
  @controlItemBgActive: #e6f4ff;
451
451
  @controlItemBgActiveHover: #b0dbff;
452
452
  @controlItemBgActiveDisabled: #cdd5e4;
453
- @controlTmpOutline: #f7f9fc;
453
+ @controlTmpOutline: #f5f7fc;
454
454
  @controlOutline: rgba(5,145,255,0.1);
455
455
  @opacityLoading: 0.65;
456
456
  @linkDecoration: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oceanbase/design",
3
- "version": "1.0.0-alpha.3",
3
+ "version": "1.0.0-alpha.4",
4
4
  "description": "The Design System of OceanBase",
5
5
  "keywords": [
6
6
  "oceanbase",
@@ -43,9 +43,9 @@
43
43
  "@inline-svg-unique-id/react": "^1.2.3",
44
44
  "@oceanbase/aliyun-theme": "^0.1.6",
45
45
  "@oceanbase/icons": "^1.0.0-alpha.0",
46
- "@oceanbase/util": "^1.0.0-alpha.1",
46
+ "@oceanbase/util": "^1.0.0-alpha.2",
47
47
  "ahooks": "^2.10.14",
48
- "antd": "^5.27.5",
48
+ "antd": "^5.29.1",
49
49
  "classnames": "^2.5.1",
50
50
  "lodash": "^4.17.21",
51
51
  "lottie-web": "^5.13.0",
@@ -55,7 +55,7 @@
55
55
  "devDependencies": {
56
56
  "@ant-design/cssinjs-utils": "^1.1.3",
57
57
  "@babel/cli": "^7.28.3",
58
- "@babel/preset-env": "^7.28.3",
58
+ "@babel/preset-env": "^7.28.5",
59
59
  "antd-token-previewer": "^2.0.8",
60
60
  "rc-select": "^14.16.8",
61
61
  "rc-slider": "^11.1.9",
@@ -66,5 +66,5 @@
66
66
  "react": ">=16.9.0",
67
67
  "react-dom": ">=16.9.0"
68
68
  },
69
- "gitHead": "62c3cf2b25248d70e4f1826e69c019a38e03753e"
69
+ "gitHead": "7619cf0d3f5d29dd4c7b67be8265ace300d7e731"
70
70
  }