amis 1.5.3 → 1.5.6-beta.4

package/lib/themes/default.css

@@ -53,6 +53,7 @@
   --borderWidth: 0.0625rem;
   --fontWeightNormal: 400;
   --fontWeightBase: var(--fontWeightNormal);
+  --fontWeightMd: 500;
   --fontWeightBold: 700;
   --background: var(--white);
   --code-color: var(--danger);
@@ -370,6 +371,14 @@
   --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;
@@ -380,6 +389,7 @@
   --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;
@@ -993,8 +1003,8 @@
   --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;
@@ -4924,13 +4934,9 @@ input[type=button].cxd-Button--block {
   position: relative;
   background-color: var(--PickerColumns-bg);
   user-select: none;
-}
-.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);
 }
 .cxd-PickerColumns-toolbar {
   display: flex;
@@ -4949,6 +4955,9 @@ input[type=button].cxd-Button--block {
 .cxd-PickerColumns-cancel:active, .cxd-PickerColumns-confirm:active {
   opacity: 0.7;
 }
+.cxd-PickerColumns-cancel:hover, .cxd-PickerColumns-confirm:hover {
+  background-color: none !important;
+}
 .cxd-PickerColumns-confirm {
   color: var(--PickerColumns-confirmAction-color);
 }
@@ -4990,6 +4999,17 @@ input[type=button].cxd-Button--block {
   transform: translateY(-50%);
   pointer-events: none;
 }
+.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);
+}
 .cxd-PickerColumns-mask {
   position: absolute;
   top: 0;
@@ -5003,11 +5023,6 @@ input[type=button].cxd-Button--block {
   transform: translateZ(0);
   pointer-events: none;
 }
-.cxd-PickerColumns-column {
-  flex: 1;
-  overflow: hidden;
-  font-size: var(--PickerColumns-option-fontSize);
-}
 .cxd-PickerColumns-columnWrapper {
   margin: 0;
   padding: 0;
@@ -5973,7 +5988,7 @@ input[type=button].cxd-Button--block {
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Nav-item-atcions, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > .cxd-Badge > a, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > .cxd-Nav-item-atcions, .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;
 }
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > .cxd-Badge > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > .cxd-Badge > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > a::after {
   transform: scaleY(1);
@@ -9670,8 +9685,9 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
 }
 .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;
@@ -9689,14 +9705,13 @@ input[type=button].cxd-Button--block {
   margin-top: var(--gap-xs);
 }
 .cxd-Card-dragBtn {
+  display: inline-block;
   cursor: pointer;
-  float: right;
-  margin: var(--gap-sm);
+  padding: 0 var(--gap-sm);
 }
 .cxd-Card-heading {
   display: flex;
-  flex-direction: row;
-  padding: var(--gap-sm) var(--gap-base);
+  padding: var(--gap-md);
   flex: 1 0 auto;
 }
 .cxd-Card-avtar {
@@ -9720,17 +9735,19 @@ input[type=button].cxd-Button--block {
   float: left;
   margin-right: var(--gap-base);
   font-size: var(--fontSizeXl);
-  text-transform: uppercase;
+  text-transform: uppercase();
 }
 .cxd-Card-meta {
   display: block;
   flex-grow: 1;
   height: 100%;
   position: relative;
-  margin-right: var(--gap-md);
+}
+.cxd-Card-meta + .cxd-Card-toolbar {
+  margin-left: var(--gap-md);
 }
 .cxd-Card-toolbar {
-  margin-right: calc(-1 * var(--gap-base));
+  line-height: normal;
   text-align: right;
 }
 .cxd-Card-highlight {
@@ -9739,16 +9756,14 @@ input[type=button].cxd-Button--block {
   height: 0.5rem;
   border-radius: 100%;
   display: inline-block;
-  position: absolute;
-  top: var(--gap-xs);
-  right: 0.125rem;
+  margin: 0 var(--gap-sm);
 }
 .cxd-Card-body {
-  padding: var(--gap-base);
+  padding: var(--gap-md);
   flex: 1 0 auto;
 }
 .cxd-Card-heading + .cxd-Card-body {
-  padding-top: var(--gap-xs);
+  padding-top: 0;
 }
 .cxd-Card-field {
   position: relative;
@@ -9773,6 +9788,7 @@ input[type=button].cxd-Button--block {
   flex-direction: row;
   width: 100%;
   table-layout: fixed;
+  white-space: nowrap;
 }
 .cxd-Card-actions > a {
   background: transparent;
@@ -9840,6 +9856,127 @@ input[type=button].cxd-Button--block {
 .is-dragging > .cxd-Card {
   opacity: var(--Card-onDragging-opacity);
 }
+.cxd-Card-footer-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.cxd-Card-actions-wrapper {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+}
+.cxd-Card-checkbox {
+  margin: 0 var(--gap-sm) !important;
+}
+.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;
+}
+.cxd-Card-secondary + .cxd-Card-actions-wrapper .cxd-Card-actions {
+  margin-left: unset;
+  border: none;
+  width: unset;
+}
+.cxd-Card-secondary + .cxd-Card-actions-wrapper .cxd-Card-actions > a {
+  border: none;
+}
+.cxd-Card-multiMedia--top .cxd-Card-actions-wrapper .cxd-Card-actions, .cxd-Card-multiMedia--bottom .cxd-Card-actions-wrapper .cxd-Card-actions, .cxd-Card-multiMedia--left .cxd-Card-actions-wrapper .cxd-Card-actions, .cxd-Card-multiMedia--right .cxd-Card-actions-wrapper .cxd-Card-actions {
+  margin-left: unset;
+  border: none;
+  width: unset;
+}
+.cxd-Card-multiMedia--top .cxd-Card-actions-wrapper .cxd-Card-actions > a, .cxd-Card-multiMedia--bottom .cxd-Card-actions-wrapper .cxd-Card-actions > a, .cxd-Card-multiMedia--left .cxd-Card-actions-wrapper .cxd-Card-actions > a, .cxd-Card-multiMedia--right .cxd-Card-actions-wrapper .cxd-Card-actions > a {
+  border: none;
+}
+.cxd-Card-multiMedia--top {
+  display: block;
+}
+.cxd-Card-multiMedia--top .cxd-Card-multiMedia-img {
+  border-bottom-left-radius: unset;
+  border-bottom-right-radius: unset;
+}
+.cxd-Card-multiMedia--bottom {
+  display: flex;
+  flex-direction: column-reverse;
+}
+.cxd-Card-multiMedia--bottom .cxd-Card-actions {
+  border-bottom: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
+}
+.cxd-Card-multiMedia--bottom .cxd-Card-multiMedia-img {
+  border-top-left-radius: unset;
+  border-top-right-radius: unset;
+}
+.cxd-Card-multiMedia--top .cxd-Card-body, .cxd-Card-multiMedia--bottom .cxd-Card-body {
+  padding-bottom: var(--gap-md);
+}
+.cxd-Card-multiMedia--left {
+  display: flex;
+  align-items: center;
+}
+.cxd-Card-multiMedia--left .cxd-Card-actions {
+  margin-left: var(--gap-md);
+  border-left: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
+}
+.cxd-Card-multiMedia--left .cxd-Card-multiMedia-img,
+.cxd-Card-multiMedia--left .cxd-Card-multiMedia-video {
+  margin: var(--gap-md) 0 var(--gap-md) var(--gap-md);
+}
+.cxd-Card-multiMedia--right {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: row-reverse;
+}
+.cxd-Card-multiMedia--right .cxd-Card-actions {
+  margin-right: var(--gap-md);
+  border-right: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
+}
+.cxd-Card-multiMedia--right .cxd-Card-multiMedia-img,
+.cxd-Card-multiMedia--right .cxd-Card-multiMedia-video {
+  margin: var(--gap-md) var(--gap-md) var(--gap-md) 0;
+}
+.cxd-Card-multiMedia-flex {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.cxd-Card-multiMedia-img {
+  display: block;
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+  border-radius: var(--Card-borderRadius);
+}
+.cxd-Card-multiMedia-video {
+  width: 11.25rem;
+  height: 7.5rem;
+}
+.cxd-Card-multiMedia-video .cxd-Video {
+  width: 100%;
+  height: 100%;
+  min-width: unset;
+  border-radius: var(--Card-borderRadius);
+  overflow: hidden;
+}
+.cxd-Card-multiMedia-video .cxd-Video .cxd-Video-player {
+  width: 100%;
+  height: 100%;
+}
+.cxd-Card-multiMedia-video .cxd-Video .cxd-Video-player .video-react {
+  width: 100%;
+  height: 100%;
+  padding-top: unset !important;
+}
 
 .cxd-Field-quickEditBtn {
   color: var(--QuickEdit-iconColor);
@@ -12505,6 +12642,11 @@ fieldset.cxd-Collapse--lg:after {
   margin-right: var(--Checkbox-gap);
 }
 
+.cxd-GroupedSelection {
+  max-height: 18.75rem;
+  overflow: auto;
+  user-select: none;
+}
 .cxd-GroupedSelection-group:not(:first-child) > .cxd-GroupedSelection-itemLabel {
   border-top: 0.0625rem solid var(--ListMenu-divider-color);
 }
@@ -12815,6 +12957,11 @@ fieldset.cxd-Collapse--lg:after {
   font-weight: bold;
   transition: all var(--animation-duration);
 }
+.cxd-Switch .text > svg {
+  width: var(--fontSizeSm);
+  height: var(--fontSizeSm);
+  margin-top: calc((var(--Switch-height) - var(--fontSizeSm)) / 2);
+}
 .cxd-Switch .slider:before {
   content: "";
   position: absolute;
@@ -14539,15 +14686,15 @@ td.rdtQuarter.rdtDisabled > span {
   outline: none;
 }
 .cxd-FileControl-selectBtn {
-  display: flex;
+  display: inline-flex;
   align-items: center;
+  margin-right: 10px;
 }
 .cxd-FileControl-selectBtn > svg {
   width: 0.875rem;
   height: 0.875rem;
 }
 .cxd-FileControl-description {
-  margin-left: 10px;
   color: #999;
   font-size: 12px;
 }