@midscene/playground-app 1.7.4 → 1.7.5-beta-20260420031652.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 (3) hide show
  1. package/dist/es/SessionSetupPanel.css +13 -13
  2. package/dist/lib/SessionSetupPanel.css +13 -13
  3. package/package.json +4 -4
package/dist/es/SessionSetupPanel.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .session-setup-panel {
2
- background: #fff;
2
+ background: var(--midscene-surface, #fff);
3
3
  flex-direction: column;
4
4
  flex: 1;
5
5
  justify-content: flex-start;
@@ -25,10 +25,10 @@
25
25
  }
26
26
 
27
27
  .session-setup-title {
28
- color: #000;
28
+ width: 240px;
29
+ color: var(--midscene-text-primary, #000);
29
30
  text-align: center;
30
31
  white-space: pre-line;
31
- width: 240px;
32
32
  margin: 16px 0 0;
33
33
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
34
34
  font-size: 18px;
@@ -37,9 +37,9 @@
37
37
  }
38
38
 
39
39
  .session-setup-description {
40
- color: rgba(0, 0, 0, .7);
41
- text-align: center;
42
40
  width: 276px;
41
+ color: var(--midscene-text-secondary, rgba(0, 0, 0, .7));
42
+ text-align: center;
43
43
  margin: 14.7px 0 0;
44
44
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
45
45
  font-size: 12px;
@@ -66,8 +66,8 @@
66
66
  }
67
67
 
68
68
  .session-setup-form .ant-form-item-label > label {
69
- color: rgba(0, 0, 0, .5);
70
69
  height: 15px;
70
+ color: var(--midscene-text-tertiary, rgba(0, 0, 0, .5));
71
71
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
72
72
  font-size: 12px;
73
73
  font-weight: 500;
@@ -75,7 +75,7 @@
75
75
  }
76
76
 
77
77
  .session-setup-form .ant-form-item-label > label.ant-form-item-required:before {
78
- color: rgba(0, 0, 0, .5);
78
+ color: var(--midscene-text-tertiary, rgba(0, 0, 0, .5));
79
79
  }
80
80
 
81
81
  .session-setup-form .ant-form-item-label > label.ant-form-item-required:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
@@ -103,9 +103,9 @@
103
103
  }
104
104
 
105
105
  .session-setup-form .ant-select-single .ant-select-selector {
106
+ background: var(--midscene-surface-muted, #f2f4f7);
106
107
  height: 36px;
107
108
  box-shadow: none;
108
- background: #f2f4f7;
109
109
  border: none;
110
110
  border-radius: 8px;
111
111
  align-items: center;
@@ -114,7 +114,7 @@
114
114
  }
115
115
 
116
116
  .session-setup-form .ant-select-single .ant-select-selector .ant-select-selection-item, .session-setup-form .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
117
- color: #000;
117
+ color: var(--midscene-text-primary, #000);
118
118
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
119
119
  font-size: 14px;
120
120
  font-weight: 400;
@@ -122,7 +122,7 @@
122
122
  }
123
123
 
124
124
  .session-setup-form .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
125
- color: rgba(0, 0, 0, .4);
125
+ color: var(--midscene-text-placeholder, rgba(0, 0, 0, .4));
126
126
  }
127
127
 
128
128
  .session-setup-form .ant-select-arrow:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
@@ -150,10 +150,10 @@
150
150
  }
151
151
 
152
152
  .session-setup-form .ant-input, .session-setup-form .ant-input-number {
153
+ background: var(--midscene-surface-muted, #f2f4f7);
153
154
  height: 36px;
154
155
  box-shadow: none;
155
- color: #000;
156
- background: #f2f4f7;
156
+ color: var(--midscene-text-primary, #000);
157
157
  border: none;
158
158
  border-radius: 8px;
159
159
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
@@ -172,9 +172,9 @@
172
172
  }
173
173
 
174
174
  .session-setup-submit {
175
+ background: var(--midscene-brand, #1979ff);
175
176
  color: #f2f4f7;
176
177
  cursor: pointer;
177
- background: #1979ff;
178
178
  border: 0;
179
179
  border-radius: 8px;
180
180
  width: 100%;
package/dist/lib/SessionSetupPanel.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .session-setup-panel {
2
- background: #fff;
2
+ background: var(--midscene-surface, #fff);
3
3
  flex-direction: column;
4
4
  flex: 1;
5
5
  justify-content: flex-start;
@@ -25,10 +25,10 @@
25
25
  }
26
26
 
27
27
  .session-setup-title {
28
- color: #000;
28
+ width: 240px;
29
+ color: var(--midscene-text-primary, #000);
29
30
  text-align: center;
30
31
  white-space: pre-line;
31
- width: 240px;
32
32
  margin: 16px 0 0;
33
33
  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
34
34
  font-size: 18px;
@@ -37,9 +37,9 @@
37
37
  }
38
38
 
39
39
  .session-setup-description {
40
- color: rgba(0, 0, 0, .7);
41
- text-align: center;
42
40
  width: 276px;
41
+ color: var(--midscene-text-secondary, rgba(0, 0, 0, .7));
42
+ text-align: center;
43
43
  margin: 14.7px 0 0;
44
44
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
45
45
  font-size: 12px;
@@ -66,8 +66,8 @@
66
66
  }
67
67
 
68
68
  .session-setup-form .ant-form-item-label > label {
69
- color: rgba(0, 0, 0, .5);
70
69
  height: 15px;
70
+ color: var(--midscene-text-tertiary, rgba(0, 0, 0, .5));
71
71
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
72
72
  font-size: 12px;
73
73
  font-weight: 500;
@@ -75,7 +75,7 @@
75
75
  }
76
76
 
77
77
  .session-setup-form .ant-form-item-label > label.ant-form-item-required:before {
78
- color: rgba(0, 0, 0, .5);
78
+ color: var(--midscene-text-tertiary, rgba(0, 0, 0, .5));
79
79
  }
80
80
 
81
81
  .session-setup-form .ant-form-item-label > label.ant-form-item-required:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
@@ -103,9 +103,9 @@
103
103
  }
104
104
 
105
105
  .session-setup-form .ant-select-single .ant-select-selector {
106
+ background: var(--midscene-surface-muted, #f2f4f7);
106
107
  height: 36px;
107
108
  box-shadow: none;
108
- background: #f2f4f7;
109
109
  border: none;
110
110
  border-radius: 8px;
111
111
  align-items: center;
@@ -114,7 +114,7 @@
114
114
  }
115
115
 
116
116
  .session-setup-form .ant-select-single .ant-select-selector .ant-select-selection-item, .session-setup-form .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
117
- color: #000;
117
+ color: var(--midscene-text-primary, #000);
118
118
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
119
119
  font-size: 14px;
120
120
  font-weight: 400;
@@ -122,7 +122,7 @@
122
122
  }
123
123
 
124
124
  .session-setup-form .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
125
- color: rgba(0, 0, 0, .4);
125
+ color: var(--midscene-text-placeholder, rgba(0, 0, 0, .4));
126
126
  }
127
127
 
128
128
  .session-setup-form .ant-select-arrow:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
@@ -150,10 +150,10 @@
150
150
  }
151
151
 
152
152
  .session-setup-form .ant-input, .session-setup-form .ant-input-number {
153
+ background: var(--midscene-surface-muted, #f2f4f7);
153
154
  height: 36px;
154
155
  box-shadow: none;
155
- color: #000;
156
- background: #f2f4f7;
156
+ color: var(--midscene-text-primary, #000);
157
157
  border: none;
158
158
  border-radius: 8px;
159
159
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
@@ -172,9 +172,9 @@
172
172
  }
173
173
 
174
174
  .session-setup-submit {
175
+ background: var(--midscene-brand, #1979ff);
175
176
  color: #f2f4f7;
176
177
  cursor: pointer;
177
- background: #1979ff;
178
178
  border: 0;
179
179
  border-radius: 8px;
180
180
  width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@midscene/playground-app",
3
- "version": "1.7.4",
3
+ "version": "1.7.5-beta-20260420031652.0",
4
4
  "description": "Reusable React shell for Midscene playground applications",
5
5
  "repository": "https://github.com/web-infra-dev/midscene",
6
6
  "homepage": "https://midscenejs.com/",
@@ -28,9 +28,9 @@
28
28
  "antd": "^5.21.6",
29
29
  "react-resizable-panels": "2.0.22",
30
30
  "socket.io-client": "4.8.1",
31
- "@midscene/shared": "1.7.4",
32
- "@midscene/playground": "1.7.4",
33
- "@midscene/visualizer": "1.7.4"
31
+ "@midscene/playground": "1.7.5-beta-20260420031652.0",
32
+ "@midscene/shared": "1.7.5-beta-20260420031652.0",
33
+ "@midscene/visualizer": "1.7.5-beta-20260420031652.0"
34
34
  },
35
35
  "devDependencies": {
36
36
  "@rsbuild/plugin-less": "^1.5.0",