@semi-bot/semi-theme-hx-pc 1.0.4 → 1.0.6

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-hx-pc",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -431,7 +431,7 @@
431
431
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
432
432
  "link/--semi-color-link-active": "rgba(var(--semi-blue-3),1)",
433
433
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-2),1)",
434
- "tertiary/--semi-color-tertiary": "rgba(var(--semi-green-4),1)",
434
+ "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-4), 1)",
435
435
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
436
436
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
437
437
  "overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
@@ -452,16 +452,16 @@
452
452
  "primary/--semi-color-primary-active": "rgba(var(--semi-brand-4),1)",
453
453
  "success/--semi-color-success-active": "rgba(var(--semi-cyan-3),1)",
454
454
  "warning/--semi-color-warning-active": "rgba(var(--semi-yellow-3),1)",
455
- "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-green-5),1)",
455
+ "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-5), 1)",
456
456
  "transparent/--semi-color-transparent": "rgba(var(--semi-grey-3),0)",
457
457
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
458
458
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
459
459
  "success/--semi-color-success-disabled": "rgba(var(--semi-cyan-2), 1)",
460
- "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-green-3),1)",
460
+ "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-3), 1)",
461
461
  "warning/--semi-color-warning-disabled": "rgba(var(--semi-yellow-2),1)",
462
462
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-grey-5), 1)",
463
463
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-grey-3), 1)",
464
- "tertiary/--semi-color-tertiary-disabled": "rgba(var(--semi-green-2),1)",
464
+ "tertiary/--semi-color-tertiary-disabled": "rgba(var(--semi-grey-2), 1)",
465
465
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5),0.3)",
466
466
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5),0.4)",
467
467
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-grey-2), 1)",
@@ -745,7 +745,6 @@
745
745
  "$color-button_tertiary_solid-text-default": "var(--semi-color-tertiary)",
746
746
  "$color-button_disabled_tertiary-bg-default": "var(--semi-color-tertiary-disabled)",
747
747
  "$color-button_disabled_secondary-bg-default": "var(--semi-color-secondary-disabled)",
748
- "$color-button_primary_outline-border-default": "rgba(23, 144, 255, 0.52)",
749
748
  "$color-button_secondary_outline-border-default": "var(--semi-color-border-1)",
750
749
  "$color-button_secondary_borderless-text-default": "var(--semi-color-text-1)"
751
750
  },
@@ -761,13 +760,6 @@
761
760
  "$spacing-button_default-paddingLeft": "8px",
762
761
  "$spacing-button_default-paddingRight": "8px"
763
762
  }
764
- },
765
- "select": {
766
- "color": {
767
- "$color-select-border-hover": "var(--semi-color-border-2)",
768
- "$color-select-border-default": "var(--semi-color-border-2)",
769
- "$color-select-option-bg-selected": "var(--semi-color-primary-active)"
770
- }
771
763
  }
772
764
  },
773
765
  "typography": {
package/scss/global.scss CHANGED
@@ -185,7 +185,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
185
185
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
186
186
  --semi-color-link-active: rgba(var(--semi-blue-3),1);
187
187
  --semi-color-link-visited: rgba(var(--semi-blue-2),1);
188
- --semi-color-tertiary: rgba(var(--semi-green-4),1);
188
+ --semi-color-tertiary: rgba(var(--semi-grey-4), 1);
189
189
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
190
190
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
191
191
  --semi-color-overlay-bg: rgba(22,22,26,0.6);
@@ -206,16 +206,16 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
206
206
  --semi-color-primary-active: rgba(var(--semi-brand-4),1);
207
207
  --semi-color-success-active: rgba(var(--semi-cyan-3),1);
208
208
  --semi-color-warning-active: rgba(var(--semi-yellow-3),1);
209
- --semi-color-tertiary-hover: rgba(var(--semi-green-5),1);
209
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-5), 1);
210
210
  --semi-color-transparent: rgba(var(--semi-grey-3),0);
211
211
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
212
212
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
213
213
  --semi-color-success-disabled: rgba(var(--semi-cyan-2), 1);
214
- --semi-color-tertiary-active: rgba(var(--semi-green-3),1);
214
+ --semi-color-tertiary-active: rgba(var(--semi-grey-3), 1);
215
215
  --semi-color-warning-disabled: rgba(var(--semi-yellow-2),1);
216
216
  --semi-color-secondary-hover: rgba(var(--semi-grey-5), 1);
217
217
  --semi-color-secondary-active: rgba(var(--semi-grey-3), 1);
218
- --semi-color-tertiary-disabled: rgba(var(--semi-green-2),1);
218
+ --semi-color-tertiary-disabled: rgba(var(--semi-grey-2), 1);
219
219
  --semi-color-info-light-hover: rgba(var(--semi-blue-5),0.3);
220
220
  --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
221
221
  --semi-color-secondary-disabled: rgba(var(--semi-grey-2), 1);
package/scss/local.scss CHANGED
@@ -16,7 +16,6 @@ $color-button_disabled_warning-bg-default: var(--semi-color-warning-disabled);
16
16
  $color-button_tertiary_solid-text-default: var(--semi-color-tertiary);
17
17
  $color-button_disabled_tertiary-bg-default: var(--semi-color-tertiary-disabled);
18
18
  $color-button_disabled_secondary-bg-default: var(--semi-color-secondary-disabled);
19
- $color-button_primary_outline-border-default: rgba(23, 144, 255, 0.52);
20
19
  $color-button_secondary_outline-border-default: var(--semi-color-border-1);
21
20
  $color-button_secondary_borderless-text-default: var(--semi-color-text-1);
22
21
  $height-button_large: 32px;
@@ -27,6 +26,3 @@ $spacing-button_small-paddingLeft: 8px;
27
26
  $spacing-button_small-paddingRight: 8px;
28
27
  $spacing-button_default-paddingLeft: 8px;
29
28
  $spacing-button_default-paddingRight: 8px;
30
- $color-select-border-hover: var(--semi-color-border-2);
31
- $color-select-border-default: var(--semi-color-border-2);
32
- $color-select-option-bg-selected: var(--semi-color-primary-active);
package/semi.css CHANGED
@@ -544,7 +544,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
544
544
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
545
545
  --semi-color-link-active: rgba(var(--semi-blue-3),1);
546
546
  --semi-color-link-visited: rgba(var(--semi-blue-2),1);
547
- --semi-color-tertiary: rgba(var(--semi-green-4),1);
547
+ --semi-color-tertiary: rgba(var(--semi-grey-4), 1);
548
548
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
549
549
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
550
550
  --semi-color-overlay-bg: rgba(22,22,26,0.6);
@@ -565,16 +565,16 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
565
565
  --semi-color-primary-active: rgba(var(--semi-brand-4),1);
566
566
  --semi-color-success-active: rgba(var(--semi-cyan-3),1);
567
567
  --semi-color-warning-active: rgba(var(--semi-yellow-3),1);
568
- --semi-color-tertiary-hover: rgba(var(--semi-green-5),1);
568
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-5), 1);
569
569
  --semi-color-transparent: rgba(var(--semi-grey-3),0);
570
570
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
571
571
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
572
572
  --semi-color-success-disabled: rgba(var(--semi-cyan-2), 1);
573
- --semi-color-tertiary-active: rgba(var(--semi-green-3),1);
573
+ --semi-color-tertiary-active: rgba(var(--semi-grey-3), 1);
574
574
  --semi-color-warning-disabled: rgba(var(--semi-yellow-2),1);
575
575
  --semi-color-secondary-hover: rgba(var(--semi-grey-5), 1);
576
576
  --semi-color-secondary-active: rgba(var(--semi-grey-3), 1);
577
- --semi-color-tertiary-disabled: rgba(var(--semi-green-2),1);
577
+ --semi-color-tertiary-disabled: rgba(var(--semi-grey-2), 1);
578
578
  --semi-color-info-light-hover: rgba(var(--semi-blue-5),0.3);
579
579
  --semi-color-info-light-active: rgba(var(--semi-blue-5),0.4);
580
580
  --semi-color-secondary-disabled: rgba(var(--semi-grey-2), 1);
@@ -3516,7 +3516,7 @@ body, :host {
3516
3516
  }
3517
3517
  .semi-button-primary.semi-button-outline {
3518
3518
  background-color: transparent;
3519
- border: 1px solid rgba(23, 144, 255, 0.52);
3519
+ border: 1px solid var(--semi-color-border);
3520
3520
  }
3521
3521
  .semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
3522
3522
  background-color: var(--semi-color-primary-active);
@@ -18471,7 +18471,7 @@ img[src=""], img:not([src]) {
18471
18471
  }
18472
18472
  .semi-select-option-selected {
18473
18473
  font-weight: 600;
18474
- background: var(--semi-color-primary-active);
18474
+ background: transparent;
18475
18475
  }
18476
18476
  .semi-select-option-selected .semi-select-option-icon {
18477
18477
  color: var(--semi-color-text-2);
@@ -18483,7 +18483,7 @@ img[src=""], img:not([src]) {
18483
18483
  .semi-select {
18484
18484
  box-sizing: border-box;
18485
18485
  border-radius: var(--semi-border-radius-small);
18486
- border: 1px solid var(--semi-color-border-2);
18486
+ border: 1px solid transparent;
18487
18487
  height: 32px;
18488
18488
  font-weight: 400;
18489
18489
  background-color: var(--semi-color-fill-0);
@@ -18499,7 +18499,7 @@ img[src=""], img:not([src]) {
18499
18499
  }
18500
18500
  .semi-select:hover {
18501
18501
  background-color: var(--semi-color-fill-1);
18502
- border: 1px solid var(--semi-color-border-2);
18502
+ border: 1px solid transparent;
18503
18503
  }
18504
18504
  .semi-select:focus {
18505
18505
  border: 1px solid var(--semi-color-focus-border);