@vitrosoftware/common-ui-ts 1.1.253 → 1.1.255

package/dist/index.css

@@ -3283,6 +3283,38 @@ div._component-loader_vitro-component-loader_3J3a2or {
 ._expand-control-group_vitro-display-none_Zs_5rQL {
     display: none !important;
 }
+._label_vitro-label_it8WNUE {
+    width: 100%;
+    max-width: unset;
+    background-color: #F7F9FC;
+    font-family: 'InterMedium';
+    font-size: 14px;
+    line-height: 16px;
+    padding: 12px 8px;
+    margin-bottom: 12px;
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+}
+
+._label_vitro-label_it8WNUE,
+._label_vitro-inline-label_1TMnPWg {
+    font-size: inherit;
+    margin-left: 0;
+    display: inline-block;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+._label_vitro-inline-label_1TMnPWg {
+    max-width: calc(100% - 20px);
+}
+
+._label_vitro-required_2-bSGif {
+    color: #D13438;
+    margin-left: 2px;
+}
 ._field-iterator_vitro-field-iterator_2zUPyUF {
     padding-top: 10px;
     display: flex;
@@ -3359,6 +3391,17 @@ div._component-loader_vitro-component-loader_3J3a2or {
     gap: 22px 16px;
     display: flex;
     flex-direction: column;
+}
+
+._field-iterator_vitro-field-iterator-group_3J2NfZZ .vitro-content {
+    display: flex;
+    flex-wrap: wrap;
+    grid-gap: 22px 16px;
+    align-content: flex-start;
+}
+
+._field-iterator_vitro-label_390kxdf {
+    margin: 0;
 }
 ._issue-tile_vitro-issue-tile_2D7E9Y- {
     cursor: pointer;
@@ -3809,38 +3852,6 @@ div._component-loader_vitro-component-loader_3J3a2or {
 ._search-dialog_vitro-settings-dialog-mobile_1vwSHz5 ._search-dialog_vitro-filter-container_MNoN_7M .vitro-block > div > div {
     margin-top: 0;
 }
-._label_vitro-label_it8WNUE {
-    width: 100%;
-    max-width: unset;
-    background-color: #F7F9FC;
-    font-family: 'InterMedium';
-    font-size: 14px;
-    line-height: 16px;
-    padding: 12px 8px;
-    margin-bottom: 12px;
-    display: flex;
-    align-items: center;
-    flex-shrink: 0;
-}
-
-._label_vitro-label_it8WNUE,
-._label_vitro-inline-label_1TMnPWg {
-    font-size: inherit;
-    margin-left: 0;
-    display: inline-block;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-._label_vitro-inline-label_1TMnPWg {
-    max-width: calc(100% - 20px);
-}
-
-._label_vitro-required_2-bSGif {
-    color: #D13438;
-    margin-left: 2px;
-}
 ._list_vitro-list_2cs4WZE {
     width: 100%;
     list-style-type: none;
@@ -4995,16 +5006,16 @@ div._component-loader_vitro-component-loader_3J3a2or {
     display: none;
 }
 
-.k-datepicker {
+.k-datepicker,
+.k-datetimepicker {
     width: 100% !important;
 }
 
 ._date-picker_vitro-calendar-container_-q52RLa {
     width: 280px;
-    height: 316px;
+    height: 326px;
     box-shadow: none !important;
     background-color: transparent;
-    border-radius: 4px;
     padding: 4px 0;
     border: none;
 }
@@ -5012,6 +5023,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
 ._date-picker_vitro-calendar-container_-q52RLa > div {
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
     background-color: #fff;
+    border-radius: 4px;
 }
 
 .k-calendar {
@@ -5043,7 +5055,8 @@ div._component-loader_vitro-component-loader_3J3a2or {
     border-color: #D13438 !important;
 }
 
-.k-i-calendar {
+.k-i-calendar,
+.k-datetimepicker .k-i-clock {
     height: 20px !important;
     width: 20px !important;
     display: flex !important;
@@ -5051,7 +5064,8 @@ div._component-loader_vitro-component-loader_3J3a2or {
     justify-content: center;
 }
 
-.k-i-calendar::before {
+.k-i-calendar::before,
+.k-datetimepicker .k-i-clock::before {
     content: '' !important;
     display: inline-block;
     height: 18px;
@@ -5093,7 +5107,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     height: 24px !important;
     width: 24px !important;
     border-radius: 2px;
-    color: #222D44 !important;
+    color: #222D44;
     opacity: 1 !important;
 }
 
@@ -5134,9 +5148,9 @@ div._component-loader_vitro-component-loader_3J3a2or {
     color: #fff !important;
 }
 
-.k-state-hover .k-link {
-    background-color: #DCEEFF !important;
-    border-radius: 2px !important;
+.k-calendar .k-state-hover .k-link {
+    background-color: #DCEEFF;
+    border-radius: 2px;
 }
 
 .k-header {
@@ -5162,26 +5176,41 @@ div._component-loader_vitro-component-loader_3J3a2or {
     background: #fff !important;
 }
 
-.k-nav-prev span {
+.k-prev-view:hover,
+.k-next-view:hover {
+    color: transparent !important;
+}
+
+.k-nav-prev span,
+.k-prev-view span {
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/date-picker/img/collapse-left-grey.svg');
     width: 22px;
     height: 22px;
+    flex-shrink: 0;
 }
 
-.k-nav-next span {
+.k-nav-next span,
+.k-next-view span {
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/date-picker/img/collapse-right-grey.svg');
     width: 22px;
     height: 22px;
+    flex-shrink: 0;
 }
 
 .k-nav-prev span::before,
-.k-nav-next span::before {
+.k-nav-next span::before,
+.k-prev-view span::before,
+.k-next-view span::before,
+.k-nav-prev::before,
+.k-nav-next::before,
+.k-prev-view::before,
+.k-next-view::before {
     display: none;
 }
 
@@ -5201,6 +5230,207 @@ div._component-loader_vitro-component-loader_3J3a2or {
     height: unset !important;
     width: unset !important;
     padding: 10px 0 !important;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-calendar .k-state-focused .k-link,
+._date-picker_vitro-calendar-container_-q52RLa .k-calendar .k-state-focused.k-state-hover .k-link {
+    background: #347FDE;
+    color: #fff !important;
+    box-shadow: none;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-calendar .k-link {
+    color: #222D44;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-calendar-header {
+    height: 40px;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-datetime-footer {
+    display: none;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-datetime-wrap {
+    width: 280px;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-datetime-calendar-wrap,
+._date-picker_vitro-calendar-container_-q52RLa .k-datetime-time-wrap {
+    flex: 0 0 100%;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-today,
+._date-picker_vitro-calendar-container_-q52RLa .k-nav-today {
+    color: #347FDE !important;
+    font-size: 14px;
+    line-height: 21px;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-datetime-buttongroup .k-button {
+    font-family: 'InterRegular';
+    color: #4A556C;
+    font-size: 14px;
+    line-height: 150%;
+    padding: 0 12px 15px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    background: #fff;
+    box-shadow: none;
+    border: none;
+    border-bottom: 1px solid #E4E6EC;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-datetime-buttongroup .k-button.k-state-active {
+    color: #3274E0;
+    background-color: #fff;
+    background-image: none;
+    box-shadow: none;
+    border: none;
+    border-bottom: 2px solid #3274E0;
+    padding: 0 12px 15px;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-datetime-buttongroup {
+    padding: 16px 16px 0 16px;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-picker-wrap > .k-select {
+    background: transparent !important;
+    margin-right: 16px;
+    width: 20px;
+    height: 20px;
+    align-self: center;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-picker-wrap.k-state-focused,
+._date-picker_vitro-calendar-container_-q52RLa .k-picker-wrap.k-state-active {
+    box-shadow: none !important;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-calendar-header .k-title {
+    color: #222D44;
+    font-weight: unset;
+    font-size: 14px;
+    padding: 0 8px;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-calendar-header .k-title::before {
+    display: none;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-header .k-title {
+    font-weight: unset;
+    font-family: 'InterMedium';
+    font-size: 18px;
+    line-height: 27px;
+    color: #222D44;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-container .k-item:hover {
+    font-family: 'InterMedium';
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-highlight {
+    border-color: #C0CAD5;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-list::after,
+._date-picker_vitro-calendar-container_-q52RLa .k-time-list::before {
+    box-shadow: 0 12px 30px 60px #fff;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-list-wrapper.k-state-focused {
+    background-color: #DCEEFF;
+    font-family: 'InterMedium';
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-list-wrapper.k-state-focused::before,
+._date-picker_vitro-calendar-container_-q52RLa .k-time-list-wrapper.k-state-focused::after {
+    display: none;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-list-wrapper {
+    background-color: #FFF;
+    width: 85px;
+    height: 182px;
+    margin-top: 1px;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-list-wrapper .k-title {
+    font-family: 'InterRegular';
+    color: #222D44;
+    background-color: #FFF !important;
+    font-size: 12px;
+    line-height: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 36px;
+    opacity: 1 !important;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-list-container {
+    justify-content: center;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-header {
+    height: 40px;
+    padding: 8px 24px;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-footer {
+    border-top: 1px solid #E4E6EC;
+    margin-top: 0 !important;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-now {
+    border-radius: 4px !important;
+    color: #347FDE !important;
+    font-size: 14px !important;
+    line-height: 21px;
+    outline: none !important;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-now:hover::before {
+    display: none;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-action-buttons .k-button {
+    background: #fff;
+    border-bottom-left-radius: 4px;
+    font-size: 14px;
+    line-height: 21px;
+    padding: 8px !important;
+    font-family: 'InterMedium';
+    color: #222D44;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-action-buttons .k-primary {
+    background: #347FDE;
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 4px !important;
+    color: white !important;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-action-buttons .k-primary:hover {
+    background: #3274E0;
+    border-color: #3274E0;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-time-cancel:hover {
+    background: #F3F8FF !important;
+    background-image: none;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-item {
+    width: 85px;
+}
+
+._date-picker_vitro-calendar-container_-q52RLa .k-item span {
+    color: #222D44;
+    font-size: 14px;
+    line-height: 21px;
 }
 ._checkbox_vitro-control_DfB5DDM {
     width: 100%;