@semi-bot/semi-theme-eaglex 1.0.1 → 1.0.2

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.
package/semi.css CHANGED
@@ -2,16 +2,16 @@
2
2
  /* spacing */
3
3
  body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
4
4
  --semi-black: 0,0,0;
5
- --semi-red-0: 255,244,239;
6
- --semi-red-1: 254,226,214;
7
- --semi-red-2: 254,194,172;
8
- --semi-red-3: 253,160,131;
9
- --semi-red-4: 253,123,91;
10
- --semi-red-5: 252,84,50;
11
- --semi-red-6: 216,61,36;
12
- --semi-red-7: 181,41,25;
13
- --semi-red-8: 145,25,16;
14
- --semi-red-9: 109,12,9;
5
+ --semi-red-0: 254,241,241;
6
+ --semi-red-1: 253,217,217;
7
+ --semi-red-2: 251,179,182;
8
+ --semi-red-3: 250,142,149;
9
+ --semi-red-4: 248,106,120;
10
+ --semi-red-5: 246,70,93;
11
+ --semi-red-6: 210,54,79;
12
+ --semi-red-7: 175,39,66;
13
+ --semi-red-8: 139,27,53;
14
+ --semi-red-9: 103,17,40;
15
15
  --semi-white: 255,255,255;
16
16
  --semi-back-0: 231,231,231;
17
17
  --semi-back-1: 199,207,206;
@@ -103,16 +103,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
103
103
  --semi-brand-7: 116,168,17;
104
104
  --semi-brand-8: 85,126,11;
105
105
  --semi-brand-9: 55,84,7;
106
- --semi-green-0: 237,248,238;
107
- --semi-green-1: 211,240,214;
108
- --semi-green-2: 170,226,176;
109
- --semi-green-3: 133,211,143;
110
- --semi-green-4: 100,197,114;
111
- --semi-green-5: 70,182,88;
112
- --semi-green-6: 57,152,74;
113
- --semi-green-7: 44,121,59;
114
- --semi-green-8: 32,91,45;
115
- --semi-green-9: 21,61,30;
106
+ --semi-green-0: 235,248,242;
107
+ --semi-green-1: 205,242,225;
108
+ --semi-green-2: 159,229,198;
109
+ --semi-green-3: 118,215,174;
110
+ --semi-green-4: 80,202,152;
111
+ --semi-green-5: 46,189,133;
112
+ --semi-green-6: 37,158,112;
113
+ --semi-green-7: 28,126,91;
114
+ --semi-green-8: 20,95,69;
115
+ --semi-green-9: 13,63,47;
116
116
  --semi-indigo-0: 238,240,248;
117
117
  --semi-indigo-1: 212,217,241;
118
118
  --semi-indigo-2: 172,182,227;
@@ -163,16 +163,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
163
163
  --semi-yellow-7: 169,144,10;
164
164
  --semi-yellow-8: 127,110,6;
165
165
  --semi-yellow-9: 84,74,3;
166
- --semi-light-blue-0: 235,247,254;
167
- --semi-light-blue-1: 206,236,252;
168
- --semi-light-blue-2: 158,216,249;
169
- --semi-light-blue-3: 110,195,247;
170
- --semi-light-blue-4: 64,173,244;
171
- --semi-light-blue-5: 19,150,241;
172
- --semi-light-blue-6: 10,122,205;
173
- --semi-light-blue-7: 3,96,170;
174
- --semi-light-blue-8: 0,72,134;
175
- --semi-light-blue-9: 0,51,98;
166
+ --semi-light-blue-0: 237,247,254;
167
+ --semi-light-blue-1: 209,235,254;
168
+ --semi-light-blue-2: 164,213,253;
169
+ --semi-light-blue-3: 119,190,251;
170
+ --semi-light-blue-4: 75,166,250;
171
+ --semi-light-blue-5: 31,141,249;
172
+ --semi-light-blue-6: 20,114,213;
173
+ --semi-light-blue-7: 11,90,178;
174
+ --semi-light-blue-8: 5,67,142;
175
+ --semi-light-blue-9: 0,47,106;
176
176
  --semi-light-green-0: 244,248,238;
177
177
  --semi-light-green-1: 228,241,211;
178
178
  --semi-light-green-2: 201,227,171;
@@ -187,16 +187,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
187
187
 
188
188
  body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
189
189
  --semi-black: 0, 0, 0;
190
- --semi-red-0: 109,12,9;
191
- --semi-red-1: 145,25,16;
192
- --semi-red-2: 181,41,25;
193
- --semi-red-3: 216,61,36;
194
- --semi-red-4: 252,84,50;
195
- --semi-red-5: 253,123,91;
196
- --semi-red-6: 253,160,131;
197
- --semi-red-7: 254,194,172;
198
- --semi-red-8: 254,226,214;
199
- --semi-red-9: 255,244,239;
190
+ --semi-red-0: 106,24,45;
191
+ --semi-red-1: 142,36,60;
192
+ --semi-red-2: 178,50,75;
193
+ --semi-red-3: 213,66,90;
194
+ --semi-red-4: 246,70,93;
195
+ --semi-red-5: 250,118,131;
196
+ --semi-red-6: 251,152,158;
197
+ --semi-red-7: 253,186,188;
198
+ --semi-red-8: 254,221,220;
199
+ --semi-red-9: 254,243,243;
200
200
  --semi-white: 255, 255, 255;
201
201
  --semi-back-0: 22,22,26;
202
202
  --semi-back-1: 35,36,41;
@@ -208,16 +208,16 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
208
208
  --semi-back-7: 146,160,159;
209
209
  --semi-back-8: 198,208,207;
210
210
  --semi-back-9: 231,231,231;
211
- --semi-blue-0: 0,43,110;
212
- --semi-blue-1: 0,60,146;
213
- --semi-blue-2: 3,79,182;
214
- --semi-blue-3: 11,102,217;
211
+ --semi-blue-0: 4,46,112;
212
+ --semi-blue-1: 9,66,148;
213
+ --semi-blue-2: 17,88,184;
214
+ --semi-blue-3: 27,112,219;
215
215
  --semi-blue-4: 20,127,253;
216
- --semi-blue-5: 67,156,253;
217
- --semi-blue-6: 114,183,254;
218
- --semi-blue-7: 161,208,254;
219
- --semi-blue-8: 208,232,255;
220
- --semi-blue-9: 236,246,255;
216
+ --semi-blue-5: 82,164,255;
217
+ --semi-blue-6: 125,189,255;
218
+ --semi-blue-7: 169,213,255;
219
+ --semi-blue-8: 212,234,255;
220
+ --semi-blue-9: 239,247,255;
221
221
  --semi-cyan-0: 4,51,62;
222
222
  --semi-cyan-1: 7,77,93;
223
223
  --semi-cyan-2: 10,105,123;
@@ -288,16 +288,16 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
288
288
  --semi-brand-7: 217,254,164;
289
289
  --semi-brand-8: 234,254,210;
290
290
  --semi-brand-9: 247,255,237;
291
- --semi-green-0: 21,61,30;
292
- --semi-green-1: 32,91,45;
293
- --semi-green-2: 44,121,59;
294
- --semi-green-3: 57,152,74;
295
- --semi-green-4: 70,182,88;
296
- --semi-green-5: 100,197,114;
297
- --semi-green-6: 133,211,143;
298
- --semi-green-7: 170,226,176;
299
- --semi-green-8: 211,240,214;
300
- --semi-green-9: 237,248,238;
291
+ --semi-green-0: 17,64,48;
292
+ --semi-green-1: 26,96,72;
293
+ --semi-green-2: 36,128,95;
294
+ --semi-green-3: 47,160,117;
295
+ --semi-green-4: 46,189,133;
296
+ --semi-green-5: 90,205,158;
297
+ --semi-green-6: 126,217,178;
298
+ --semi-green-7: 166,230,201;
299
+ --semi-green-8: 209,242,227;
300
+ --semi-green-9: 236,249,243;
301
301
  --semi-name2-0: 35,65,85;
302
302
  --semi-name2-1: 53,99,128;
303
303
  --semi-name2-2: 73,134,170;
@@ -358,16 +358,16 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
358
358
  --semi-yellow-7: 254,246,161;
359
359
  --semi-yellow-8: 255,252,208;
360
360
  --semi-yellow-9: 255,254,236;
361
- --semi-light-blue-0: 0,51,98;
362
- --semi-light-blue-1: 0,72,134;
363
- --semi-light-blue-2: 3,96,170;
364
- --semi-light-blue-3: 10,122,205;
365
- --semi-light-blue-4: 19,150,241;
366
- --semi-light-blue-5: 64,173,244;
367
- --semi-light-blue-6: 110,195,247;
368
- --semi-light-blue-7: 158,216,249;
369
- --semi-light-blue-8: 206,236,252;
370
- --semi-light-blue-9: 235,247,254;
361
+ --semi-light-blue-0: 8,52,109;
362
+ --semi-light-blue-1: 15,74,145;
363
+ --semi-light-blue-2: 24,98,181;
364
+ --semi-light-blue-3: 36,123,216;
365
+ --semi-light-blue-4: 31,141,249;
366
+ --semi-light-blue-5: 90,174,253;
367
+ --semi-light-blue-6: 131,196,253;
368
+ --semi-light-blue-7: 172,217,254;
369
+ --semi-light-blue-8: 213,237,254;
370
+ --semi-light-blue-9: 239,248,255;
371
371
  --semi-light-green-0: 38,62,21;
372
372
  --semi-light-green-1: 59,93,33;
373
373
  --semi-light-green-2: 81,123,45;
@@ -419,7 +419,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
419
419
  --semi-color-data-18: rgba(212, 88, 212, 1);
420
420
  --semi-color-data-19: rgba(188, 198, 255, 1);
421
421
  --semi-color-border: rgba(var(--semi-grey-9), 0.08);
422
- --semi-color-danger: rgba(var(--semi-red-5), 1);
422
+ --semi-color-danger: rgba(var(--semi-red-5),1);
423
423
  --semi-color-shadow: rgba(var(--semi-black),0.04);
424
424
  --semi-color-default: rgba(var(--semi-grey-0), 1);
425
425
  --semi-color-info-hover: rgba(var(--semi-yellow-6),1);
@@ -539,7 +539,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
539
539
  --semi-color-default: rgba(var(--semi-grey-0), 1);
540
540
  --semi-color-info-hover: rgba(var(--semi-yellow-6),1);
541
541
  --semi-color-link-hover: rgba(var(--semi-brand-6),1);
542
- --semi-color-primary: rgba(var(--semi-lime-5), 1);
542
+ --semi-color-primary: rgba(var(--semi-lime-5),1);
543
543
  --semi-color-success: rgba(var(--semi-green-5),1);
544
544
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
545
545
  --semi-color-info-active: rgba(var(--semi-yellow-7),1);
@@ -6290,7 +6290,7 @@ body, :host {
6290
6290
  color: var(--semi-color-text-0);
6291
6291
  font-size: 13px;
6292
6292
  text-shadow: none;
6293
- font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
6293
+ font-family: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
6294
6294
  direction: ltr;
6295
6295
  text-align: left;
6296
6296
  white-space: pre;
@@ -15449,7 +15449,7 @@ img[src=""], img:not([src]) {
15449
15449
  color: rgba(var(--semi-blue-7), 1);
15450
15450
  }
15451
15451
  .semi-json-viewer-view-line {
15452
- font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
15452
+ font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Fira Code", Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
15453
15453
  font-weight: normal;
15454
15454
  font-size: 12px;
15455
15455
  font-feature-settings: "liga" 0, "calt" 0;
@@ -15460,7 +15460,7 @@ img[src=""], img:not([src]) {
15460
15460
  white-space: pre-wrap !important;
15461
15461
  }
15462
15462
  .semi-json-viewer-line-number {
15463
- font-family: Menlo, Firecode, Monaco, "Courier New", monospace;
15463
+ font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Fira Code", Consolas, "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
15464
15464
  font-weight: normal;
15465
15465
  font-size: 12px;
15466
15466
  font-feature-settings: "liga" 0, "calt" 0;
@@ -20250,6 +20250,51 @@ img[src=""], img:not([src]) {
20250
20250
  transform: rotate(180deg);
20251
20251
  }
20252
20252
 
20253
+ .semi-rtl .semi-slider,
20254
+ .semi-portal-rtl .semi-slider {
20255
+ direction: rtl;
20256
+ }
20257
+ .semi-rtl .semi-slider-handle,
20258
+ .semi-portal-rtl .semi-slider-handle {
20259
+ transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
20260
+ }
20261
+ .semi-rtl .semi-slider-mark,
20262
+ .semi-portal-rtl .semi-slider-mark {
20263
+ transform: translate(50%, 0);
20264
+ }
20265
+ .semi-rtl .semi-slider-mark-reverse,
20266
+ .semi-portal-rtl .semi-slider-mark-reverse {
20267
+ transform: translate(50%, 0) rotate(-180deg);
20268
+ }
20269
+ .semi-rtl .semi-slider-boundary-min,
20270
+ .semi-portal-rtl .semi-slider-boundary-min {
20271
+ left: auto;
20272
+ right: 0px;
20273
+ }
20274
+ .semi-rtl .semi-slider-boundary-max,
20275
+ .semi-portal-rtl .semi-slider-boundary-max {
20276
+ right: auto;
20277
+ left: 0px;
20278
+ }
20279
+
20280
+ .semi-slider-rtl .semi-slider-handle {
20281
+ transform: var(--semi-transform_scale-small) translateX(50%) translateY(0px);
20282
+ }
20283
+ .semi-slider-rtl .semi-slider-mark {
20284
+ transform: translate(50%, 0);
20285
+ }
20286
+ .semi-slider-rtl .semi-slider-mark-reverse {
20287
+ transform: translate(50%, 0) rotate(-180deg);
20288
+ }
20289
+ .semi-slider-rtl .semi-slider-boundary-min {
20290
+ left: auto;
20291
+ right: 0px;
20292
+ }
20293
+ .semi-slider-rtl .semi-slider-boundary-max {
20294
+ right: auto;
20295
+ left: 0px;
20296
+ }
20297
+
20253
20298
  .semi-space {
20254
20299
  display: inline-flex;
20255
20300
  }
@@ -21403,6 +21448,14 @@ img[src=""], img:not([src]) {
21403
21448
  display: table-row;
21404
21449
  background-color: var(--semi-color-bg-1);
21405
21450
  }
21451
+ .semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell {
21452
+ background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
21453
+ background-color: var(--semi-color-bg-0);
21454
+ }
21455
+ .semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell.semi-table-cell-fixed-left, .semi-table-tbody > .semi-table-row.semi-table-row-hovered > .semi-table-row-cell.semi-table-cell-fixed-right {
21456
+ background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
21457
+ background-color: var(--semi-color-bg-1);
21458
+ }
21406
21459
  .semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
21407
21460
  background-image: linear-gradient(0deg, var(--semi-color-fill-0), var(--semi-color-fill-0));
21408
21461
  background-color: var(--semi-color-bg-0);
@@ -24190,6 +24243,15 @@ img[src=""], img:not([src]) {
24190
24243
  overflow: auto;
24191
24244
  flex-grow: 1;
24192
24245
  }
24246
+ .semi-transfer-left-pagination {
24247
+ padding-top: 12px;
24248
+ padding-bottom: 12px;
24249
+ padding-left: 12px;
24250
+ padding-right: 12px;
24251
+ flex-shrink: 0;
24252
+ display: flex;
24253
+ justify-content: center;
24254
+ }
24193
24255
  .semi-transfer-left-empty {
24194
24256
  height: 36px;
24195
24257
  }
@@ -24856,6 +24918,10 @@ img[src=""], img:not([src]) {
24856
24918
  align-items: center;
24857
24919
  position: relative;
24858
24920
  cursor: pointer;
24921
+ /**
24922
+ * Enable wrapping selected tags in trigger.
24923
+ * Only takes effect in multiple + searchPosition="trigger" mode (class added by component).
24924
+ */
24859
24925
  }
24860
24926
  .semi-tree-select:hover {
24861
24927
  background-color: var(--semi-color-fill-1);
@@ -25043,6 +25109,34 @@ img[src=""], img:not([src]) {
25043
25109
  .semi-tree-select-multiple .semi-tree-select-selection-placeholder {
25044
25110
  padding-left: 8px;
25045
25111
  }
25112
+ .semi-tree-select-triggerTagWrap {
25113
+ max-width: 100%;
25114
+ }
25115
+ .semi-tree-select-triggerTagWrap .semi-tree-select-selection {
25116
+ min-width: 0;
25117
+ }
25118
+ .semi-tree-select-triggerTagWrap.semi-tree-select-multiple {
25119
+ height: auto;
25120
+ }
25121
+ .semi-tree-select-triggerTagWrap.semi-tree-select-multiple .semi-tree-select-selection {
25122
+ height: auto;
25123
+ min-height: 38px;
25124
+ overflow: visible;
25125
+ }
25126
+ .semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-small .semi-tree-select-selection {
25127
+ min-height: 22px;
25128
+ }
25129
+ .semi-tree-select-triggerTagWrap.semi-tree-select-multiple.semi-tree-select-large .semi-tree-select-selection {
25130
+ min-height: 38px;
25131
+ }
25132
+ .semi-tree-select-triggerTagWrap .semi-tagInput {
25133
+ min-width: 0;
25134
+ max-width: 100%;
25135
+ flex: 1 1 auto;
25136
+ }
25137
+ .semi-tree-select-triggerTagWrap .semi-tagInput .semi-tagInput-wrapper-input {
25138
+ max-width: 100%;
25139
+ }
25046
25140
  .semi-tree-select-small {
25047
25141
  min-height: 24px;
25048
25142
  line-height: 24px;