amis 1.5.3 → 1.5.6-beta.4

package/sdk/cxd.css

@@ -19184,6 +19184,7 @@ readers do not read off random characters that represent icons */
   --borderWidth: 0.0625rem;
   --fontWeightNormal: 400;
   --fontWeightBase: var(--fontWeightNormal);
+  --fontWeightMd: 500;
   --fontWeightBold: 700;
   --background: var(--white);
   --code-color: var(--danger);
@@ -19501,6 +19502,14 @@ readers do not read off random characters that represent icons */
   --Calendar-shortcuts-bg: transparent;
   --Calendar-shortcuts-height: 1.875rem;
   --Calendar-wLabel-color: #999;
+  --Calendar-icon-bottom: -0.25rem;
+  --Calendar-icon-width: 0.625rem;
+  --Calendar-icon-height: 0.625rem;
+  --Calendar-borderWidth: 0.0625rem;
+  --Calendar-rdt-day: 6.25rem;
+  --Calendar-schedule-content-padding: 0 0.25rem;
+  --Calendar-schedule-content-height: 1.25rem;
+  --Calendar-schedule-content-color: #fff;
   --Card-actions-borderColor: #dfe2e6;
   --Card-actions-fontSize: var(--fontSizeBase);
   --Card-actions-onChecked-onHover-bg: #c2ecf9;
@@ -19511,6 +19520,7 @@ readers do not read off random characters that represent icons */
   --Card-borderColor: var(--borderColor);
   --Card-borderRadius: var(--borderRadius);
   --Card-borderWidth: var(--borderWidth);
+  --Card-secondary-color: #83868c;
   --Card-onChecked-bg: #d9f3fb;
   --Card-onChecked-borderColor: #abe4f6;
   --Card-onChecked-color: #20b9e8;
@@ -20124,8 +20134,8 @@ readers do not read off random characters that represent icons */
   --PickerColumns-title-lineHeight: 1.5;
   --PickerColumns-action-padding: 0 var(--gap-sm);
   --PickerColumns-action-fontSize: var(--fontSizeMd);
-  --PickerColumns-confirmAction-color: var(--Button--info-bg);
-  --PickerColumns-cancelAction-color: var(--Button--light-bg);
+  --PickerColumns-confirmAction-color: #425278;
+  --PickerColumns-cancelAction-color: #8191b9;
   --PickerColumns-option-fontSize: var(--fontSizeLg);
   --PickerColumns-optionText-color: var(--text-color);
   --PickerColumns-optionDisabled-opacity: 0.3;
@@ -24479,14 +24489,9 @@ readers do not read off random characters that represent icons */
   position: relative;
   background-color: var(--PickerColumns-bg);
   user-select: none;
-}
-
-.amis-scope .cxd-PickerColumns-popOver {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  padding: 0 var(--gap-sm);
+  flex: 1;
+  overflow: hidden;
+  font-size: var(--PickerColumns-option-fontSize);
 }
 
 .amis-scope .cxd-PickerColumns-toolbar {
@@ -24511,6 +24516,11 @@ readers do not read off random characters that represent icons */
   opacity: 0.7;
 }
 
+.amis-scope .cxd-PickerColumns-cancel:hover,
+.amis-scope .cxd-PickerColumns-confirm:hover {
+  background-color: none !important;
+}
+
 .amis-scope .cxd-PickerColumns-confirm {
   color: var(--PickerColumns-confirmAction-color);
 }
@@ -24558,6 +24568,18 @@ readers do not read off random characters that represent icons */
   pointer-events: none;
 }
 
+.amis-scope .cxd-PickerColumns-frame::after {
+  position: absolute;
+  content: "";
+  border-bottom: 1px solid var(--borderColor);
+  border-top: 1px solid var(--borderColor);
+  top: -50%;
+  right: -50%;
+  left: -50%;
+  bottom: -50%;
+  transform: scale(0.5);
+}
+
 .amis-scope .cxd-PickerColumns-mask {
   position: absolute;
   top: 0;
@@ -24572,12 +24594,6 @@ readers do not read off random characters that represent icons */
   pointer-events: none;
 }
 
-.amis-scope .cxd-PickerColumns-column {
-  flex: 1;
-  overflow: hidden;
-  font-size: var(--PickerColumns-option-fontSize);
-}
-
 .amis-scope .cxd-PickerColumns-columnWrapper {
   margin: 0;
   padding: 0;
@@ -25784,7 +25800,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > a {
   color: var(--Nav-item-onActive-color);
   position: relative;
-  background: var(--Nav-item-onActive-bg);
+  background: var(--Nav-item-onActive-bg) !important;
 }
 
 .amis-scope .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > a::after,
@@ -30345,8 +30361,9 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Card-title {
-  color: var(--text--loud-color);
+  color: var(--text-color);
   font-size: var(--fontSizeMd);
+  font-weight: var(--fontWeightMd);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -30367,15 +30384,14 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-Card-dragBtn {
+  display: inline-block;
   cursor: pointer;
-  float: right;
-  margin: var(--gap-sm);
+  padding: 0 var(--gap-sm);
 }
 
 .amis-scope .cxd-Card-heading {
   display: flex;
-  flex-direction: row;
-  padding: var(--gap-sm) var(--gap-base);
+  padding: var(--gap-md);
   flex: 1 0 auto;
 }
 
@@ -30402,7 +30418,7 @@ readers do not read off random characters that represent icons */
   float: left;
   margin-right: var(--gap-base);
   font-size: var(--fontSizeXl);
-  text-transform: uppercase;
+  text-transform: uppercase();
 }
 
 .amis-scope .cxd-Card-meta {
@@ -30410,11 +30426,14 @@ readers do not read off random characters that represent icons */
   flex-grow: 1;
   height: 100%;
   position: relative;
-  margin-right: var(--gap-md);
+}
+
+.amis-scope .cxd-Card-meta + .cxd-Card-toolbar {
+  margin-left: var(--gap-md);
 }
 
 .amis-scope .cxd-Card-toolbar {
-  margin-right: calc(-1 * var(--gap-base));
+  line-height: normal;
   text-align: right;
 }
 
@@ -30424,18 +30443,16 @@ readers do not read off random characters that represent icons */
   height: 0.5rem;
   border-radius: 100%;
   display: inline-block;
-  position: absolute;
-  top: var(--gap-xs);
-  right: 0.125rem;
+  margin: 0 var(--gap-sm);
 }
 
 .amis-scope .cxd-Card-body {
-  padding: var(--gap-base);
+  padding: var(--gap-md);
   flex: 1 0 auto;
 }
 
 .amis-scope .cxd-Card-heading + .cxd-Card-body {
-  padding-top: var(--gap-xs);
+  padding-top: 0;
 }
 
 .amis-scope .cxd-Card-field {
@@ -30464,6 +30481,7 @@ readers do not read off random characters that represent icons */
   flex-direction: row;
   width: 100%;
   table-layout: fixed;
+  white-space: nowrap;
 }
 
 .amis-scope .cxd-Card-actions > a {
@@ -30551,6 +30569,160 @@ readers do not read off random characters that represent icons */
   opacity: var(--Card-onDragging-opacity);
 }
 
+.amis-scope .cxd-Card-footer-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.amis-scope .cxd-Card-actions-wrapper {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+}
+
+.amis-scope .cxd-Card-checkbox {
+  margin: 0 var(--gap-sm) !important;
+}
+
+.amis-scope .cxd-Card-secondary {
+  max-width: 12.5rem;
+  color: var(--Card-secondary-color);
+  padding: 0 var(--gap-md);
+  font-size: var(--fontSizeMd);
+  font-weight: var(--fontWeightBase);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.amis-scope .cxd-Card-secondary + .cxd-Card-actions-wrapper .cxd-Card-actions {
+  margin-left: unset;
+  border: none;
+  width: unset;
+}
+
+.amis-scope .cxd-Card-secondary + .cxd-Card-actions-wrapper .cxd-Card-actions > a {
+  border: none;
+}
+
+.amis-scope .cxd-Card-multiMedia--top .cxd-Card-actions-wrapper .cxd-Card-actions,
+.amis-scope .cxd-Card-multiMedia--bottom .cxd-Card-actions-wrapper .cxd-Card-actions,
+.amis-scope .cxd-Card-multiMedia--left .cxd-Card-actions-wrapper .cxd-Card-actions,
+.amis-scope .cxd-Card-multiMedia--right .cxd-Card-actions-wrapper .cxd-Card-actions {
+  margin-left: unset;
+  border: none;
+  width: unset;
+}
+
+.amis-scope .cxd-Card-multiMedia--top .cxd-Card-actions-wrapper .cxd-Card-actions > a,
+.amis-scope .cxd-Card-multiMedia--bottom .cxd-Card-actions-wrapper .cxd-Card-actions > a,
+.amis-scope .cxd-Card-multiMedia--left .cxd-Card-actions-wrapper .cxd-Card-actions > a,
+.amis-scope .cxd-Card-multiMedia--right .cxd-Card-actions-wrapper .cxd-Card-actions > a {
+  border: none;
+}
+
+.amis-scope .cxd-Card-multiMedia--top {
+  display: block;
+}
+
+.amis-scope .cxd-Card-multiMedia--top .cxd-Card-multiMedia-img {
+  border-bottom-left-radius: unset;
+  border-bottom-right-radius: unset;
+}
+
+.amis-scope .cxd-Card-multiMedia--bottom {
+  display: flex;
+  flex-direction: column-reverse;
+}
+
+.amis-scope .cxd-Card-multiMedia--bottom .cxd-Card-actions {
+  border-bottom: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
+}
+
+.amis-scope .cxd-Card-multiMedia--bottom .cxd-Card-multiMedia-img {
+  border-top-left-radius: unset;
+  border-top-right-radius: unset;
+}
+
+.amis-scope .cxd-Card-multiMedia--top .cxd-Card-body,
+.amis-scope .cxd-Card-multiMedia--bottom .cxd-Card-body {
+  padding-bottom: var(--gap-md);
+}
+
+.amis-scope .cxd-Card-multiMedia--left {
+  display: flex;
+  align-items: center;
+}
+
+.amis-scope .cxd-Card-multiMedia--left .cxd-Card-actions {
+  margin-left: var(--gap-md);
+  border-left: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
+}
+
+.amis-scope .cxd-Card-multiMedia--left .cxd-Card-multiMedia-img,
+.amis-scope .cxd-Card-multiMedia--left .cxd-Card-multiMedia-video {
+  margin: var(--gap-md) 0 var(--gap-md) var(--gap-md);
+}
+
+.amis-scope .cxd-Card-multiMedia--right {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: row-reverse;
+}
+
+.amis-scope .cxd-Card-multiMedia--right .cxd-Card-actions {
+  margin-right: var(--gap-md);
+  border-right: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
+}
+
+.amis-scope .cxd-Card-multiMedia--right .cxd-Card-multiMedia-img,
+.amis-scope .cxd-Card-multiMedia--right .cxd-Card-multiMedia-video {
+  margin: var(--gap-md) var(--gap-md) var(--gap-md) 0;
+}
+
+.amis-scope .cxd-Card-multiMedia-flex {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.amis-scope .cxd-Card-multiMedia-img {
+  display: block;
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+  border-radius: var(--Card-borderRadius);
+}
+
+.amis-scope .cxd-Card-multiMedia-video {
+  width: 11.25rem;
+  height: 7.5rem;
+}
+
+.amis-scope .cxd-Card-multiMedia-video .cxd-Video {
+  width: 100%;
+  height: 100%;
+  min-width: unset;
+  border-radius: var(--Card-borderRadius);
+  overflow: hidden;
+}
+
+.amis-scope .cxd-Card-multiMedia-video .cxd-Video .cxd-Video-player {
+  width: 100%;
+  height: 100%;
+}
+
+.amis-scope .cxd-Card-multiMedia-video .cxd-Video .cxd-Video-player .video-react {
+  width: 100%;
+  height: 100%;
+  padding-top: unset !important;
+}
+
 .amis-scope .cxd-Field-quickEditBtn {
   color: var(--QuickEdit-iconColor);
   margin-left: var(--gap-xs);
@@ -33743,6 +33915,12 @@ readers do not read off random characters that represent icons */
   margin-right: var(--Checkbox-gap);
 }
 
+.amis-scope .cxd-GroupedSelection {
+  max-height: 18.75rem;
+  overflow: auto;
+  user-select: none;
+}
+
 .amis-scope .cxd-GroupedSelection-group:not(:first-child) > .cxd-GroupedSelection-itemLabel {
   border-top: 0.0625rem solid var(--ListMenu-divider-color);
 }
@@ -34106,6 +34284,12 @@ readers do not read off random characters that represent icons */
   transition: all var(--animation-duration);
 }
 
+.amis-scope .cxd-Switch .text > svg {
+  width: var(--fontSizeSm);
+  height: var(--fontSizeSm);
+  margin-top: calc((var(--Switch-height) - var(--fontSizeSm)) / 2);
+}
+
 .amis-scope .cxd-Switch .slider:before {
   content: "";
   position: absolute;
@@ -36118,8 +36302,9 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-FileControl-selectBtn {
-  display: flex;
+  display: inline-flex;
   align-items: center;
+  margin-right: 10px;
 }
 
 .amis-scope .cxd-FileControl-selectBtn > svg {
@@ -36128,7 +36313,6 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .cxd-FileControl-description {
-  margin-left: 10px;
   color: #999;
   font-size: 12px;
 }