@open-condo/ui 1.6.0 → 1.7.0

package/dist/styles.css

@@ -2838,6 +2838,301 @@ span.condo-typography-ellipsis-single-line {
   -webkit-user-drag: none;
 }
 
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.condo-card {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum', "tnum";
+  position: relative;
+  background: #fff;
+  border-radius: 2px;
+}
+.condo-card-rtl {
+  direction: rtl;
+}
+.condo-card-hoverable {
+  cursor: pointer;
+  transition: box-shadow 0.3s, border-color 0.3s;
+}
+.condo-card-hoverable:hover {
+  border-color: transparent;
+  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+}
+.condo-card-bordered {
+  border: 1px solid #f0f0f0;
+}
+.condo-card-head {
+  min-height: 48px;
+  margin-bottom: -1px;
+  padding: 0 24px;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 16px;
+  background: transparent;
+  border-bottom: 1px solid #f0f0f0;
+  border-radius: 2px 2px 0 0;
+}
+.condo-card-head::before {
+  display: table;
+  content: '';
+}
+.condo-card-head::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.condo-card-head-wrapper {
+  display: flex;
+  align-items: center;
+}
+.condo-card-head-title {
+  display: inline-block;
+  flex: 1;
+  padding: 16px 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.condo-card-head-title > .condo-typography,
+.condo-card-head-title > .condo-typography-edit-content {
+  left: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.condo-card-head .condo-tabs-top {
+  clear: both;
+  margin-bottom: -17px;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: normal;
+  font-size: 14px;
+}
+.condo-card-head .condo-tabs-top-bar {
+  border-bottom: 1px solid #f0f0f0;
+}
+.condo-card-extra {
+  margin-left: auto;
+  padding: 16px 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: normal;
+  font-size: 14px;
+}
+.condo-card-rtl .condo-card-extra {
+  margin-right: auto;
+  margin-left: 0;
+}
+.condo-card-body {
+  padding: 24px;
+}
+.condo-card-body::before {
+  display: table;
+  content: '';
+}
+.condo-card-body::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.condo-card-contain-grid .condo-card-body {
+  display: flex;
+  flex-wrap: wrap;
+}
+.condo-card-contain-grid:not(.condo-card-loading) .condo-card-body {
+  margin: -1px 0 0 -1px;
+  padding: 0;
+}
+.condo-card-grid {
+  width: 33.33%;
+  padding: 24px;
+  border: 0;
+  border-radius: 0;
+  box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
+  transition: all 0.3s;
+}
+.condo-card-grid-hoverable:hover {
+  position: relative;
+  z-index: 1;
+  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+}
+.condo-card-contain-tabs > .condo-card-head .condo-card-head-title {
+  min-height: 32px;
+  padding-bottom: 0;
+}
+.condo-card-contain-tabs > .condo-card-head .condo-card-extra {
+  padding-bottom: 0;
+}
+.condo-card-bordered .condo-card-cover {
+  margin-top: -1px;
+  margin-right: -1px;
+  margin-left: -1px;
+}
+.condo-card-cover > * {
+  display: block;
+  width: 100%;
+}
+.condo-card-cover img {
+  border-radius: 2px 2px 0 0;
+}
+.condo-card-actions {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  background: #fff;
+  border-top: 1px solid #f0f0f0;
+}
+.condo-card-actions::before {
+  display: table;
+  content: '';
+}
+.condo-card-actions::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.condo-card-actions > li {
+  margin: 12px 0;
+  color: rgba(0, 0, 0, 0.45);
+  text-align: center;
+}
+.condo-card-actions > li > span {
+  position: relative;
+  display: block;
+  min-width: 32px;
+  font-size: 14px;
+  line-height: 1.5715;
+  cursor: pointer;
+}
+.condo-card-actions > li > span:hover {
+  color: #1890ff;
+  transition: color 0.3s;
+}
+.condo-card-actions > li > span a:not(.condo-btn),
+.condo-card-actions > li > span > .anticon {
+  display: inline-block;
+  width: 100%;
+  color: rgba(0, 0, 0, 0.45);
+  line-height: 22px;
+  transition: color 0.3s;
+}
+.condo-card-actions > li > span a:not(.condo-btn):hover,
+.condo-card-actions > li > span > .anticon:hover {
+  color: #1890ff;
+}
+.condo-card-actions > li > span > .anticon {
+  font-size: 16px;
+  line-height: 22px;
+}
+.condo-card-actions > li:not(:last-child) {
+  border-right: 1px solid #f0f0f0;
+}
+.condo-card-rtl .condo-card-actions > li:not(:last-child) {
+  border-right: none;
+  border-left: 1px solid #f0f0f0;
+}
+.condo-card-type-inner .condo-card-head {
+  padding: 0 24px;
+  background: #fafafa;
+}
+.condo-card-type-inner .condo-card-head-title {
+  padding: 12px 0;
+  font-size: 14px;
+}
+.condo-card-type-inner .condo-card-body {
+  padding: 16px 24px;
+}
+.condo-card-type-inner .condo-card-extra {
+  padding: 13.5px 0;
+}
+.condo-card-meta {
+  display: flex;
+  margin: -4px 0;
+}
+.condo-card-meta::before {
+  display: table;
+  content: '';
+}
+.condo-card-meta::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.condo-card-meta-avatar {
+  padding-right: 16px;
+}
+.condo-card-rtl .condo-card-meta-avatar {
+  padding-right: 0;
+  padding-left: 16px;
+}
+.condo-card-meta-detail {
+  overflow: hidden;
+}
+.condo-card-meta-detail > div:not(:last-child) {
+  margin-bottom: 8px;
+}
+.condo-card-meta-title {
+  overflow: hidden;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  font-size: 16px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.condo-card-meta-description {
+  color: rgba(0, 0, 0, 0.45);
+}
+.condo-card-loading {
+  overflow: hidden;
+}
+.condo-card-loading .condo-card-body {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.condo-card-small > .condo-card-head {
+  min-height: 36px;
+  padding: 0 12px;
+  font-size: 14px;
+}
+.condo-card-small > .condo-card-head > .condo-card-head-wrapper > .condo-card-head-title {
+  padding: 8px 0;
+}
+.condo-card-small > .condo-card-head > .condo-card-head-wrapper > .condo-card-extra {
+  padding: 8px 0;
+  font-size: 14px;
+}
+.condo-card-small > .condo-card-body {
+  padding: 12px;
+}
+.condo-card {
+  border: 1px solid #e1e5ed;
+  border-radius: 12px;
+}
+.condo-card-head {
+  min-height: 0;
+  padding: 24px;
+  border-color: #e1e5ed;
+}
+.condo-card-head-title {
+  padding: 0;
+}
+.condo-card-hoverable {
+  transition-duration: 0.15s, 0.15s;
+  transition-property: box-shadow, border-color;
+}
+.condo-card-hoverable:hover {
+  box-shadow: 0 4px 14px 0 rgba(178,185,217,0.4);
+}
+
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
@@ -3581,3 +3876,262 @@ span.condo-typography-ellipsis-single-line {
   margin-left: 0;
 }
 
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.condo-tag {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum', "tnum";
+  display: inline-block;
+  height: auto;
+  margin-right: 8px;
+  padding: 0 7px;
+  font-size: 12px;
+  line-height: 20px;
+  white-space: nowrap;
+  background: #fafafa;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  opacity: 1;
+  transition: all 0.3s;
+}
+.condo-tag,
+.condo-tag a,
+.condo-tag a:hover {
+  color: rgba(0, 0, 0, 0.85);
+}
+.condo-tag > a:first-child:last-child {
+  display: inline-block;
+  margin: 0 -8px;
+  padding: 0 8px;
+}
+.condo-tag-close-icon {
+  margin-left: 3px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 10px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.condo-tag-close-icon:hover {
+  color: rgba(0, 0, 0, 0.85);
+}
+.condo-tag-has-color {
+  border-color: transparent;
+}
+.condo-tag-has-color,
+.condo-tag-has-color a,
+.condo-tag-has-color a:hover,
+.condo-tag-has-color .anticon-close,
+.condo-tag-has-color .anticon-close:hover {
+  color: #fff;
+}
+.condo-tag-checkable {
+  background-color: transparent;
+  border-color: transparent;
+  cursor: pointer;
+}
+.condo-tag-checkable:not(.condo-tag-checkable-checked):hover {
+  color: #1890ff;
+}
+.condo-tag-checkable:active,
+.condo-tag-checkable-checked {
+  color: #fff;
+}
+.condo-tag-checkable-checked {
+  background-color: #1890ff;
+}
+.condo-tag-checkable:active {
+  background-color: #096dd9;
+}
+.condo-tag-hidden {
+  display: none;
+}
+.condo-tag-pink {
+  color: #c41d7f;
+  background: #fff0f6;
+  border-color: #ffadd2;
+}
+.condo-tag-pink-inverse {
+  color: #fff;
+  background: #eb2f96;
+  border-color: #eb2f96;
+}
+.condo-tag-magenta {
+  color: #c41d7f;
+  background: #fff0f6;
+  border-color: #ffadd2;
+}
+.condo-tag-magenta-inverse {
+  color: #fff;
+  background: #eb2f96;
+  border-color: #eb2f96;
+}
+.condo-tag-red {
+  color: #cf1322;
+  background: #fff1f0;
+  border-color: #ffa39e;
+}
+.condo-tag-red-inverse {
+  color: #fff;
+  background: #f5222d;
+  border-color: #f5222d;
+}
+.condo-tag-volcano {
+  color: #d4380d;
+  background: #fff2e8;
+  border-color: #ffbb96;
+}
+.condo-tag-volcano-inverse {
+  color: #fff;
+  background: #fa541c;
+  border-color: #fa541c;
+}
+.condo-tag-orange {
+  color: #d46b08;
+  background: #fff7e6;
+  border-color: #ffd591;
+}
+.condo-tag-orange-inverse {
+  color: #fff;
+  background: #fa8c16;
+  border-color: #fa8c16;
+}
+.condo-tag-yellow {
+  color: #d4b106;
+  background: #feffe6;
+  border-color: #fffb8f;
+}
+.condo-tag-yellow-inverse {
+  color: #fff;
+  background: #fadb14;
+  border-color: #fadb14;
+}
+.condo-tag-gold {
+  color: #d48806;
+  background: #fffbe6;
+  border-color: #ffe58f;
+}
+.condo-tag-gold-inverse {
+  color: #fff;
+  background: #faad14;
+  border-color: #faad14;
+}
+.condo-tag-cyan {
+  color: #08979c;
+  background: #e6fffb;
+  border-color: #87e8de;
+}
+.condo-tag-cyan-inverse {
+  color: #fff;
+  background: #13c2c2;
+  border-color: #13c2c2;
+}
+.condo-tag-lime {
+  color: #7cb305;
+  background: #fcffe6;
+  border-color: #eaff8f;
+}
+.condo-tag-lime-inverse {
+  color: #fff;
+  background: #a0d911;
+  border-color: #a0d911;
+}
+.condo-tag-green {
+  color: #389e0d;
+  background: #f6ffed;
+  border-color: #b7eb8f;
+}
+.condo-tag-green-inverse {
+  color: #fff;
+  background: #52c41a;
+  border-color: #52c41a;
+}
+.condo-tag-blue {
+  color: #096dd9;
+  background: #e6f7ff;
+  border-color: #91d5ff;
+}
+.condo-tag-blue-inverse {
+  color: #fff;
+  background: #1890ff;
+  border-color: #1890ff;
+}
+.condo-tag-geekblue {
+  color: #1d39c4;
+  background: #f0f5ff;
+  border-color: #adc6ff;
+}
+.condo-tag-geekblue-inverse {
+  color: #fff;
+  background: #2f54eb;
+  border-color: #2f54eb;
+}
+.condo-tag-purple {
+  color: #531dab;
+  background: #f9f0ff;
+  border-color: #d3adf7;
+}
+.condo-tag-purple-inverse {
+  color: #fff;
+  background: #722ed1;
+  border-color: #722ed1;
+}
+.condo-tag-success {
+  color: #52c41a;
+  background: #f6ffed;
+  border-color: #b7eb8f;
+}
+.condo-tag-processing {
+  color: #1890ff;
+  background: #e6f7ff;
+  border-color: #91d5ff;
+}
+.condo-tag-error {
+  color: #ff4d4f;
+  background: #fff2f0;
+  border-color: #ffccc7;
+}
+.condo-tag-warning {
+  color: #faad14;
+  background: #fffbe6;
+  border-color: #ffe58f;
+}
+.condo-tag > .anticon + span,
+.condo-tag > span + .anticon {
+  margin-left: 7px;
+}
+.condo-tag.condo-tag-rtl {
+  margin-right: 0;
+  margin-left: 8px;
+  direction: rtl;
+  text-align: right;
+}
+.condo-tag-rtl .condo-tag-close-icon {
+  margin-right: 3px;
+  margin-left: 0;
+}
+.condo-tag-rtl.condo-tag > .anticon + span,
+.condo-tag-rtl.condo-tag > span + .anticon {
+  margin-right: 7px;
+  margin-left: 0;
+}
+.condo-tag {
+  font-weight: 600;
+  font-size: 12px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 20px;
+  letter-spacing: -0.01em;
+  margin: 0;
+  padding: 0.17em 0.83em;
+  border: none;
+  border-radius: 12px;
+}
+