@opensumi/ide-components 3.8.1-next-1741255538.0 → 3.8.1-next-1741262660.0

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 (4) hide show
  1. package/dist/index.css +13 -14
  2. package/lib/modal/style.less +12 -13
  3. package/lib/style/variable.less +1 -1
  4. package/package.json +5 -5
package/dist/index.css CHANGED
@@ -2699,6 +2699,7 @@
2699
2699
  top: 100px;
2700
2700
  width: auto;
2701
2701
  margin: 0 auto;
2702
+ padding-bottom: 24px;
2702
2703
  pointer-events: none;
2703
2704
  }
2704
2705
  .kt-modal-wrap {
@@ -2714,6 +2715,7 @@
2714
2715
  }
2715
2716
  .kt-modal-title {
2716
2717
  margin: 0;
2718
+ color: rgba(0, 0, 0, 0.85);
2717
2719
  font-weight: 500;
2718
2720
  font-size: 16px;
2719
2721
  line-height: 22px;
@@ -2721,8 +2723,7 @@
2721
2723
  }
2722
2724
  .kt-modal-content {
2723
2725
  position: relative;
2724
- color: var(--notifications-foreground);
2725
- background-color: var(--notifications-background);
2726
+ background-color: #fff;
2726
2727
  background-clip: padding-box;
2727
2728
  border: 0;
2728
2729
  border-radius: 4px;
@@ -2735,7 +2736,7 @@
2735
2736
  right: 0;
2736
2737
  z-index: 10;
2737
2738
  padding: 0;
2738
- color: var(--notifications-foreground);
2739
+ color: rgba(0, 0, 0, 0.45);
2739
2740
  font-weight: 700;
2740
2741
  line-height: 1;
2741
2742
  text-decoration: none;
@@ -2747,33 +2748,31 @@
2747
2748
  }
2748
2749
  .kt-modal-close-x {
2749
2750
  display: block;
2750
- width: 39px;
2751
- height: 39px;
2751
+ width: 56px;
2752
+ height: 56px;
2752
2753
  font-size: 16px;
2753
2754
  font-style: normal;
2754
- line-height: 39px;
2755
+ line-height: 56px;
2755
2756
  text-align: center;
2756
2757
  text-transform: none;
2757
2758
  text-rendering: auto;
2758
- opacity: 0.8;
2759
2759
  }
2760
2760
  .kt-modal-close:focus,
2761
2761
  .kt-modal-close:hover {
2762
- opacity: 1;
2762
+ color: rgba(0, 0, 0, 0.75);
2763
2763
  text-decoration: none;
2764
2764
  }
2765
2765
  .kt-modal-header {
2766
- padding: 8px 12px;
2767
- background: var(--notifications-background);
2768
- color: var(--notifications-foreground);
2769
- border-bottom: 1px solid var(--notifications-border);
2766
+ padding: 16px 24px;
2767
+ color: rgba(0, 0, 0, 0.65);
2768
+ background: #fff;
2769
+ border-bottom: 1px solid #e8e8e8;
2770
2770
  border-radius: 4px 4px 0 0;
2771
2771
  }
2772
2772
  .kt-modal-body {
2773
- padding: 12px;
2773
+ padding: 24px;
2774
2774
  font-size: 14px;
2775
2775
  line-height: 1.5;
2776
- background-color: var(--editor-background);
2777
2776
  word-wrap: break-word;
2778
2777
  }
2779
2778
  .kt-modal-footer {
package/lib/modal/style.less CHANGED
@@ -13,6 +13,7 @@
13
13
  top: 100px;
14
14
  width: auto;
15
15
  margin: 0 auto;
16
+ padding-bottom: 24px;
16
17
  pointer-events: none;
17
18
 
18
19
  &-wrap {
@@ -29,6 +30,7 @@
29
30
 
30
31
  &-title {
31
32
  margin: 0;
33
+ color: @modal-heading-color;
32
34
  font-weight: 500;
33
35
  font-size: @font-size-lg;
34
36
  line-height: 22px;
@@ -37,8 +39,7 @@
37
39
 
38
40
  &-content {
39
41
  position: relative;
40
- color: var(--notifications-foreground);
41
- background-color: var(--notifications-background);
42
+ background-color: @component-background;
42
43
  background-clip: padding-box;
43
44
  border: 0;
44
45
  border-radius: @border-radius-base;
@@ -52,7 +53,7 @@
52
53
  right: 0;
53
54
  z-index: @zindex-popup-close;
54
55
  padding: 0;
55
- color: var(--notifications-foreground);
56
+ color: @text-color-secondary;
56
57
  font-weight: 700;
57
58
  line-height: 1;
58
59
  text-decoration: none;
@@ -64,29 +65,28 @@
64
65
 
65
66
  &-x {
66
67
  display: block;
67
- width: 39px;
68
- height: 39px;
68
+ width: 56px;
69
+ height: 56px;
69
70
  font-size: @font-size-lg;
70
71
  font-style: normal;
71
- line-height: 39px;
72
+ line-height: 56px;
72
73
  text-align: center;
73
74
  text-transform: none;
74
75
  text-rendering: auto;
75
- opacity: 0.8;
76
76
  }
77
77
 
78
78
  &:focus,
79
79
  &:hover {
80
- opacity: 1;
80
+ color: @icon-color-hover;
81
81
  text-decoration: none;
82
82
  }
83
83
  }
84
84
 
85
85
  &-header {
86
- padding: 8px 12px;
87
- background: var(--notifications-background);
88
- color: var(--notifications-foreground);
89
- border-bottom: @border-width-base @border-style-base var(--notifications-border);
86
+ padding: 16px 24px;
87
+ color: @text-color;
88
+ background: @modal-header-bg;
89
+ border-bottom: @border-width-base @border-style-base @border-color-split;
90
90
  border-radius: @border-radius-base @border-radius-base 0 0;
91
91
  }
92
92
 
@@ -94,7 +94,6 @@
94
94
  padding: @modal-body-padding;
95
95
  font-size: @font-size-base;
96
96
  line-height: @line-height-base;
97
- background-color: var(--editor-background);
98
97
  word-wrap: break-word;
99
98
  }
100
99
 
package/lib/style/variable.less CHANGED
@@ -136,7 +136,7 @@
136
136
 
137
137
  // Modal
138
138
  // --
139
- @modal-body-padding: 12px;
139
+ @modal-body-padding: 24px;
140
140
  @modal-header-bg: @component-background;
141
141
  @modal-heading-color: @heading-color;
142
142
  @modal-footer-bg: transparent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensumi/ide-components",
3
- "version": "3.8.1-next-1741255538.0",
3
+ "version": "3.8.1-next-1741262660.0",
4
4
  "description": "@opensumi/ide-components",
5
5
  "license": "MIT",
6
6
  "main": "lib/index.js",
@@ -16,8 +16,8 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@ant-design/icons": "^4.6.4",
19
- "@opensumi/ide-core-common": "3.8.1-next-1741255538.0",
20
- "@opensumi/ide-utils": "3.8.1-next-1741255538.0",
19
+ "@opensumi/ide-core-common": "3.8.1-next-1741262660.0",
20
+ "@opensumi/ide-utils": "3.8.1-next-1741262660.0",
21
21
  "@opensumi/react-custom-scrollbars-2": "^4.3.4",
22
22
  "@rc-component/mini-decimal": "^1.0.1",
23
23
  "fuzzy": "^0.1.3",
@@ -38,10 +38,10 @@
38
38
  "react-window": "^1.8.5"
39
39
  },
40
40
  "devDependencies": {
41
- "@opensumi/ide-dev-tool": "3.8.1-next-1741255538.0",
41
+ "@opensumi/ide-dev-tool": "3.8.1-next-1741262660.0",
42
42
  "@types/marked": "^4.0.7",
43
43
  "@types/react-window": "^1.8.5",
44
44
  "prop-types": "^15.8.1"
45
45
  },
46
- "gitHead": "caf10136878780f24630586cc38db9fd0fcd2a5d"
46
+ "gitHead": "fb1b7474d3ab54dea0bc42ab84f4571437b76441"
47
47
  }