@conduction/nextcloud-vue 1.0.0-beta.143 → 1.0.0-beta.144

package/dist/nextcloud-vue.css

@@ -1038,9 +1038,10 @@
 	padding: 20px;
 	max-width: 1400px;
 }
-/* Widget grid item borders for non-tile widgets */
-/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
-.cn-dashboard-grid :deep(.grid-stack-item-content:has(.cn-widget-wrapper)) {
+/* Widget grid item borders for non-tile widgets. This is a global stylesheet,
+   not a scoped SFC block, so the descendant selector is written plainly — a Vue
+   deep-selector wrapper here is invalid CSS and the whole rule gets dropped. */
+.cn-dashboard-grid .grid-stack-item-content:has(.cn-widget-wrapper) {
 	border: 1px solid var(--color-border);
 }
 /* Dashboard widget content area */
@@ -2316,50 +2317,50 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	word-wrap: break-word;
 	max-width: 100%;
 }
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(h1),
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(h2),
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(h3),
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(h4),
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(h5),
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(h6) {
+.cn-text-widget__content--markdown[data-v-006750a5] h1,
+.cn-text-widget__content--markdown[data-v-006750a5] h2,
+.cn-text-widget__content--markdown[data-v-006750a5] h3,
+.cn-text-widget__content--markdown[data-v-006750a5] h4,
+.cn-text-widget__content--markdown[data-v-006750a5] h5,
+.cn-text-widget__content--markdown[data-v-006750a5] h6 {
 	margin: 8px 0 4px;
 	font-weight: 600;
 	line-height: 1.3;
 }
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(p),
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(ul),
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(ol),
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(blockquote) {
+.cn-text-widget__content--markdown[data-v-006750a5] p,
+.cn-text-widget__content--markdown[data-v-006750a5] ul,
+.cn-text-widget__content--markdown[data-v-006750a5] ol,
+.cn-text-widget__content--markdown[data-v-006750a5] blockquote {
 	margin: 4px 0;
 }
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(code) {
+.cn-text-widget__content--markdown[data-v-006750a5] code {
 	padding: 1px 4px;
 	border-radius: 3px;
 	background: var(--color-background-hover);
 	font-family: var(--font-monospace, monospace);
 	font-size: 0.95em;
 }
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(pre) {
+.cn-text-widget__content--markdown[data-v-006750a5] pre {
 	padding: 8px;
 	border-radius: var(--border-radius);
 	background: var(--color-background-hover);
 	overflow: auto;
 }
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(pre) :deep(code) {
+.cn-text-widget__content--markdown[data-v-006750a5] pre code {
 	padding: 0;
 	background: transparent;
 }
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(blockquote) {
+.cn-text-widget__content--markdown[data-v-006750a5] blockquote {
 	padding-left: 8px;
 	border-left: 3px solid var(--color-border);
 	color: var(--color-text-maxcontrast);
 }
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(table) {
+.cn-text-widget__content--markdown[data-v-006750a5] table {
 	border-collapse: collapse;
 	margin: 4px 0;
 }
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(th),
-.cn-text-widget__content--markdown[data-v-006750a5] :deep(td) {
+.cn-text-widget__content--markdown[data-v-006750a5] th,
+.cn-text-widget__content--markdown[data-v-006750a5] td {
 	padding: 4px 8px;
 	border: 1px solid var(--color-border);
 }
@@ -5560,7 +5561,7 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 .cn-filter-rows__row > *[data-v-d91c9982]:nth-child(3) {
 	flex: 2;
 }
-.cn-filter-rows__row[data-v-d91c9982] :deep(.button-vue) {
+.cn-filter-rows__row[data-v-d91c9982] .button-vue {
 	flex: 0 0 auto;
 }
 
@@ -14291,24 +14292,24 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 
 
 /* Override CnDetailGrid item styling for a compact table-like appearance */
-[data-v-4d90250b]:deep(.cn-detail-grid__item) {
+[data-v-4d90250b].cn-detail-grid__item {
 	background: none;
 	border-radius: 0;
 	border-bottom: 1px solid var(--color-border);
 	padding: calc(1.5 * var(--default-grid-baseline, 4px)) 0;
 }
-[data-v-4d90250b]:deep(.cn-detail-grid__item:last-child) {
+[data-v-4d90250b].cn-detail-grid__item:last-child {
 	border-bottom: none;
 }
-[data-v-4d90250b]:deep(.cn-detail-grid--horizontal) {
+[data-v-4d90250b].cn-detail-grid--horizontal {
 	gap: 0;
 }
-[data-v-4d90250b]:deep(.cn-detail-grid__label) {
+[data-v-4d90250b].cn-detail-grid__label {
 	font-size: 0.8em;
 	text-transform: uppercase;
 	letter-spacing: 0.02em;
 }
-[data-v-4d90250b]:deep(.cn-detail-grid__value) {
+[data-v-4d90250b].cn-detail-grid__value {
 	font-size: 0.9em;
 	word-break: break-all;
 	margin: 0;
@@ -14323,14 +14324,14 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 .cn-json-viewer__codemirror[data-v-67810249] {
 	position: relative;
 }
-.cn-json-viewer__codemirror[data-v-67810249] :deep(.cm-editor) {
+.cn-json-viewer__codemirror[data-v-67810249] .cm-editor {
 	height: 100%;
 	outline: none !important;
 }
-.cn-json-viewer__codemirror[data-v-67810249] :deep(.cm-scroller) {
+.cn-json-viewer__codemirror[data-v-67810249] .cm-scroller {
 	overflow: auto;
 }
-.cn-json-viewer__codemirror[data-v-67810249] :deep(.cm-content) {
+.cn-json-viewer__codemirror[data-v-67810249] .cm-content {
 	border-radius: 0 !important;
 	border: none !important;
 }
@@ -14341,27 +14342,27 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 	border: 1px dotted grey;
 }
 /* Text cursor */
-.cn-json-viewer__codemirror :deep(.cm-content) *[data-v-67810249] {
+.cn-json-viewer__codemirror .cm-content *[data-v-67810249] {
 	cursor: text !important;
 }
 /* PATCH SELECTION COLOR - default selection system does not work */
 /* Selection background — CodeMirror uses .cm-selectionBackground instead of ::selection */
-.cn-json-viewer__codemirror--light[data-v-67810249] :deep(.cm-selectionBackground) {
+.cn-json-viewer__codemirror--light[data-v-67810249] .cm-selectionBackground {
 	background: #3390ff !important;
 }
-.cn-json-viewer__codemirror--light :deep(.cm-selectionBackground) + .cm-selectionBackground[data-v-67810249],
-.cn-json-viewer__codemirror--light[data-v-67810249] :deep(.cm-line ::selection) {
+.cn-json-viewer__codemirror--light .cm-selectionBackground + .cm-selectionBackground[data-v-67810249],
+.cn-json-viewer__codemirror--light[data-v-67810249] .cm-line ::selection {
 	color: white !important;
 }
-.cn-json-viewer__codemirror--dark[data-v-67810249] :deep(.cm-selectionBackground) {
+.cn-json-viewer__codemirror--dark[data-v-67810249] .cm-selectionBackground {
 	background: #3390ff !important;
 }
 /* Selected text color */
-.cn-json-viewer__codemirror--light[data-v-67810249] :deep(.cm-content ::selection) {
+.cn-json-viewer__codemirror--light[data-v-67810249] .cm-content ::selection {
 	background: #3390ff !important;
 	color: white !important;
 }
-.cn-json-viewer__codemirror--dark[data-v-67810249] :deep(.cm-content ::selection) {
+.cn-json-viewer__codemirror--dark[data-v-67810249] .cm-content ::selection {
 	background: #3390ff !important;
 	color: white !important;
 }
@@ -14989,7 +14990,7 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 	flex: 1;
 	min-width: 0;
 }
-.cn-object-list-form__col-row[data-v-236c0b5b] :deep(.button-vue) {
+.cn-object-list-form__col-row[data-v-236c0b5b] .button-vue {
 	flex: 0 0 auto;
 }
 
@@ -17383,16 +17384,16 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 .tabContainer > * div[role="tabpanel"][data-v-11a6c4cd] {
 	margin-block-start: var(--OR-margin-10);
 }
-[data-v-11a6c4cd]:deep(.nav-tabs) {
+[data-v-11a6c4cd].nav-tabs {
 	border-bottom: 1px solid var(--color-border);
 	margin-bottom: 15px;
 	display: flex;
 }
-[data-v-11a6c4cd]:deep(.nav-tabs .nav-item) {
+[data-v-11a6c4cd].nav-tabs .nav-item {
 	display: flex;
 	flex: 1;
 }
-[data-v-11a6c4cd]:deep(.nav-tabs .nav-link) {
+[data-v-11a6c4cd].nav-tabs .nav-link {
 	flex: 1;
 	text-align: center;
 	border: none;
@@ -17404,27 +17405,27 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 	gap: 8px;
 	justify-content: center;
 }
-[data-v-11a6c4cd]:deep(.nav-tabs .nav-link.active) {
+[data-v-11a6c4cd].nav-tabs .nav-link.active {
 	color: var(--color-main-text);
 	border-bottom: 2px solid var(--color-primary);
 	background-color: transparent;
 }
-[data-v-11a6c4cd]:deep(.nav-tabs .nav-link:hover) {
+[data-v-11a6c4cd].nav-tabs .nav-link:hover {
 	border-bottom: 2px solid var(--color-border);
 }
-[data-v-11a6c4cd]:deep(.nav-tabs .nav-link.disabled) {
+[data-v-11a6c4cd].nav-tabs .nav-link.disabled {
 	cursor: not-allowed;
 	opacity: 0.5;
 	color: var(--color-text-maxcontrast);
 	pointer-events: auto;
 }
-[data-v-11a6c4cd]:deep(.nav-tabs .nav-link.disabled *) {
+[data-v-11a6c4cd].nav-tabs .nav-link.disabled * {
     cursor: not-allowed;
 }
-[data-v-11a6c4cd]:deep(.nav-tabs .nav-link.disabled:hover) {
+[data-v-11a6c4cd].nav-tabs .nav-link.disabled:hover {
 	border-bottom: 2px solid transparent;
 }
-[data-v-11a6c4cd]:deep(.tab-content) {
+[data-v-11a6c4cd].tab-content {
 	padding: 16px;
 	background-color: var(--color-main-background);
 }
@@ -17857,8 +17858,8 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
    mode renders no `.action-item__menutoggle`), with the legacy class kept too.
    `!important` beats the `button-vue--tertiary` transparent default. */
 
-.cn-openbuild-edit__actions[data-v-5150870c] :deep(.button-vue),
-.cn-openbuild-edit__actions[data-v-5150870c] :deep(.action-item__menutoggle) {
+.cn-openbuild-edit__actions[data-v-5150870c] .button-vue,
+.cn-openbuild-edit__actions[data-v-5150870c] .action-item__menutoggle {
 	background-color: var(--c-orange-knvb, #f36c21) !important;
 	color: #fff !important;
 	border-radius: var(--border-radius-element, var(--border-radius-large, 8px));
@@ -17867,11 +17868,11 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 /* Center the glyph in the icon-only trigger (button-vue__icon is display:block
    by default, which left-aligns the 20×20 svg). */
 
-.cn-openbuild-edit__actions[data-v-5150870c] :deep(.button-vue__wrapper) {
+.cn-openbuild-edit__actions[data-v-5150870c] .button-vue__wrapper {
 	justify-content: center;
 }
 
-.cn-openbuild-edit__actions[data-v-5150870c] :deep(.button-vue__icon) {
+.cn-openbuild-edit__actions[data-v-5150870c] .button-vue__icon {
 	display: flex !important;
 	align-items: center;
 	justify-content: center;
@@ -17933,34 +17934,34 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 	font-family: var(--font-face);
 	overflow: hidden;
 }
-.cn-color-picker__chrome[data-v-c1df26bc] :deep(.vc-chrome-body),
-.cn-color-picker__chrome[data-v-c1df26bc] :deep(.vc-chrome-saturation-wrap),
-.cn-color-picker__chrome[data-v-c1df26bc] :deep(.vc-chrome-color-wrap),
-.cn-color-picker__chrome[data-v-c1df26bc] :deep(.vc-chrome-active-color) {
+.cn-color-picker__chrome[data-v-c1df26bc] .vc-chrome-body,
+.cn-color-picker__chrome[data-v-c1df26bc] .vc-chrome-saturation-wrap,
+.cn-color-picker__chrome[data-v-c1df26bc] .vc-chrome-color-wrap,
+.cn-color-picker__chrome[data-v-c1df26bc] .vc-chrome-active-color {
 	background-color: var(--color-main-background);
 }
-.cn-color-picker__chrome[data-v-c1df26bc] :deep(.vc-chrome-toggle-icon-highlight) {
+.cn-color-picker__chrome[data-v-c1df26bc] .vc-chrome-toggle-icon-highlight {
 	background: var(--color-background-hover);
 }
-.cn-color-picker__chrome[data-v-c1df26bc] :deep(.vc-hue-picker),
-.cn-color-picker__chrome[data-v-c1df26bc] :deep(.vc-alpha-picker) {
+.cn-color-picker__chrome[data-v-c1df26bc] .vc-hue-picker,
+.cn-color-picker__chrome[data-v-c1df26bc] .vc-alpha-picker {
 	background-color: var(--color-main-background);
 	box-shadow: 0 1px 4px 0 var(--color-box-shadow);
 }
-.cn-color-picker__chrome[data-v-c1df26bc] :deep(.vc-chrome-fields .vc-input__input) {
+.cn-color-picker__chrome[data-v-c1df26bc] .vc-chrome-fields .vc-input__input {
 	background-color: var(--color-main-background);
 	color: var(--color-main-text);
 	box-shadow: inset 0 0 0 1px var(--color-border);
 }
-.cn-color-picker__chrome[data-v-c1df26bc] :deep(.vc-chrome-fields .vc-input__label) {
+.cn-color-picker__chrome[data-v-c1df26bc] .vc-chrome-fields .vc-input__label {
 	color: var(--color-text-maxcontrast);
 }
-.cn-color-picker__chrome[data-v-c1df26bc] :deep(.vc-chrome-toggle-icon svg path) {
+.cn-color-picker__chrome[data-v-c1df26bc] .vc-chrome-toggle-icon svg path {
 	fill: var(--color-main-text);
 }
 /* When `mode` is set, lock the field-mode toggle so the user can't switch
    between hex/rgb/hsl. */
-.cn-color-picker__chrome--locked-mode[data-v-c1df26bc] :deep(.vc-chrome-toggle-btn) {
+.cn-color-picker__chrome--locked-mode[data-v-c1df26bc] .vc-chrome-toggle-btn {
 	display: none;
 }
 
@@ -17986,7 +17987,7 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 	width: 100%;
 	min-width: 0;
 }
-.cn-advanced-form-dialog__value-input-container[data-v-79cf04fe] :deep(.text-field) {
+.cn-advanced-form-dialog__value-input-container[data-v-79cf04fe] .text-field {
 	margin: 0;
 	padding: 0;
 }
@@ -18035,11 +18036,11 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 	width: 100%;
 	box-sizing: border-box;
 }
-.cn-advanced-form-dialog__textarea[data-v-79cf04fe] :deep(.textarea__main-wrapper) {
+.cn-advanced-form-dialog__textarea[data-v-79cf04fe] .textarea__main-wrapper {
 	height: auto;
 	min-height: var(--default-clickable-area);
 }
-.cn-advanced-form-dialog__textarea[data-v-79cf04fe] :deep(textarea) {
+.cn-advanced-form-dialog__textarea[data-v-79cf04fe] textarea {
 	width: 100%;
 	max-width: 100%;
 	box-sizing: border-box;
@@ -18342,14 +18343,14 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 	border-radius: var(--border-radius);
 	position: relative;
 }
-.cn-advanced-form-dialog__codemirror-container[data-v-f01ccaa4] :deep(.cm-editor) {
+.cn-advanced-form-dialog__codemirror-container[data-v-f01ccaa4] .cm-editor {
 	height: 100%;
 	outline: none !important;
 }
-.cn-advanced-form-dialog__codemirror-container[data-v-f01ccaa4] :deep(.cm-scroller) {
+.cn-advanced-form-dialog__codemirror-container[data-v-f01ccaa4] .cm-scroller {
 	overflow: auto;
 }
-.cn-advanced-form-dialog__codemirror-container[data-v-f01ccaa4] :deep(.cm-content) {
+.cn-advanced-form-dialog__codemirror-container[data-v-f01ccaa4] .cm-content {
 	border-radius: 0 !important;
 	border: none !important;
 }
@@ -18361,74 +18362,74 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 }
 /* value text color */
 /* string */
-.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] :deep(.ͼe) {
+.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] .ͼe {
 	color: #448c27;
 }
-.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] :deep(.ͼe) {
+.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] .ͼe {
 	color: #88c379;
 }
 /* boolean */
-.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] :deep(.ͼc) {
+.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] .ͼc {
 	color: #221199;
 }
-.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] :deep(.ͼc) {
+.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] .ͼc {
 	color: #8d64f7;
 }
 /* null */
-.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] :deep(.ͼb) {
+.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] .ͼb {
 	color: #770088;
 }
-.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] :deep(.ͼb) {
+.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] .ͼb {
 	color: #be55cd;
 }
 /* number */
-.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] :deep(.ͼd) {
+.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] .ͼd {
 	color: #d19a66;
 }
-.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] :deep(.ͼd) {
+.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] .ͼd {
 	color: #9d6c3a;
 }
 /* text cursor */
-.cn-advanced-form-dialog__codemirror-container :deep(.cm-content) *[data-v-f01ccaa4] {
+.cn-advanced-form-dialog__codemirror-container .cm-content *[data-v-f01ccaa4] {
 	cursor: text !important;
 }
 /* selection color */
-.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] :deep(.cm-line)::selection,
-.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] :deep(.cm-line) ::selection {
+.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] .cm-line::selection,
+.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] .cm-line ::selection {
 	background-color: #d7eaff !important;
 	color: black;
 }
-.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] :deep(.cm-line)::selection,
-.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] :deep(.cm-line) ::selection {
+.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] .cm-line::selection,
+.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] .cm-line ::selection {
 	background-color: #8fb3e6 !important;
 	color: black;
 }
 /* string selection */
-.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] :deep(.cm-line .ͼe)::selection {
+.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] .cm-line .ͼe::selection {
 	color: #2d770f;
 }
-.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] :deep(.cm-line .ͼe)::selection {
+.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] .cm-line .ͼe::selection {
 	color: #104e0c;
 }
 /* boolean selection */
-.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] :deep(.cm-line .ͼc)::selection {
+.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] .cm-line .ͼc::selection {
 	color: #221199;
 }
-.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] :deep(.cm-line .ͼc)::selection {
+.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] .cm-line .ͼc::selection {
 	color: #4026af;
 }
 /* null selection */
-.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] :deep(.cm-line .ͼb)::selection {
+.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] .cm-line .ͼb::selection {
 	color: #770088;
 }
-.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] :deep(.cm-line .ͼb)::selection {
+.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] .cm-line .ͼb::selection {
 	color: #770088;
 }
 /* number selection */
-.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] :deep(.cm-line .ͼd)::selection {
+.cn-advanced-form-dialog__codemirror-container--light[data-v-f01ccaa4] .cm-line .ͼd::selection {
 	color: #8c5c2c;
 }
-.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] :deep(.cm-line .ͼd)::selection {
+.cn-advanced-form-dialog__codemirror-container--dark[data-v-f01ccaa4] .cm-line .ͼd::selection {
 	color: #623907;
 }
 .cn-advanced-form-dialog__format-btn[data-v-f01ccaa4] {
@@ -18485,16 +18486,16 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 .tabContainer > * div[role="tabpanel"][data-v-ab580f66] {
   margin-block-start: var(--OR-margin-10);
 }
-[data-v-ab580f66]:deep(.nav-tabs) {
+[data-v-ab580f66].nav-tabs {
 	border-bottom: 1px solid var(--color-border);
 	margin-bottom: 15px;
 	display: flex;
 }
-[data-v-ab580f66]:deep(.nav-tabs .nav-item) {
+[data-v-ab580f66].nav-tabs .nav-item {
 	display: flex;
 	flex: 1;
 }
-[data-v-ab580f66]:deep(.nav-tabs .nav-link) {
+[data-v-ab580f66].nav-tabs .nav-link {
 	flex: 1;
 	text-align: center;
 	border: none;
@@ -18502,15 +18503,15 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 	color: var(--color-text-maxcontrast);
 	padding: 8px 16px;
 }
-[data-v-ab580f66]:deep(.nav-tabs .nav-link.active) {
+[data-v-ab580f66].nav-tabs .nav-link.active {
 	color: var(--color-main-text);
 	border-bottom: 2px solid var(--color-primary);
 	background-color: transparent;
 }
-[data-v-ab580f66]:deep(.nav-tabs .nav-link:hover) {
+[data-v-ab580f66].nav-tabs .nav-link:hover {
 	border-bottom: 2px solid var(--color-border);
 }
-[data-v-ab580f66]:deep(.tab-content) {
+[data-v-ab580f66].tab-content {
 	padding: 16px;
 	background-color: var(--color-main-background);
 }
@@ -19652,17 +19653,17 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 .grid-stack[data-v-65491e3e] {
 	background: transparent;
 }
-[data-v-65491e3e]:deep(.grid-stack-item-content) {
+[data-v-65491e3e].grid-stack-item-content {
 	background: var(--color-main-background);
 	border-radius: 0;
 	border: none;
 	box-shadow: none;
 	overflow: hidden;
 }
-[data-v-65491e3e]:deep(.grid-stack-item-content:has(.cn-widget-wrapper--borderless)) {
+[data-v-65491e3e].grid-stack-item-content:has(.cn-widget-wrapper--borderless) {
 	background: transparent;
 }
-[data-v-65491e3e]:deep(.grid-stack-placeholder > .placeholder-content) {
+[data-v-65491e3e].grid-stack-placeholder > .placeholder-content {
 	background: var(--color-primary-element-light);
 	border: 2px dashed var(--color-primary-element);
 	border-radius: var(--border-radius-large);
@@ -20006,7 +20007,7 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 	   visible chrome is the chip span itself. */
 	display: inline-flex;
 }
-.cn-dashboard-page__date-chip-trigger[data-v-8eea142a] :deep(.action-item__menutoggle) {
+.cn-dashboard-page__date-chip-trigger[data-v-8eea142a] .action-item__menutoggle {
 	min-width: 0;
 	min-height: 0;
 	padding: 0;
@@ -20017,9 +20018,9 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
    sized for a single ~44px icon and clips wider content (the cause of the
    "8 → 2" truncation). Let the toggle + its icon wrapper grow to the
    chip's natural width so the full "18 May – 25 May" range reads. */
-.cn-dashboard-page__date-chip-trigger[data-v-8eea142a] :deep(.button-vue),
-.cn-dashboard-page__date-chip-trigger[data-v-8eea142a] :deep(.button-vue__wrapper),
-.cn-dashboard-page__date-chip-trigger[data-v-8eea142a] :deep(.button-vue__icon) {
+.cn-dashboard-page__date-chip-trigger[data-v-8eea142a] .button-vue,
+.cn-dashboard-page__date-chip-trigger[data-v-8eea142a] .button-vue__wrapper,
+.cn-dashboard-page__date-chip-trigger[data-v-8eea142a] .button-vue__icon {
 	width: auto !important;
 	min-width: 0 !important;
 	overflow: visible !important;
@@ -20106,16 +20107,16 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 	border-style: dashed;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__date-pill-custom[data-v-8eea142a] :deep(.action-item__menutoggle) {
+.cn-dashboard-page__date-pill-custom[data-v-8eea142a] .action-item__menutoggle {
 	min-width: 0;
 	min-height: 0;
 	padding: 0;
 	background: transparent;
 	border: none;
 }
-.cn-dashboard-page__date-pill-custom[data-v-8eea142a] :deep(.button-vue),
-.cn-dashboard-page__date-pill-custom[data-v-8eea142a] :deep(.button-vue__wrapper),
-.cn-dashboard-page__date-pill-custom[data-v-8eea142a] :deep(.button-vue__icon) {
+.cn-dashboard-page__date-pill-custom[data-v-8eea142a] .button-vue,
+.cn-dashboard-page__date-pill-custom[data-v-8eea142a] .button-vue__wrapper,
+.cn-dashboard-page__date-pill-custom[data-v-8eea142a] .button-vue__icon {
 	width: auto !important;
 	min-width: 0 !important;
 	overflow: visible !important;
@@ -20157,8 +20158,8 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
    and a horizontal scrollbar when a long currency value met the icon. Here
    we drop the inner scroll, add comfortable padding back (flush removed it),
    and centre the card. */
-.cn-dashboard-page__card-fit[data-v-8eea142a] :deep(.cn-widget-wrapper__content),
-.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-8eea142a] :deep(.cn-widget-wrapper__content) {
+.cn-dashboard-page__card-fit[data-v-8eea142a] .cn-widget-wrapper__content,
+.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-8eea142a] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -20168,9 +20169,9 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 /* Card content (stat / gauge / delta) must fit the tile width: let the
    widget shrink and its value/label truncate instead of pushing past the
    tile edge (the horizontal clip on long currency values). */
-.cn-dashboard-page__card-fit[data-v-8eea142a] :deep(.cn-stat-widget),
-.cn-dashboard-page__card-fit[data-v-8eea142a] :deep(.cn-gauge-widget),
-.cn-dashboard-page__card-fit[data-v-8eea142a] :deep(.cn-delta-widget) {
+.cn-dashboard-page__card-fit[data-v-8eea142a] .cn-stat-widget,
+.cn-dashboard-page__card-fit[data-v-8eea142a] .cn-gauge-widget,
+.cn-dashboard-page__card-fit[data-v-8eea142a] .cn-delta-widget {
 	min-width: 0;
 	max-width: 100%;
 }
@@ -20344,16 +20345,16 @@ a.cn-xwiki-card__title[data-v-4c1ed217]:hover {
 /* White rounded button matching the widget chrome — a persistent surface (not
    the default transparent tertiary) so the cog reads on any widget background.
    The trigger element is NcActions' menu toggle. */
-.cn-widget-edit-cog[data-v-52174a6c] :deep(.action-item__menutoggle),
-.cn-widget-edit-cog[data-v-52174a6c] :deep(.button-vue) {
+.cn-widget-edit-cog[data-v-52174a6c] .action-item__menutoggle,
+.cn-widget-edit-cog[data-v-52174a6c] .button-vue {
 	background-color: var(--color-main-background) !important;
 	border: 1px solid var(--color-border) !important;
 	border-radius: var(--border-radius, 8px) !important;
 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
 	color: var(--color-main-text) !important;
 }
-.cn-widget-edit-cog[data-v-52174a6c] :deep(.action-item__menutoggle:hover),
-.cn-widget-edit-cog[data-v-52174a6c] :deep(.button-vue:hover) {
+.cn-widget-edit-cog[data-v-52174a6c] .action-item__menutoggle:hover,
+.cn-widget-edit-cog[data-v-52174a6c] .button-vue:hover {
 	background-color: var(--color-background-hover) !important;
 }
 
@@ -22185,10 +22186,10 @@ a.cn-integration-card__title[data-v-7fb5b689]:hover {
  * let the strip scroll horizontally once they no longer fit. `flex-basis: 0`
  * + equal grow keeps every tab the same width whether the row fits or scrolls.
  * Apps with longer labels can widen the floor via --cn-sidebar-tab-min-width. */
-[data-v-e255b596]:deep(.app-sidebar-tabs__nav) {
+[data-v-e255b596].app-sidebar-tabs__nav {
 	overflow-x: auto;
 }
-[data-v-e255b596]:deep(.app-sidebar-tabs__nav .app-sidebar-tabs__tab) {
+[data-v-e255b596].app-sidebar-tabs__nav .app-sidebar-tabs__tab {
 	flex-grow: 1;
 	flex-shrink: 0;
 	flex-basis: 0;
@@ -22548,45 +22549,45 @@ a.cn-integration-card__title[data-v-7fb5b689]:hover {
 	line-height: 1.7;
 	color: var(--color-main-text);
 }
-.cn-wiki-page__body[data-v-93d7e1b0] :deep(h1),
-.cn-wiki-page__body[data-v-93d7e1b0] :deep(h2),
-.cn-wiki-page__body[data-v-93d7e1b0] :deep(h3) {
+.cn-wiki-page__body[data-v-93d7e1b0] h1,
+.cn-wiki-page__body[data-v-93d7e1b0] h2,
+.cn-wiki-page__body[data-v-93d7e1b0] h3 {
 	color: var(--color-main-text);
 	margin-top: 1.4em;
 	margin-bottom: 0.5em;
 }
-.cn-wiki-page__body[data-v-93d7e1b0] :deep(p) {
+.cn-wiki-page__body[data-v-93d7e1b0] p {
 	margin: 0 0 1em;
 }
-.cn-wiki-page__body[data-v-93d7e1b0] :deep(code) {
+.cn-wiki-page__body[data-v-93d7e1b0] code {
 	background: var(--color-background-dark);
 	padding: 2px 6px;
 	border-radius: var(--border-radius);
 	font-family: var(--font-face-monospace, monospace);
 	font-size: 0.9em;
 }
-.cn-wiki-page__body[data-v-93d7e1b0] :deep(pre) {
+.cn-wiki-page__body[data-v-93d7e1b0] pre {
 	background: var(--color-background-dark);
 	padding: 12px;
 	border-radius: var(--border-radius);
 	overflow-x: auto;
 }
-.cn-wiki-page__body[data-v-93d7e1b0] :deep(pre code) {
+.cn-wiki-page__body[data-v-93d7e1b0] pre code {
 	background: transparent;
 	padding: 0;
 }
-.cn-wiki-page__body[data-v-93d7e1b0] :deep(blockquote) {
+.cn-wiki-page__body[data-v-93d7e1b0] blockquote {
 	border-left: 3px solid var(--color-border);
 	padding-left: 12px;
 	color: var(--color-text-lighter);
 	margin: 0 0 1em;
 }
-.cn-wiki-page__body[data-v-93d7e1b0] :deep(table) {
+.cn-wiki-page__body[data-v-93d7e1b0] table {
 	border-collapse: collapse;
 	margin: 0 0 1em;
 }
-.cn-wiki-page__body[data-v-93d7e1b0] :deep(th),
-.cn-wiki-page__body[data-v-93d7e1b0] :deep(td) {
+.cn-wiki-page__body[data-v-93d7e1b0] th,
+.cn-wiki-page__body[data-v-93d7e1b0] td {
 	border: 1px solid var(--color-border);
 	padding: 6px 10px;
 }
@@ -24811,7 +24812,7 @@ a.cn-integration-card__title[data-v-7fb5b689]:hover {
 	z-index: 1;
 	border-radius: inherit;
 }
-.cn-roadmap-item__body[data-v-4ed322c5] :deep(a),
+.cn-roadmap-item__body[data-v-4ed322c5] a,
 .cn-roadmap-item__labels[data-v-4ed322c5] {
 	position: relative;
 	z-index: 2;
@@ -24868,18 +24869,18 @@ a.cn-integration-card__title[data-v-7fb5b689]:hover {
 	mask-image: linear-gradient(to bottom, black 70%, transparent);
 	-webkit-mask-image: linear-gradient(to bottom, black 70%, transparent);
 }
-.cn-roadmap-item__body[data-v-4ed322c5] :deep(p) { margin: 4px 0;
+.cn-roadmap-item__body[data-v-4ed322c5] p { margin: 4px 0;
 }
-.cn-roadmap-item__body[data-v-4ed322c5] :deep(h1),
-.cn-roadmap-item__body[data-v-4ed322c5] :deep(h2),
-.cn-roadmap-item__body[data-v-4ed322c5] :deep(h3) {
+.cn-roadmap-item__body[data-v-4ed322c5] h1,
+.cn-roadmap-item__body[data-v-4ed322c5] h2,
+.cn-roadmap-item__body[data-v-4ed322c5] h3 {
 	font-size: 1em;
 	margin: 4px 0;
 	font-weight: 600;
 }
-.cn-roadmap-item__body[data-v-4ed322c5] :deep(pre) { background: var(--color-background-hover); padding: 8px; border-radius: 4px; overflow-x: auto;
+.cn-roadmap-item__body[data-v-4ed322c5] pre { background: var(--color-background-hover); padding: 8px; border-radius: 4px; overflow-x: auto;
 }
-.cn-roadmap-item__body[data-v-4ed322c5] :deep(code) { background: var(--color-background-hover); padding: 2px 4px; border-radius: 3px;
+.cn-roadmap-item__body[data-v-4ed322c5] code { background: var(--color-background-hover); padding: 2px 4px; border-radius: 3px;
 }
 .cn-roadmap-item__labels[data-v-4ed322c5] {
 	display: flex;
@@ -25007,11 +25008,11 @@ a.cn-integration-card__title[data-v-7fb5b689]:hover {
 /* Underline the inline docs URL so it reads as a link inside the note
    body — NcNoteCard's default link styling drops the underline by
    inheriting from the host theme. */
-.cn-features-and-roadmap-view__docs-note[data-v-919db794] :deep(a) {
+.cn-features-and-roadmap-view__docs-note[data-v-919db794] a {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-features-and-roadmap-view__docs-note[data-v-919db794] :deep(a:hover) {
+.cn-features-and-roadmap-view__docs-note[data-v-919db794] a:hover {
 	text-decoration: underline;
 	opacity: 0.85;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@conduction/nextcloud-vue",
-	"version": "1.0.0-beta.143",
+	"version": "1.0.0-beta.144",
 	"description": "Shared Vue component library for Conduction Nextcloud apps — complements @nextcloud/vue with higher-level components, OpenRegister integration, and NL Design System support",
 	"license": "EUPL-1.2",
 	"author": "Conduction B.V. <info@conduction.nl>",

package/src/css/dashboard.css

@@ -6,9 +6,10 @@
 	max-width: 1400px;
 }
 
-/* Widget grid item borders for non-tile widgets */
-/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
-.cn-dashboard-grid :deep(.grid-stack-item-content:has(.cn-widget-wrapper)) {
+/* Widget grid item borders for non-tile widgets. This is a global stylesheet,
+   not a scoped SFC block, so the descendant selector is written plainly — a Vue
+   deep-selector wrapper here is invalid CSS and the whole rule gets dropped. */
+.cn-dashboard-grid .grid-stack-item-content:has(.cn-widget-wrapper) {
 	border: 1px solid var(--color-border);
 }