@nextcloud/vue 9.11.0 → 9.13.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 (149) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/dist/assets/NcAppContent.css +20 -20
  3. package/dist/assets/NcAppNavigation.css +13 -13
  4. package/dist/assets/NcAppNavigationItem.css +45 -49
  5. package/dist/assets/NcAppNavigationList.css +2 -26
  6. package/dist/assets/NcAppNavigationNewItem.css +0 -4
  7. package/dist/assets/NcAppNavigationSettings.css +6 -6
  8. package/dist/assets/NcAppSettingsDialog.css +3 -3
  9. package/dist/assets/NcAppSettingsShortcutsSection.css +1 -1
  10. package/dist/assets/NcAppSidebar.css +28 -28
  11. package/dist/assets/NcAssistantButton.css +9 -9
  12. package/dist/assets/NcAssistantContent.css +3 -3
  13. package/dist/assets/NcAssistantIcon.css +4 -4
  14. package/dist/assets/NcAvatar.css +26 -26
  15. package/dist/assets/NcBlurHash.css +2 -2
  16. package/dist/assets/NcDateTimePicker.css +234 -234
  17. package/dist/assets/NcDialog.css +16 -16
  18. package/dist/assets/NcFilePicker.css +1 -1
  19. package/dist/assets/NcFormBox.css +11 -11
  20. package/dist/assets/NcFormBoxButton.css +2 -2
  21. package/dist/assets/NcFormBoxItem.css +15 -15
  22. package/dist/assets/NcFormBoxSwitch.css +2 -2
  23. package/dist/assets/NcFormGroup.css +7 -7
  24. package/dist/assets/NcHotkey.css +8 -8
  25. package/dist/assets/NcHotkeyList.css +2 -2
  26. package/dist/assets/NcIconToggleSwitch.css +4 -4
  27. package/dist/assets/NcKbd.css +3 -3
  28. package/dist/assets/NcModal.css +69 -63
  29. package/dist/assets/NcPopover.css +16 -16
  30. package/dist/assets/NcProfileHoverCard.css +82 -59
  31. package/dist/assets/NcRadioGroup.css +2 -2
  32. package/dist/assets/NcRadioGroupButton.css +14 -14
  33. package/dist/assets/NcRichContenteditable.css +17 -17
  34. package/dist/assets/NcRichText.css +2 -2
  35. package/dist/assets/NcUploadPicker.css +41 -0
  36. package/dist/assets/autolink.css +3 -3
  37. package/dist/chunks/NcActionInput.mjs +2 -2
  38. package/dist/chunks/NcActions.mjs +2 -2
  39. package/dist/chunks/NcAppContent.mjs +171 -298
  40. package/dist/chunks/NcAppContent.mjs.map +1 -1
  41. package/dist/chunks/NcAppContentList.vue_vue_type_script_setup_true_lang.mjs +21 -0
  42. package/dist/chunks/NcAppContentList.vue_vue_type_script_setup_true_lang.mjs.map +1 -0
  43. package/dist/chunks/NcAppNavigation.mjs +9 -6
  44. package/dist/chunks/NcAppNavigation.mjs.map +1 -1
  45. package/dist/chunks/NcAppNavigationItem.mjs +6 -29
  46. package/dist/chunks/NcAppNavigationItem.mjs.map +1 -1
  47. package/dist/chunks/NcAppNavigationList.mjs +8 -138
  48. package/dist/chunks/NcAppNavigationList.mjs.map +1 -1
  49. package/dist/chunks/NcAppNavigationNewItem.mjs +1 -1
  50. package/dist/chunks/NcAppNavigationNewItem.mjs.map +1 -1
  51. package/dist/chunks/NcAppNavigationSearch.mjs +2 -2
  52. package/dist/chunks/NcAppNavigationSettings.mjs +8 -8
  53. package/dist/chunks/NcAppSettingsDialog.mjs +5 -5
  54. package/dist/chunks/NcAppSettingsShortcutsSection.mjs +3 -3
  55. package/dist/chunks/NcAppSidebar.mjs +15 -15
  56. package/dist/chunks/NcAppSidebar.mjs.map +1 -1
  57. package/dist/chunks/NcAssistantButton.mjs +7 -7
  58. package/dist/chunks/NcAssistantContent.mjs +3 -3
  59. package/dist/chunks/NcAssistantIcon.mjs +4 -4
  60. package/dist/chunks/NcAvatar.mjs +30 -10
  61. package/dist/chunks/NcAvatar.mjs.map +1 -1
  62. package/dist/chunks/NcBlurHash.mjs +2 -2
  63. package/dist/chunks/NcCheckboxRadioSwitch.mjs +1 -1
  64. package/dist/chunks/NcCollectionList.mjs +3 -3
  65. package/dist/chunks/NcColorPicker.mjs +2 -2
  66. package/dist/chunks/NcContent.mjs +2 -2
  67. package/dist/chunks/NcDashboardWidget.mjs +4 -4
  68. package/dist/chunks/NcDashboardWidget.mjs.map +1 -1
  69. package/dist/chunks/NcDateTimePicker.mjs +7 -4
  70. package/dist/chunks/NcDateTimePicker.mjs.map +1 -1
  71. package/dist/chunks/NcDateTimePickerNative.mjs +2 -2
  72. package/dist/chunks/NcDialog.mjs +1 -1
  73. package/dist/chunks/NcDialog.mjs.map +1 -1
  74. package/dist/chunks/NcDialogButton.vue_vue_type_script_setup_true_lang.mjs +2 -2
  75. package/dist/chunks/NcEmojiPicker.mjs +2 -2
  76. package/dist/chunks/NcFilePicker.mjs +6 -5
  77. package/dist/chunks/NcFilePicker.mjs.map +1 -1
  78. package/dist/chunks/NcFormBox.mjs +5 -5
  79. package/dist/chunks/NcFormBoxButton.mjs +2 -2
  80. package/dist/chunks/NcFormBoxItem.mjs +8 -8
  81. package/dist/chunks/NcFormBoxSwitch.mjs +2 -2
  82. package/dist/chunks/NcFormGroup.mjs +7 -7
  83. package/dist/chunks/NcHotkey.mjs +4 -4
  84. package/dist/chunks/NcHotkeyList.mjs +4 -4
  85. package/dist/chunks/NcIconToggleSwitch.mjs +2 -2
  86. package/dist/chunks/NcKbd.mjs +4 -4
  87. package/dist/chunks/NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang.mjs +7 -7
  88. package/dist/chunks/NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang.mjs.map +1 -1
  89. package/dist/chunks/NcModal.mjs +18 -11
  90. package/dist/chunks/NcModal.mjs.map +1 -1
  91. package/dist/chunks/NcPasswordField.mjs +2 -2
  92. package/dist/chunks/NcPopover.mjs +2 -2
  93. package/dist/chunks/NcProfileHoverCard.mjs +205 -157
  94. package/dist/chunks/NcProfileHoverCard.mjs.map +1 -1
  95. package/dist/chunks/NcRadioGroup.mjs +2 -2
  96. package/dist/chunks/NcRadioGroupButton.mjs +6 -6
  97. package/dist/chunks/NcReferenceWidget.mjs +2 -2
  98. package/dist/chunks/NcRelatedResourcesPanel.mjs +4 -4
  99. package/dist/chunks/NcRichContenteditable.mjs +12 -12
  100. package/dist/chunks/NcRichText.mjs +3 -3
  101. package/dist/chunks/NcRichText.mjs.map +1 -1
  102. package/dist/chunks/NcSettingsSection.mjs +2 -2
  103. package/dist/chunks/NcSettingsSelectGroup.mjs +2 -2
  104. package/dist/chunks/NcTextField.vue_vue_type_script_setup_true_lang.mjs +2 -2
  105. package/dist/chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang.mjs +2 -2
  106. package/dist/chunks/NcUploadPicker.mjs +269 -0
  107. package/dist/chunks/NcUploadPicker.mjs.map +1 -0
  108. package/dist/chunks/NcUserStatusIcon.mjs +2 -2
  109. package/dist/chunks/_l10n.mjs +91 -89
  110. package/dist/chunks/_l10n.mjs.map +1 -1
  111. package/dist/chunks/autolink.mjs +3 -3
  112. package/dist/chunks/colors.mjs +2 -2
  113. package/dist/chunks/mdi.mjs +7 -5
  114. package/dist/chunks/mdi.mjs.map +1 -1
  115. package/dist/chunks/referencePickerModal.mjs +5 -5
  116. package/dist/components/NcActionInput/NcActionInput.vue.d.ts +3 -3
  117. package/dist/components/NcAppContent/NcAppContent.vue.d.ts +77 -149
  118. package/dist/components/NcAppContent/index.d.ts +5 -0
  119. package/dist/components/NcAppContentList/NcAppContentList.vue.d.ts +28 -27
  120. package/dist/components/NcAppContentList/index.d.ts +4 -0
  121. package/dist/components/NcAppContentList/index.mjs +2 -2
  122. package/dist/components/NcAppNavigationItem/NcAppNavigationItem.vue.d.ts +0 -4
  123. package/dist/components/NcAppNavigationList/NcAppNavigationList.vue.d.ts +1 -57
  124. package/dist/components/NcAvatar/NcAvatar.vue.d.ts +26 -0
  125. package/dist/components/NcCollectionList/NcCollectionList.vue.d.ts +26 -0
  126. package/dist/components/NcCollectionList/NcCollectionListItem.vue.d.ts +13 -0
  127. package/dist/components/NcDashboardWidget/NcDashboardWidget.vue.d.ts +26 -0
  128. package/dist/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue.d.ts +13 -0
  129. package/dist/components/NcDateTimePicker/NcDateTimePicker.vue.d.ts +2 -2
  130. package/dist/components/NcFilePicker/NcFilePicker.vue.d.ts +7 -0
  131. package/dist/components/NcListItemIcon/NcListItemIcon.vue.d.ts +14 -1
  132. package/dist/components/NcModal/NcModal.vue.d.ts +3 -0
  133. package/dist/components/NcProfileHoverCard/NcProfileHoverCard.vue.d.ts +6 -0
  134. package/dist/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue.d.ts +8 -0
  135. package/dist/components/NcUploadPicker/NcUploadPicker.vue.d.ts +180 -0
  136. package/dist/components/NcUploadPicker/index.d.ts +6 -0
  137. package/dist/components/NcUploadPicker/index.mjs +5 -0
  138. package/dist/components/NcUploadPicker/index.mjs.map +1 -0
  139. package/dist/components/index.d.ts +3 -2
  140. package/dist/composables/useFormatDateTime/index.mjs +2 -2
  141. package/dist/index.mjs +169 -167
  142. package/dist/index.mjs.map +1 -1
  143. package/dist/utils/getAvatarUrl.d.ts +4 -0
  144. package/package.json +26 -12
  145. package/dist/chunks/NcAppContentList.mjs +0 -33
  146. package/dist/chunks/NcAppContentList.mjs.map +0 -1
  147. package/dist/chunks/highlight.mjs +0 -5
  148. package/dist/chunks/highlight.mjs.map +0 -1
  149. package/dist/components/NcAppNavigationList/highlight.d.ts +0 -12
@@ -19,7 +19,7 @@
19
19
 
20
20
  /** When having the small dialog style we override the modal styling so dialogs look more dialog like */
21
21
  @media only screen and (max-width: 512px) {
22
- .dialog__modal .modal-wrapper--small .modal-container {
22
+ .dialog__modal .modal-wrapper.modal-wrapper--small .modal-container {
23
23
  width: fit-content;
24
24
  height: unset;
25
25
  max-height: 90%;
@@ -38,14 +38,14 @@
38
38
  /*
39
39
  * Ensure proper alignment of the vue material icons
40
40
  */
41
- .material-design-icon[data-v-24e91b99] {
41
+ .material-design-icon[data-v-adda232f] {
42
42
  display: flex;
43
43
  align-self: center;
44
44
  justify-self: center;
45
45
  align-items: center;
46
46
  justify-content: center;
47
47
  }
48
- .dialog[data-v-24e91b99] {
48
+ .dialog[data-v-adda232f] {
49
49
  height: 100%;
50
50
  width: 100%;
51
51
  display: flex;
@@ -53,45 +53,45 @@
53
53
  justify-content: space-between;
54
54
  overflow: hidden;
55
55
  }
56
- .dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container {
56
+ .dialog__modal[data-v-adda232f] .modal-wrapper .modal-container {
57
57
  display: flex !important;
58
58
  padding-block: 4px 0;
59
59
  padding-inline: 12px 0;
60
60
  }
61
- .dialog__modal[data-v-24e91b99] .modal-wrapper .modal-container__content {
61
+ .dialog__modal[data-v-adda232f] .modal-wrapper .modal-container__content {
62
62
  display: flex;
63
63
  flex-direction: column;
64
64
  overflow: hidden;
65
65
  }
66
- .dialog__wrapper[data-v-24e91b99] {
66
+ .dialog__wrapper[data-v-adda232f] {
67
67
  display: flex;
68
68
  flex-direction: row;
69
69
  flex: 1;
70
70
  min-height: 0;
71
71
  overflow: hidden;
72
72
  }
73
- .dialog__wrapper--collapsed[data-v-24e91b99] {
73
+ .dialog__wrapper--collapsed[data-v-adda232f] {
74
74
  flex-direction: column;
75
75
  }
76
- .dialog__navigation[data-v-24e91b99] {
76
+ .dialog__navigation[data-v-adda232f] {
77
77
  display: flex;
78
78
  flex-shrink: 0;
79
79
  }
80
- .dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-24e91b99] {
80
+ .dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-adda232f] {
81
81
  flex-direction: column;
82
82
  overflow: hidden auto;
83
83
  height: 100%;
84
84
  min-width: 200px;
85
85
  margin-inline-end: 20px;
86
86
  }
87
- .dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-24e91b99] {
87
+ .dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-adda232f] {
88
88
  flex-direction: row;
89
89
  justify-content: space-between;
90
90
  overflow: auto hidden;
91
91
  width: 100%;
92
92
  min-width: 100%;
93
93
  }
94
- .dialog__name[data-v-24e91b99] {
94
+ .dialog__name[data-v-adda232f] {
95
95
  font-size: 21px;
96
96
  text-align: center;
97
97
  height: fit-content;
@@ -100,16 +100,16 @@
100
100
  overflow-wrap: break-word;
101
101
  margin-block: 0 12px;
102
102
  }
103
- .dialog__content[data-v-24e91b99] {
103
+ .dialog__content[data-v-adda232f] {
104
104
  flex: 1;
105
105
  min-height: 0;
106
106
  overflow: auto;
107
107
  padding-inline-end: 12px;
108
108
  }
109
- .dialog__text[data-v-24e91b99] {
109
+ .dialog__text[data-v-adda232f] {
110
110
  padding-block-end: 6px;
111
111
  }
112
- .dialog__actions[data-v-24e91b99] {
112
+ .dialog__actions[data-v-adda232f] {
113
113
  display: flex;
114
114
  gap: 6px;
115
115
  align-content: center;
@@ -120,11 +120,11 @@
120
120
  margin-inline: 0;
121
121
  margin-block: 0;
122
122
  }
123
- .dialog__actions[data-v-24e91b99]:not(:empty) {
123
+ .dialog__actions[data-v-adda232f]:not(:empty) {
124
124
  margin-block: 6px 12px;
125
125
  }
126
126
  @media only screen and (max-width: 512px) {
127
- .dialog__name[data-v-24e91b99] {
127
+ .dialog__name[data-v-adda232f] {
128
128
  text-align: start;
129
129
  margin-inline-end: var(--default-clickable-area);
130
130
  }
@@ -1,5 +1,5 @@
1
1
 
2
- ._filePicker_ZgUxw {
2
+ ._filePicker_DdklE {
3
3
  display: inline-flex;
4
4
  align-items: center;
5
5
  height: var(--default-clickable-area);
@@ -9,46 +9,46 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_g04W5 {
12
+ ._material-design-icon_jy9UL {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._ncFormBox_DLj7n {
19
+ ._ncFormBox_hfm4f {
20
20
  display: flex;
21
21
  flex-direction: column;
22
22
  gap: calc(1 * var(--default-grid-baseline));
23
23
  }
24
- ._ncFormBox_DLj7n._ncFormBox_row_Fr1lK {
24
+ ._ncFormBox_hfm4f._ncFormBox_row_aPH49 {
25
25
  flex-direction: row;
26
26
  }
27
- ._ncFormBox__item_-SJyo {
27
+ ._ncFormBox__item_6Ti-E {
28
28
  border-radius: var(--border-radius-small) !important;
29
29
  }
30
- ._ncFormBox_col_1wgxQ {
30
+ ._ncFormBox_col_RxD6y {
31
31
  flex-direction: column;
32
32
  }
33
- ._ncFormBox_col_1wgxQ ._ncFormBox__item_-SJyo:first-child {
33
+ ._ncFormBox_col_RxD6y ._ncFormBox__item_6Ti-E:first-child {
34
34
  border-start-start-radius: var(--border-radius-element) !important;
35
35
  border-start-end-radius: var(--border-radius-element) !important;
36
36
  }
37
- ._ncFormBox_col_1wgxQ ._ncFormBox__item_-SJyo:last-child {
37
+ ._ncFormBox_col_RxD6y ._ncFormBox__item_6Ti-E:last-child {
38
38
  border-end-start-radius: var(--border-radius-element) !important;
39
39
  border-end-end-radius: var(--border-radius-element) !important;
40
40
  }
41
- ._ncFormBox_row_Fr1lK {
41
+ ._ncFormBox_row_aPH49 {
42
42
  flex-direction: row;
43
43
  }
44
- ._ncFormBox_row_Fr1lK ._ncFormBox__item_-SJyo {
44
+ ._ncFormBox_row_aPH49 ._ncFormBox__item_6Ti-E {
45
45
  flex: 1 1;
46
46
  }
47
- ._ncFormBox_row_Fr1lK ._ncFormBox__item_-SJyo:first-child {
47
+ ._ncFormBox_row_aPH49 ._ncFormBox__item_6Ti-E:first-child {
48
48
  border-start-start-radius: var(--border-radius-element) !important;
49
49
  border-end-start-radius: var(--border-radius-element) !important;
50
50
  }
51
- ._ncFormBox_row_Fr1lK ._ncFormBox__item_-SJyo:last-child {
51
+ ._ncFormBox_row_aPH49 ._ncFormBox__item_6Ti-E:last-child {
52
52
  border-end-end-radius: var(--border-radius-element) !important;
53
53
  border-start-end-radius: var(--border-radius-element) !important;
54
54
  }
@@ -9,14 +9,14 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_oW-0j {
12
+ ._material-design-icon_oADPC {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._formBoxButton_pfcXH {
19
+ ._formBoxButton_jLjuK {
20
20
  /* Reset default HTML button styles */
21
21
  background: unset;
22
22
  border: none;
@@ -9,14 +9,14 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_oeKe9 {
12
+ ._material-design-icon_38d5k {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._formBoxItem_A3svz {
19
+ ._formBoxItem_PJOAO {
20
20
  --nc-form-box-item-border-width: 1px;
21
21
  --nc-form-box-item-min-height: 40px;
22
22
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
@@ -43,53 +43,53 @@
43
43
  user-select: none;
44
44
  cursor: pointer;
45
45
  }
46
- ._formBoxItem_A3svz * {
46
+ ._formBoxItem_PJOAO * {
47
47
  cursor: inherit;
48
48
  }
49
- ._formBoxItem_A3svz:has(:disabled) {
49
+ ._formBoxItem_PJOAO:has(:disabled) {
50
50
  cursor: default;
51
51
  opacity: 0.5;
52
52
  }
53
- ._formBoxItem_A3svz:hover:not(:has(:disabled)) {
53
+ ._formBoxItem_PJOAO:hover:not(:has(:disabled)) {
54
54
  color: var(--color-primary-element-light-text);
55
55
  background-color: var(--color-primary-element-extra-light-hover);
56
56
  }
57
- ._formBoxItem_A3svz:active:not(:disabled) {
57
+ ._formBoxItem_PJOAO:active:not(:disabled) {
58
58
  transform: scale(0.985);
59
59
  }
60
- ._formBoxItem_A3svz:has(:focus-visible) {
60
+ ._formBoxItem_PJOAO:has(:focus-visible) {
61
61
  outline: 2px solid var(--color-main-text);
62
62
  box-shadow: 0 0 0 4px var(--color-main-background);
63
63
  }
64
- ._formBoxItem__description_s3aoO {
64
+ ._formBoxItem__description_mgQF6 {
65
65
  font-weight: var(--font-weight-default, normal);
66
66
  }
67
- ._formBoxItem_A3svz._formBoxItem_legacy_M8oCv {
67
+ ._formBoxItem_PJOAO._formBoxItem_legacy_DqLYy {
68
68
  --nc-form-box-item-border-width: 0px;
69
69
  border: none;
70
70
  }
71
- ._formBoxItem_A3svz._formBoxItem_inverted_yQ6cM ._formBoxItem__element_63no0 {
71
+ ._formBoxItem_PJOAO._formBoxItem_inverted_77j8f ._formBoxItem__element_l-vrn {
72
72
  color: var(--color-text-maxcontrast);
73
73
  }
74
- ._formBoxItem_A3svz._formBoxItem_inverted_yQ6cM ._formBoxItem__description_s3aoO {
74
+ ._formBoxItem_PJOAO._formBoxItem_inverted_77j8f ._formBoxItem__description_mgQF6 {
75
75
  color: inherit;
76
76
  }
77
- ._formBoxItem__content_plRks {
77
+ ._formBoxItem__content_x-g-c {
78
78
  flex: 1;
79
79
  display: flex;
80
80
  flex-direction: column;
81
81
  padding-block: calc(2 * var(--default-grid-baseline));
82
82
  overflow-wrap: anywhere;
83
83
  }
84
- ._formBoxItem__element_63no0::after {
84
+ ._formBoxItem__element_l-vrn::after {
85
85
  content: "";
86
86
  position: absolute;
87
87
  inset: 0;
88
88
  }
89
- ._formBoxItem__description_s3aoO {
89
+ ._formBoxItem__description_mgQF6 {
90
90
  color: var(--color-text-maxcontrast);
91
91
  }
92
- ._formBoxItem__icon_xzuO7 {
92
+ ._formBoxItem__icon_ag5Tf {
93
93
  display: flex;
94
94
  align-items: center;
95
95
  justify-content: flex-end;
@@ -9,14 +9,14 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_5UzOd {
12
+ ._material-design-icon_oM2UW {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- input._formBoxSwitch__input_MIhKf {
19
+ input._formBoxSwitch__input_zScTH {
20
20
  margin: 0;
21
21
  width: var(--default-clickable-area);
22
22
  /* Keep it visually hidden but on the position of visual switch icon */
@@ -9,35 +9,35 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_ux73t {
12
+ ._material-design-icon_-aTJn {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._formGroup_s9Y0Y {
19
+ ._formGroup_alpCx {
20
20
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
21
21
  --form-group-content-gap: calc(2 * var(--default-grid-baseline));
22
22
  }
23
- ._formGroup_s9Y0Y._formGroup_noGap_ni6Ax {
23
+ ._formGroup_alpCx._formGroup_noGap_nxMYN {
24
24
  --form-group-content-gap: 0;
25
25
  }
26
- ._formGroup__label_flCX6 {
26
+ ._formGroup__label_ouOV4 {
27
27
  padding-inline: var(--form-element-label-offset);
28
28
  font-size: var(--font-size);
29
29
  font-weight: var(--font-weight-heading, bold);
30
30
  }
31
- ._formGroup__description_ettaL {
31
+ ._formGroup__description_ndRRF {
32
32
  padding-inline: var(--form-element-label-offset);
33
33
  color: var(--color-text-maxcontrast);
34
34
  }
35
- ._formGroup__content_AhX7q {
35
+ ._formGroup__content_O-600 {
36
36
  display: flex;
37
37
  flex-direction: column;
38
38
  gap: var(--form-group-content-gap);
39
39
  margin-block-start: calc(2.5 * var(--default-grid-baseline));
40
40
  }
41
- ._formGroup__content_AhX7q._formGroup__content_only_h-mqW {
41
+ ._formGroup__content_O-600._formGroup__content_only_Tivq9 {
42
42
  margin-block-start: 0;
43
43
  }
@@ -9,35 +9,35 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_XAHPq {
12
+ ._material-design-icon_Nn4zt {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._hotkey_kSlAl {
19
+ ._hotkey_DzGB- {
20
20
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
21
21
  display: flex;
22
22
  flex-direction: row-reverse;
23
23
  align-items: stretch;
24
24
  padding-inline: var(--form-element-label-offset);
25
25
  }
26
- ._hotkey_kSlAl:first-child ._hotkey__label_LLPgA,
27
- ._hotkey_kSlAl:first-child ._hotkey__keys_EMshL {
26
+ ._hotkey_DzGB-:first-child ._hotkey__label_9ecAM,
27
+ ._hotkey_DzGB-:first-child ._hotkey__keys_UG-zt {
28
28
  border-block-start: none;
29
29
  }
30
- ._hotkey__label_LLPgA,
31
- ._hotkey__keys_EMshL {
30
+ ._hotkey__label_9ecAM,
31
+ ._hotkey__keys_UG-zt {
32
32
  display: flex;
33
33
  align-items: center;
34
34
  padding-block: calc(2 * var(--default-grid-baseline));
35
35
  border-block-start: 1px solid var(--color-border);
36
36
  }
37
- ._hotkey__label_LLPgA {
37
+ ._hotkey__label_9ecAM {
38
38
  flex: 1 1 200px;
39
39
  }
40
- ._hotkey__keys_EMshL {
40
+ ._hotkey__keys_UG-zt {
41
41
  flex: 1 1 auto;
42
42
  flex-wrap: wrap;
43
43
  justify-content: end;
@@ -1,8 +1,8 @@
1
1
 
2
- ._hotkeyList_QEQTC {
2
+ ._hotkeyList_l5aVR {
3
3
  --form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
4
4
  }
5
- ._hotkeyList__heading_BXcc- {
5
+ ._hotkeyList__heading_hiuXH {
6
6
  font-weight: var(--font-weight-heading, bold);
7
7
  margin-inline: var(--form-element-label-offset);
8
8
  }
@@ -9,22 +9,22 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_9yzS5 {
12
+ ._material-design-icon_r7JU1 {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._iconToggleSwitch_ouXRn {
19
+ ._iconToggleSwitch_1qpqv {
20
20
  color: var(--v6bd152af);
21
21
  transition: color var(--animation-quick) ease;
22
22
  }
23
- ._iconToggleSwitch_ouXRn svg {
23
+ ._iconToggleSwitch_1qpqv svg {
24
24
  /* Unlike other icons, this icon is not a square */
25
25
  height: auto !important;
26
26
  }
27
- ._iconToggleSwitch_ouXRn circle {
27
+ ._iconToggleSwitch_1qpqv circle {
28
28
  cx: var(--v16fd8ca9);
29
29
  transition: cx var(--animation-quick) ease;
30
30
  }
@@ -9,14 +9,14 @@
9
9
  /*
10
10
  * Ensure proper alignment of the vue material icons
11
11
  */
12
- ._material-design-icon_9pyby {
12
+ ._material-design-icon_X6X6f {
13
13
  display: flex;
14
14
  align-self: center;
15
15
  justify-self: center;
16
16
  align-items: center;
17
17
  justify-content: center;
18
18
  }
19
- ._kbd_BJxuE {
19
+ ._kbd_rjhff {
20
20
  display: inline-flex;
21
21
  align-items: center;
22
22
  justify-content: center;
@@ -31,6 +31,6 @@
31
31
  line-height: 1;
32
32
  white-space: nowrap;
33
33
  }
34
- ._kbd_BJxuE + ._kbd_BJxuE {
34
+ ._kbd_rjhff + ._kbd_rjhff {
35
35
  margin-inline-start: calc(1 * var(--default-grid-baseline));
36
36
  }