rappel-ui 1.0.15 → 1.0.16

package/theme-chalk/re-colors.css

@@ -1,87 +1 @@
-@charset "UTF-8";
-/**
- * craete same white opacity color
- */
-/**
- * create a darken color
- */
-/**
- * create shape color
- */
-/**
- * create dark shape color
- */
-/**
- &.re-tooltip-popover, &.re-tooltip-arrow
-*/
-/**
-  &.re-tooltip-overlay
- */
-.re-colors--primary {
-  width: 60rem;
-  border-radius: 4px;
-  overflow: hidden;
-  color: #ffffff;
-}
-.re-colors--secondary {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 1rem;
-}
-.re-colors--neutral {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 1rem;
-}
-.re-colors__panel {
-  border-radius: 4px;
-  overflow: hidden;
-  color: #ffffff;
-}
-.re-colors__base {
-  color: #ffffff;
-  height: 6rem;
-  box-shadow: 10px 10px;
-  padding: 1rem;
-}
-.re-colors__shades {
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-}
-.re-colors__shade {
-  flex: 1;
-  height: 3.2rem;
-  padding: 0.2rem;
-}
-.re-colors__collects {
-  border-radius: 4px;
-  overflow: hidden;
-  margin-bottom: 1rem;
-  height: 7rem;
-  padding: 1rem;
-}
-.re-colors__borders {
-  display: flex;
-  justify-content: space-between;
-}
-.re-colors__border-content {
-  border-radius: 50%;
-  margin-left: 1rem;
-  background-color: #fff;
-  height: 5rem;
-  width: 5rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-shrink: 0;
-}
-.re-colors__grids {
-  background-color: #ffffff; /* 轻灰色背景 */
-  background-image: linear-gradient(45deg, #ededf0 25%, transparent 25%), linear-gradient(-45deg, #ededf0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ededf0 75%), linear-gradient(-45deg, transparent 75%, #ededf0 75%);
-  background-size: 22px 22px;
-  background-position: 0 0, 0 11px, 11px -11px, -11px 0px;
-}
-.re-colors__grids.is-dark {
-  background-image: linear-gradient(45deg, #303131 25%, transparent 25%), linear-gradient(-45deg, #303131 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #303131 75%), linear-gradient(-45deg, transparent 75%, #303131 75%);
-}
+.re-colors--primary{width:60rem;border-radius:4px;overflow:hidden;color:#fff;max-width:100%}.re-colors__code{overflow-x:auto}.re-colors__code pre{padding:1em}.re-colors--secondary{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;max-width:100%}@media(max-width: 768px){.re-colors--secondary{grid-template-columns:repeat(1, 1fr)}}.re-colors--neutral{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;max-width:100%;overflow:hidden}.re-colors__group{min-width:0}.re-colors__panel{border-radius:4px;overflow:hidden;color:#fff}.re-colors__base{color:#fff;height:6rem;box-shadow:10px 10px;padding:1rem}.re-colors__shades{display:flex;align-items:center;flex-wrap:nowrap}.re-colors__shade{flex:1;height:3.2rem;padding:.2rem}.re-colors__collects{border-radius:4px;overflow:hidden;margin-bottom:1rem;height:7rem;padding:1rem}.re-colors__borders{display:flex;justify-content:space-between}.re-colors__border-content{border-radius:50%;margin-left:1rem;background-color:#fff;height:5rem;width:5rem;display:flex;justify-content:center;align-items:center;flex-shrink:0}.re-colors__grids{background-color:#fff;background-image:linear-gradient(45deg, #ededf0 25%, transparent 25%),linear-gradient(-45deg, #ededf0 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #ededf0 75%),linear-gradient(-45deg, transparent 75%, #ededf0 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0px}.re-colors__grids.is-dark{background-image:linear-gradient(45deg, #303131 25%, transparent 25%),linear-gradient(-45deg, #303131 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #303131 75%),linear-gradient(-45deg, transparent 75%, #303131 75%)}

package/theme-chalk/re-filter-panel.css

@@ -1,36 +1 @@
-/**
- * craete same white opacity color
- */
-/**
- * create a darken color
- */
-/**
- * create shape color
- */
-/**
- * create dark shape color
- */
-/**
- &.re-tooltip-popover, &.re-tooltip-arrow
-*/
-/**
-  &.re-tooltip-overlay
- */
-.re-filter-panel {
-  display: flex;
-  align-items: start;
-  overflow: hidden;
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 300ms;
-  border-radius: 4px;
-}
-.re-filter-panel__inner {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-wrap: wrap;
-}
-.re-filter-panel__extra {
-  margin-top: 1em;
-}
+.re-filter-panel{display:flex;align-items:start;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;border-radius:4px}.re-filter-panel__inner{flex:1;min-width:0;display:flex;flex-wrap:wrap}.re-filter-panel__extra{margin-top:1em}

package/theme-chalk/re-popconfirm.css

@@ -1,47 +1 @@
-/**
- * craete same white opacity color
- */
-/**
- * create a darken color
- */
-/**
- * create shape color
- */
-/**
- * create dark shape color
- */
-/**
- &.re-tooltip-popover, &.re-tooltip-arrow
-*/
-/**
-  &.re-tooltip-overlay
- */
-.re-popconfirm {
-  --re-popconfirm-icon-color: var(--re-color-warning-base);
-}
-.re-popconfirm.re-tooltip {
-  padding: 0;
-  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
-}
-.re-popconfirm__header {
-  display: flex;
-  align-items: center;
-  padding: 1em;
-  font-weight: 500;
-}
-.re-popconfirm__title {
-  line-height: 1.5;
-}
-.re-popconfirm__icon {
-  flex-shrink: 0;
-  margin-right: 5px;
-  color: var(--re-popconfirm-icon-color);
-}
-.re-popconfirm__content {
-  line-height: 1.5;
-  padding: 0 1em;
-}
-.re-popconfirm__footer {
-  padding: 1em;
-  text-align: right;
-}
+.re-popconfirm{--re-popconfirm-icon-color:var(--re-color-warning-base)}.re-popconfirm.re-tooltip{padding:0;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1))}.re-popconfirm__header{display:flex;align-items:center;padding:1em;font-weight:500}.re-popconfirm__title{line-height:1.5}.re-popconfirm__icon{flex-shrink:0;margin-right:5px;color:var(--re-popconfirm-icon-color)}.re-popconfirm__content{line-height:1.5;padding:0 1em}.re-popconfirm__footer{padding:1em;text-align:right}

package/theme-chalk/re-popover.css

@@ -1,31 +1 @@
-/**
- * craete same white opacity color
- */
-/**
- * create a darken color
- */
-/**
- * create shape color
- */
-/**
- * create dark shape color
- */
-/**
- &.re-tooltip-popover, &.re-tooltip-arrow
-*/
-/**
-  &.re-tooltip-overlay
- */
-.re-popover.re-tooltip {
-  padding: 0;
-  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
-}
-.re-popover__title {
-  font-size: var(--re-root-font-size);
-  padding: 0.5em 1em;
-  font-weight: 500;
-}
-.re-popover__content {
-  padding: 0 1em 1em 1em;
-  font-size: var(--re-base-font-size);
-}
+.re-popover.re-tooltip{padding:0;filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1))}.re-popover__title{font-size:var(--re-root-font-size);padding:.5em 1em;font-weight:500}.re-popover__content{padding:0 1em 1em 1em;font-size:var(--re-base-font-size)}

package/theme-chalk/re-svg-icon.css

@@ -1,33 +1 @@
-/**
- * craete same white opacity color
- */
-/**
- * create a darken color
- */
-/**
- * create shape color
- */
-/**
- * create dark shape color
- */
-/**
- &.re-tooltip-popover, &.re-tooltip-arrow
-*/
-/**
-  &.re-tooltip-overlay
- */
-.re-svg-icon {
-  display: inline-block;
-  vertical-align: middle;
-}
-.re-svg-icon__spinner {
-  animation: spin 1s linear infinite;
-}
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
+.re-svg-icon{display:inline-block;vertical-align:middle}.re-svg-icon__spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

package/theme-chalk/re-tooltip.css

@@ -1,62 +1 @@
-/**
- * craete same white opacity color
- */
-/**
- * create a darken color
- */
-/**
- * create shape color
- */
-/**
- * create dark shape color
- */
-/**
- &.re-tooltip-popover, &.re-tooltip-arrow
-*/
-/**
-  &.re-tooltip-overlay
- */
-.re-tooltip.is-light {
-  --re-tooltip-font-size: 12px;
-  --re-tooltip-border-radius: 4px;
-  --re-tooltip-bgcolor: var(--re-color-fill-blank);
-  --re-tooltip-color: var(--re-color-text-base);
-  --re-tooltip-border-color: var(--re-color-border-light);
-}
-.re-tooltip.is-dark {
-  --re-tooltip-font-size: 12px;
-  --re-tooltip-border-radius: 4px;
-  --re-tooltip-bgcolor: var(--re-color-text-darker);
-  --re-tooltip-color: var(--re-color-fill-blank);
-  --re-tooltip-border-color: var(--re-color-text-darker);
-}
-.re-tooltip {
-  padding: 6px 12px;
-  color: var(--re-tooltip-color);
-  background-color: var(--re-tooltip-bgcolor);
-  border-radius: var(--re-tooltip-border-radius);
-  border: 1px solid var(--re-tooltip-border-color);
-}
-.re-tooltip__content {
-  font-size: var(--re-tooltip-font-size);
-  line-height: 1;
-}
-.re-tooltip__arrow {
-  background-color: var(--re-tooltip-bgcolor);
-  border-width: 1px;
-  border-style: solid;
-  z-index: -1;
-  transform: rotate(45deg);
-}
-.re-tooltip__arrow[data-placement^=top] {
-  border-color: transparent var(--re-tooltip-border-color) var(--re-tooltip-border-color) transparent;
-}
-.re-tooltip__arrow[data-placement^=bottom] {
-  border-color: var(--re-tooltip-border-color) transparent transparent var(--re-tooltip-border-color);
-}
-.re-tooltip__arrow[data-placement^=left] {
-  border-color: var(--re-tooltip-border-color) var(--re-tooltip-border-color) transparent transparent;
-}
-.re-tooltip__arrow[data-placement^=right] {
-  border-color: transparent transparent var(--re-tooltip-border-color) var(--re-tooltip-border-color);
-}
+.re-tooltip.is-light{--re-tooltip-font-size:12px;--re-tooltip-border-radius:4px;--re-tooltip-bgcolor:var(--re-color-fill-blank);--re-tooltip-color:var(--re-color-text-base);--re-tooltip-border-color:var(--re-color-border-light)}.re-tooltip.is-dark{--re-tooltip-font-size:12px;--re-tooltip-border-radius:4px;--re-tooltip-bgcolor:var(--re-color-text-darker);--re-tooltip-color:var(--re-color-fill-blank);--re-tooltip-border-color:var(--re-color-text-darker)}.re-tooltip{padding:6px 12px;color:var(--re-tooltip-color);background-color:var(--re-tooltip-bgcolor);border-radius:var(--re-tooltip-border-radius);border:1px solid var(--re-tooltip-border-color)}.re-tooltip__content{font-size:var(--re-tooltip-font-size);line-height:1}.re-tooltip__arrow{background-color:var(--re-tooltip-bgcolor);border-width:1px;border-style:solid;z-index:-1;transform:rotate(45deg)}.re-tooltip__arrow[data-placement^=top]{border-color:rgba(0,0,0,0) var(--re-tooltip-border-color) var(--re-tooltip-border-color) rgba(0,0,0,0)}.re-tooltip__arrow[data-placement^=bottom]{border-color:var(--re-tooltip-border-color) rgba(0,0,0,0) rgba(0,0,0,0) var(--re-tooltip-border-color)}.re-tooltip__arrow[data-placement^=left]{border-color:var(--re-tooltip-border-color) var(--re-tooltip-border-color) rgba(0,0,0,0) rgba(0,0,0,0)}.re-tooltip__arrow[data-placement^=right]{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--re-tooltip-border-color) var(--re-tooltip-border-color)}

package/theme-chalk/root-vars.css

@@ -1,201 +1 @@
-@charset "UTF-8";
-/**
- * craete same white opacity color
- */
-/**
- * create a darken color
- */
-/**
- * create shape color
- */
-/**
- * create dark shape color
- */
-/**
- &.re-tooltip-popover, &.re-tooltip-arrow
-*/
-/**
- * 生成不同(0.9-0.1)透明度对应的等值颜色：
-         primary: (
-            base: #9e88ff,
-            active:#8d7ae6,
-            hover: #8d7ae6,
-            shade-9: #9e88ff,
-            shade-8: #a995ff,
-            shade-7: #b3a3ff,
-            shade-6: #beb0ff,
-            shade-5: #c9bdff,
-            shade-4: #d4caff,
-            shade-3: #ded7ff,
-            shade-2: #e9e5ff,
-            shade-1: #f4f2ff
-        ),
- */
-:root {
-  --re-color-primary: #9e88ff;
-  --re-color-text-darkest: #000000;
-  --re-color-text-darker: #303131;
-  --re-color-text-base: #606062;
-  --re-color-text-dark: #909093;
-  --re-color-text-light: #b2b2b6;
-  --re-color-text-lighter: #cdcdd1;
-  --re-color-text-lightest: #ffffff;
-  --re-color-border-darker: #c3c3cb;
-  --re-color-border-dark: #d0d0d8;
-  --re-color-border-base: #dbdbe0;
-  --re-color-border-light: #e4e4e8;
-  --re-color-border-lighter: #ededef;
-  --re-color-border-lightest: #efeff3;
-  --re-color-fill-darker: #d7d7dc;
-  --re-color-fill-dark: #e8e8ec;
-  --re-color-fill-base: #ededf0;
-  --re-color-fill-light: #f1f1f4;
-  --re-color-fill-lighter: #f6f6f7;
-  --re-color-fill-lightest: #f8f8f9;
-  --re-color-fill-blank: #ffffff;
-  --re-color-fill-transparent: transparent;
-  --re-color-primary-base: #9e88ff;
-  --re-color-primary-hover: #917deb;
-  --re-color-primary-active: #8572d6;
-  --re-color-primary-shade-9: #a894ff;
-  --re-color-primary-shade-8: #b1a0ff;
-  --re-color-primary-shade-7: #bbacff;
-  --re-color-primary-shade-6: #c5b8ff;
-  --re-color-primary-shade-5: #cfc4ff;
-  --re-color-primary-shade-4: #d8cfff;
-  --re-color-primary-shade-3: #e2dbff;
-  --re-color-primary-shade-2: #ece7ff;
-  --re-color-primary-shade-1: #f5f3ff;
-  --re-color-success-base: #06b56d;
-  --re-color-success-hover: #06a764;
-  --re-color-success-active: #05985c;
-  --re-color-success-shade-9: #1fbc7c;
-  --re-color-success-shade-8: #38c48a;
-  --re-color-success-shade-7: #51cb99;
-  --re-color-success-shade-6: #6ad3a7;
-  --re-color-success-shade-5: #83dab6;
-  --re-color-success-shade-4: #9be1c5;
-  --re-color-success-shade-3: #b4e9d3;
-  --re-color-success-shade-2: #cdf0e2;
-  --re-color-success-shade-1: #e6f8f0;
-  --re-color-danger-base: #ee6979;
-  --re-color-danger-hover: #db616f;
-  --re-color-danger-active: #c85866;
-  --re-color-danger-shade-9: #f07886;
-  --re-color-danger-shade-8: #f18794;
-  --re-color-danger-shade-7: #f396a1;
-  --re-color-danger-shade-6: #f5a5af;
-  --re-color-danger-shade-5: #f7b4bc;
-  --re-color-danger-shade-4: #f8c3c9;
-  --re-color-danger-shade-3: #fad2d7;
-  --re-color-danger-shade-2: #fce1e4;
-  --re-color-danger-shade-1: #fdf0f2;
-  --re-color-warning-base: #e2a01d;
-  --re-color-warning-hover: #d0931b;
-  --re-color-warning-active: #be8618;
-  --re-color-warning-shade-9: #e5aa34;
-  --re-color-warning-shade-8: #e8b34a;
-  --re-color-warning-shade-7: #ebbd61;
-  --re-color-warning-shade-6: #eec677;
-  --re-color-warning-shade-5: #f1d08e;
-  --re-color-warning-shade-4: #f3d9a5;
-  --re-color-warning-shade-3: #f6e3bb;
-  --re-color-warning-shade-2: #f9ecd2;
-  --re-color-warning-shade-1: #fcf6e8;
-  --re-color-info-base: #8e8e91;
-  --re-color-info-hover: #838385;
-  --re-color-info-active: #77777a;
-  --re-color-info-shade-9: #99999c;
-  --re-color-info-shade-8: #a5a5a7;
-  --re-color-info-shade-7: #b0b0b2;
-  --re-color-info-shade-6: #bbbbbd;
-  --re-color-info-shade-5: #c7c7c8;
-  --re-color-info-shade-4: #d2d2d3;
-  --re-color-info-shade-3: #ddddde;
-  --re-color-info-shade-2: #e8e8e9;
-  --re-color-info-shade-1: #f4f4f4;
-}
-
-:root.dark {
-  --re-color-text-darkest: #ffffff;
-  --re-color-text-darker: #e0e0e2;
-  --re-color-text-base: #d0d0d4;
-  --re-color-text-dark: #b2b2b6;
-  --re-color-text-light: #909093;
-  --re-color-text-lighter: #606062;
-  --re-color-text-lightest: #303131;
-  --re-color-border-darker: #8e8e91;
-  --re-color-border-dark: #6b6b6f;
-  --re-color-border-base: #5b5b5f;
-  --re-color-border-light: #4d4d51;
-  --re-color-border-lighter: #3b3b3d;
-  --re-color-border-lightest: #2c2c2e;
-  --re-color-fill-darker: #6b6b6f;
-  --re-color-fill-dark: #5b5b5f;
-  --re-color-fill-base: #4d4d51;
-  --re-color-fill-light: #3b3b3d;
-  --re-color-fill-lighter: #323236;
-  --re-color-fill-lightest: #2c2c2e;
-  --re-color-fill-blank: #1b1b1f;
-  --re-color-fill-transparent: transparent;
-  --re-color-primary-base: #9e88ff;
-  --re-color-primary-hover: #917deb;
-  --re-color-primary-active: #8572d6;
-  --re-color-primary-shade-9: #937fea;
-  --re-color-primary-shade-8: #8877d6;
-  --re-color-primary-shade-7: #7d6ec1;
-  --re-color-primary-shade-6: #7265ad;
-  --re-color-primary-shade-5: #675d98;
-  --re-color-primary-shade-4: #5c5483;
-  --re-color-primary-shade-3: #514b6f;
-  --re-color-primary-shade-2: #46425a;
-  --re-color-primary-shade-1: #3b3a46;
-  --re-color-success-base: #06b56d;
-  --re-color-success-hover: #06a764;
-  --re-color-success-active: #05985c;
-  --re-color-success-shade-9: #0aa867;
-  --re-color-success-shade-8: #0e9b61;
-  --re-color-success-shade-7: #138d5b;
-  --re-color-success-shade-6: #178055;
-  --re-color-success-shade-5: #1b734f;
-  --re-color-success-shade-4: #1f6649;
-  --re-color-success-shade-3: #235943;
-  --re-color-success-shade-2: #284b3d;
-  --re-color-success-shade-1: #2c3e37;
-  --re-color-danger-base: #ee6979;
-  --re-color-danger-hover: #db616f;
-  --re-color-danger-active: #c85866;
-  --re-color-danger-shade-9: #db6372;
-  --re-color-danger-shade-8: #c85e6b;
-  --re-color-danger-shade-7: #b55863;
-  --re-color-danger-shade-6: #a2535c;
-  --re-color-danger-shade-5: #8f4d55;
-  --re-color-danger-shade-4: #7c474e;
-  --re-color-danger-shade-3: #694247;
-  --re-color-danger-shade-2: #563c3f;
-  --re-color-danger-shade-1: #433738;
-  --re-color-warning-base: #e2a01d;
-  --re-color-warning-hover: #d0931b;
-  --re-color-warning-active: #be8618;
-  --re-color-warning-shade-9: #d0951f;
-  --re-color-warning-shade-8: #be8a21;
-  --re-color-warning-shade-7: #ad7f23;
-  --re-color-warning-shade-6: #9b7425;
-  --re-color-warning-shade-5: #896927;
-  --re-color-warning-shade-4: #775d29;
-  --re-color-warning-shade-3: #65522b;
-  --re-color-warning-shade-2: #54472d;
-  --re-color-warning-shade-1: #423c2f;
-  --re-color-info-base: #8e8e91;
-  --re-color-info-hover: #838385;
-  --re-color-info-active: #77777a;
-  --re-color-info-shade-9: #858587;
-  --re-color-info-shade-8: #7b7b7e;
-  --re-color-info-shade-7: #727274;
-  --re-color-info-shade-6: #68696b;
-  --re-color-info-shade-5: #5f6061;
-  --re-color-info-shade-4: #565657;
-  --re-color-info-shade-3: #4c4d4e;
-  --re-color-info-shade-2: #434444;
-  --re-color-info-shade-1: #393a3b;
-}
+:root{--re-color-primary:#ac99ff;--re-color-text-darkest:#000000;--re-color-text-darker:#303131;--re-color-text-base:#606062;--re-color-text-dark:#909093;--re-color-text-light:#b2b2b6;--re-color-text-lighter:#cdcdd1;--re-color-text-lightest:#ffffff;--re-color-border-darker:#c3c3cb;--re-color-border-dark:#d0d0d8;--re-color-border-base:#dbdbe0;--re-color-border-light:#e4e4e8;--re-color-border-lighter:#ededef;--re-color-border-lightest:#efeff3;--re-color-fill-darker:#d7d7dc;--re-color-fill-dark:#e8e8ec;--re-color-fill-base:#ededf0;--re-color-fill-light:#f1f1f4;--re-color-fill-lighter:#f6f6f7;--re-color-fill-lightest:#f8f8f9;--re-color-fill-blank:#ffffff;--re-color-fill-transparent:transparent;--re-color-primary-base:#ac99ff;--re-color-primary-active:#9787e0;--re-color-primary-hover:#a290f0;--re-color-primary-shade-9:#b4a3ff;--re-color-primary-shade-8:#bdadff;--re-color-primary-shade-7:#c5b8ff;--re-color-primary-shade-6:#cdc2ff;--re-color-primary-shade-5:#d6ccff;--re-color-primary-shade-4:#ded6ff;--re-color-primary-shade-3:#e6e0ff;--re-color-primary-shade-2:#eeebff;--re-color-primary-shade-1:#f7f5ff;--re-color-success-base:#06c173;--re-color-success-active:#05aa65;--re-color-success-hover:#06b56c;--re-color-success-shade-9:#1fc781;--re-color-success-shade-8:#38cd8f;--re-color-success-shade-7:#51d49d;--re-color-success-shade-6:#6adaab;--re-color-success-shade-5:#83e0b9;--re-color-success-shade-4:#9be6c7;--re-color-success-shade-3:#b4ecd5;--re-color-success-shade-2:#cdf3e3;--re-color-success-shade-1:#e6f9f1;--re-color-danger-base:#ef717f;--re-color-danger-active:#d26370;--re-color-danger-hover:#e16a77;--re-color-danger-shade-9:#f17f8c;--re-color-danger-shade-8:#f28d99;--re-color-danger-shade-7:#f49ca5;--re-color-danger-shade-6:#f5aab2;--re-color-danger-shade-5:#f7b8bf;--re-color-danger-shade-4:#f9c6cc;--re-color-danger-shade-3:#fad4d9;--re-color-danger-shade-2:#fce3e5;--re-color-danger-shade-1:#fdf1f2;--re-color-warning-base:#e6a219;--re-color-warning-active:#ca8f16;--re-color-warning-hover:#d89818;--re-color-warning-shade-9:#e9ab30;--re-color-warning-shade-8:#ebb547;--re-color-warning-shade-7:#eebe5e;--re-color-warning-shade-6:#f0c775;--re-color-warning-shade-5:#f3d18c;--re-color-warning-shade-4:#f5daa3;--re-color-warning-shade-3:#f8e3ba;--re-color-warning-shade-2:#faecd1;--re-color-warning-shade-1:#fdf6e8;--re-color-info-base:#a7a7a9;--re-color-info-active:#939395;--re-color-info-hover:#9d9d9f;--re-color-info-shade-9:#b0b0b2;--re-color-info-shade-8:#b9b9ba;--re-color-info-shade-7:#c1c1c3;--re-color-info-shade-6:#cacacb;--re-color-info-shade-5:#d3d3d4;--re-color-info-shade-4:#dcdcdd;--re-color-info-shade-3:#e5e5e5;--re-color-info-shade-2:#ededee;--re-color-info-shade-1:#f6f6f6}:root.dark{--re-color-text-darkest:#ffffff;--re-color-text-darker:#e0e0e2;--re-color-text-base:#d0d0d4;--re-color-text-dark:#b2b2b6;--re-color-text-light:#909093;--re-color-text-lighter:#606062;--re-color-text-lightest:#303131;--re-color-border-darker:#8e8e91;--re-color-border-dark:#6b6b6f;--re-color-border-base:#5b5b5f;--re-color-border-light:#4d4d51;--re-color-border-lighter:#3b3b3d;--re-color-border-lightest:#2c2c2e;--re-color-fill-darker:#6b6b6f;--re-color-fill-dark:#5b5b5f;--re-color-fill-base:#4d4d51;--re-color-fill-light:#3b3b3d;--re-color-fill-lighter:#323236;--re-color-fill-lightest:#2c2c2e;--re-color-fill-blank:#1b1b1f;--re-color-fill-transparent:transparent;--re-color-primary-base:#ac99ff;--re-color-primary-active:#8d7dd1;--re-color-primary-hover:#9787e0;--re-color-primary-shade-9:#a08fea;--re-color-primary-shade-8:#9384d6;--re-color-primary-shade-7:#877ac1;--re-color-primary-shade-6:#7a6fad;--re-color-primary-shade-5:#6e6598;--re-color-primary-shade-4:#625b83;--re-color-primary-shade-3:#55506f;--re-color-primary-shade-2:#49465a;--re-color-primary-shade-1:#3c3b46;--re-color-success-base:#06c173;--re-color-success-active:#059e5e;--re-color-success-hover:#05aa65;--re-color-success-shade-9:#0ab36c;--re-color-success-shade-8:#0ea466;--re-color-success-shade-7:#13965f;--re-color-success-shade-6:#178759;--re-color-success-shade-5:#1b7952;--re-color-success-shade-4:#1f6b4b;--re-color-success-shade-3:#235c45;--re-color-success-shade-2:#284e3e;--re-color-success-shade-1:#2c3f38;--re-color-danger-base:#ef717f;--re-color-danger-active:#c45d68;--re-color-danger-hover:#d26370;--re-color-danger-shade-9:#dc6b77;--re-color-danger-shade-8:#c9646f;--re-color-danger-shade-7:#b65e68;--re-color-danger-shade-6:#a35760;--re-color-danger-shade-5:#905158;--re-color-danger-shade-4:#7c4b50;--re-color-danger-shade-3:#694448;--re-color-danger-shade-2:#563e41;--re-color-danger-shade-1:#433739;--re-color-warning-base:#e6a219;--re-color-warning-active:#bd8515;--re-color-warning-hover:#ca8f16;--re-color-warning-shade-9:#d4971b;--re-color-warning-shade-8:#c28b1e;--re-color-warning-shade-7:#af8020;--re-color-warning-shade-6:#9d7523;--re-color-warning-shade-5:#8b6a25;--re-color-warning-shade-4:#795e27;--re-color-warning-shade-3:#67532a;--re-color-warning-shade-2:#54482c;--re-color-warning-shade-1:#423c2f;--re-color-info-base:#a7a7a9;--re-color-info-active:#89898b;--re-color-info-hover:#939395;--re-color-info-shade-9:#9b9b9d;--re-color-info-shade-8:#8f8f91;--re-color-info-shade-7:#838485;--re-color-info-shade-6:#777879;--re-color-info-shade-5:#6c6c6d;--re-color-info-shade-4:#606061;--re-color-info-shade-3:#545455;--re-color-info-shade-2:#484949;--re-color-info-shade-1:#3c3d3d}

package/theme-chalk/src/base.scss

@@ -9,11 +9,10 @@
 
   font-size: getCssVar('root-font-size');
   --base-font-family:
-    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
-    'Microsoft YaHei', '微软雅黑', Arial, 'Noto Sans SC', sans-serif;
+    Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Microsoft YaHei,
+    微软雅黑, Arial, Noto Sans SC, sans-serif;
   --code-font-family:
-    'JetBrains Mono', 'ui-monospace', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono',
-    'Courier New', monospace;
+    JetBrains Mono, ui-monospace, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
 }
 *,
 *::before,

package/theme-chalk/src/colors.scss

@@ -6,16 +6,32 @@
     border-radius: 4px;
     overflow: hidden;
     color: #ffffff;
+    max-width: 100%;
+  }
+  @include sub('code') {
+    overflow-x: auto;
+    pre {
+      padding: 1em;
+    }
   }
   &--secondary {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 1rem;
+    max-width: 100%;
+    @media (max-width: 768px) {
+      grid-template-columns: repeat(1, 1fr);
+    }
   }
   &--neutral {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 1rem;
+    max-width: 100%;
+    overflow: hidden;
+  }
+  &__group {
+    min-width: 0;
   }
   &__panel {
     border-radius: 4px;

package/theme-chalk/src/css-vars/_colors.scss

@@ -38,29 +38,29 @@ $colors: map.deep-merge(
 
 $state-types: (
   primary: (
-    #9e88ff
+    #ac99ff
   ),
   success: (
-    #06b56d
+    #06c173
   ),
   danger: (
-    #ee6979
+    #ef717f
   ),
   warning: (
-    #e2a01d
+    #e6a219
   ),
   info: (
-    #8e8e91
+    #a7a7a9
   )
 );
 
 /**
  * 生成不同(0.9-0.1)透明度对应的等值颜色：
          primary: (
-            base: #9e88ff,
+            base: #ac99ff,
             active:#8d7ae6,
             hover: #8d7ae6,
-            shade-9: #9e88ff,
+            shade-9: #ac99ff,
             shade-8: #a995ff,
             shade-7: #b3a3ff,
             shade-6: #beb0ff,

package/theme-chalk/src/function/index.scss

@@ -69,7 +69,7 @@
 }
 
 /**
- * craete same white opacity color
+ * create same opacity color
  */
 @function get-equal-opacity-color($color, $opacity: 1, $is-dark: false) {
   $r: color.channel($color, 'red', $space: rgb);
@@ -89,7 +89,7 @@
 /**
  * create a darken color
  */
-@function darken-color($color, $factor: 0.2) {
+@function darken-color($color, $factor: 0.12) {
   $r: color.channel($color, 'red', $space: rgb);
   $g: color.channel($color, 'green', $space: rgb);
   $b: color.channel($color, 'blue', $space: rgb);
@@ -104,11 +104,11 @@
 /**
  * create shape color
  */
-@function create-colors($base-color, $darkness: 0.16) {
+@function create-colors($base-color, $darkness: 0.12) {
   $result: (
     base: $base-color,
-    hover: rgb-to-hex(darken-color($base-color, math.div($darkness, 2))),
-    active: rgb-to-hex(darken-color($base-color, $darkness))
+    active: rgb-to-hex(darken-color($base-color, $darkness)),
+    hover: rgb-to-hex(darken-color($base-color, math.div($darkness, 2)))
   );
 
   // opacity color shade-1 ~ shade-9
@@ -128,11 +128,11 @@
 /**
  * create dark shape color
  */
-@function create-dark-colors($base-color, $darkness: 0.16) {
+@function create-dark-colors($base-color, $darkness: 0.12) {
   $result: (
     base: $base-color,
-    hover: rgb-to-hex(darken-color($base-color, math.div($darkness, 2))),
-    active: rgb-to-hex(darken-color($base-color, $darkness))
+    active: rgb-to-hex(darken-color($base-color, math.div($darkness * 3, 2))),
+    hover: rgb-to-hex(darken-color($base-color, $darkness))
   );
 
   // opacity color shade-1 ~ shade-9