@conduction/nextcloud-vue 0.1.0-beta.16 → 0.1.0-beta.18

package/dist/nextcloud-vue.css

@@ -1,4 +1,7 @@
 /* @conduction/nextcloud-vue — Main CSS entry point */
+:root {
+  --color-new: var(--color-text-maxcontrast-default);
+}
 /* ========================================
    @conduction/nextcloud-vue — Table Styles
    ======================================== */
@@ -2751,7 +2754,7 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 }
 
 
-.cn-delete__confirm[data-v-4fc24979] {
+.cn-delete__confirm[data-v-a85683fa] {
 	padding: 4px 0;
 }
 
@@ -2989,41 +2992,41 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 }
 
 
-.cn-advanced-form-dialog__value-input-container[data-v-55998c61] {
+.cn-advanced-form-dialog__value-input-container[data-v-60085d3b] {
 	width: 100%;
 	min-width: 0;
 }
-.cn-advanced-form-dialog__value-input-container[data-v-55998c61] :deep(.text-field) {
+.cn-advanced-form-dialog__value-input-container[data-v-60085d3b] :deep(.text-field) {
 	margin: 0;
 	padding: 0;
 }
-.cn-advanced-form-dialog__boolean-input-row[data-v-55998c61] {
+.cn-advanced-form-dialog__boolean-input-row[data-v-60085d3b] {
 	display: flex;
 	align-items: center;
 	gap: 6px;
 }
-.cn-advanced-form-dialog__array-input-row[data-v-55998c61] {
+.cn-advanced-form-dialog__array-input-row[data-v-60085d3b] {
 	display: flex;
 	align-items: center;
 	gap: 6px;
 }
-.cn-advanced-form-dialog__array-input-row[data-v-55998c61] > :first-child {
+.cn-advanced-form-dialog__array-input-row[data-v-60085d3b] > :first-child {
 	flex: 1;
 }
 /* patch extreme size in field */
-.cn-advanced-form-dialog__boolean-input-row__input > span[data-v-55998c61] {
+.cn-advanced-form-dialog__boolean-input-row__input > span[data-v-60085d3b] {
 	padding-left: 0;
 	padding-block: 0;
 }
-.cn-advanced-form-dialog__boolean-input-row__input > input[data-v-55998c61] {
+.cn-advanced-form-dialog__boolean-input-row__input > input[data-v-60085d3b] {
 	margin: 0;
 }
-.cn-advanced-form-dialog__info-icon[data-v-55998c61] {
+.cn-advanced-form-dialog__info-icon[data-v-60085d3b] {
 	flex-shrink: 0;
 	color: var(--color-text-maxcontrast);
 	cursor: help;
 }
-.cn-advanced-form-dialog__json-value[data-v-55998c61] {
+.cn-advanced-form-dialog__json-value[data-v-60085d3b] {
 	max-height: 200px;
 	overflow-y: auto;
 	white-space: pre-wrap;
@@ -3038,15 +3041,15 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
    NcTextArea's wrapper has a fixed height (`calc(var(--default-clickable-area) * 2)`)
    that ignores the `rows` attribute, which causes the textarea to render with a
    too-small viewport. Let the wrapper grow with its content instead. */
-.cn-advanced-form-dialog__textarea[data-v-55998c61] {
+.cn-advanced-form-dialog__textarea[data-v-60085d3b] {
 	width: 100%;
 	box-sizing: border-box;
 }
-.cn-advanced-form-dialog__textarea[data-v-55998c61] :deep(.textarea__main-wrapper) {
+.cn-advanced-form-dialog__textarea[data-v-60085d3b] :deep(.textarea__main-wrapper) {
 	height: auto;
 	min-height: var(--default-clickable-area);
 }
-.cn-advanced-form-dialog__textarea[data-v-55998c61] :deep(textarea) {
+.cn-advanced-form-dialog__textarea[data-v-60085d3b] :deep(textarea) {
 	width: 100%;
 	max-width: 100%;
 	box-sizing: border-box;
@@ -3056,17 +3059,17 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	display: block;
 }
 /* Color widget: clickable swatch (native picker) + visible text input */
-.cn-advanced-form-dialog__color-input-row[data-v-55998c61] {
+.cn-advanced-form-dialog__color-input-row[data-v-60085d3b] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	width: 100%;
 }
-.cn-advanced-form-dialog__color-input-row[data-v-55998c61] > :last-child {
+.cn-advanced-form-dialog__color-input-row[data-v-60085d3b] > :last-child {
 	flex: 1;
 	min-width: 0;
 }
-.cn-advanced-form-dialog__color-swatch[data-v-55998c61] {
+.cn-advanced-form-dialog__color-swatch[data-v-60085d3b] {
 	--cn-color-swatch-checker:
 		linear-gradient(45deg, var(--color-background-dark) 25%, transparent 25%),
 		linear-gradient(-45deg, var(--color-background-dark) 25%, transparent 25%),
@@ -3086,23 +3089,23 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	overflow: hidden;
 	position: relative;
 }
-.cn-advanced-form-dialog__color-swatch[data-v-55998c61]:focus-visible {
+.cn-advanced-form-dialog__color-swatch[data-v-60085d3b]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-advanced-form-dialog__color-swatch--readonly[data-v-55998c61] {
+.cn-advanced-form-dialog__color-swatch--readonly[data-v-60085d3b] {
 	cursor: default;
 	width: 20px;
 	height: 20px;
 	vertical-align: middle;
 	margin-inline-end: 6px;
 }
-.cn-advanced-form-dialog__color-display[data-v-55998c61] {
+.cn-advanced-form-dialog__color-display[data-v-60085d3b] {
 	display: inline-flex;
 	align-items: center;
 }
 /* Help text & inline validation under the input */
-.cn-advanced-form-dialog__field-help[data-v-55998c61] {
+.cn-advanced-form-dialog__field-help[data-v-60085d3b] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
@@ -3110,32 +3113,32 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 }
-.cn-advanced-form-dialog__field-example[data-v-55998c61] {
+.cn-advanced-form-dialog__field-example[data-v-60085d3b] {
 	font-style: italic;
 }
-.cn-advanced-form-dialog__field-error[data-v-55998c61] {
+.cn-advanced-form-dialog__field-error[data-v-60085d3b] {
 	margin-top: 4px;
 	font-size: 0.85em;
 	color: var(--color-error-text);
 }
-.cn-advanced-form-dialog__value-cell-wrapper[data-v-55998c61] {
+.cn-advanced-form-dialog__value-cell-wrapper[data-v-60085d3b] {
 	display: flex;
 	flex-direction: column;
 	width: 100%;
 }
 /* Object-array widget: chip list + add button */
-.cn-advanced-form-dialog__object-array[data-v-55998c61] {
+.cn-advanced-form-dialog__object-array[data-v-60085d3b] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	width: 100%;
 }
-.cn-advanced-form-dialog__object-array-chips[data-v-55998c61] {
+.cn-advanced-form-dialog__object-array-chips[data-v-60085d3b] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-advanced-form-dialog__object-array-chip[data-v-55998c61] {
+.cn-advanced-form-dialog__object-array-chip[data-v-60085d3b] {
 	display: inline-flex;
 	align-items: center;
 	gap: 4px;
@@ -3148,36 +3151,36 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	font: inherit;
 	max-width: 240px;
 }
-.cn-advanced-form-dialog__object-array-chip[data-v-55998c61]:hover {
+.cn-advanced-form-dialog__object-array-chip[data-v-60085d3b]:hover {
 	background: var(--color-background-hover);
 }
-.cn-advanced-form-dialog__object-array-chip-label[data-v-55998c61] {
+.cn-advanced-form-dialog__object-array-chip-label[data-v-60085d3b] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-advanced-form-dialog__object-array-chip-remove[data-v-55998c61] {
+.cn-advanced-form-dialog__object-array-chip-remove[data-v-60085d3b] {
 	flex-shrink: 0;
 }
-.cn-advanced-form-dialog__object-array-add[data-v-55998c61] {
+.cn-advanced-form-dialog__object-array-add[data-v-60085d3b] {
 	align-self: flex-start;
 }
 
 
-.cn-advanced-form-dialog__table-container[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table-container[data-v-7a17ec5c] {
 	background: var(--color-main-background);
 	border-radius: var(--border-radius);
 	box-shadow: 0 2px 4px var(--color-box-shadow);
 	border: 1px solid var(--color-border);
 	margin-bottom: calc(5 * var(--default-grid-baseline));
 }
-.cn-advanced-form-dialog__table[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table[data-v-7a17ec5c] {
 	width: 100%;
 	border-collapse: collapse;
 	background-color: var(--color-main-background);
 }
-.cn-advanced-form-dialog__table th[data-v-0e9d750d],
-.cn-advanced-form-dialog__table td[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table th[data-v-7a17ec5c],
+.cn-advanced-form-dialog__table td[data-v-7a17ec5c] {
 	padding: calc(3 * var(--default-grid-baseline));
 	text-align: left;
 	border-bottom: 1px solid var(--color-border);
@@ -3186,102 +3189,99 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 /* Selected (editing) row: align the constrained label cell to the top of the
    value cell so tall inputs (textarea, JSON editor) do not visually overflow
    into the next row. */
-.cn-advanced-form-dialog__table-row--selected td[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table-row--selected td[data-v-7a17ec5c] {
 	vertical-align: top;
 }
-.cn-advanced-form-dialog__table th[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table th[data-v-7a17ec5c] {
 	background: var(--color-background-dark);
 	font-weight: 500;
 	color: var(--color-text-maxcontrast);
 }
-.cn-advanced-form-dialog__table-row[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table-row[data-v-7a17ec5c] {
 	cursor: pointer;
 	transition: background-color 0.2s ease;
 	background-color: var(--color-main-background);
 }
-.cn-advanced-form-dialog__table-row[data-v-0e9d750d]:hover {
+.cn-advanced-form-dialog__table-row[data-v-7a17ec5c]:hover {
 	background-color: var(--color-background-hover);
 }
 /* Active/selected row: light blue; ensure it wins over validation state classes */
-.cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-0e9d750d],
-.cn-advanced-form-dialog__table-row--selected[data-v-0e9d750d]:hover {
+.cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-7a17ec5c],
+.cn-advanced-form-dialog__table-row--selected[data-v-7a17ec5c]:hover {
 	background-color: var(--color-primary-light);
 	box-shadow: inset 3px 0 0 0 var(--color-primary);
 }
-.cn-advanced-form-dialog__table-row--edited[data-v-0e9d750d] {
-	background-color: var(--color-warning-light);
-}
-.cn-advanced-form-dialog__table-row--non-editable[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table-row--non-editable[data-v-7a17ec5c] {
 	background-color: var(--color-background-dark);
 	cursor: not-allowed;
 	opacity: 0.7;
 }
-.cn-advanced-form-dialog__table-row--non-editable *[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table-row--non-editable *[data-v-7a17ec5c] {
 	cursor: not-allowed !important;
 }
-.cn-advanced-form-dialog__table-row--invalid[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table-row--invalid[data-v-7a17ec5c] {
 	background-color: var(--color-error-light);
 }
-.cn-advanced-form-dialog__table-row--warning[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table-row--warning[data-v-7a17ec5c] {
 	background-color: var(--color-warning-light);
 }
-.cn-advanced-form-dialog__table-col-constrained[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table-col-constrained[data-v-7a17ec5c] {
 	width: 150px;
 	max-width: 150px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-advanced-form-dialog__table-col-expanded[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table-col-expanded[data-v-7a17ec5c] {
 	width: auto;
 	min-width: 200px;
 }
-.cn-advanced-form-dialog__table-col-actions[data-v-0e9d750d] {
+.cn-advanced-form-dialog__table-col-actions[data-v-7a17ec5c] {
 	width: 56px;
 	text-align: right;
 	white-space: nowrap;
 }
-.cn-advanced-form-dialog__prop-cell[data-v-0e9d750d] {
+.cn-advanced-form-dialog__prop-cell[data-v-7a17ec5c] {
 	width: 30%;
 	font-weight: 600;
 }
-.cn-advanced-form-dialog__value-cell[data-v-0e9d750d] {
+.cn-advanced-form-dialog__value-cell[data-v-7a17ec5c] {
 	width: 70%;
 	word-break: break-word;
 	border-radius: 4px;
 }
-.cn-advanced-form-dialog__value-cell > *[data-v-0e9d750d] {
+.cn-advanced-form-dialog__value-cell > *[data-v-7a17ec5c] {
 	max-width: 100%;
 }
-.cn-advanced-form-dialog__prop-cell-content[data-v-0e9d750d] {
+.cn-advanced-form-dialog__prop-cell-content[data-v-7a17ec5c] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-advanced-form-dialog__validation-icon[data-v-0e9d750d] {
+.cn-advanced-form-dialog__validation-icon[data-v-7a17ec5c] {
 	flex-shrink: 0;
 }
-.cn-advanced-form-dialog__validation-icon--error[data-v-0e9d750d] {
+.cn-advanced-form-dialog__validation-icon--error[data-v-7a17ec5c] {
 	color: var(--color-error);
 }
-.cn-advanced-form-dialog__validation-icon--edited[data-v-0e9d750d] {
-	color: var(--color-warning);
+.cn-advanced-form-dialog__validation-icon--edited[data-v-7a17ec5c] {
+	color: var(--color-primary-element);
 }
-.cn-advanced-form-dialog__validation-icon--warning[data-v-0e9d750d] {
+.cn-advanced-form-dialog__validation-icon--warning[data-v-7a17ec5c] {
 	color: var(--color-warning);
 }
-.cn-advanced-form-dialog__validation-icon--lock[data-v-0e9d750d] {
+.cn-advanced-form-dialog__validation-icon--lock[data-v-7a17ec5c] {
 	color: var(--color-text-lighter);
 }
-.cn-advanced-form-dialog__validation-icon--new[data-v-0e9d750d] {
-	color: var(--color-primary-element);
+.cn-advanced-form-dialog__validation-icon--new[data-v-7a17ec5c] {
+	color: var(--color-new);
 }
-.cn-advanced-form-dialog__required-indicator[data-v-0e9d750d] {
+.cn-advanced-form-dialog__required-indicator[data-v-7a17ec5c] {
 	color: var(--color-error-text);
 	font-weight: bold;
 	cursor: help;
 }
-.cn-advanced-form-dialog__immutable-badge[data-v-0e9d750d] {
+.cn-advanced-form-dialog__immutable-badge[data-v-7a17ec5c] {
 	display: inline-block;
 	padding: 1px 6px;
 	border-radius: 10px;
@@ -3293,6 +3293,9 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	letter-spacing: 0.02em;
 	cursor: help;
 	white-space: nowrap;
+}
+.cn-advanced-form-dialog__unsaved-note[data-v-7a17ec5c] {
+	margin-bottom: calc(3 * var(--default-grid-baseline));
 }
 
 
@@ -3731,7 +3734,7 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 }
 
 
-.cn-widget-wrapper[data-v-2653d35b] {
+.cn-widget-wrapper[data-v-38c9c90e] {
 	height: 100%;
 	display: flex;
 	flex-direction: column;
@@ -3739,23 +3742,23 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	border: 1px solid var(--color-border);
 	overflow: hidden;
 }
-.cn-widget-wrapper__content[data-v-2653d35b] {
+.cn-widget-wrapper__content[data-v-38c9c90e] {
 	flex: 1;
 	overflow: auto;
 	min-height: 0;
 	padding: 16px;
 }
-.cn-widget-wrapper--borderless[data-v-2653d35b] {
+.cn-widget-wrapper--borderless[data-v-38c9c90e] {
 	border: none;
 	background: transparent;
 }
-.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-2653d35b] {
+.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-38c9c90e] {
 	padding: 0;
 }
-.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-2653d35b] {
+.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-38c9c90e] {
 	padding: 0;
 }
-.cn-widget-wrapper__header[data-v-2653d35b] {
+.cn-widget-wrapper__header[data-v-38c9c90e] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
@@ -3763,18 +3766,18 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	border-bottom: 1px solid var(--color-border);
 	flex-shrink: 0;
 }
-.cn-widget-wrapper__header-left[data-v-2653d35b] {
+.cn-widget-wrapper__header-left[data-v-38c9c90e] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-widget-wrapper__icon[data-v-2653d35b] {
+.cn-widget-wrapper__icon[data-v-38c9c90e] {
 	width: 24px;
 	height: 24px;
 	flex-shrink: 0;
 }
-.cn-widget-wrapper__title[data-v-2653d35b] {
+.cn-widget-wrapper__title[data-v-38c9c90e] {
 	font-weight: 600;
 	font-size: 14px;
 	margin: 0;
@@ -3782,12 +3785,17 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.cn-widget-wrapper__actions[data-v-2653d35b] {
+.cn-widget-wrapper__actions[data-v-38c9c90e] {
 	display: flex;
 	gap: 4px;
 	flex-shrink: 0;
 }
-.cn-widget-wrapper__footer[data-v-2653d35b] {
+.cn-widget-wrapper__title-icon[data-v-38c9c90e] {
+	display: flex;
+	align-items: center;
+	flex-shrink: 0;
+}
+.cn-widget-wrapper__footer[data-v-38c9c90e] {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
@@ -3795,12 +3803,12 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	border-top: 1px solid var(--color-border);
 	flex-shrink: 0;
 }
-.cn-widget-wrapper__footer-link[data-v-2653d35b] {
+.cn-widget-wrapper__footer-link[data-v-38c9c90e] {
 	font-size: 13px;
 	color: var(--color-primary-element);
 	text-decoration: none;
 }
-.cn-widget-wrapper__footer-link[data-v-2653d35b]:hover {
+.cn-widget-wrapper__footer-link[data-v-38c9c90e]:hover {
 	text-decoration: underline;
 }
 
@@ -3882,11 +3890,11 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 }
 
 
-.cn-dashboard-page[data-v-5b5cafec] {
+.cn-dashboard-page[data-v-3abb3b3a] {
 	padding: 20px;
 	max-width: 1400px;
 }
-.cn-dashboard-page__header[data-v-5b5cafec] {
+.cn-dashboard-page__header[data-v-3abb3b3a] {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
@@ -3894,29 +3902,29 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-dashboard-page__header-left[data-v-5b5cafec] {
+.cn-dashboard-page__header-left[data-v-3abb3b3a] {
 	min-width: 0;
 }
-.cn-dashboard-page__title[data-v-5b5cafec] {
+.cn-dashboard-page__title[data-v-3abb3b3a] {
 	margin: 0;
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-dashboard-page__description[data-v-5b5cafec] {
+.cn-dashboard-page__description[data-v-3abb3b3a] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__header-actions[data-v-5b5cafec] {
+.cn-dashboard-page__header-actions[data-v-3abb3b3a] {
 	display: flex;
 	gap: 8px;
 	flex-wrap: wrap;
 	flex-shrink: 0;
 }
-.cn-dashboard-page__empty[data-v-5b5cafec] {
+.cn-dashboard-page__empty[data-v-3abb3b3a] {
 	padding: 60px 20px;
 }
-.cn-dashboard-page__unknown[data-v-5b5cafec] {
+.cn-dashboard-page__unknown[data-v-3abb3b3a] {
 	display: flex;
 	align-items: center;
 	justify-content: center;