@nextcloud/vue 9.0.1 → 9.2.0

package/dist/assets/{NcColorPicker-DtGrgPdj.css → NcColorPicker-CO_Jq2Ow.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-b2cb1a99] {
+.material-design-icon[data-v-3d24879b] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.color-picker[data-v-b2cb1a99] {
+.color-picker[data-v-3d24879b] {
   display: flex;
   overflow: hidden;
   align-content: flex-end;
@@ -25,24 +25,24 @@
   padding: var(--border-radius-element);
   min-width: calc(4 * var(--default-clickable-area) + 2 * var(--border-radius-element));
 }
-.color-picker--clearable[data-v-b2cb1a99] {
+.color-picker--clearable[data-v-3d24879b] {
   min-width: calc(5 * var(--default-clickable-area) + 2 * var(--border-radius-element));
 }
-.color-picker--advanced-fields[data-v-b2cb1a99] {
+.color-picker--advanced-fields[data-v-3d24879b] {
   min-width: 264px;
 }
-.color-picker__clear[data-v-b2cb1a99] {
+.color-picker__clear[data-v-3d24879b] {
   color: var(--color-main-text);
 }
-.color-picker__clear[data-v-b2cb1a99]:hover:not(:has(:checked)) {
+.color-picker__clear[data-v-3d24879b]:hover:not(:has(:checked)) {
   color: var(--color-text-maxcontrast);
 }
-.color-picker__simple[data-v-b2cb1a99] {
+.color-picker__simple[data-v-3d24879b] {
   display: grid;
   grid-template-columns: repeat(auto-fit, var(--default-clickable-area));
   grid-auto-rows: var(--default-clickable-area);
 }
-.color-picker__simple-color-circle[data-v-b2cb1a99] {
+.color-picker__simple-color-circle[data-v-3d24879b] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -56,45 +56,45 @@
   border-radius: 50%;
   font-size: 16px;
 }
-.color-picker__simple-color-circle[data-v-b2cb1a99]:focus-within {
+.color-picker__simple-color-circle[data-v-3d24879b]:focus-within {
   outline: 2px solid var(--color-main-text);
 }
-.color-picker__simple-color-circle[data-v-b2cb1a99]:hover {
+.color-picker__simple-color-circle[data-v-3d24879b]:hover {
   opacity: 0.6;
 }
-.color-picker__simple-color-circle--active[data-v-b2cb1a99] {
+.color-picker__simple-color-circle--active[data-v-3d24879b] {
   width: calc(var(--default-clickable-area) - 6px);
   height: calc(var(--default-clickable-area) - 6px);
   min-height: calc(var(--default-clickable-area) - 6px);
   transition: all 100ms ease-in-out;
   opacity: 1 !important;
 }
-.color-picker__advanced[data-v-b2cb1a99] {
+.color-picker__advanced[data-v-3d24879b] {
   box-shadow: none !important;
 }
-.color-picker__navigation[data-v-b2cb1a99] {
+.color-picker__navigation[data-v-3d24879b] {
   display: flex;
   flex-direction: row;
   gap: var(--default-grid-baseline);
   justify-content: space-between;
   margin-top: calc(2 * var(--default-grid-baseline));
 }
-[data-v-b2cb1a99]  .vc-chrome {
+[data-v-3d24879b]  .vc-chrome {
   width: unset;
   background-color: var(--color-main-background);
 }
-[data-v-b2cb1a99]  .vc-chrome-color-wrap {
+[data-v-3d24879b]  .vc-chrome-color-wrap {
   width: 30px;
   height: 30px;
 }
-[data-v-b2cb1a99]  .vc-chrome-active-color {
+[data-v-3d24879b]  .vc-chrome-active-color {
   border-radius: 17px;
 }
-[data-v-b2cb1a99]  .vc-chrome-body {
+[data-v-3d24879b]  .vc-chrome-body {
   padding: 14px 0 0 0;
   background-color: var(--color-main-background);
 }
-[data-v-b2cb1a99]  .vc-chrome-body .vc-input__input {
+[data-v-3d24879b]  .vc-chrome-body .vc-input__input {
   --input-border-radius: var(--border-radius-element);
   --input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
   width: 100%;
@@ -108,16 +108,16 @@
   color: var(--color-main-text);
   box-shadow: none;
 }
-[data-v-b2cb1a99]  .vc-chrome-body .vc-input__input:active:not([disabled]),[data-v-b2cb1a99]  .vc-chrome-body .vc-input__input:hover:not([disabled]),[data-v-b2cb1a99]  .vc-chrome-body .vc-input__input:focus:not([disabled]) {
+[data-v-3d24879b]  .vc-chrome-body .vc-input__input:active:not([disabled]),[data-v-3d24879b]  .vc-chrome-body .vc-input__input:hover:not([disabled]),[data-v-3d24879b]  .vc-chrome-body .vc-input__input:focus:not([disabled]) {
   --input-border-width-offset: 0px;
   border-color: var(--color-main-text);
   border-width: var(--border-width-input-focused, 2px);
   box-shadow: 0 0 0 2px var(--color-main-background) !important;
 }
-[data-v-b2cb1a99]  .vc-chrome-body .vc-input__input:active:not([disabled]) + .vc-input__label,[data-v-b2cb1a99]  .vc-chrome-body .vc-input__input:hover:not([disabled]) + .vc-input__label,[data-v-b2cb1a99]  .vc-chrome-body .vc-input__input:focus:not([disabled]) + .vc-input__label {
+[data-v-3d24879b]  .vc-chrome-body .vc-input__input:active:not([disabled]) + .vc-input__label,[data-v-3d24879b]  .vc-chrome-body .vc-input__input:hover:not([disabled]) + .vc-input__label,[data-v-3d24879b]  .vc-chrome-body .vc-input__input:focus:not([disabled]) + .vc-input__label {
   color: var(--color-main-text);
 }
-[data-v-b2cb1a99]  .vc-chrome-body .vc-input__label {
+[data-v-3d24879b]  .vc-chrome-body .vc-input__label {
   position: absolute;
   inset-inline: var(--border-width-input-focused, 2px);
   inset-block-start: calc(-1.5 * var(--font-size-small, 13px) / 2);
@@ -133,7 +133,7 @@
   background-color: var(--color-main-background);
   pointer-events: none;
 }
-[data-v-b2cb1a99]  .vc-chrome-toggle-btn {
+[data-v-3d24879b]  .vc-chrome-toggle-btn {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -142,39 +142,39 @@
   margin-inline-start: 6px;
   filter: var(--background-invert-if-dark);
 }
-[data-v-b2cb1a99]  .vc-chrome-toggle-icon {
+[data-v-3d24879b]  .vc-chrome-toggle-icon {
   width: 24px;
   height: 24px;
   margin: 0;
 }
-[data-v-b2cb1a99]  .vc-chrome-toggle-icon-highlight {
+[data-v-3d24879b]  .vc-chrome-toggle-icon-highlight {
   width: var(--default-clickable-area);
   height: var(--default-clickable-area);
   inset: 0;
 }
-[data-v-b2cb1a99]  .vc-chrome-saturation-wrap {
+[data-v-3d24879b]  .vc-chrome-saturation-wrap {
   border-radius: 3px;
 }
-[data-v-b2cb1a99]  .vc-chrome-saturation-circle {
+[data-v-3d24879b]  .vc-chrome-saturation-circle {
   width: 20px;
   height: 20px;
 }
-.slide-enter-from[data-v-b2cb1a99] {
+.slide-enter-from[data-v-3d24879b] {
   transform: translateX(-50%);
   opacity: 0;
 }
-.slide-enter-to[data-v-b2cb1a99] {
+.slide-enter-to[data-v-3d24879b] {
   transform: translateX(0);
   opacity: 1;
 }
-.slide-leave-from[data-v-b2cb1a99] {
+.slide-leave-from[data-v-3d24879b] {
   transform: translateX(0);
   opacity: 1;
 }
-.slide-leave-to[data-v-b2cb1a99] {
+.slide-leave-to[data-v-3d24879b] {
   transform: translateX(-50%);
   opacity: 0;
 }
-.slide-enter-active[data-v-b2cb1a99], .slide-leave-active[data-v-b2cb1a99] {
+.slide-enter-active[data-v-3d24879b], .slide-leave-active[data-v-3d24879b] {
   transition: all 50ms ease-in-out;
 }

package/dist/assets/{NcDateTimePicker-DW0b4W9D.css → NcDateTimePicker-DL6-rWSN.css}

@@ -95,6 +95,9 @@
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input:hover:not(.dp__input_focus) {
   border-color: var(--dp-border-color-hover);
 }
+.vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_not_clearable {
+  padding-inline-end: var(--dp-input-not-clearable-padding) !important;
+}
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__input_reg {
   caret-color: rgba(0, 0, 0, 0);
 }
@@ -770,7 +773,7 @@
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__inc_dec_button:hover {
   background: var(--dp-hover-color);
-  color: var(--dp-primary-color);
+  color: var(--dp-hover-icon-color);
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__time_display {
   cursor: pointer;
@@ -886,7 +889,7 @@
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_cancel:hover {
   border-color: var(--dp-primary-color);
-  transition: var(--dp-action-row-transtion);
+  transition: var(--dp-action-row-transition);
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_buttons .dp__action_select {
   background: var(--dp-primary-color);
@@ -894,7 +897,7 @@
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_buttons .dp__action_select:hover {
   background: var(--dp-primary-color);
-  transition: var(--dp-action-row-transtion);
+  transition: var(--dp-action-row-transition);
 }
 .vue-date-time-picker__wrapper[data-v-02e90461]  .dp__action_buttons .dp__action_select:disabled {
   background: var(--dp-primary-disabled-color);
@@ -947,7 +950,7 @@
   --dp-animation-duration: 0.1s;
   --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
   --dp-transition-timing: ease-out;
-  --dp-action-row-transtion: all 0.2s ease-in;
+  --dp-action-row-transition: all 0.2s ease-in;
   --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
   --dp-border-radius: 4px;
   --dp-cell-border-radius: 4px;
@@ -963,6 +966,7 @@
   --dp-common-padding: 10px;
   --dp-input-icon-padding: 35px;
   --dp-input-padding: 6px 30px 6px 12px;
+  --dp-input-not-clearable-padding: 12px;
   --dp-menu-min-width: 260px;
   --dp-action-buttons-padding: 1px 6px;
   --dp-row-margin: 5px 0;

package/dist/assets/{NcEmptyContent-q-geAf0w.css → NcEmptyContent-CLjlZ-UT.css}

@@ -9,14 +9,14 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-697cfd8f] {
+.material-design-icon[data-v-b101d636] {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.empty-content[data-v-697cfd8f] {
+.empty-content[data-v-b101d636] {
   display: flex;
   align-items: center;
   flex-direction: column;
@@ -25,11 +25,11 @@
   flex-grow: 1;
   padding: var(--default-grid-baseline);
 }
-.modal-wrapper .empty-content[data-v-697cfd8f] {
+.modal-wrapper .empty-content[data-v-b101d636] {
   margin-top: 5vh;
   margin-bottom: 5vh;
 }
-.empty-content__icon[data-v-697cfd8f] {
+.empty-content__icon[data-v-b101d636] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -41,28 +41,28 @@
   background-position: center;
   background-size: 64px;
 }
-.empty-content__icon[data-v-697cfd8f] svg {
+.empty-content__icon[data-v-b101d636] svg {
   width: 64px !important;
   height: 64px !important;
   max-width: 64px !important;
   max-height: 64px !important;
 }
-.empty-content__name[data-v-697cfd8f] {
+.empty-content__name[data-v-b101d636] {
   margin-bottom: 10px;
   text-align: center;
   font-weight: bold;
   font-size: 20px;
   line-height: 30px;
 }
-.empty-content__description[data-v-697cfd8f] {
+.empty-content__description[data-v-b101d636] {
   color: var(--color-text-maxcontrast);
   text-align: center;
   text-wrap-style: balance;
 }
-.empty-content__action[data-v-697cfd8f] {
+.empty-content__action[data-v-b101d636] {
   margin-top: 8px;
 }
-.modal-wrapper .empty-content__action[data-v-697cfd8f] {
+.modal-wrapper .empty-content__action[data-v-b101d636] {
   margin-top: 20px;
   display: flex;
 }

package/dist/assets/NcFormBox-D-kcijXp.css

@@ -0,0 +1,54 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+._material-design-icon_1u9di_12 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+._ncFormBox_1u9di_20 {
+  display: flex;
+  flex-direction: column;
+  gap: calc(1 * var(--default-grid-baseline));
+}
+._ncFormBox_1u9di_20._ncFormBox_row_1u9di_25 {
+  flex-direction: row;
+}
+._ncFormBox__item_1u9di_29 {
+  border-radius: var(--border-radius-small) !important;
+}
+._ncFormBox_col_1u9di_33 {
+  flex-direction: column;
+}
+._ncFormBox_col_1u9di_33 ._ncFormBox__item_1u9di_29:first-child {
+  border-start-start-radius: var(--border-radius-element) !important;
+  border-start-end-radius: var(--border-radius-element) !important;
+}
+._ncFormBox_col_1u9di_33 ._ncFormBox__item_1u9di_29:last-child {
+  border-end-start-radius: var(--border-radius-element) !important;
+  border-end-end-radius: var(--border-radius-element) !important;
+}
+._ncFormBox_row_1u9di_25 {
+  flex-direction: row;
+}
+._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29 {
+  flex: 1 1;
+}
+._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29:first-child {
+  border-start-start-radius: var(--border-radius-element) !important;
+  border-end-start-radius: var(--border-radius-element) !important;
+}
+._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29:last-child {
+  border-end-end-radius: var(--border-radius-element) !important;
+  border-start-end-radius: var(--border-radius-element) !important;
+}

package/dist/assets/{NcAppSettingsSection-qx2jbXXG.css → NcFormBoxButton-C6EvdLK4.css}

@@ -9,22 +9,24 @@
 /*
 * Ensure proper alignment of the vue material icons
 */
-.material-design-icon[data-v-a9004e4c] {
+._material-design-icon_15jyc_12 {
   display: flex;
   align-self: center;
   justify-self: center;
   align-items: center;
   justify-content: center;
 }
-.app-settings-section[data-v-a9004e4c] {
-  margin-bottom: 80px;
-}
-.app-settings-section__name[data-v-a9004e4c] {
-  font-size: 1.6em;
+._formBoxButton_15jyc_20 {
+  /* Reset default HTML button styles */
+  background: unset;
+  border: none;
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  text-decoration: none;
+  text-align: inherit;
+  line-height: inherit;
+  padding: 0;
   margin: 0;
-  padding: 20px 0;
-  font-weight: bold;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  outline: none;
 }

package/dist/assets/NcFormBoxItem-j2nGdOvd.css

@@ -0,0 +1,88 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+._material-design-icon_pugbs_12 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+._formBoxItem_pugbs_20 {
+  --nc-form-box-item-border-width: 1px;
+  --nc-form-box-item-min-height: 40px;
+  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
+  --form-element-label-padding: calc(var(--form-element-label-offset) - var(--nc-form-box-item-border-width));
+  --color-primary-element-extra-light: hsl(from var(--color-primary-element-light) h s calc(l * 1.045));
+  --color-primary-element-extra-light-hover: hsl(from var(--color-primary-element-light-hover) h s calc(l * 1.045));
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: calc(2 * var(--default-grid-baseline));
+  min-height: var(--nc-form-box-item-min-height);
+  padding-inline: var(--form-element-label-padding);
+  border: 1px solid var(--color-primary-element-extra-light-hover);
+  border-bottom-width: 2px;
+  border-radius: var(--border-radius-element);
+  background-color: var(--color-primary-element-extra-light);
+  color: var(--color-primary-element-light-text);
+  transition-property: color, border-color, background-color;
+  transition-duration: var(--animation-quick);
+  transition-timing-function: linear;
+  -webkit-user-select: none;
+  user-select: none;
+  cursor: pointer;
+}
+._formBoxItem_pugbs_20 * {
+  cursor: inherit;
+}
+._formBoxItem_pugbs_20:has(:disabled) {
+  cursor: default;
+  opacity: 0.5;
+}
+._formBoxItem_pugbs_20:hover:not(:has(:disabled)) {
+  color: var(--color-primary-element-light-text);
+  background-color: var(--color-primary-element-extra-light-hover);
+}
+._formBoxItem_pugbs_20:has(:focus-visible) {
+  outline: 2px solid var(--color-main-text);
+  box-shadow: 0 0 0 4px var(--color-main-background);
+}
+._formBoxItem_pugbs_20._formBoxItem_legacy_pugbs_60 {
+  --nc-form-box-item-border-width: 0px;
+  border: none;
+}
+._formBoxItem_pugbs_20._formBoxItem_inverted_pugbs_64 ._formBoxItem__element_pugbs_64 {
+  color: var(--color-text-maxcontrast);
+}
+._formBoxItem_pugbs_20._formBoxItem_inverted_pugbs_64 ._formBoxItem__description_pugbs_67 {
+  color: inherit;
+}
+._formBoxItem__content_pugbs_71 {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  padding-block: calc(2 * var(--default-grid-baseline));
+  overflow-wrap: anywhere;
+}
+._formBoxItem__element_pugbs_64::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+._formBoxItem__description_pugbs_67 {
+  color: var(--color-text-maxcontrast);
+}
+._formBoxItem__icon_pugbs_89 {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}

package/dist/assets/NcFormBoxSwitch-BmyNQCbA.css

@@ -0,0 +1,37 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+._material-design-icon_hjv1a_12 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+input._formBoxSwitch__input_hjv1a_20 {
+  margin: 0;
+  width: var(--default-clickable-area);
+  /* Keep it visually hidden but on the position of visual switch icon */
+  position: absolute;
+  inset-block: 0;
+  inset-inline-end: var(--form-element-label-offset);
+  z-index: -1;
+  opacity: 0 !important;
+  /* Override server styles */
+  height: auto;
+  cursor: inherit;
+}
+._formBoxSwitch__icon_hjv1a_34 {
+  color: var(--color-text-maxcontrast);
+}
+input:checked + ._formBoxSwitch__icon_hjv1a_34 {
+  color: var(--color-primary-element);
+}

package/dist/assets/NcFormGroup-BrD0Scm7.css

@@ -0,0 +1,43 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+._material-design-icon_9p8a1_12 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+._formGroup_9p8a1_20 {
+  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
+  --form-group-content-gap: calc(2 * var(--default-grid-baseline));
+}
+._formGroup_9p8a1_20._formGroup_noGap_9p8a1_24 {
+  --form-group-content-gap: 0;
+}
+._formGroup__label_9p8a1_28 {
+  padding-inline: var(--form-element-label-offset);
+  font-size: var(--font-size);
+  font-weight: bold;
+}
+._formGroup__description_9p8a1_34 {
+  padding-inline: var(--form-element-label-offset);
+  color: var(--color-text-maxcontrast);
+}
+._formGroup__content_9p8a1_39 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--form-group-content-gap);
+  margin-block-start: calc(2.5 * var(--default-grid-baseline));
+}
+._formGroup__content_9p8a1_39._formGroup__content_only_9p8a1_45 {
+  margin-block-start: 0;
+}

package/dist/assets/NcHotkey-4yi1Hobg.css

@@ -0,0 +1,45 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+._material-design-icon_1s86g_12 {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+._hotkey_1s86g_20 {
+  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: stretch;
+  padding-inline: var(--form-element-label-offset);
+}
+._hotkey_1s86g_20:first-child ._hotkey__label_1s86g_27,
+._hotkey_1s86g_20:first-child ._hotkey__keys_1s86g_28 {
+  border-block-start: none;
+}
+._hotkey__label_1s86g_27,
+._hotkey__keys_1s86g_28 {
+  display: flex;
+  align-items: center;
+  padding-block: calc(2 * var(--default-grid-baseline));
+  border-block-start: 1px solid var(--color-border);
+}
+._hotkey__label_1s86g_27 {
+  flex: 1 1 200px;
+}
+._hotkey__keys_1s86g_28 {
+  flex: 1 1 auto;
+  flex-wrap: wrap;
+  justify-content: end;
+  row-gap: calc(1 * var(--default-grid-baseline));
+}

package/dist/assets/NcHotkeyList-gAZN0WIu.css

@@ -0,0 +1,8 @@
+
+._hotkeyList_pf97p_2 {
+	--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
+}
+._hotkeyList__heading_pf97p_6 {
+	font-weight: bold;
+	margin-inline: var(--form-element-label-offset);
+}