@cloudtower/eagle 0.26.21 → 0.26.23

package/dist/components/StatusCapsule/__test__/h5_css.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/StatusCapsule/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { StatusCapsuleColor, StatusCapsuleComponentType } from "../../spec";
+export declare const PresetColors: StatusCapsuleColor[];
+export declare const StatusIcon: React.FC<{
+    loading?: boolean;
+}>;
+declare const StatusCapsule: StatusCapsuleComponentType;
+export default StatusCapsule;

package/dist/components.css

@@ -30165,6 +30165,15 @@ html body {
   margin-right: 4px;
 }
 
+.obf05yr {
+  display: inline-block;
+}
+
+.hsms1n6 {
+  visibility: hidden;
+  position: absolute;
+}
+
 .p12gwtiw {
   display: flex;
   justify-content: space-between;
@@ -30222,15 +30231,6 @@ html body {
   line-height: 18px;
 }
 
-.obf05yr {
-  display: inline-block;
-}
-
-.hsms1n6 {
-  visibility: hidden;
-  position: absolute;
-}
-
 .rxbeqvl.ant-radio-wrapper {
   display: inline-flex;
   align-items: baseline;
@@ -31407,6 +31407,91 @@ input.rrg1fkn.ant-input {
   background: #fff;
 }
 
+.s1fc623g {
+  width: 430px !important;
+}
+
+.da3mx0o .ant-select-item-group {
+  padding: 8px 16px;
+  line-height: 18px;
+  border-top: 1px solid rgba(211, 218, 235, 0.6);
+  height: 34px;
+  min-height: 34px;
+  box-sizing: border-box;
+  margin-top: 8px;
+}
+
+.onr9gzt {
+  display: flex;
+  flex-direction: column;
+  margin: 1px 8px;
+  padding: 8px;
+  border-radius: 4px;
+}
+.onr9gzt .selected-icon {
+  display: none;
+}
+.onr9gzt.ant-select-item-option-grouped {
+  padding-left: 8px;
+}
+.onr9gzt.ant-select-item-option-selected {
+  background-color: white;
+}
+.onr9gzt.ant-select-item-option-selected .timezone-title {
+  color: #0080ff;
+}
+.onr9gzt.ant-select-item-option-selected .selected-icon {
+  display: block;
+}
+.onr9gzt.ant-select-item-option-active {
+  background: rgba(0, 136, 255, 0.16);
+}
+.onr9gzt.ant-select-item-option-active .timezone-title {
+  color: #0080ff;
+}
+.onr9gzt.ant-select-item-option-active .timezone-tag {
+  background: rgba(0, 136, 255, 0.1);
+  color: #0080ff;
+}
+
+.oiy0apc {
+  display: flex;
+  justify-content: space-between;
+  height: 20px;
+  line-height: 20px;
+}
+.oiy0apc .timezone-title {
+  color: #2d3a56;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.of4y382 {
+  display: flex;
+  justify-content: space-between;
+  color: rgba(44, 56, 82, 0.6);
+  height: 18px;
+  line-height: 18px;
+  margin-top: 2px;
+}
+
+.t19903l9 {
+  border: none;
+  margin-right: 0;
+  background: rgba(225, 230, 241, 0.6);
+}
+
+.ohwbvxu {
+  pointer-events: none;
+  height: 32px;
+  width: 100%;
+  opacity: 0;
+}
+
+.i1e4sgug {
+  display: inline-block;
+}
+
 .d6j0lbj {
   font-family: Inter;
   font-style: normal;
@@ -31882,91 +31967,6 @@ input.rrg1fkn.ant-input {
   line-height: 12px;
 }
 
-.i1e4sgug {
-  display: inline-block;
-}
-
-.s1fc623g {
-  width: 430px !important;
-}
-
-.da3mx0o .ant-select-item-group {
-  padding: 8px 16px;
-  line-height: 18px;
-  border-top: 1px solid rgba(211, 218, 235, 0.6);
-  height: 34px;
-  min-height: 34px;
-  box-sizing: border-box;
-  margin-top: 8px;
-}
-
-.onr9gzt {
-  display: flex;
-  flex-direction: column;
-  margin: 1px 8px;
-  padding: 8px;
-  border-radius: 4px;
-}
-.onr9gzt .selected-icon {
-  display: none;
-}
-.onr9gzt.ant-select-item-option-grouped {
-  padding-left: 8px;
-}
-.onr9gzt.ant-select-item-option-selected {
-  background-color: white;
-}
-.onr9gzt.ant-select-item-option-selected .timezone-title {
-  color: #0080ff;
-}
-.onr9gzt.ant-select-item-option-selected .selected-icon {
-  display: block;
-}
-.onr9gzt.ant-select-item-option-active {
-  background: rgba(0, 136, 255, 0.16);
-}
-.onr9gzt.ant-select-item-option-active .timezone-title {
-  color: #0080ff;
-}
-.onr9gzt.ant-select-item-option-active .timezone-tag {
-  background: rgba(0, 136, 255, 0.1);
-  color: #0080ff;
-}
-
-.oiy0apc {
-  display: flex;
-  justify-content: space-between;
-  height: 20px;
-  line-height: 20px;
-}
-.oiy0apc .timezone-title {
-  color: #2d3a56;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.of4y382 {
-  display: flex;
-  justify-content: space-between;
-  color: rgba(44, 56, 82, 0.6);
-  height: 18px;
-  line-height: 18px;
-  margin-top: 2px;
-}
-
-.t19903l9 {
-  border: none;
-  margin-right: 0;
-  background: rgba(225, 230, 241, 0.6);
-}
-
-.ohwbvxu {
-  pointer-events: none;
-  height: 32px;
-  width: 100%;
-  opacity: 0;
-}
-
 .m15dvk92 {
   display: flex;
   justify-content: space-between;
@@ -32151,6 +32151,80 @@ input.rrg1fkn.ant-input {
   display: flex;
 }
 
+.s14dk8r1 {
+  margin: 0;
+  border-radius: 20px;
+  padding: 2px 10px;
+  height: 22px;
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.off-white {
+  background-color: rgba(237, 241, 250, 0.6) !important;
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.off-white.tag-hover:hover, .s14dk8r1.ant-tag.ui-kit-status-capsule.off-white.__pseudo-states-hover {
+  background-color: rgba(225, 230, 241, 0.6) !important;
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule {
+  color: #00122e;
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule .ui-kit-status-capsule-icon {
+  margin-right: 6px;
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule .ui-kit-status-capsule-number {
+  margin-left: 4px;
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-blue {
+  background-color: rgba(0, 136, 255, 0.1);
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-blue .ui-kit-status-capsule-icon {
+  background-color: #0080ff;
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-blue.tag-hover:hover, .s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-blue.__pseudo-states-hover {
+  background-color: rgba(0, 136, 255, 0.16);
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-red {
+  background-color: rgba(255, 74, 74, 0.1);
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-red .ui-kit-status-capsule-icon {
+  background-color: #f0483e;
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-red.tag-hover:hover, .s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-red.__pseudo-states-hover {
+  background-color: rgba(255, 74, 74, 0.16);
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-yellow {
+  background-color: rgba(254, 160, 8, 0.1);
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-yellow .ui-kit-status-capsule-icon {
+  background-color: #fea008;
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-yellow.tag-hover:hover, .s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-yellow.__pseudo-states-hover {
+  background-color: rgba(255, 187, 0, 0.16);
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-green {
+  background-color: rgba(30, 201, 127, 0.1);
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-green .ui-kit-status-capsule-icon {
+  background-color: #00ba5d;
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-green.tag-hover:hover, .s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-green.__pseudo-states-hover {
+  background-color: rgba(30, 201, 127, 0.16);
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-gray {
+  background-color: rgba(225, 230, 241, 0.6);
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-gray .ui-kit-status-capsule-icon:not(.ui-kit-status-capsule-icon-loading) {
+  background-color: #6b7d99;
+}
+.s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-gray.tag-hover:hover, .s14dk8r1.ant-tag.ui-kit-status-capsule.ant-tag-gray.__pseudo-states-hover {
+  background-color: rgba(211, 218, 235, 0.6);
+}
+
+.s1uupoto {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  display: inline-block;
+}
+
 .s1uupxds {
   padding: 0 8px;
   border-radius: 4px;
@@ -32226,177 +32300,16 @@ input.rrg1fkn.ant-input {
   background-color: #6b7d99;
 }
 
-.m1thnes4 {
-  color: rgba(44, 56, 82, 0.6);
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  height: 100%;
+.sq6vos1 {
+  --item-min-width: 60px;
 }
-.m1thnes4 .link {
-  color: #0080ff;
-  cursor: pointer;
-}
-
-.m1bixfdy {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.m1bixfdy .name-toolbar {
-  width: 100%;
-  display: flex;
-  line-height: 30px;
-  padding: 0 16px;
-  justify-content: space-between;
-}
-.m1bixfdy .name-toolbar .metric-extra {
-  display: flex;
-  font-size: 12px;
-  align-items: center;
-}
-.m1bixfdy .name-toolbar .metric-extra .info-item {
-  color: #a3b4cc;
-}
-.m1bixfdy .name-toolbar .metric-extra .info-item + .info-item {
-  margin-left: 10px;
-}
-.m1bixfdy .name-toolbar .metric-extra .menu-trigger {
-  margin-left: 10px;
-  cursor: pointer;
-}
-.m1bixfdy .content {
-  flex: 1;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.m1bixfdy .single-content {
-  height: 65px;
-}
-
-.lfamfcw {
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-  width: 100%;
-}
-.lfamfcw .ant-dropdown-trigger {
-  margin-left: auto;
-  font-size: 12px;
-}
-
-.la6u9b4 {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  font-size: 12px;
-  cursor: pointer;
-}
-.la6u9b4:not(:last-child) {
-  margin-right: 20px;
-}
-.la6u9b4.deselected {
-  opacity: 0.4;
-}
-.la6u9b4.deselected .color-block {
-  background: #b4beca !important;
-}
-
-.chhvk8b {
-  display: inline-block;
-  height: 8px;
-  width: 8px;
-  margin-right: 8px;
-}
-
-.e1sdlxq1 .ant-dropdown-menu-item {
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  margin: 0;
-}
-
-.m16f7gpb {
-  position: relative;
-}
-.m16f7gpb.hidden-xaxis .pointer-wrapper {
-  bottom: -12px;
-}
-.m16f7gpb .metric-toolbar {
-  display: flex;
-  justify-content: space-between;
-  line-height: 30px;
-  margin: 0 16px;
-}
-.m16f7gpb .metric-toolbar .metric-extra {
-  display: flex;
-  font-size: 12px;
-  align-items: center;
-}
-.m16f7gpb .metric-toolbar .metric-extra .info-item {
-  color: #a3b4cc;
-}
-.m16f7gpb .metric-toolbar .metric-extra .info-item + .info-item {
-  margin-left: 10px;
-}
-.m16f7gpb .metric-toolbar .metric-extra .menu-trigger {
-  margin-left: 10px;
-  cursor: pointer;
-}
-.m16f7gpb .recharts-xAxis {
-  font-size: 12px;
-}
-.m16f7gpb .pointer-wrapper {
-  position: absolute;
-  bottom: 10px;
-  padding: 0 8px;
-  border-radius: 4px;
-  font-size: 12px;
-  color: #fff;
-  background: rgba(0, 0, 0, 0.75);
-  transform: translateX(-50%);
-}
-
-.t1ipvk51 {
-  min-width: 200px;
-}
-
-.t1kgldps {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background-color: rgba(0, 0, 0, 0.75);
-  color: #b4beca;
-  font-size: 12px;
-  padding: 3px 6px;
-}
-.t1kgldps:first-child {
-  padding-top: 3px;
-}
-.t1kgldps:last-child {
-  padding-bottom: 3px;
-}
-.t1kgldps .column-value {
-  color: #fff;
-  margin-left: 8px;
-}
-
-.sq6vos1 {
-  --item-min-width: 60px;
-}
-.sq6vos1 .ant-steps-item-tail, .sq6vos1 .ant-steps-item-icon {
-  display: none !important;
-}
-.sq6vos1 .ant-steps-item.ant-steps-item-active {
-  flex-shrink: 0 !important;
-}
-.sq6vos1 .ant-steps-item.ant-steps-item-active .step-item-prefix-container {
+.sq6vos1 .ant-steps-item-tail, .sq6vos1 .ant-steps-item-icon {
+  display: none !important;
+}
+.sq6vos1 .ant-steps-item.ant-steps-item-active {
+  flex-shrink: 0 !important;
+}
+.sq6vos1 .ant-steps-item.ant-steps-item-active .step-item-prefix-container {
   color: #0080ff;
 }
 .sq6vos1 .ant-steps-item.ant-steps-item-active .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
@@ -32602,8 +32515,165 @@ input.rrg1fkn.ant-input {
   background: rgba(163, 180, 204, 0.18);
 }
 
-.c1k4vanq {
-  padding: 0 16px 14px 16px;
+.m1thnes4 {
+  color: rgba(44, 56, 82, 0.6);
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  height: 100%;
+}
+.m1thnes4 .link {
+  color: #0080ff;
+  cursor: pointer;
+}
+
+.m1bixfdy {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.m1bixfdy .name-toolbar {
+  width: 100%;
+  display: flex;
+  line-height: 30px;
+  padding: 0 16px;
+  justify-content: space-between;
+}
+.m1bixfdy .name-toolbar .metric-extra {
+  display: flex;
+  font-size: 12px;
+  align-items: center;
+}
+.m1bixfdy .name-toolbar .metric-extra .info-item {
+  color: #a3b4cc;
+}
+.m1bixfdy .name-toolbar .metric-extra .info-item + .info-item {
+  margin-left: 10px;
+}
+.m1bixfdy .name-toolbar .metric-extra .menu-trigger {
+  margin-left: 10px;
+  cursor: pointer;
+}
+.m1bixfdy .content {
+  flex: 1;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.m1bixfdy .single-content {
+  height: 65px;
+}
+
+.lfamfcw {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
+}
+.lfamfcw .ant-dropdown-trigger {
+  margin-left: auto;
+  font-size: 12px;
+}
+
+.la6u9b4 {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  font-size: 12px;
+  cursor: pointer;
+}
+.la6u9b4:not(:last-child) {
+  margin-right: 20px;
+}
+.la6u9b4.deselected {
+  opacity: 0.4;
+}
+.la6u9b4.deselected .color-block {
+  background: #b4beca !important;
+}
+
+.chhvk8b {
+  display: inline-block;
+  height: 8px;
+  width: 8px;
+  margin-right: 8px;
+}
+
+.e1sdlxq1 .ant-dropdown-menu-item {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  margin: 0;
+}
+
+.m16f7gpb {
+  position: relative;
+}
+.m16f7gpb.hidden-xaxis .pointer-wrapper {
+  bottom: -12px;
+}
+.m16f7gpb .metric-toolbar {
+  display: flex;
+  justify-content: space-between;
+  line-height: 30px;
+  margin: 0 16px;
+}
+.m16f7gpb .metric-toolbar .metric-extra {
+  display: flex;
+  font-size: 12px;
+  align-items: center;
+}
+.m16f7gpb .metric-toolbar .metric-extra .info-item {
+  color: #a3b4cc;
+}
+.m16f7gpb .metric-toolbar .metric-extra .info-item + .info-item {
+  margin-left: 10px;
+}
+.m16f7gpb .metric-toolbar .metric-extra .menu-trigger {
+  margin-left: 10px;
+  cursor: pointer;
+}
+.m16f7gpb .recharts-xAxis {
+  font-size: 12px;
+}
+.m16f7gpb .pointer-wrapper {
+  position: absolute;
+  bottom: 10px;
+  padding: 0 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.75);
+  transform: translateX(-50%);
+}
+
+.t1ipvk51 {
+  min-width: 200px;
+}
+
+.t1kgldps {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: rgba(0, 0, 0, 0.75);
+  color: #b4beca;
+  font-size: 12px;
+  padding: 3px 6px;
+}
+.t1kgldps:first-child {
+  padding-top: 3px;
+}
+.t1kgldps:last-child {
+  padding-bottom: 3px;
+}
+.t1kgldps .column-value {
+  color: #fff;
+  margin-left: 8px;
 }
 
 .c1udgdh2 {
@@ -32646,21 +32716,8 @@ input.rrg1fkn.ant-input {
   margin-right: 2px;
 }
 
-.bab9xum {
-  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14), 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447), 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224), 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253), 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07), 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747), 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776), 0px 6px 22px rgba(129, 138, 153, 0.0335534);
-}
-
-.cav4gt6 {
-  border-radius: 4px;
-  background-color: white;
-}
-.cav4gt6.hoverable {
-  cursor: pointer;
-}
-.cav4gt6.hoverable:hover {
-  transition: all 200ms ease;
-  box-shadow: 0px 9px 22px rgba(107, 125, 153, 0.23), 0px 1.12694px 2.75474px rgba(107, 125, 153, 0.12);
-  transform: translateY(-4px);
+.c1k4vanq {
+  padding: 0 16px 14px 16px;
 }
 
 .rrwcpby {
@@ -32679,6 +32736,23 @@ input.rrg1fkn.ant-input {
   margin-right: 6px;
 }
 
+.bab9xum {
+  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14), 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447), 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224), 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253), 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07), 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747), 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776), 0px 6px 22px rgba(129, 138, 153, 0.0335534);
+}
+
+.cav4gt6 {
+  border-radius: 4px;
+  background-color: white;
+}
+.cav4gt6.hoverable {
+  cursor: pointer;
+}
+.cav4gt6.hoverable:hover {
+  transition: all 200ms ease;
+  box-shadow: 0px 9px 22px rgba(107, 125, 153, 0.23), 0px 1.12694px 2.75474px rgba(107, 125, 153, 0.12);
+  transform: translateY(-4px);
+}
+
 .f1p9ti6d {
   width: 100%;
   margin-bottom: 0 !important;
@@ -32952,11 +33026,6 @@ input.rrg1fkn.ant-input {
   margin-right: 8px;
 }
 
-.iwsze0q {
-  margin-right: 4px;
-  height: 16px;
-}
-
 .w1xcixj5.outside-tag {
   padding-left: 0;
 }
@@ -32985,6 +33054,11 @@ input.rrg1fkn.ant-input {
   height: 16px;
 }
 
+.iwsze0q {
+  margin-right: 4px;
+  height: 16px;
+}
+
 .a6dbbkm .ant-input-number-handler-wrap {
   display: var(--a6dbbkm-0);
 }