npm - @nextcloud/vue - Versions diffs - 8.11.2 → 8.12.0 - Mend

@nextcloud/vue 8.11.2 → 8.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (789) hide show

package/dist/assets/{NcDateTimePicker-q_BLnhHU.css → NcDateTimePicker-3FfsWOh0.css} RENAMED Viewed

@@ -1,4 +1,35 @@
 @charset "UTF-8";
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
 .mx-icon-left:before,
 .mx-icon-right:before,
 .mx-icon-double-left:before,
@@ -18,7 +49,7 @@
   border-radius: 1px;
   box-sizing: border-box;
   transform-origin: center;
-  transform: rotate(-45deg) scale(.7);
+  transform: rotate(-45deg) scale(0.7);
 }
 .mx-icon-double-left:after {
   left: -4px;
@@ -29,7 +60,7 @@
 .mx-icon-right:before,
 .mx-icon-double-right:before,
 .mx-icon-double-right:after {
-  transform: rotate(135deg) scale(.7);
+  transform: rotate(135deg) scale(0.7);
 }
 .mx-btn {
   box-sizing: border-box;
@@ -41,7 +72,7 @@
   cursor: pointer;
   background-color: transparent;
   outline: none;
-  border: 1px solid rgba(0, 0, 0, .1);
+  border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 4px;
   color: #73879c;
   white-space: nowrap;
@@ -50,8 +81,7 @@
   border-color: #1284e7;
   color: #1284e7;
 }
-.mx-btn:disabled,
-.mx-btn.disabled {
+.mx-btn:disabled, .mx-btn.disabled {
   color: #ccc;
   cursor: not-allowed;
 }
@@ -81,7 +111,7 @@
   z-index: 1;
   border-radius: 4px;
   opacity: 0;
-  transition: opacity .24s ease-out;
+  transition: opacity 0.24s ease-out;
 }
 .mx-scrollbar-track .mx-scrollbar-thumb {
   position: absolute;
@@ -89,14 +119,14 @@
   height: 0;
   cursor: pointer;
   border-radius: inherit;
-  background-color: #9093994d;
-  transition: background-color .3s;
+  background-color: rgba(144, 147, 153, 0.3);
+  transition: background-color 0.3s;
 }
 .mx-zoom-in-down-enter-active,
 .mx-zoom-in-down-leave-active {
   opacity: 1;
   transform: scaleY(1);
-  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
   transform-origin: center top;
 }
 .mx-zoom-in-down-enter,
@@ -113,7 +143,7 @@
 .mx-datepicker svg {
   width: 1em;
   height: 1em;
-  vertical-align: -.15em;
+  vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
 }
@@ -131,21 +161,20 @@
   box-sizing: border-box;
   width: 100%;
   height: 34px;
-  padding: 6px 30px 6px 10px;
+  padding: 6px 30px;
+  padding-left: 10px;
   font-size: 14px;
   line-height: 1.4;
   color: #555;
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 4px;
-  box-shadow: inset 0 1px 1px #00000013;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 }
-.mx-input:hover,
-.mx-input:focus {
+.mx-input:hover, .mx-input:focus {
   border-color: #409aff;
 }
-.mx-input:disabled,
-.mx-input.disabled {
+.mx-input:disabled, .mx-input.disabled {
   color: #ccc;
   background-color: #f3f3f3;
   border-color: #ccc;
@@ -165,22 +194,17 @@
   transform: translateY(-50%);
   font-size: 16px;
   line-height: 1;
-  color: #00000080;
+  color: rgba(0, 0, 0, 0.5);
   vertical-align: middle;
 }
 .mx-icon-clear {
   cursor: pointer;
 }
 .mx-icon-clear:hover {
-  color: #000c;
+  color: rgba(0, 0, 0, 0.8);
 }
 .mx-datepicker-main {
-  font:
-    14px/1.5 Helvetica Neue,
-    Helvetica,
-    Arial,
-    Microsoft Yahei,
-    sans-serif;
+  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;
   color: #73879c;
   background-color: #fff;
   border: 1px solid #e8e8e8;
@@ -189,7 +213,7 @@
   position: absolute;
   margin-top: 1px;
   margin-bottom: 1px;
-  box-shadow: 0 6px 12px #0000002d;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   z-index: 2001;
 }
 .mx-datepicker-sidebar {
@@ -205,7 +229,6 @@
 }
 .mx-datepicker-body {
   position: relative;
-  -webkit-user-select: none;
   user-select: none;
 }
 .mx-btn-shortcut {
@@ -238,8 +261,7 @@
 .mx-calendar + .mx-calendar {
   border-left: 1px solid #e8e8e8;
 }
-.mx-calendar-header,
-.mx-time-header {
+.mx-calendar-header, .mx-time-header {
   box-sizing: border-box;
   height: 34px;
   line-height: 34px;
@@ -279,8 +301,7 @@
   color: #fff;
   background-color: #1284e7;
 }
-.mx-calendar-content .cell.in-range,
-.mx-calendar-content .cell.hover-in-range {
+.mx-calendar-content .cell.in-range, .mx-calendar-content .cell.hover-in-range {
   color: #73879c;
   background-color: #dbedfb;
 }
@@ -298,13 +319,16 @@
 .mx-calendar-week-mode .mx-date-row.mx-active-week {
   background-color: #dbedfb;
 }
-.mx-calendar-week-mode .mx-date-row .cell:hover,
+.mx-calendar-week-mode .mx-date-row .cell:hover {
+  color: inherit;
+  background-color: transparent;
+}
 .mx-calendar-week-mode .mx-date-row .cell.active {
   color: inherit;
   background-color: transparent;
 }
 .mx-week-number {
-  opacity: .5;
+  opacity: 0.5;
 }
 .mx-table {
   table-layout: fixed;
@@ -379,7 +403,7 @@
   padding: 0;
   list-style: none;
 }
-.mx-time-column .mx-time-list:after {
+.mx-time-column .mx-time-list::after {
   content: "";
   display: block;
   height: 192px;
@@ -424,32 +448,29 @@
   color: #ccc;
   background-color: #f3f3f3;
 }
-.mx-datepicker[data-v-c8b37f5] {
-  -webkit-user-select: none;
+.mx-datepicker[data-v-d846a4f] {
   user-select: none;
   color: var(--color-main-text);
+  /* INPUT CONTAINER */
 }
-.mx-datepicker[data-v-c8b37f5] svg {
+.mx-datepicker[data-v-d846a4f] svg {
   fill: var(--color-main-text);
 }
-.mx-datepicker[data-v-c8b37f5] .mx-input-wrapper .mx-input {
+.mx-datepicker[data-v-d846a4f] .mx-input-wrapper .mx-input {
   width: 100%;
   border: 2px solid var(--color-border-maxcontrast);
   background-color: var(--color-main-background);
   background-clip: content-box;
 }
-.mx-datepicker[data-v-c8b37f5] .mx-input-wrapper .mx-input:active:not(.disabled),
-.mx-datepicker[data-v-c8b37f5] .mx-input-wrapper .mx-input:hover:not(.disabled),
-.mx-datepicker[data-v-c8b37f5] .mx-input-wrapper .mx-input:focus:not(.disabled) {
+.mx-datepicker[data-v-d846a4f] .mx-input-wrapper .mx-input:active:not(.disabled), .mx-datepicker[data-v-d846a4f] .mx-input-wrapper .mx-input:hover:not(.disabled), .mx-datepicker[data-v-d846a4f] .mx-input-wrapper .mx-input:focus:not(.disabled) {
   border-color: var(--color-primary-element);
 }
-.mx-datepicker[data-v-c8b37f5] .mx-input-wrapper:disabled,
-.mx-datepicker[data-v-c8b37f5] .mx-input-wrapper.disabled {
+.mx-datepicker[data-v-d846a4f] .mx-input-wrapper:disabled, .mx-datepicker[data-v-d846a4f] .mx-input-wrapper.disabled {
   cursor: not-allowed;
-  opacity: .7;
+  opacity: 0.7;
 }
-.mx-datepicker[data-v-c8b37f5] .mx-input-wrapper .mx-icon-calendar,
-.mx-datepicker[data-v-c8b37f5] .mx-input-wrapper .mx-icon-clear {
+.mx-datepicker[data-v-d846a4f] .mx-input-wrapper .mx-icon-calendar,
+.mx-datepicker[data-v-d846a4f] .mx-input-wrapper .mx-icon-clear {
   color: var(--color-text-lighter);
 }
 .mx-datepicker-main {
@@ -514,7 +535,7 @@
 }
 .mx-datepicker-main .mx-table thead > tr > th {
   text-align: center;
-  opacity: .5;
+  opacity: 0.5;
   color: var(--color-text-lighter);
 }
 .mx-datepicker-main .mx-table tr:focus,
@@ -523,9 +544,9 @@
   background-color: transparent;
 }
 .mx-datepicker-main .mx-table .cell {
-  transition: all .1s ease-in-out;
+  transition: all 100ms ease-in-out;
   text-align: center;
-  opacity: .7;
+  opacity: 0.7;
   border-radius: 50px;
 }
 .mx-datepicker-main .mx-table .cell > * {
@@ -534,47 +555,40 @@
 .mx-datepicker-main .mx-table .cell.today {
   opacity: 1;
   color: var(--color-primary-element);
-  font-weight: 700;
+  font-weight: bold;
 }
-.mx-datepicker-main .mx-table .cell.today:hover,
-.mx-datepicker-main .mx-table .cell.today:focus {
+.mx-datepicker-main .mx-table .cell.today:hover, .mx-datepicker-main .mx-table .cell.today:focus {
   color: var(--color-primary-element-text);
 }
-.mx-datepicker-main .mx-table .cell.in-range,
-.mx-datepicker-main .mx-table .cell.disabled {
+.mx-datepicker-main .mx-table .cell.in-range, .mx-datepicker-main .mx-table .cell.disabled {
   border-radius: 0;
-  font-weight: 400;
+  font-weight: normal;
 }
 .mx-datepicker-main .mx-table .cell.in-range {
-  opacity: .7;
+  opacity: 0.7;
 }
 .mx-datepicker-main .mx-table .cell.not-current-month {
-  opacity: .5;
+  opacity: 0.5;
   color: var(--color-text-lighter);
 }
-.mx-datepicker-main .mx-table .cell.not-current-month:hover,
-.mx-datepicker-main .mx-table .cell.not-current-month:focus {
+.mx-datepicker-main .mx-table .cell.not-current-month:hover, .mx-datepicker-main .mx-table .cell.not-current-month:focus {
   opacity: 1;
 }
-.mx-datepicker-main .mx-table .cell:hover,
-.mx-datepicker-main .mx-table .cell:focus,
-.mx-datepicker-main .mx-table .cell.actived,
-.mx-datepicker-main .mx-table .cell.active,
-.mx-datepicker-main .mx-table .cell.in-range {
+.mx-datepicker-main .mx-table .cell:hover, .mx-datepicker-main .mx-table .cell:focus, .mx-datepicker-main .mx-table .cell.actived, .mx-datepicker-main .mx-table .cell.active, .mx-datepicker-main .mx-table .cell.in-range {
   opacity: 1;
   color: var(--color-primary-element-text);
   background-color: var(--color-primary-element);
-  font-weight: 700;
+  font-weight: bold;
 }
 .mx-datepicker-main .mx-table .cell.disabled {
-  opacity: .5;
+  opacity: 0.5;
   color: var(--color-text-lighter);
   border-radius: 0;
   background-color: var(--color-background-darker);
 }
 .mx-datepicker-main .mx-table .mx-week-number {
   text-align: center;
-  opacity: .7;
+  opacity: 0.7;
   border-radius: 50px;
 }
 .mx-datepicker-main .mx-table span.mx-week-number,
@@ -583,18 +597,12 @@
 .mx-datepicker-main .mx-table li.cell {
   min-height: 32px;
 }
-.mx-datepicker-main .mx-table.mx-table-date thead,
-.mx-datepicker-main .mx-table.mx-table-date tbody,
-.mx-datepicker-main .mx-table.mx-table-year,
-.mx-datepicker-main .mx-table.mx-table-month {
+.mx-datepicker-main .mx-table.mx-table-date thead, .mx-datepicker-main .mx-table.mx-table-date tbody, .mx-datepicker-main .mx-table.mx-table-year, .mx-datepicker-main .mx-table.mx-table-month {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
 }
-.mx-datepicker-main .mx-table.mx-table-date thead tr,
-.mx-datepicker-main .mx-table.mx-table-date tbody tr,
-.mx-datepicker-main .mx-table.mx-table-year tr,
-.mx-datepicker-main .mx-table.mx-table-month tr {
+.mx-datepicker-main .mx-table.mx-table-date thead tr, .mx-datepicker-main .mx-table.mx-table-date tbody tr, .mx-datepicker-main .mx-table.mx-table-year tr, .mx-datepicker-main .mx-table.mx-table-month tr {
   display: inline-flex;
   align-items: center;
   flex: 1 1 32px;
@@ -602,12 +610,9 @@
   min-height: 32px;
 }
 .mx-datepicker-main .mx-table.mx-table-date thead th,
-.mx-datepicker-main .mx-table.mx-table-date thead td,
-.mx-datepicker-main .mx-table.mx-table-date tbody th,
-.mx-datepicker-main .mx-table.mx-table-date tbody td,
-.mx-datepicker-main .mx-table.mx-table-year th,
-.mx-datepicker-main .mx-table.mx-table-year td,
-.mx-datepicker-main .mx-table.mx-table-month th,
+.mx-datepicker-main .mx-table.mx-table-date thead td, .mx-datepicker-main .mx-table.mx-table-date tbody th,
+.mx-datepicker-main .mx-table.mx-table-date tbody td, .mx-datepicker-main .mx-table.mx-table-year th,
+.mx-datepicker-main .mx-table.mx-table-year td, .mx-datepicker-main .mx-table.mx-table-month th,
 .mx-datepicker-main .mx-table.mx-table-month td {
   display: flex;
   align-items: center;
@@ -616,7 +621,7 @@
   min-width: 32px;
   height: 95%;
   min-height: 32px;
-  transition: background .1s ease-in-out;
+  transition: background 100ms ease-in-out;
 }
 .mx-datepicker-main .mx-table.mx-table-year tr th,
 .mx-datepicker-main .mx-table.mx-table-year tr td {
@@ -633,19 +638,17 @@
   padding: 7px 10px;
   cursor: pointer;
   text-decoration: none;
-  opacity: .5;
+  opacity: 0.5;
   color: var(--color-text-lighter);
   border-radius: 32px;
   line-height: 20px;
 }
-.mx-datepicker-main .mx-btn:hover,
-.mx-datepicker-main .mx-btn:focus {
+.mx-datepicker-main .mx-btn:hover, .mx-datepicker-main .mx-btn:focus {
   opacity: 1;
   color: var(--color-main-text);
   background-color: var(--color-background-darker);
 }
-.mx-datepicker-main .mx-calendar-header,
-.mx-datepicker-main .mx-time-header {
+.mx-datepicker-main .mx-calendar-header, .mx-datepicker-main .mx-time-header {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -653,48 +656,30 @@
   height: 44px;
   margin-bottom: 4px;
 }
-.mx-datepicker-main .mx-calendar-header button,
-.mx-datepicker-main .mx-time-header button {
+.mx-datepicker-main .mx-calendar-header button, .mx-datepicker-main .mx-time-header button {
   min-width: 32px;
   min-height: 32px;
   margin: 0;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
-  opacity: .7;
+  opacity: 0.7;
   color: var(--color-main-text);
   border-radius: 32px;
   line-height: 20px;
 }
-.mx-datepicker-main .mx-calendar-header button:hover,
-.mx-datepicker-main .mx-time-header button:hover,
-.mx-datepicker-main .mx-calendar-header button:focus,
-.mx-datepicker-main .mx-time-header button:focus {
+.mx-datepicker-main .mx-calendar-header button:hover, .mx-datepicker-main .mx-time-header button:hover, .mx-datepicker-main .mx-calendar-header button:focus, .mx-datepicker-main .mx-time-header button:focus {
   opacity: 1;
   color: var(--color-main-text);
   background-color: var(--color-background-darker);
 }
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-left,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-right,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right {
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left, .mx-datepicker-main .mx-time-header button.mx-btn-icon-left, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right, .mx-datepicker-main .mx-time-header button.mx-btn-icon-right, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right {
   align-items: center;
   justify-content: center;
   width: 32px;
   padding: 0;
 }
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left > i,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left > i,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left > i,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-left > i,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right > i,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-right > i,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right > i,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right > i {
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left > i, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left > i, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left > i, .mx-datepicker-main .mx-time-header button.mx-btn-icon-left > i, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right > i, .mx-datepicker-main .mx-time-header button.mx-btn-icon-right > i, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right > i, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right > i {
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: center;
@@ -703,75 +688,45 @@
   width: 32px;
   height: 32px;
 }
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left > i:after,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left > i:after,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left > i:before,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left > i:before,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left > i:after,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-left > i:after,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left > i:before,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-left > i:before,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right > i:after,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-right > i:after,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right > i:before,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-right > i:before,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right > i:after,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right > i:after,
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right > i:before,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right > i:before {
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left > i::after, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left > i::after, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-left > i::before, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-left > i::before, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left > i::after, .mx-datepicker-main .mx-time-header button.mx-btn-icon-left > i::after, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-left > i::before, .mx-datepicker-main .mx-time-header button.mx-btn-icon-left > i::before, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right > i::after, .mx-datepicker-main .mx-time-header button.mx-btn-icon-right > i::after, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right > i::before, .mx-datepicker-main .mx-time-header button.mx-btn-icon-right > i::before, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right > i::after, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right > i::after, .mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right > i::before, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right > i::before {
   content: none;
 }
-.mx-datepicker-main .mx-calendar-header button.mx-btn-text,
-.mx-datepicker-main .mx-time-header button.mx-btn-text {
+.mx-datepicker-main .mx-calendar-header button.mx-btn-text, .mx-datepicker-main .mx-time-header button.mx-btn-text {
   line-height: initial;
 }
-.mx-datepicker-main .mx-calendar-header .mx-calendar-header-label,
-.mx-datepicker-main .mx-time-header .mx-calendar-header-label {
+.mx-datepicker-main .mx-calendar-header .mx-calendar-header-label, .mx-datepicker-main .mx-time-header .mx-calendar-header-label {
   display: flex;
 }
-.mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-left > i,
-.mx-datepicker-main .mx-time-header .mx-btn-icon-double-left > i {
+.mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-left > i, .mx-datepicker-main .mx-time-header .mx-btn-icon-double-left > i {
   background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='%23222'%3e%3cpath%20d='M18.4%207.4L17%206l-6%206%206%206%201.4-1.4-4.6-4.6%204.6-4.6m-6%200L11%206l-6%206%206%206%201.4-1.4L7.8%2012l4.6-4.6z'/%3e%3c/svg%3e");
 }
-.mx-datepicker-main .mx-calendar-header .mx-btn-icon-left > i,
-.mx-datepicker-main .mx-time-header .mx-btn-icon-left > i {
+.mx-datepicker-main .mx-calendar-header .mx-btn-icon-left > i, .mx-datepicker-main .mx-time-header .mx-btn-icon-left > i {
   background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='%23222'%3e%3cpath%20d='M15.4%2016.6L10.8%2012l4.6-4.6L14%206l-6%206%206%206%201.4-1.4z'/%3e%3c/svg%3e");
 }
-.mx-datepicker-main .mx-calendar-header .mx-btn-icon-right > i,
-.mx-datepicker-main .mx-time-header .mx-btn-icon-right > i {
+.mx-datepicker-main .mx-calendar-header .mx-btn-icon-right > i, .mx-datepicker-main .mx-time-header .mx-btn-icon-right > i {
   background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='%23222'%3e%3cpath%20d='M8.6%2016.6l4.6-4.6-4.6-4.6L10%206l6%206-6%206-1.4-1.4z'/%3e%3c/svg%3e");
 }
-.mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-right > i,
-.mx-datepicker-main .mx-time-header .mx-btn-icon-double-right > i {
+.mx-datepicker-main .mx-calendar-header .mx-btn-icon-double-right > i, .mx-datepicker-main .mx-time-header .mx-btn-icon-double-right > i {
   background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='%23222'%3e%3cpath%20d='M5.6%207.4L7%206l6%206-6%206-1.4-1.4%204.6-4.6-4.6-4.6m6%200L13%206l6%206-6%206-1.4-1.4%204.6-4.6-4.6-4.6z'/%3e%3c/svg%3e");
 }
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-right {
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-right, .mx-datepicker-main .mx-time-header button.mx-btn-icon-right {
   order: 2;
 }
-.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right,
-.mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right {
+.mx-datepicker-main .mx-calendar-header button.mx-btn-icon-double-right, .mx-datepicker-main .mx-time-header button.mx-btn-icon-double-right {
   order: 3;
 }
 .mx-datepicker-main .mx-calendar-week-mode .mx-date-row .mx-week-number {
-  font-weight: 700;
+  font-weight: bold;
 }
-.mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover,
-.mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week {
+.mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week {
   opacity: 1;
   border-radius: 50px;
   background-color: var(--color-background-dark);
 }
-.mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td,
-.mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td {
+.mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td {
   background-color: transparent;
 }
-.mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td,
-.mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td:hover,
-.mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td:focus,
-.mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td,
-.mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td:hover,
-.mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td:focus {
+.mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td:hover, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row:hover td:focus, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td:hover, .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td:focus {
   color: inherit;
 }
 .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week {
@@ -779,8 +734,8 @@
   background-color: var(--color-primary-element);
 }
 .mx-datepicker-main .mx-calendar-week-mode .mx-date-row.mx-active-week td {
-  opacity: .7;
-  font-weight: 400;
+  opacity: 0.7;
+  font-weight: normal;
 }
 .mx-datepicker-main .mx-time {
   background-color: var(--color-main-background);
@@ -792,8 +747,7 @@
 .mx-datepicker-main .mx-time .mx-time-column {
   border-left: 1px solid var(--color-border);
 }
-.mx-datepicker-main .mx-time .mx-time-option.active,
-.mx-datepicker-main .mx-time .mx-time-option:hover,
+.mx-datepicker-main .mx-time .mx-time-option.active, .mx-datepicker-main .mx-time .mx-time-option:hover,
 .mx-datepicker-main .mx-time .mx-time-item.active,
 .mx-datepicker-main .mx-time .mx-time-item:hover {
   color: var(--color-primary-element-text);
@@ -802,10 +756,34 @@
 .mx-datepicker-main .mx-time .mx-time-option.disabled,
 .mx-datepicker-main .mx-time .mx-time-item.disabled {
   cursor: not-allowed;
-  opacity: .5;
+  opacity: 0.5;
   color: var(--color-main-text);
   background-color: var(--color-main-background);
 }
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-56b96a48] {
   display: flex;
   align-self: center;
@@ -817,7 +795,7 @@
   background-clip: border-box;
 }
 .datetime-picker-inline-icon[data-v-56b96a48] {
-  opacity: .3;
+  opacity: 0.3;
   border: none;
   background-color: transparent;
   border-radius: 0;
@@ -825,10 +803,9 @@
   margin: 0;
 }
 .datetime-picker-inline-icon--highlighted[data-v-56b96a48] {
-  opacity: .7;
+  opacity: 0.7;
 }
-.datetime-picker-inline-icon[data-v-56b96a48]:focus,
-.datetime-picker-inline-icon[data-v-56b96a48]:hover {
+.datetime-picker-inline-icon[data-v-56b96a48]:focus, .datetime-picker-inline-icon[data-v-56b96a48]:hover {
   opacity: 1;
 }
 /**
@@ -852,6 +829,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon {
   display: flex;
   align-self: center;
@@ -867,7 +847,8 @@
   border-radius: var(--border-radius-large);
 }
 .v-popper--theme-dropdown.v-popper__popper.timezone-select__popper .v-popper__wrapper .v-popper__inner .timezone-popover-wrapper__label {
-  padding: 4px 0 4px 14px;
+  padding: 4px 0;
+  padding-left: 14px;
 }
 .v-popper--theme-dropdown.v-popper__popper.timezone-select__popper .v-popper__wrapper .v-popper__inner .timezone-popover-wrapper__timezone-select.v-select .vs__dropdown-toggle {
   border-radius: calc(var(--border-radius-large) - 4px);
@@ -881,4 +862,4 @@
 }
 .vs__dropdown-menu--floating {
   z-index: 100001 !important;
-}
+}

package/dist/assets/{NcDateTimePickerNative-DnLJu29_.css → NcDateTimePickerNative-CV_VuzvQ.css} RENAMED Viewed

@@ -20,6 +20,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-7b246f90] {
   display: flex;
   align-self: center;
@@ -45,14 +48,14 @@
   color-scheme: dark;
 }
 @media (prefers-color-scheme: light) {
-  [data-theme-default] .native-datetime-picker--input[data-v-7b246f90],
+[data-theme-default] .native-datetime-picker--input[data-v-7b246f90],
   [data-themes*=default] .native-datetime-picker--input[data-v-7b246f90] {
     color-scheme: light;
-  }
+}
 }
 @media (prefers-color-scheme: dark) {
-  [data-theme-default] .native-datetime-picker--input[data-v-7b246f90],
+[data-theme-default] .native-datetime-picker--input[data-v-7b246f90],
   [data-themes*=default] .native-datetime-picker--input[data-v-7b246f90] {
     color-scheme: dark;
-  }
 }
+}