@open-condo/ui 2.10.1 → 2.12.0

package/dist/styles.css

@@ -11314,3 +11314,394 @@ span.condo-radio + * {
   display: 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-popover {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #222222;
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum', "tnum";
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1030;
+  max-width: 100vw;
+  font-weight: normal;
+  white-space: normal;
+  text-align: left;
+  cursor: auto;
+  -webkit-user-select: text;
+     -moz-user-select: text;
+      -ms-user-select: text;
+          user-select: text;
+}
+.condo-popover-content {
+  position: relative;
+}
+.condo-popover::after {
+  position: absolute;
+  background: rgba(255, 255, 255, 0.01);
+  content: '';
+}
+.condo-popover-hidden {
+  display: none;
+}
+.condo-popover-placement-top,
+.condo-popover-placement-topLeft,
+.condo-popover-placement-topRight {
+  padding-bottom: 15.3137085px;
+}
+.condo-popover-placement-right,
+.condo-popover-placement-rightTop,
+.condo-popover-placement-rightBottom {
+  padding-left: 15.3137085px;
+}
+.condo-popover-placement-bottom,
+.condo-popover-placement-bottomLeft,
+.condo-popover-placement-bottomRight {
+  padding-top: 15.3137085px;
+}
+.condo-popover-placement-left,
+.condo-popover-placement-leftTop,
+.condo-popover-placement-leftBottom {
+  padding-right: 15.3137085px;
+}
+.condo-popover-inner {
+  background-color: #fff;
+  background-clip: padding-box;
+  border-radius: 2px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .condo-popover {
+    /* IE10+ */
+  }
+  .condo-popover-inner {
+    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  }
+}
+.condo-popover-title {
+  min-width: 177px;
+  min-height: 32px;
+  margin: 0;
+  padding: 5px 16px 4px;
+  color: #222222;
+  font-weight: 500;
+  border-bottom: 1px solid #f0f0f0;
+}
+.condo-popover-inner-content {
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 100%;
+  padding: 12px 16px;
+  color: #222222;
+}
+.condo-popover-message {
+  display: flex;
+  padding: 4px 0 12px;
+  color: #222222;
+  font-size: 14px;
+}
+.condo-popover-message-icon {
+  display: inline-block;
+  margin-right: 8px;
+  color: #faad14;
+  font-size: 14px;
+}
+.condo-popover-buttons {
+  margin-bottom: 4px;
+  text-align: right;
+}
+.condo-popover-buttons button:not(:first-child) {
+  margin-left: 8px;
+}
+.condo-popover-arrow {
+  position: absolute;
+  display: block;
+  width: 22px;
+  height: 22px;
+  overflow: hidden;
+  background: transparent;
+  pointer-events: none;
+}
+.condo-popover-arrow-content {
+  --antd-arrow-background-color: #fff;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 11.3137085px;
+  height: 11.3137085px;
+  margin: auto;
+  content: '';
+  pointer-events: auto;
+  border-radius: 0 0 2px;
+  pointer-events: none;
+}
+.condo-popover-arrow-content::before {
+  position: absolute;
+  top: -11.3137085px;
+  left: -11.3137085px;
+  width: 33.9411255px;
+  height: 33.9411255px;
+  background: var(--antd-arrow-background-color);
+  background-repeat: no-repeat;
+  background-position: -10px -10px;
+  content: '';
+  -webkit-clip-path: inset(33% 33%);
+          clip-path: inset(33% 33%);
+  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
+}
+.condo-popover-placement-top .condo-popover-arrow,
+.condo-popover-placement-topLeft .condo-popover-arrow,
+.condo-popover-placement-topRight .condo-popover-arrow {
+  bottom: 0;
+  transform: translateY(100%);
+}
+.condo-popover-placement-top .condo-popover-arrow-content,
+.condo-popover-placement-topLeft .condo-popover-arrow-content,
+.condo-popover-placement-topRight .condo-popover-arrow-content {
+  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateY(-11px) rotate(45deg);
+}
+.condo-popover-placement-top .condo-popover-arrow {
+  left: 50%;
+  transform: translateY(100%) translateX(-50%);
+}
+.condo-popover-placement-topLeft .condo-popover-arrow {
+  left: 16px;
+}
+.condo-popover-placement-topRight .condo-popover-arrow {
+  right: 16px;
+}
+.condo-popover-placement-right .condo-popover-arrow,
+.condo-popover-placement-rightTop .condo-popover-arrow,
+.condo-popover-placement-rightBottom .condo-popover-arrow {
+  left: 0;
+  transform: translateX(-100%);
+}
+.condo-popover-placement-right .condo-popover-arrow-content,
+.condo-popover-placement-rightTop .condo-popover-arrow-content,
+.condo-popover-placement-rightBottom .condo-popover-arrow-content {
+  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(11px) rotate(135deg);
+}
+.condo-popover-placement-right .condo-popover-arrow {
+  top: 50%;
+  transform: translateX(-100%) translateY(-50%);
+}
+.condo-popover-placement-rightTop .condo-popover-arrow {
+  top: 12px;
+}
+.condo-popover-placement-rightBottom .condo-popover-arrow {
+  bottom: 12px;
+}
+.condo-popover-placement-bottom .condo-popover-arrow,
+.condo-popover-placement-bottomLeft .condo-popover-arrow,
+.condo-popover-placement-bottomRight .condo-popover-arrow {
+  top: 0;
+  transform: translateY(-100%);
+}
+.condo-popover-placement-bottom .condo-popover-arrow-content,
+.condo-popover-placement-bottomLeft .condo-popover-arrow-content,
+.condo-popover-placement-bottomRight .condo-popover-arrow-content {
+  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
+  transform: translateY(11px) rotate(-135deg);
+}
+.condo-popover-placement-bottom .condo-popover-arrow {
+  left: 50%;
+  transform: translateY(-100%) translateX(-50%);
+}
+.condo-popover-placement-bottomLeft .condo-popover-arrow {
+  left: 16px;
+}
+.condo-popover-placement-bottomRight .condo-popover-arrow {
+  right: 16px;
+}
+.condo-popover-placement-left .condo-popover-arrow,
+.condo-popover-placement-leftTop .condo-popover-arrow,
+.condo-popover-placement-leftBottom .condo-popover-arrow {
+  right: 0;
+  transform: translateX(100%);
+}
+.condo-popover-placement-left .condo-popover-arrow-content,
+.condo-popover-placement-leftTop .condo-popover-arrow-content,
+.condo-popover-placement-leftBottom .condo-popover-arrow-content {
+  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(-11px) rotate(-45deg);
+}
+.condo-popover-placement-left .condo-popover-arrow {
+  top: 50%;
+  transform: translateX(100%) translateY(-50%);
+}
+.condo-popover-placement-leftTop .condo-popover-arrow {
+  top: 12px;
+}
+.condo-popover-placement-leftBottom .condo-popover-arrow {
+  bottom: 12px;
+}
+.condo-popover-pink .condo-popover-inner {
+  background-color: #eb2f96;
+}
+.condo-popover-pink .condo-popover-arrow-content {
+  background-color: #eb2f96;
+}
+.condo-popover-magenta .condo-popover-inner {
+  background-color: #eb2f96;
+}
+.condo-popover-magenta .condo-popover-arrow-content {
+  background-color: #eb2f96;
+}
+.condo-popover-red .condo-popover-inner {
+  background-color: #f5222d;
+}
+.condo-popover-red .condo-popover-arrow-content {
+  background-color: #f5222d;
+}
+.condo-popover-volcano .condo-popover-inner {
+  background-color: #fa541c;
+}
+.condo-popover-volcano .condo-popover-arrow-content {
+  background-color: #fa541c;
+}
+.condo-popover-orange .condo-popover-inner {
+  background-color: #fa8c16;
+}
+.condo-popover-orange .condo-popover-arrow-content {
+  background-color: #fa8c16;
+}
+.condo-popover-yellow .condo-popover-inner {
+  background-color: #fadb14;
+}
+.condo-popover-yellow .condo-popover-arrow-content {
+  background-color: #fadb14;
+}
+.condo-popover-gold .condo-popover-inner {
+  background-color: #faad14;
+}
+.condo-popover-gold .condo-popover-arrow-content {
+  background-color: #faad14;
+}
+.condo-popover-cyan .condo-popover-inner {
+  background-color: #13c2c2;
+}
+.condo-popover-cyan .condo-popover-arrow-content {
+  background-color: #13c2c2;
+}
+.condo-popover-lime .condo-popover-inner {
+  background-color: #a0d911;
+}
+.condo-popover-lime .condo-popover-arrow-content {
+  background-color: #a0d911;
+}
+.condo-popover-green .condo-popover-inner {
+  background-color: #52c41a;
+}
+.condo-popover-green .condo-popover-arrow-content {
+  background-color: #52c41a;
+}
+.condo-popover-blue .condo-popover-inner {
+  background-color: #1890ff;
+}
+.condo-popover-blue .condo-popover-arrow-content {
+  background-color: #1890ff;
+}
+.condo-popover-geekblue .condo-popover-inner {
+  background-color: #2f54eb;
+}
+.condo-popover-geekblue .condo-popover-arrow-content {
+  background-color: #2f54eb;
+}
+.condo-popover-purple .condo-popover-inner {
+  background-color: #722ed1;
+}
+.condo-popover-purple .condo-popover-arrow-content {
+  background-color: #722ed1;
+}
+.condo-popover-rtl {
+  direction: rtl;
+  text-align: right;
+}
+.condo-popover-rtl .condo-popover-message-icon {
+  margin-right: 0;
+  margin-left: 8px;
+}
+.condo-popover-rtl .condo-popover-message-title {
+  padding-left: 16px;
+}
+.condo-popover-rtl .condo-popover-buttons {
+  text-align: left;
+}
+.condo-popover-rtl .condo-popover-buttons button {
+  margin-right: 8px;
+  margin-left: 0;
+}
+.condo-popover {
+  max-width: 350px;
+  padding: 4px;
+}
+.condo-popover > .condo-popover-content .condo-popover-inner {
+  min-height: 0;
+  padding: 20px;
+  color: #fff;
+  font-size: 12px;
+  font-family: "Wix Madefor Display", var(--condo-font-fallback);
+  line-height: 20px;
+  background-color: #222;
+  border-radius: 12px;
+  box-shadow: 0 4px 14px 0 rgba(178,185,217,0.4);
+}
+.condo-popover > .condo-popover-content .condo-popover-inner .condo-popover-icon-wrapper {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  color: #707695;
+}
+.condo-popover > .condo-popover-content .condo-popover-inner .condo-popover-icon-wrapper span:hover {
+  cursor: pointer;
+}
+.condo-popover > .condo-popover-content .condo-popover-inner .condo-popover-title {
+  padding: 0;
+  border-bottom: 0;
+}
+.condo-popover > .condo-popover-content .condo-popover-inner .condo-popover-title .condo-typography {
+  color: white;
+}
+.condo-popover > .condo-popover-content .condo-popover-inner .condo-popover-inner-content {
+  padding: 0;
+}
+.condo-popover > .condo-popover-content .condo-popover-inner .condo-popover-inner-content .condo-typography {
+  color: #e1e5ed;
+}
+.condo-popover > .condo-popover-content .condo-popover-arrow {
+  display: inline;
+  display: initial;
+}
+.condo-popover > .condo-popover-content .condo-popover-arrow > .condo-popover-arrow-content {
+  --antd-arrow-background-color: #222;
+}
+.condo-popover.condo-popover-placement-bottom > .condo-popover-content .condo-popover-arrow-content::before,
+.condo-popover.condo-popover-placement-top > .condo-popover-content .condo-popover-arrow-content::before {
+  -webkit-clip-path: inset(34% 34%);
+          clip-path: inset(34% 34%);
+}
+.condo-popover.condo-popover-placement-left > .condo-popover-content .condo-popover-arrow-content::before {
+  -webkit-clip-path: inset(32% 32%);
+          clip-path: inset(32% 32%);
+}
+.condo-popover.condo-popover-placement-right > .condo-popover-content .condo-popover-arrow-content::before {
+  -webkit-clip-path: inset(36% 36%);
+          clip-path: inset(36% 36%);
+}
+