@semi-bot/semi-theme-worldbook 1.0.9 → 1.0.10

package/README.md

@@ -5,11 +5,11 @@ Operator: longwei
 
 ## Compatibility
 
-Compatible with Semi Foundation Version 2.102.0 or newer.
+Compatible with Semi Foundation Version 2.103.0 or newer.
     
 ## Version Release Note
     
-调整btn icon和文字的间距
+调整btn样式
     
     
 ## Manual

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@semi-bot/semi-theme-worldbook",
- "version": "1.0.9",
+ "version": "1.0.10",
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
  "keywords": [
   "semi-theme",

package/raw.json

@@ -747,13 +747,13 @@
                     "$color-button_light-border-active": "var(--semi-color-text-0)",
                     "$color-button_secondary-bg-active": "var(--semi-color-fill-2)",
                     "$color-button_tertiary-bg-default": "var(--semi-color-fill-0)",
-                    "$color-button_light-border-default": "var(--semi-color-black)",
+                    "$color-button_light-border-default": "rgba(5,5,5,0.12)",
                     "$color-button_secondary-bg-default": "var(--semi-color-fill-0)",
                     "$color-button_primary-outline-focus": "var(--semi-color-fill-1)",
                     "$color-button_tertiary-text-default": "var(--semi-color-text-0)",
                     "$color-button_primary-border-default": "var(--semi-color-black)",
                     "$color-button_secondary-text-default": "var(--semi-color-text-0)",
-                    "$color-button_secondary-border-default": "var(--semi-color-black)",
+                    "$color-button_secondary-border-default": "rgba(7,8,8,0.01)",
                     "$color-button_tertiary_solid-text-default": "var(--semi-color-text-0)",
                     "$color-button_secondary_borderless-text-default": "var(--semi-color-text-0)"
                 },
@@ -764,7 +764,11 @@
                     "$width-button_borderless-border": "0px"
                 },
                 "radius": {
-                    "$radius-button": "999px"
+                    "$radius-button": "10px"
+                },
+                "spacing": {
+                    "$spacing-button_iconOnly_content-marginLeft": "4px",
+                    "$spacing-button_iconOnly_content-marginRight": "4px"
                 }
             },
             "switch": {

package/scss/local.scss

@@ -27,20 +27,22 @@ $color-button_tertiary-bg-active: var(--semi-color-fill-2);
 $color-button_light-border-active: var(--semi-color-text-0);
 $color-button_secondary-bg-active: var(--semi-color-fill-2);
 $color-button_tertiary-bg-default: var(--semi-color-fill-0);
-$color-button_light-border-default: var(--semi-color-black);
+$color-button_light-border-default: rgba(5,5,5,0.12);
 $color-button_secondary-bg-default: var(--semi-color-fill-0);
 $color-button_primary-outline-focus: var(--semi-color-fill-1);
 $color-button_tertiary-text-default: var(--semi-color-text-0);
 $color-button_primary-border-default: var(--semi-color-black);
 $color-button_secondary-text-default: var(--semi-color-text-0);
-$color-button_secondary-border-default: var(--semi-color-black);
+$color-button_secondary-border-default: rgba(7,8,8,0.01);
 $color-button_tertiary_solid-text-default: var(--semi-color-text-0);
 $color-button_secondary_borderless-text-default: var(--semi-color-text-0);
 $width-button-border: 0px;
 $width-button-outline: 0px;
 $width-button_light-border: 1px;
 $width-button_borderless-border: 0px;
-$radius-button: 999px;
+$radius-button: 10px;
+$spacing-button_iconOnly_content-marginLeft: 4px;
+$spacing-button_iconOnly_content-marginRight: 4px;
 $color-switch_checked-bg-hover: var(--semi-color-primary-hover);
 $color-switch_checked-bg-active: var(--semi-color-secondary-active);
 $color-switch_checked-bg-default: var(--semi-color-primary);

package/semi.css

@@ -3315,7 +3315,7 @@ body, :host {
   cursor: pointer;
   user-select: none;
   border: 0px var(--semi-color-black) solid;
-  border-radius: 999px;
+  border-radius: 10px;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 6px;
@@ -3496,7 +3496,7 @@ body, :host {
 }
 .semi-button-secondary {
   background-color: var(--semi-color-fill-0);
-  outline-color: var(--semi-color-black);
+  outline-color: rgba(7, 8, 8, 0.01);
   color: var(--semi-color-text-0);
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
@@ -3562,7 +3562,7 @@ body, :host {
 }
 .semi-button-light {
   background-color: var(--semi-color-bg-0);
-  border: 1px var(--semi-color-black) solid;
+  border: 1px rgba(5, 5, 5, 0.12) solid;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
@@ -3780,12 +3780,12 @@ body, :host {
 }
 .semi-rtl .semi-button-content-left,
 .semi-portal-rtl .semi-button-content-left {
-  margin-left: 8px;
+  margin-left: 4px;
   margin-right: 0;
 }
 .semi-rtl .semi-button-content-right,
 .semi-portal-rtl .semi-button-content-right {
-  margin-right: 8px;
+  margin-right: 4px;
   margin-left: 0;
 }
 
@@ -17619,6 +17619,7 @@ img[src=""], img:not([src]) {
 .semi-progress-horizontal .semi-progress-track {
   height: 100%;
   width: 100%;
+  overflow: hidden;
 }
 .semi-progress-horizontal .semi-progress-track-inner {
   height: 100%;
@@ -17627,6 +17628,11 @@ img[src=""], img:not([src]) {
   transition: width 0.3s;
   transition-timing-function: cubic-bezier(0.62, 0.05, 0.36, 0.95);
 }
+.semi-progress-horizontal .semi-progress-track-inner-indeterminate {
+  width: 35%;
+  transition: none;
+  animation: semi-progress-indeterminate-slide 1.6s ease-in-out infinite;
+}
 .semi-progress-horizontal .semi-progress-line-text {
   min-width: 45px;
   font-weight: 600;
@@ -17647,6 +17653,7 @@ img[src=""], img:not([src]) {
 .semi-progress-vertical .semi-progress-track {
   height: 100%;
   width: 100%;
+  overflow: hidden;
 }
 .semi-progress-vertical .semi-progress-track-inner {
   background-color: var(--semi-color-info);
@@ -17655,6 +17662,12 @@ img[src=""], img:not([src]) {
   transition: height 0.3s;
   transition-timing-function: cubic-bezier(0.62, 0.05, 0.36, 0.95);
 }
+.semi-progress-vertical .semi-progress-track-inner-indeterminate {
+  height: 35%;
+  width: 100%;
+  transition: none;
+  animation: semi-progress-indeterminate-slide-vertical 1.6s ease-in-out infinite;
+}
 .semi-progress-vertical .semi-progress-line-text {
   font-weight: 600;
   margin-top: 8px;
@@ -17676,6 +17689,11 @@ img[src=""], img:not([src]) {
   transform-origin: 50% 50%;
   stroke: var(--semi-color-info);
 }
+.semi-progress-circle-ring-inner-indeterminate {
+  transform: rotate(0deg);
+  transform-origin: 50% 50%;
+  animation: semi-progress-indeterminate-rotate 1.2s linear infinite;
+}
 .semi-progress-circle-text {
   position: absolute;
   top: 50%;
@@ -17687,6 +17705,36 @@ img[src=""], img:not([src]) {
   color: var(--semi-color-mode-minor-text);
 }
 
+@keyframes semi-progress-indeterminate-slide {
+  0% {
+    transform: translateX(-120%);
+  }
+  55% {
+    transform: translateX(300%);
+  }
+  100% {
+    transform: translateX(300%);
+  }
+}
+@keyframes semi-progress-indeterminate-slide-vertical {
+  0% {
+    transform: translateY(-120%);
+  }
+  55% {
+    transform: translateY(300%);
+  }
+  100% {
+    transform: translateY(300%);
+  }
+}
+@keyframes semi-progress-indeterminate-rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
 .semi-rtl .semi-progress,
 .semi-portal-rtl .semi-progress {
   direction: rtl;
@@ -26565,12 +26613,12 @@ p.semi-typography-extended,
   width: 40px;
 }
 .semi-button-content-left {
-  margin-right: 8px;
+  margin-right: 4px;
   display: flex;
   align-items: center;
 }
 .semi-button-content-right {
-  margin-left: 8px;
+  margin-left: 4px;
   display: flex;
   align-items: center;
 }
@@ -26671,12 +26719,12 @@ p.semi-typography-extended,
 }
 .semi-rtl .semi-button-content-left,
 .semi-portal-rtl .semi-button-content-left {
-  margin-left: 8px;
+  margin-left: 4px;
   margin-right: 0;
 }
 .semi-rtl .semi-button-content-right,
 .semi-portal-rtl .semi-button-content-right {
-  margin-right: 8px;
+  margin-right: 4px;
   margin-left: 0;
 }