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