@conduction/nextcloud-vue 0.1.0-beta.1 → 0.1.0-beta.2

package/dist/nextcloud-vue.css

@@ -1,3 +1,16 @@
+/* @conduction/nextcloud-vue — Main CSS entry point */
+@import './table.css';
+@import './card.css';
+@import './pagination.css';
+@import './detail.css';
+@import './badge.css';
+@import './layout.css';
+@import './utilities.css';
+@import './page-header.css';
+@import './actions-bar.css';
+@import './index-page.css';
+@import './index-sidebar.css';
+
 
 .cn-cell-renderer--uuid[data-v-186e38ee] {
 	font-family: monospace;
@@ -476,14 +489,6 @@
 }
 
 
-.cn-view-mode-toggle[data-v-a3d14b7c] {
-	display: inline-flex;
-	gap: 0;
-	border-radius: var(--border-radius-pill, 20px);
-	overflow: hidden;
-}
-
-
 .cn-row-action--destructive[data-v-02a7d254] {
 	color: var(--color-error) !important;
 }
@@ -707,65 +712,94 @@
 }
 
 
-.cn-index-page[data-v-a107d580] {
-	padding: 20px;
+.cn-delete__confirm[data-v-6d686ac8] {
+	padding: 4px 0;
 }
-.cn-index-page__header[data-v-a107d580] {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	margin-bottom: 16px;
-	flex-wrap: wrap;
-	gap: 12px;
+
+
+.cn-copy__pattern[data-v-f924b308] {
+	margin-bottom: 16px;
 }
-.cn-index-page__title-area[data-v-a107d580] {
-	display: flex;
-	align-items: baseline;
+.cn-copy__pattern label[data-v-f924b308] {
+	display: block;
+	font-weight: 600;
+	margin-bottom: 4px;
+}
+.cn-copy__preview[data-v-f924b308] {
+	margin-top: 12px;
+}
+.cn-copy__preview-row[data-v-f924b308] {
+	display: flex;
+	align-items: center;
 	gap: 8px;
+	padding: 8px 12px;
+	background-color: var(--color-background-hover);
+	border-radius: var(--border-radius);
 }
-.cn-index-page__title[data-v-a107d580] {
-	margin: 0;
-	font-size: 22px;
-	font-weight: 700;
+.cn-copy__preview-original[data-v-f924b308] {
+	color: var(--color-text-maxcontrast);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
-.cn-index-page__count[data-v-a107d580] {
-	font-size: 14px;
+.cn-copy__preview-arrow[data-v-f924b308] {
+	flex-shrink: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-index-page__header-actions[data-v-a107d580] {
-	display: flex;
-	align-items: center;
-	gap: 8px;
+.cn-copy__preview-new[data-v-f924b308] {
+	font-weight: 500;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
-.cn-index-page__body[data-v-a107d580] {
-	display: flex;
-	gap: 0;
+
+
+.cn-form-dialog__form[data-v-f53fc7fa] {
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
 }
-.cn-index-page__body--with-sidebar[data-v-a107d580] {
-	gap: 0;
+.cn-form-dialog__field[data-v-f53fc7fa] {
+	margin-bottom: 8px;
 }
-.cn-index-page__sidebar[data-v-a107d580] {
-	flex-shrink: 0;
+.cn-form-dialog__textarea-wrapper[data-v-f53fc7fa],
+.cn-form-dialog__select-wrapper[data-v-f53fc7fa] {
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
 }
-.cn-index-page__main[data-v-a107d580] {
-	flex: 1;
-	min-width: 0;
+.cn-form-dialog__label[data-v-f53fc7fa] {
+	font-weight: 600;
+	font-size: 0.9em;
+	color: var(--color-main-text);
 }
-.cn-index-page__search[data-v-a107d580] {
-	margin-bottom: 16px;
+.cn-form-dialog__textarea[data-v-f53fc7fa] {
+	width: 100%;
+	min-height: 80px;
+	padding: 8px;
+	border: 2px solid var(--color-border-maxcontrast);
+	border-radius: var(--border-radius-large);
+	background-color: var(--color-main-background);
+	color: var(--color-main-text);
+	font-family: inherit;
+	font-size: inherit;
+	resize: vertical;
 }
-.cn-index-page__loading[data-v-a107d580] {
-	display: flex;
-	justify-content: center;
-	padding: 60px;
+.cn-form-dialog__textarea[data-v-f53fc7fa]:focus {
+	border-color: var(--color-primary-element);
+	outline: none;
 }
-.cn-index-page__empty[data-v-a107d580] {
-	padding: 40px 20px;
-	text-align: center;
+.cn-form-dialog__textarea[data-v-f53fc7fa]:disabled {
+	opacity: 0.5;
+	cursor: not-allowed;
+}
+.cn-form-dialog__helper[data-v-f53fc7fa] {
+	font-size: 0.85em;
+	color: var(--color-text-maxcontrast);
+}
+.cn-form-dialog__helper--error[data-v-f53fc7fa] {
+	color: var(--color-error);
 }
-.cn-index-page__pagination[data-v-a107d580] {
-	margin-top: 16px;
-}
 
 
 .cn-kpi-grid[data-v-74e15c14] {
@@ -801,3 +835,154 @@
 		grid-template-columns: 1fr;
 }
 }
+
+
+.cn-register-mapping__group[data-v-5bc1de37] {
+	margin-bottom: 24px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-large);
+	padding: 20px;
+	background: var(--color-background-hover);
+}
+.cn-register-mapping__group[data-v-5bc1de37]:last-child {
+	margin-bottom: 0;
+}
+.cn-register-mapping__group-header[data-v-5bc1de37] {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-bottom: 12px;
+}
+.cn-register-mapping__group-title[data-v-5bc1de37] {
+	font-size: 16px;
+	font-weight: 600;
+	margin: 0;
+	color: var(--color-main-text);
+}
+.cn-register-mapping__group-status[data-v-5bc1de37] {
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-register-mapping__group-description[data-v-5bc1de37] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+	margin: 0 0 12px 0;
+}
+.cn-register-mapping__label[data-v-5bc1de37] {
+	display: block;
+	font-weight: 500;
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+	margin-bottom: 4px;
+}
+.cn-register-mapping__register-select[data-v-5bc1de37] {
+	margin-bottom: 16px;
+	max-width: 400px;
+}
+.cn-register-mapping__type-list[data-v-5bc1de37] {
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius);
+	overflow: hidden;
+	background: var(--color-main-background);
+}
+.cn-register-mapping__type-list-header[data-v-5bc1de37] {
+	display: grid;
+	grid-template-columns: 1fr 1fr 40px 32px;
+	align-items: center;
+	padding: 8px 16px;
+	font-size: 12px;
+	font-weight: 600;
+	color: var(--color-text-maxcontrast);
+	text-transform: uppercase;
+	letter-spacing: 0.5px;
+	border-bottom: 1px solid var(--color-border);
+	background: var(--color-background-hover);
+}
+.cn-register-mapping__type-row[data-v-5bc1de37] {
+	display: grid;
+	grid-template-columns: 1fr 1fr 40px 32px;
+	align-items: center;
+	padding: 10px 16px;
+	border-bottom: 1px solid var(--color-border);
+	cursor: pointer;
+	transition: background-color 0.15s ease;
+}
+.cn-register-mapping__type-row[data-v-5bc1de37]:hover {
+	background: var(--color-background-hover);
+}
+.cn-register-mapping__type-row--expanded[data-v-5bc1de37] {
+	background: var(--color-background-hover);
+}
+.cn-register-mapping__type-name[data-v-5bc1de37] {
+	font-weight: 500;
+	color: var(--color-main-text);
+}
+.cn-register-mapping__type-schema[data-v-5bc1de37] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-register-mapping__type-status[data-v-5bc1de37] {
+	display: flex;
+	justify-content: center;
+}
+.cn-register-mapping__type-chevron[data-v-5bc1de37] {
+	display: flex;
+	justify-content: center;
+	color: var(--color-text-maxcontrast);
+}
+.cn-register-mapping__status-dot[data-v-5bc1de37] {
+	display: inline-block;
+	width: 10px;
+	height: 10px;
+	border-radius: 50%;
+}
+.cn-register-mapping__status-dot--configured[data-v-5bc1de37] {
+	background-color: var(--color-success);
+}
+.cn-register-mapping__status-dot--unconfigured[data-v-5bc1de37] {
+	background-color: var(--color-warning);
+}
+.cn-register-mapping__type-detail[data-v-5bc1de37] {
+	padding: 12px 16px 16px;
+	border-bottom: 1px solid var(--color-border);
+	background: var(--color-main-background);
+}
+.cn-register-mapping__type-description[data-v-5bc1de37] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+	margin: 0 0 8px 0;
+}
+
+/* Slide transition */
+.slide-enter-active[data-v-5bc1de37],
+.slide-leave-active[data-v-5bc1de37] {
+	transition: all 0.2s ease;
+	max-height: 200px;
+	overflow: hidden;
+}
+.slide-enter[data-v-5bc1de37],
+.slide-leave-to[data-v-5bc1de37] {
+	max-height: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+	opacity: 0;
+}
+
+/* Last row in list should not have bottom border */
+.cn-register-mapping__type-list[data-v-5bc1de37] > :last-child {
+	border-bottom: none;
+}
+@media (max-width: 768px) {
+.cn-register-mapping__type-list-header[data-v-5bc1de37] {
+		display: none;
+}
+.cn-register-mapping__type-row[data-v-5bc1de37] {
+		grid-template-columns: 1fr auto 32px;
+}
+.cn-register-mapping__type-schema[data-v-5bc1de37] {
+		display: none;
+}
+.cn-register-mapping__register-select[data-v-5bc1de37] {
+		max-width: none;
+}
+}