amis 1.5.2 → 1.5.3

package/lib/themes/default.css

@@ -530,7 +530,7 @@
   );
   --DatePicker-placeholderColor: var(--Form-input-placeholderColor);
   --LocationPicker-borderRadius: var(--Form-input-borderWidth);
-  --Divider-borderStyle: dashed;
+  --Divider-borderStyle: solid;
   --Drawer-bg: var(--background);
   --Drawer-body-padding: var(--gap-base);
   --Drawer-close-color: rgba(255, 255, 255, 0.8);
@@ -1429,6 +1429,14 @@
   --Switch-checked-onActive-bgColor: #1c53c1;
   --Switch-onDisabled-bgColor: #d3e0fc;
   --Switch-onDisabled-color: #ffffff;
+  --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;
   --ColorPicker-borderWidth: 0.0625rem;
   --ColorPicker-borderRadius: 0.25rem;
   --ColorPicker-bg: var(--white);
@@ -5130,6 +5138,9 @@ input[type=button].cxd-Button--block {
   flex-grow: 1;
   line-height: var(--gap-xl);
 }
+.cxd-Toast-content .cxd-Toast-body .cxd-Html {
+  word-break: break-word;
+}
 .cxd-Toast-icon {
   display: inline-flex;
   text-rendering: auto;
@@ -6824,6 +6835,80 @@ input[type=button].cxd-Button--block {
   padding: var(--gap-sm);
 }
 
+.cxd-ScheduleCalendar-icon {
+  position: absolute;
+  bottom: var(--Calendar-icon-bottom);
+  left: 50%;
+  transform: translateX(-50%);
+  display: block;
+  width: var(--Calendar-icon-width);
+  height: var(--Calendar-icon-height);
+  border-radius: 50%;
+  z-index: 10;
+}
+.cxd-ScheduleCalendar-action {
+  display: block;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  border: none;
+  background: transparent;
+  color: inherit;
+}
+.cxd-ScheduleCalendar-action:not(:disabled):not(.is-disabled):hover {
+  color: inherit;
+  background: transparent;
+  border-color: transparent;
+}
+.cxd-ScheduleCalendar .rdtDay {
+  position: relative;
+}
+.cxd-ScheduleCalendar-text-overflow {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  position: absolute;
+  width: 100%;
+}
+
+.cxd-ScheduleCalendar-large {
+  width: 100%;
+}
+.cxd-ScheduleCalendar-large .rdtPicker {
+  width: 100%;
+}
+.cxd-ScheduleCalendar-large .rdtPicker table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+.cxd-ScheduleCalendar-large .rdtPicker table td {
+  border: var(--Calendar-borderWidth) solid var(--borderColor);
+}
+.cxd-ScheduleCalendar-large .rdtDay {
+  height: var(--Calendar-rdt-day);
+  vertical-align: top;
+}
+.cxd-ScheduleCalendar-large .cxd-ScheduleCalendar-large-day-wrap {
+  position: absolute;
+  top: 0;
+  left: 0;
+  min-width: 100%;
+  height: 100%;
+}
+.cxd-ScheduleCalendar-large .cxd-ScheduleCalendar-large-day-wrap .cxd-ScheduleCalendar-large-schedule-content {
+  position: relative;
+  z-index: 10;
+  border-radius: var(--borderRadius);
+  text-align: left;
+  padding: var(--Calendar-schedule-content-padding);
+  height: var(--Calendar-schedule-content-height);
+  color: var(--Calendar-schedule-content-color);
+}
+.cxd-ScheduleCalendar-large .cxd-ScheduleCalendar-action {
+  z-index: 20;
+  position: relative;
+}
+
 .cxd-Collapse {
   border: var(--Collapse-border);
   padding: 0;