@blueking/ai-ui-sdk 0.1.18-beta.2 → 0.1.18-beta.20

package/dist/css/tailwind.css

@@ -0,0 +1,929 @@
+.g-flex-main-text {
+  flex: 1;
+  width: 0;
+}
+
+.g-flex-inline {
+  display: inline-flex !important;
+}
+
+.g-flex-row {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.g-inline-flex-row {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.g-flex-column {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.g-align-start {
+  align-items: flex-start;
+}
+
+.g-align-self-center {
+  align-self: center;
+}
+
+.g-justify-between {
+  justify-content: space-between !important;
+}
+
+.g-justify-center {
+  justify-content: center;
+}
+
+.g-justify-end {
+  justify-content: end;
+}
+
+.g-overflow-hidden {
+  overflow: hidden;
+}
+
+.g-flex-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  width: 0;
+}
+
+.g-max-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+}
+
+.g-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.g-p-4 {
+  padding: 4px;
+}
+
+.g-p-24 {
+  padding: 24px;
+}
+
+.g-mt-2 {
+  margin-top: 2px;
+}
+
+.g-mt-4 {
+  margin-top: 4px;
+}
+
+.g-mt-5 {
+  margin-top: 5px;
+}
+
+.g-mt-6 {
+  margin-top: 6px;
+}
+
+.g-mt-8 {
+  margin-top: 8px;
+}
+
+.g-mt-10 {
+  margin-top: 10px;
+}
+
+.g-mt-12 {
+  margin-top: 12px;
+}
+
+.g-mt-14 {
+  margin-top: 14px;
+}
+
+.g-mt-15 {
+  margin-top: 15px;
+}
+
+.g-mt-16 {
+  margin-top: 16px !important;
+}
+
+.g-mt-18 {
+  margin-top: 18px;
+}
+
+.g-mt-20 {
+  margin-top: 20px !important;
+}
+
+.g-mt-24 {
+  margin-top: 24px;
+}
+
+.g-mt-25 {
+  margin-top: 25px;
+}
+
+.g-mt-100 {
+  margin-top: 100px;
+}
+
+.g-mt-200 {
+  margin-top: 200px;
+}
+
+.g-mr-2 {
+  margin-right: 2px;
+}
+
+.g-mr-4 {
+  margin-right: 4px;
+}
+
+.g-mr-5 {
+  margin-right: 5px;
+}
+
+.g-mr-6 {
+  margin-right: 6px;
+}
+
+.g-mr-8 {
+  margin-right: 8px;
+}
+
+.g-mr-10 {
+  margin-right: 10px;
+}
+
+.g-mr-12 {
+  margin-right: 12px !important;
+}
+
+.g-mr-14 {
+  margin-right: 14px;
+}
+
+.g-mr-16 {
+  margin-right: 16px;
+}
+
+.g-mr-18 {
+  margin-right: 18px;
+}
+
+.g-mr-24 {
+  margin-right: 24px;
+}
+
+.g-mr-25 {
+  margin-right: 25px;
+}
+
+.g-mr-40 {
+  margin-right: 40px;
+}
+
+.g-mr-60 {
+  margin-right: 60px;
+}
+
+.g-ml-2 {
+  margin-left: 2px;
+}
+
+.g-ml-4 {
+  margin-left: 4px;
+}
+
+.g-ml-5 {
+  margin-left: 5px;
+}
+
+.g-ml-6 {
+  margin-left: 6px;
+}
+
+.g-ml-7 {
+  margin-left: 7px;
+}
+
+.g-ml-8 {
+  margin-left: 8px;
+}
+
+.g-ml-10 {
+  margin-left: 10px;
+}
+
+.g-ml-12 {
+  margin-left: 12px;
+}
+
+.g-ml-14 {
+  margin-left: 14px;
+}
+
+.g-ml-16 {
+  margin-left: 16px;
+}
+
+.g-ml-24 {
+  margin-left: 24px;
+}
+
+.g-ml-25 {
+  margin-left: 25px;
+}
+
+.g-ml-auto {
+  margin-left: auto;
+}
+
+.g-mb-1 {
+  margin-bottom: 1px;
+}
+
+.g-mb-2 {
+  margin-bottom: 2px;
+}
+
+.g-mb-3 {
+  margin-bottom: 3px;
+}
+
+.g-mb-4 {
+  margin-bottom: 4px;
+}
+
+.g-mb-6 {
+  margin-bottom: 6px;
+}
+
+.g-mb-8 {
+  margin-bottom: 8px;
+}
+
+.g-mb-10 {
+  margin-bottom: 10px !important;
+}
+
+.g-mb-12 {
+  margin-bottom: 12px;
+}
+
+.g-mb-14 {
+  margin-bottom: 14px;
+}
+
+.g-mb-15 {
+  margin-bottom: 15px;
+}
+
+.g-mb-16 {
+  margin-bottom: 16px !important;
+}
+
+.g-mb-18 {
+  margin-bottom: 18px;
+}
+
+.g-mb-20 {
+  margin-bottom: 20px;
+}
+
+.g-mb-22 {
+  margin-bottom: 22px;
+}
+
+.g-mb-24 {
+  margin-bottom: 24px;
+}
+
+.g-mb-30 {
+  margin-bottom: 30px !important;
+}
+
+.g-mb-36 {
+  margin-bottom: 36px;
+}
+
+.g-mb-40 {
+  margin-bottom: 40px;
+}
+
+.g-pl-4 {
+  padding-left: 4px !important;
+}
+
+.g-pl-5 {
+  padding-left: 5px !important;
+}
+
+.g-pl-8 {
+  padding-left: 8px;
+}
+
+.g-pl-12 {
+  padding-left: 12px;
+}
+
+.g-pl-14 {
+  padding-left: 14px;
+}
+
+.g-pl-16 {
+  padding-left: 16px !important;
+}
+
+.g-pl-24 {
+  padding-left: 24px !important;
+}
+
+.g-pr-4 {
+  padding-right: 4px !important;
+}
+
+.g-pr-5 {
+  padding-right: 5px !important;
+}
+
+.g-pr-16 {
+  padding-right: 16px !important;
+}
+
+.g-pr-24 {
+  padding-right: 24px;
+}
+
+.g-pt-4 {
+  padding-top: 4px;
+}
+
+.g-pt-12 {
+  padding-top: 12px;
+}
+
+.g-pt-16 {
+  padding-top: 16px;
+}
+
+.g-pt-18 {
+  padding-top: 18px;
+}
+
+.g-pt-20 {
+  padding-top: 20px;
+}
+
+.g-pt-24 {
+  padding-top: 24px;
+}
+
+.g-pt-100 {
+  padding-top: 100px;
+}
+
+.g-pb-4 {
+  padding-bottom: 4px;
+}
+
+.g-pb-12 {
+  padding-bottom: 12px;
+}
+
+.g-pb-16 {
+  padding-bottom: 16px;
+}
+
+.g-pb-20 {
+  padding-bottom: 20px;
+}
+
+.g-pb-24 {
+  padding-bottom: 24px;
+}
+
+.g-p-2 {
+  padding: 2px;
+}
+
+.g-px-3 {
+  padding: 0 3px;
+}
+
+.g-w-8 {
+  width: 8px;
+}
+
+.g-w-16 {
+  width: 16px;
+}
+
+.g-w-20 {
+  width: 20px;
+}
+
+.g-w-380 {
+  width: 380px !important;
+}
+
+.g-w-32 {
+  width: 32px;
+}
+
+.g-float-left {
+  float: left;
+}
+
+.g-float-right {
+  float: right;
+}
+
+.g-weight-normal {
+  font-weight: normal;
+}
+
+.g-weight-bold {
+  font-weight: bold;
+}
+
+.g-text-8 {
+  font-size: 8px;
+}
+
+.g-text-10 {
+  font-size: 10px;
+}
+
+.g-text-12 {
+  font-size: 12px !important;
+}
+
+.g-text-14 {
+  font-size: 14px;
+}
+
+.g-text-16 {
+  font-size: 16px;
+}
+
+.g-text-18 {
+  font-size: 18px;
+}
+
+.g-text-20 {
+  font-size: 20px;
+}
+
+.g-text-22 {
+  font-size: 22px;
+}
+
+.g-text-24 {
+  font-size: 24px;
+}
+
+.g-text-32 {
+  font-size: 32px;
+}
+
+.g-text-40 {
+  font-size: 40px;
+}
+
+.g-text-64 {
+  font-size: 64px;
+}
+
+.g-learning-12 {
+  line-height: 12px;
+}
+
+.g-learning-16 {
+  line-height: 16px;
+}
+
+.g-learning-18 {
+  line-height: 18px;
+}
+
+.g-learning-20 {
+  line-height: 20px;
+}
+
+.g-learning-22 {
+  line-height: 22px;
+}
+
+.g-learning-24 {
+  line-height: 24px;
+}
+
+.g-learning-28 {
+  line-height: 28px;
+}
+
+.g-learning-32 {
+  line-height: 32px;
+}
+
+.g-learning-36 {
+  line-height: 36px;
+}
+
+.g-position-relative {
+  position: relative;
+}
+
+.g-position-absolute {
+  position: absolute;
+}
+
+.g-inline-block {
+  display: inline-block !important;
+}
+
+.g-block {
+  display: block;
+}
+
+.g-flex {
+  display: flex !important;
+}
+
+.g-none {
+  display: none !important;
+}
+
+.g-flex-1 {
+  flex: 1;
+}
+
+.g-flex-2 {
+  flex: 2;
+}
+
+.g-rotate-180 {
+  transform: rotate(180deg);
+}
+
+.g-rotate-90 {
+  transform: rotate(90deg);
+}
+
+.g-rotate--90 {
+  transform: rotate(-90deg);
+}
+
+.g-width-full {
+  width: 100%;
+}
+
+.g-width-16 {
+  width: 16px;
+}
+
+.g-width-64 {
+  width: 64px;
+}
+
+.g-width-83 {
+  width: 83px;
+}
+
+.g-width-88 {
+  width: 88px;
+}
+
+.g-width-108 {
+  width: 108px;
+}
+
+.g-width-6rem {
+  width: 6rem !important;
+}
+
+.g-height-max-600 {
+  max-height: 600px;
+}
+
+.g-height-full {
+  height: 100%;
+}
+
+.g-height-8 {
+  height: 8px;
+}
+
+.g-height-16 {
+  height: 16px;
+}
+
+.g-height-20 {
+  height: 20px;
+}
+
+.g-height-22 {
+  height: 22px;
+}
+
+.g-height-26 {
+  height: 26px !important;
+}
+
+.g-height-32 {
+  height: 32px !important;
+}
+
+.g-height-42 {
+  height: 42px;
+}
+
+.g-height-60 {
+  height: 60px;
+}
+
+.g-height-64 {
+  height: 64px;
+}
+
+.g-height-88 {
+  height: 88px;
+}
+
+.g-bg-gray {
+  background-color: #979ba5 !important;
+}
+
+.g-bg-light-gray {
+  background-color: #fafbfd !important;
+}
+
+.g-bg-ultralight-gray {
+  background-color: #eaebf0 !important;
+}
+
+.g-bg-dark-gray {
+  background-color: #f5f7fa !important;
+}
+
+.g-bg-white {
+  background-color: #fff !important;
+}
+
+.g-cursor-pointer {
+  cursor: pointer;
+}
+
+.g-cursor-grab {
+  cursor: grab;
+}
+
+.g-border-radio-100 {
+  border-radius: 100%;
+}
+
+.g-hover-text-blue {
+  &:hover {
+    color: #3a84ff;
+  }
+}
+
+.g-hover-text-red {
+  &:hover {
+    color: #ff4d4f;
+  }
+}
+
+.g-hover-text-white {
+  &:hover {
+    color: #fff !important;
+  }
+}
+
+.g-hover-text-black {
+  &:hover {
+    color: #313238 !important;
+  }
+}
+
+.g-hover-border-blue {
+  &:hover {
+    border: 1px solid #3a84ff !important;
+  }
+}
+
+.g-hover-bg-blue {
+  &:hover {
+    background-color: #3a84ff !important;
+  }
+}
+
+.g-hover-bg-light-blue {
+  &:hover {
+    background-color: #f0f5ff !important;
+  }
+}
+
+.g-hover-bg-light-gray {
+  &:hover {
+    background-color: #dcdee5 !important;
+  }
+}
+
+.g-hover-round {
+  &:hover {
+    border-radius: 100%;
+  }
+}
+
+.g-text-blue {
+  color: #3a84ff;
+}
+
+.g-text-deep-blue {
+  color: #1768ef;
+}
+
+.g-text-gray {
+  color: #979ba5;
+}
+
+.g-text-light-gray {
+  color: #dcdee5;
+}
+
+.g-text-white {
+  color: #fff !important;
+}
+
+.g-text-hover-gray {
+  &:hover {
+    color: #979ba5 !important;
+  }
+}
+
+.g-text-normal {
+  color: #4d4f56;
+}
+
+.g-text-red {
+  color: #ea3636;
+}
+
+.g-text-green {
+  color: #2caf5e;
+}
+
+.g-text-light-gray {
+  color: #c4c6cc;
+}
+
+.g-text-light {
+  color: #9b9da1;
+}
+
+.g-text-black {
+  color: #313238;
+}
+
+.g-text-orange {
+  color: #ff9c01;
+}
+
+.g-font-bold {
+  font-weight: bold;
+}
+
+.g-font-normal {
+  font-weight: normal;
+}
+
+.g-rotate-infinite {
+  animation: rotate 2s linear infinite;
+}
+
+.g-flex-wrap {
+  flex-wrap: wrap;
+}
+
+.g-grid {
+  display: grid;
+}
+
+.g-grid-cols-1 {
+  grid-template-columns: 1fr;
+}
+
+.g-grid-cols-2 {
+  grid-template-columns: 1fr 1fr;
+}
+
+.g-grid-cols-3 {
+  grid-template-columns: 1fr 1fr 1fr;
+}
+
+.g-gap-x-4 {
+  column-gap: 4px;
+}
+
+.g-gap-x-12 {
+  column-gap: 12px;
+}
+
+.g-gap-x-16 {
+  column-gap: 16px;
+}
+
+.g-gap-x-21 {
+  column-gap: 21px;
+}
+
+.g-gap-y-12 {
+  row-gap: 12px;
+}
+
+.g-gap-4 {
+  gap: 4px;
+}
+
+.g-gap-8 {
+  gap: 8px;
+}
+
+.g-gap-12 {
+  gap: 12px;
+}
+
+.g-gap-24 {
+  gap: 24px;
+}
+
+.g-gap-25 {
+  gap: 25px;
+}
+
+.g-gap-x-20-y-12 {
+  column-gap: 20px;
+  row-gap: 12px;
+}
+
+.g-text-right {
+  text-align: right;
+}
+
+.g-text-left {
+  text-align: left;
+}
+
+.g-text-center {
+  text-align: center;
+}
+
+.g-white-space-pre-line {
+  white-space: pre-line;
+}
+
+.g-max-height-80vh {
+  max-height: 80vh;
+}
+
+.g-max-width-400 {
+  max-width: 400px;
+}
+
+.g-min-width-16 {
+  min-width: 16px;
+}
+
+.g-width-450 {
+  width: 450px;
+}
+
+.g-min-height-16 {
+  min-height: 16px;
+}
+
+.g-transition-transform {
+  transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
+}
+
+.g-number-font {
+  font-family: Arial, 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif;
+  font-variant-numeric: tabular-nums;
+}
+
+.g-rounded-2 {
+  border-radius: 2px;
+}