amis 1.3.4 → 1.4.0

package/lib/themes/default.css

@@ -139,6 +139,10 @@
   --Avatar-width: 2.5rem;
   --Badge-size: var(--gap-md);
   --Badge-color: var(--white);
+  --Badge--success-bg: var(--success);
+  --Badge--info-bg: var(--info);
+  --Badge--warning-bg: var(--warning);
+  --Badge--danger-bg: var(--danger);
   --Button--danger-bg: var(--danger);
   --Button--danger-border: var(--Button--danger-bg);
   --Button--danger-color: var(--button-color);
@@ -805,6 +809,8 @@
   --ListItem-onModified-fieldLabel-color: #a2c3fa;
   --ListItem-paddingX: var(--gap-base);
   --ListItem-paddingY: var(--gap-sm);
+  --ListItem--onHover-bg: rgba(0, 126, 255, 0.08);
+  --ListItem--onHover-color: var(--info);
   --listMenu--onActive-borderColor: var(--info);
   --ListMenu-borderRadius: 0.125rem;
   --ListMenu-borderWidth: 0.0625rem;
@@ -3727,7 +3733,6 @@ input[type=button].cxd-Button--block {
   transform-origin: 100% 0;
   z-index: auto;
   border-radius: calc(var(--Badge-size) / 2);
-  box-shadow: 0 0 0 1px #fff;
 }
 .cxd-Badge--top-left {
   top: 0;
@@ -3749,6 +3754,18 @@ input[type=button].cxd-Button--block {
   right: 0;
   transform: translate(50%, 50%);
 }
+.cxd-Badge--danger {
+  background: var(--Badge--danger-bg);
+}
+.cxd-Badge--info {
+  background: var(--Badge--info-bg);
+}
+.cxd-Badge--success {
+  background: var(--Badge--success-bg);
+}
+.cxd-Badge--warning {
+  background: var(--Badge--warning-bg);
+}
 .cxd-Badge-text {
   color: var(--Badge-color);
   height: var(--Badge-size);
@@ -6008,8 +6025,12 @@ input[type=button].cxd-Button--block {
 .cxd-Spinner--icon {
   background: transparent;
   animation: spin 2s linear infinite;
-  width: auto;
-  height: auto;
+  width: var(--fontSizeLg);
+  height: var(--fontSizeLg);
+}
+.cxd-Spinner--icon svg.icon {
+  width: var(--fontSizeLg);
+  height: var(--fontSizeLg);
 }
 
 .cxd-Spinner--overlay {
@@ -7313,6 +7334,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr.cxd-Table-tr--odd {
   background: var(--Table-strip-bg);
 }
+.cxd-Table-table > tbody > tr.cxd-Table-tr--hasItemAction:hover {
+  cursor: pointer;
+}
 .cxd-Table-table > tbody > tr:hover, .cxd-Table-table > tbody > tr.is-hovered {
   background: var(--Table-onHover-bg);
   border-color: var(--Table-onHover-borderColor);
@@ -8504,6 +8528,13 @@ input[type=button].cxd-Button--block {
 .cxd-ListItem.is-dragging {
   opacity: var(--ListItem-onDragging-opacity);
 }
+.cxd-ListItem--hasItemAction {
+  cursor: pointer;
+}
+.cxd-ListItem--hasItemAction:hover {
+  color: var(--ListMenu-item--onHover-color);
+  background: var(--ListMenu-item--onHover-bg);
+}
 
 .cxd-Cards-toolbar {
   margin: 0 var(--Cards-toolbar-marginX) var(--Cards-toolbar-marginY);
@@ -10425,6 +10456,9 @@ fieldset.cxd-Collapse--lg:after {
   .cxd-Form-group {
     margin-bottom: var(--Form-item-gap);
   }
+  .cxd-Form-group:last-child {
+    margin-bottom: 0;
+  }
   .cxd-Form-value > .cxd-Form-group {
     margin-bottom: var(--Form-input-marginBottom);
   }
@@ -11790,10 +11824,21 @@ fieldset.cxd-Collapse--lg:after {
   display: block;
 }
 
-.cxd-Number--borderHalf .cxd-Number-handler-wrap, .cxd-Number--borderNone .cxd-Number-handler-wrap {
+.cxd-Number--borderHalf .cxd-Number-handler-wrap,
+.cxd-Number--borderNone .cxd-Number-handler-wrap {
   border-left: none;
 }
 
+.cxd-NumberControl--withUnit {
+  display: flex;
+}
+.cxd-NumberControl--withUnit .cxd-Number {
+  flex-grow: 1;
+}
+.cxd-NumberControl--withUnit .cxd-Select {
+  border-left: 0;
+}
+
 .cxd-Select {
   display: inline-flex;
   vertical-align: middle;
@@ -14918,6 +14963,10 @@ td.rdtQuarter.rdtDisabled > span {
   display: inline-block;
 }
 
+.cxd-NestedSelectControl {
+  position: relative;
+}
+
 .cxd-NestedSelect {
   position: relative;
 }
@@ -15304,9 +15353,6 @@ td.rdtQuarter.rdtDisabled > span {
   .cxd-Form-control--sizeXs.cxd-NumberControl {
     width: var(--Form-control-widthXs);
   }
-  .cxd-Form-control--sizeXs.cxd-TextareaControl {
-    width: auto;
-  }
 
   .cxd-Form-control--sizeSm {
     width: var(--Form-control-widthSm);
@@ -15317,9 +15363,6 @@ td.rdtQuarter.rdtDisabled > span {
   .cxd-Form-control--sizeSm.cxd-NumberControl {
     width: var(--Form-control-widthSm);
   }
-  .cxd-Form-control--sizeSm.cxd-TextareaControl {
-    width: auto;
-  }
 
   .cxd-Form-control--sizeMd {
     width: var(--Form-control-widthMd);
@@ -15327,9 +15370,6 @@ td.rdtQuarter.rdtDisabled > span {
     display: inline-block;
     vertical-align: top;
   }
-  .cxd-Form-control--sizeMd.cxd-TextareaControl {
-    width: auto;
-  }
 
   .cxd-Form-control--sizeLg {
     width: var(--Form-control-widthLg);
@@ -15340,9 +15380,6 @@ td.rdtQuarter.rdtDisabled > span {
   .cxd-Form-control--sizeLg.cxd-NumberControl {
     width: var(--Form-control-widthLg);
   }
-  .cxd-Form-control--sizeLg.cxd-TextareaControl {
-    width: auto;
-  }
 
   .cxd-Form-item--horizontal {
     display: flex;
@@ -15467,7 +15504,9 @@ td.rdtQuarter.rdtDisabled > span {
     margin-right: calc(var(--Form-item-gap) / 2);
   }
   .cxd-Form-item--inline > .cxd-Form-label .cxd-Form-star {
-    position: static;
+    position: absolute;
+    left: -0.375rem;
+    top: 0.1875rem;
   }
   .cxd-Form-item--inline > .cxd-Form-value {
     display: inline-block;
@@ -15571,6 +15610,228 @@ td.rdtQuarter.rdtDisabled > span {
   padding: var(--gap-base);
 }
 
+.cxd-Markdown strong {
+  font-weight: bolder;
+}
+.cxd-Markdown img {
+  border-style: none;
+}
+.cxd-Markdown svg:not(:root) {
+  overflow: hidden;
+}
+.cxd-Markdown button:-moz-focusring,
+.cxd-Markdown [type=button]:-moz-focusring,
+.cxd-Markdown [type=reset]:-moz-focusring,
+.cxd-Markdown [type=submit]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+.cxd-Markdown [type=checkbox] {
+  box-sizing: border-box;
+  padding: 0;
+}
+.cxd-Markdown table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+.cxd-Markdown table td,
+.cxd-Markdown table th {
+  padding: 0;
+}
+.cxd-Markdown hr {
+  height: 0;
+  margin: 15px 0;
+  overflow: hidden;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid #ddd;
+}
+.cxd-Markdown hr::before {
+  display: table;
+  content: "";
+}
+.cxd-Markdown hr::after {
+  display: table;
+  clear: both;
+  content: "";
+}
+.cxd-Markdown p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+.cxd-Markdown blockquote {
+  margin: 0;
+}
+.cxd-Markdown ul,
+.cxd-Markdown ol {
+  padding-left: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.cxd-Markdown ol ol,
+.cxd-Markdown ul ol {
+  list-style-type: lower-roman;
+}
+.cxd-Markdown ul ul ol,
+.cxd-Markdown ul ol ol,
+.cxd-Markdown ol ul ol,
+.cxd-Markdown ol ol ol {
+  list-style-type: lower-alpha;
+}
+.cxd-Markdown dd {
+  margin-left: 0;
+}
+.cxd-Markdown p,
+.cxd-Markdown blockquote,
+.cxd-Markdown ul,
+.cxd-Markdown ol,
+.cxd-Markdown dl,
+.cxd-Markdown table,
+.cxd-Markdown pre {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+.cxd-Markdown hr {
+  height: 4px;
+  padding: 0;
+  margin: 16px 0;
+  background-color: #e7e7e7;
+  border: 0 none;
+}
+.cxd-Markdown ul:not(.dropdown-menu):not(.nav),
+.cxd-Markdown ol {
+  padding-left: 2em;
+}
+.cxd-Markdown ul ul,
+.cxd-Markdown ul ol,
+.cxd-Markdown ol ol,
+.cxd-Markdown ol ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.cxd-Markdown li > p {
+  margin-top: 16px;
+}
+.cxd-Markdown dl {
+  padding: 0;
+}
+.cxd-Markdown dl dt {
+  padding: 0;
+  margin-top: 16px;
+  font-size: 1em;
+  font-style: italic;
+  font-weight: bold;
+}
+.cxd-Markdown dl dd {
+  padding: 0 16px;
+  margin-bottom: 16px;
+}
+.cxd-Markdown blockquote {
+  padding: 0 15px;
+  color: #777;
+  border-left: 4px solid #ddd;
+}
+.cxd-Markdown blockquote > :first-child {
+  margin-top: 0;
+}
+.cxd-Markdown blockquote > :last-child {
+  margin-bottom: 0;
+}
+.cxd-Markdown table {
+  display: block;
+  width: 100%;
+  overflow: auto;
+  word-break: normal;
+}
+.cxd-Markdown table th {
+  font-weight: bold;
+}
+.cxd-Markdown table th,
+.cxd-Markdown table td {
+  padding: 6px 13px;
+  border: 1px solid #ddd;
+}
+.cxd-Markdown table tr {
+  background-color: #fff;
+  border-top: 1px solid #ccc;
+}
+.cxd-Markdown table tr:nth-child(2n) {
+  background-color: #f8f8f8;
+}
+@media (min-width: 1200px) {
+  .cxd-Markdown img {
+    max-width: 800px;
+  }
+}
+.cxd-Markdown code {
+  padding: 0;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+  margin: 0;
+  background-color: rgba(0, 0, 0, 0.04);
+  border-radius: 3px;
+}
+.cxd-Markdown code:before,
+.cxd-Markdown code:after {
+  letter-spacing: -0.2em;
+  content: " ";
+}
+.cxd-Markdown pre > code {
+  padding: 0;
+  margin: 0;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
+}
+.cxd-Markdown .highlight {
+  margin-bottom: 16px;
+}
+.cxd-Markdown .highlight pre,
+.cxd-Markdown pre {
+  padding: 16px;
+  overflow: auto;
+  line-height: 1.45;
+  background-color: #f7f7f7;
+  border-radius: 3px;
+}
+.cxd-Markdown .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+.cxd-Markdown pre {
+  word-wrap: normal;
+}
+.cxd-Markdown pre code {
+  display: inline;
+  max-width: initial;
+  padding: 0;
+  margin: 0;
+  overflow: initial;
+  line-height: inherit;
+  word-wrap: normal;
+  background-color: transparent;
+  border: 0;
+}
+.cxd-Markdown pre code:before,
+.cxd-Markdown pre code:after {
+  content: normal;
+}
+.cxd-Markdown kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  line-height: 10px;
+  color: #555;
+  vertical-align: middle;
+  background-color: #fcfcfc;
+  border: solid 1px #ccc;
+  border-bottom-color: #bbb;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 #bbb;
+}
+.cxd-Markdown hr {
+  border-bottom-color: #eee;
+}
+
 /*
  * utilities
  */