@semi-bot/semi-theme-fnos 1.0.12 → 1.0.14

package/semi.css

@@ -73,16 +73,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-teal-7: 0,116,119;
   --semi-teal-8: 0,86,90;
   --semi-teal-9: 0,56,60;
-  --semi-amber-0: 250,243,230;
-  --semi-amber-1: 245,226,196;
-  --semi-amber-2: 235,195,141;
-  --semi-amber-3: 224,163,90;
-  --semi-amber-4: 214,131,43;
-  --semi-amber-5: 204,98,0;
-  --semi-amber-6: 184,79,0;
-  --semi-amber-7: 163,62,0;
-  --semi-amber-8: 143,47,0;
-  --semi-amber-9: 51,19,0;
+  --semi-amber-0: 252,244,232;
+  --semi-amber-1: 249,230,199;
+  --semi-amber-2: 243,202,146;
+  --semi-amber-3: 236,172,95;
+  --semi-amber-4: 230,141,46;
+  --semi-amber-5: 224,108,0;
+  --semi-amber-6: 188,81,0;
+  --semi-amber-7: 153,58,0;
+  --semi-amber-8: 117,39,0;
+  --semi-amber-9: 81,23,0;
   --semi-black-0: 227,227,230;
   --semi-black-1: 191,192,205;
   --semi-black-2: 134,135,154;
@@ -180,7 +180,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-neutral-4: 146,151,158;
   --semi-neutral-5: 120,126,135;
   --semi-neutral-6: 84,88,95;
-  --semi-neutral-7: 62,66,70;
+  --semi-neutral-7: 48,50,54;
   --semi-neutral-8: 34,35,38;
   --semi-neutral-9: 24,25,27;
   --semi-light-blue-0: 233,247,254;
@@ -278,16 +278,16 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-teal-7: 135,225,220;
   --semi-teal-8: 192,240,236;
   --semi-teal-9: 228,247,246;
-  --semi-amber-0: 51,19,0;
-  --semi-amber-1: 100,33,0;
-  --semi-amber-2: 136,53,3;
-  --semi-amber-3: 171,79,9;
-  --semi-amber-4: 204,98,0;
-  --semi-amber-5: 217,139,58;
-  --semi-amber-6: 226,170,102;
-  --semi-amber-7: 236,199,149;
-  --semi-amber-8: 245,228,200;
-  --semi-amber-9: 250,244,232;
+  --semi-amber-0: 84,24,0;
+  --semi-amber-1: 120,40,0;
+  --semi-amber-2: 156,61,3;
+  --semi-amber-3: 191,88,9;
+  --semi-amber-4: 224,108,0;
+  --semi-amber-5: 233,150,61;
+  --semi-amber-6: 238,179,107;
+  --semi-amber-7: 244,206,154;
+  --semi-amber-8: 249,232,203;
+  --semi-amber-9: 252,246,234;
   --semi-black-0: 0,0,0;
   --semi-black-1: 0,0,0;
   --semi-black-2: 0,0,0;
@@ -370,7 +370,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-yellow-9: 255,255,241;
   --semi-neutral-0: 24,25,27;
   --semi-neutral-1: 34,35,38;
-  --semi-neutral-2: 62,66,70;
+  --semi-neutral-2: 48,50,54;
   --semi-neutral-3: 84,88,95;
   --semi-neutral-4: 120,126,135;
   --semi-neutral-5: 146,151,158;
@@ -472,7 +472,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-info-hover: rgba(var(--semi-brand-6), 1);
   --semi-color-link-hover: rgba(var(--semi-brand-6), 1);
   --semi-color-primary: rgba(var(--semi-brand-5),1);
-  --semi-color-success: rgba(var(--semi-green-5),1);
+  --semi-color-success: rgba(var(--semi-green-4),1);
   --semi-color-tab-HoverBg: rgba(var(--semi-grey-5),0.16);
   --semi-color-warning: rgba(var(--semi-amber-5), 1);
   --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
@@ -501,7 +501,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.08);
   --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
   --semi-color-highlight: rgba(var(--semi-grey-9), 1);
-  --semi-color-input-HoverBg: rgba(255,255,255,0);
+  --semi-color-input-HoverBg: rgba(255,255,255,1);
   --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
   --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
   --semi-color-table-HoverBg: rgba(var(--semi-grey-5),0.08);
@@ -509,14 +509,14 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-border-select: rgba(var(--semi-grey-8),0);
   --semi-color-danger-active: rgba(var(--semi-red-7), 1);
   --semi-color-disabled-bg: rgba(var(--semi-grey-5),0.16);
-  --semi-color-input-ActiveBg: rgba(255,255,255,0);
+  --semi-color-input-ActiveBg: rgba(255,255,255,1);
   --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.12);
   --semi-color-card-borderHover: rgba(var(--semi-grey-8),0.22);
   --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
-  --semi-color-input-DefaultBg: rgba(255,255,255,0);
+  --semi-color-input-DefaultBg: rgba(255,255,255,1);
   --semi-color-photo-toastText: rgba(255,255,255,1);
   --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
-  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
+  --semi-color-success-hover: rgba(var(--semi-green-5),1);
   --semi-color-warning-hover: rgba(var(--semi-amber-6), 1);
   --semi-color-Component-bg: rgba(255,255,255,0.5);
   --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
@@ -526,7 +526,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
   --semi-color-highlight-bg: rgba(var(--semi-yellow-5),1);
   --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.16);
   --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
-  --semi-color-success-active: rgba(var(--semi-green-7), 1);
+  --semi-color-success-active: rgba(var(--semi-green-6),1);
   --semi-color-warning-active: rgba(var(--semi-amber-7), 1);
   --semi-color-tertiary-hover: rgba(var(--semi-neutral-7), 1);
   --semi-color-Component-card: rgba(255,255,255,0.9);
@@ -663,7 +663,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-info-hover: rgba(var(--semi-brand-3),1);
   --semi-color-link-hover: rgba(var(--semi-brand-3),1);
   --semi-color-primary: rgba(var(--semi-brand-4),1);
-  --semi-color-success: rgba(var(--semi-green-4),1);
+  --semi-color-success: rgba(var(--semi-green-5),1);
   --semi-color-tab-HoverBg: rgba(var(--semi-grey-2), 1);
   --semi-color-warning: rgba(var(--semi-amber-4),1);
   --semi-color-app-siderbar: rgba(var(--semi-grey-0), 0);
@@ -693,7 +693,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.05);
   --semi-color-danger-hover: rgba(var(--semi-red-3),1);
   --semi-color-highlight: rgba(var(--semi-white),1);
-  --semi-color-input-HoverBg: rgba(var(--semi-grey-5),0);
+  --semi-color-input-HoverBg: rgba(var(--semi-neutral-1),1);
   --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
   --semi-color-table-FocusBg: rgba(var(--semi-brand-4),0.2);
   --semi-color-table-HoverBg: rgba(var(--semi-grey-5),0.08);
@@ -701,14 +701,14 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-border-select: rgba(var(--semi-grey-5),0.16);
   --semi-color-danger-active: rgba(var(--semi-red-2),1);
   --semi-color-disabled-bg: rgba(var(--semi-grey-5),0.16);
-  --semi-color-input-ActiveBg: rgba(var(--semi-grey-5),0);
+  --semi-color-input-ActiveBg: rgba(var(--semi-neutral-1),1);
   --semi-color-table-ActiveBg: rgba(var(--semi-brand-4),0.12);
   --semi-color-card-borderHover: rgba(var(--semi-grey-5),0.22);
   --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
-  --semi-color-input-DefaultBg: rgba(var(--semi-grey-5),0);
+  --semi-color-input-DefaultBg: rgba(var(--semi-neutral-1),1);
   --semi-color-photo-toastText: rgba(255,255,255,1);
   --semi-color-primary-hover: rgba(var(--semi-brand-3),1);
-  --semi-color-success-hover: rgba(var(--semi-green-3),1);
+  --semi-color-success-hover: rgba(var(--semi-green-4),1);
   --semi-color-warning-hover: rgba(var(--semi-amber-3),1);
   --semi-color-Component-bg: rgba(0,0,0,0.6);
   --semi-color-card-borderActive: rgba(var(--semi-brand-4),1);
@@ -716,9 +716,9 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
   --semi-color-disabled-fill: rgba(var(--semi-neutral-5), 0.16);
   --semi-color-disabled-text: rgba(var(--semi-neutral-9),0.25);
   --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
-  --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.16);
+  --semi-color-input-DisabledBg: rgba(var(--semi-neutral-5),0.16);
   --semi-color-primary-active: rgba(var(--semi-brand-2),1);
-  --semi-color-success-active: rgba(var(--semi-green-2),1);
+  --semi-color-success-active: rgba(var(--semi-green-3),1);
   --semi-color-warning-active: rgba(var(--semi-amber-2),1);
   --semi-color-tertiary-hover: rgba(var(--semi-grey-5),0.16);
   --semi-color-Component-card: rgba(12,13,13,0.6);
@@ -5990,12 +5990,15 @@ body, :host {
   right: -8px;
   color: var(--semi-color-text-2);
 }
-.semi-chat-attachment-process.semi-progress-circle {
+.semi-chat-attachment-process.semi-progress-circle, .semi-chat-attachment-fail {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
+.semi-chat-attachment-fail {
+  color: var(--semi-color-danger);
+}
 .semi-chat-attachment-file {
   display: inline-flex;
   flex-direction: row;
@@ -6730,6 +6733,9 @@ body, :host {
 .semi-cropper {
   position: relative;
 }
+.semi-cropper img {
+  max-width: none;
+}
 .semi-cropper-img {
   position: absolute;
   user-select: none;
@@ -14426,6 +14432,20 @@ body, :host {
   display: inline-block;
   overflow: hidden;
 }
+.semi-image img {
+  /**
+      * In tailwind, the max-width of img/video is set to 100%, 
+      * which will affect the amplification effect of the picture.
+      * So we need to set max-width to none.
+  */
+  max-width: none;
+}
+.semi-image-tooltip-children-wrapper {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+  vertical-align: middle;
+}
 .semi-image-img {
   vertical-align: top;
   border-radius: inherit;
@@ -14596,12 +14616,6 @@ body, :host {
   transform: scale3d(1, 1, 1) var(--semi-transform-rotate-none);
   z-index: 0;
   user-select: none;
-  /**
-   * In tailwind, the max-width of img/video is set to 100%, 
-   * which will affect the amplification effect of the picture.
-   * So we need to set max-width to none.
-  */
-  max-width: none;
 }
 .semi-image-preview-image-spin {
   position: absolute;
@@ -16089,6 +16103,11 @@ img[src=""], img:not([src]) {
   transition: opacity 0.2s cubic-bezier(0.5, -0.1, 1, 0.4);
   opacity: 0;
 }
+.semi-navigation-collapsed-wrapper {
+  display: flex;
+  width: fit-content;
+  height: fit-content;
+}
 .semi-navigation-sub-wrap .semi-navigation-sub-title, .semi-navigation-item {
   cursor: pointer;
   display: flex;
@@ -18197,6 +18216,11 @@ img[src=""], img:not([src]) {
   height: 24px;
   font-size: 24px;
 }
+.semi-rating-star-outer {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+}
 .semi-rating-star-wrapper {
   position: relative;
   overflow: hidden;
@@ -20801,7 +20825,7 @@ img[src=""], img:not([src]) {
   position: absolute;
   width: 9px;
   height: calc(100% - 4px * 2);
-  background-color: var(--semi-color-divider-1);
+  background-color: var(--semi-color-divider-2);
   bottom: 4px;
   right: -1px;
   cursor: col-resize;
@@ -20830,7 +20854,7 @@ img[src=""], img:not([src]) {
   overflow-wrap: break-word;
   border-left: none;
   border-right: none;
-  border-bottom: 1px solid var(--semi-color-divider-1);
+  border-bottom: 1px solid var(--semi-color-divider-2);
   padding: 16px;
   box-sizing: border-box;
   position: relative;
@@ -20874,7 +20898,7 @@ img[src=""], img:not([src]) {
 }
 .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell {
   background-color: rgba(var(--semi-grey-0), 1);
-  border-bottom: 1px solid var(--semi-color-divider-1);
+  border-bottom: 1px solid var(--semi-color-divider-2);
 }
 .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell:not(.semi-table-column-selection) {
   padding: 10px 16px;
@@ -20986,32 +21010,32 @@ img[src=""], img:not([src]) {
 .semi-table-bordered .semi-table-title {
   padding-left: 16px;
   padding-right: 16px;
-  border-top: 1px solid var(--semi-color-divider-1);
-  border-right: 1px solid var(--semi-color-divider-1);
-  border-left: 1px solid var(--semi-color-divider-1);
+  border-top: 1px solid var(--semi-color-divider-2);
+  border-right: 1px solid var(--semi-color-divider-2);
+  border-left: 1px solid var(--semi-color-divider-2);
 }
 .semi-table-bordered .semi-table-container {
-  border: 1px solid var(--semi-color-divider-1);
+  border: 1px solid var(--semi-color-divider-2);
   border-right: 0;
   border-bottom: 0;
 }
 .semi-table-bordered .semi-table-header::-webkit-scrollbar {
-  border-right: 1px solid var(--semi-color-divider-1);
+  border-right: 1px solid var(--semi-color-divider-2);
 }
 .semi-table-bordered .semi-table-footer {
-  border-left: 1px solid var(--semi-color-divider-1);
-  border-right: 1px solid var(--semi-color-divider-1);
-  border-bottom: 1px solid var(--semi-color-divider-1);
+  border-left: 1px solid var(--semi-color-divider-2);
+  border-right: 1px solid var(--semi-color-divider-2);
+  border-bottom: 1px solid var(--semi-color-divider-2);
 }
 .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head .react-resizable-handle {
   background-color: transparent;
 }
 .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
 .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
-  border-right: 1px solid var(--semi-color-divider-1);
+  border-right: 1px solid var(--semi-color-divider-2);
 }
 .semi-table-bordered .semi-table-placeholder {
-  border-right: 1px solid var(--semi-color-divider-1);
+  border-right: 1px solid var(--semi-color-divider-2);
 }
 .semi-table-placeholder {
   position: sticky;
@@ -21022,7 +21046,7 @@ img[src=""], img:not([src]) {
   font-size: 14px;
   text-align: center;
   background: transparent;
-  border-bottom: 1px solid var(--semi-color-divider-1);
+  border-bottom: 1px solid var(--semi-color-divider-2);
 }
 .semi-table-fixed {
   table-layout: fixed;
@@ -21159,20 +21183,20 @@ img[src=""], img:not([src]) {
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-container {
   border-left: 0;
-  border-right: 1px solid var(--semi-color-divider-1);
+  border-right: 1px solid var(--semi-color-divider-2);
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
   border-right: 0;
-  border-left: 1px solid var(--semi-color-divider-1);
+  border-left: 1px solid var(--semi-color-divider-2);
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-placeholder {
-  border-left: 1px solid var(--semi-color-divider-1);
+  border-left: 1px solid var(--semi-color-divider-2);
   border-right: 0;
 }
 .semi-table-wrapper-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
   border-right: 0;
-  border-left: 1px solid var(--semi-color-divider-1);
+  border-left: 1px solid var(--semi-color-divider-2);
 }
 .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
   left: auto;
@@ -24915,6 +24939,12 @@ p.semi-typography-extended,
   display: flex;
   flex-wrap: wrap;
 }
+.semi-upload-tooltip-children-wrapper {
+  display: inline-flex;
+  width: fit-content;
+  height: fit-content;
+  vertical-align: middle;
+}
 .semi-upload-disabled {
   cursor: not-allowed;
 }