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

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.
@@ -1,4 +1,7 @@
1
1
  /* @conduction/nextcloud-vue — Main CSS entry point */
2
+ :root {
3
+ --color-new: var(--color-text-maxcontrast-default);
4
+ }
2
5
  /* ========================================
3
6
  @conduction/nextcloud-vue — Table Styles
4
7
  ======================================== */
@@ -2751,7 +2754,7 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
2751
2754
  }
2752
2755
 
2753
2756
 
2754
- .cn-delete__confirm[data-v-4fc24979] {
2757
+ .cn-delete__confirm[data-v-a85683fa] {
2755
2758
  padding: 4px 0;
2756
2759
  }
2757
2760
 
@@ -3164,20 +3167,20 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
3164
3167
  }
3165
3168
 
3166
3169
 
3167
- .cn-advanced-form-dialog__table-container[data-v-0e9d750d] {
3170
+ .cn-advanced-form-dialog__table-container[data-v-7a17ec5c] {
3168
3171
  background: var(--color-main-background);
3169
3172
  border-radius: var(--border-radius);
3170
3173
  box-shadow: 0 2px 4px var(--color-box-shadow);
3171
3174
  border: 1px solid var(--color-border);
3172
3175
  margin-bottom: calc(5 * var(--default-grid-baseline));
3173
3176
  }
3174
- .cn-advanced-form-dialog__table[data-v-0e9d750d] {
3177
+ .cn-advanced-form-dialog__table[data-v-7a17ec5c] {
3175
3178
  width: 100%;
3176
3179
  border-collapse: collapse;
3177
3180
  background-color: var(--color-main-background);
3178
3181
  }
3179
- .cn-advanced-form-dialog__table th[data-v-0e9d750d],
3180
- .cn-advanced-form-dialog__table td[data-v-0e9d750d] {
3182
+ .cn-advanced-form-dialog__table th[data-v-7a17ec5c],
3183
+ .cn-advanced-form-dialog__table td[data-v-7a17ec5c] {
3181
3184
  padding: calc(3 * var(--default-grid-baseline));
3182
3185
  text-align: left;
3183
3186
  border-bottom: 1px solid var(--color-border);
@@ -3186,102 +3189,99 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
3186
3189
  /* Selected (editing) row: align the constrained label cell to the top of the
3187
3190
  value cell so tall inputs (textarea, JSON editor) do not visually overflow
3188
3191
  into the next row. */
3189
- .cn-advanced-form-dialog__table-row--selected td[data-v-0e9d750d] {
3192
+ .cn-advanced-form-dialog__table-row--selected td[data-v-7a17ec5c] {
3190
3193
  vertical-align: top;
3191
3194
  }
3192
- .cn-advanced-form-dialog__table th[data-v-0e9d750d] {
3195
+ .cn-advanced-form-dialog__table th[data-v-7a17ec5c] {
3193
3196
  background: var(--color-background-dark);
3194
3197
  font-weight: 500;
3195
3198
  color: var(--color-text-maxcontrast);
3196
3199
  }
3197
- .cn-advanced-form-dialog__table-row[data-v-0e9d750d] {
3200
+ .cn-advanced-form-dialog__table-row[data-v-7a17ec5c] {
3198
3201
  cursor: pointer;
3199
3202
  transition: background-color 0.2s ease;
3200
3203
  background-color: var(--color-main-background);
3201
3204
  }
3202
- .cn-advanced-form-dialog__table-row[data-v-0e9d750d]:hover {
3205
+ .cn-advanced-form-dialog__table-row[data-v-7a17ec5c]:hover {
3203
3206
  background-color: var(--color-background-hover);
3204
3207
  }
3205
3208
  /* Active/selected row: light blue; ensure it wins over validation state classes */
3206
- .cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-0e9d750d],
3207
- .cn-advanced-form-dialog__table-row--selected[data-v-0e9d750d]:hover {
3209
+ .cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-7a17ec5c],
3210
+ .cn-advanced-form-dialog__table-row--selected[data-v-7a17ec5c]:hover {
3208
3211
  background-color: var(--color-primary-light);
3209
3212
  box-shadow: inset 3px 0 0 0 var(--color-primary);
3210
3213
  }
3211
- .cn-advanced-form-dialog__table-row--edited[data-v-0e9d750d] {
3212
- background-color: var(--color-warning-light);
3213
- }
3214
- .cn-advanced-form-dialog__table-row--non-editable[data-v-0e9d750d] {
3214
+ .cn-advanced-form-dialog__table-row--non-editable[data-v-7a17ec5c] {
3215
3215
  background-color: var(--color-background-dark);
3216
3216
  cursor: not-allowed;
3217
3217
  opacity: 0.7;
3218
3218
  }
3219
- .cn-advanced-form-dialog__table-row--non-editable *[data-v-0e9d750d] {
3219
+ .cn-advanced-form-dialog__table-row--non-editable *[data-v-7a17ec5c] {
3220
3220
  cursor: not-allowed !important;
3221
3221
  }
3222
- .cn-advanced-form-dialog__table-row--invalid[data-v-0e9d750d] {
3222
+ .cn-advanced-form-dialog__table-row--invalid[data-v-7a17ec5c] {
3223
3223
  background-color: var(--color-error-light);
3224
3224
  }
3225
- .cn-advanced-form-dialog__table-row--warning[data-v-0e9d750d] {
3225
+ .cn-advanced-form-dialog__table-row--warning[data-v-7a17ec5c] {
3226
3226
  background-color: var(--color-warning-light);
3227
3227
  }
3228
- .cn-advanced-form-dialog__table-col-constrained[data-v-0e9d750d] {
3228
+ .cn-advanced-form-dialog__table-col-constrained[data-v-7a17ec5c] {
3229
3229
  width: 150px;
3230
3230
  max-width: 150px;
3231
3231
  overflow: hidden;
3232
3232
  text-overflow: ellipsis;
3233
3233
  white-space: nowrap;
3234
3234
  }
3235
- .cn-advanced-form-dialog__table-col-expanded[data-v-0e9d750d] {
3235
+ .cn-advanced-form-dialog__table-col-expanded[data-v-7a17ec5c] {
3236
3236
  width: auto;
3237
3237
  min-width: 200px;
3238
3238
  }
3239
- .cn-advanced-form-dialog__table-col-actions[data-v-0e9d750d] {
3239
+ .cn-advanced-form-dialog__table-col-actions[data-v-7a17ec5c] {
3240
3240
  width: 56px;
3241
3241
  text-align: right;
3242
3242
  white-space: nowrap;
3243
3243
  }
3244
- .cn-advanced-form-dialog__prop-cell[data-v-0e9d750d] {
3244
+ .cn-advanced-form-dialog__prop-cell[data-v-7a17ec5c] {
3245
3245
  width: 30%;
3246
3246
  font-weight: 600;
3247
3247
  }
3248
- .cn-advanced-form-dialog__value-cell[data-v-0e9d750d] {
3248
+ .cn-advanced-form-dialog__value-cell[data-v-7a17ec5c] {
3249
3249
  width: 70%;
3250
3250
  word-break: break-word;
3251
3251
  border-radius: 4px;
3252
3252
  }
3253
- .cn-advanced-form-dialog__value-cell > *[data-v-0e9d750d] {
3253
+ .cn-advanced-form-dialog__value-cell > *[data-v-7a17ec5c] {
3254
3254
  max-width: 100%;
3255
3255
  }
3256
- .cn-advanced-form-dialog__prop-cell-content[data-v-0e9d750d] {
3256
+ .cn-advanced-form-dialog__prop-cell-content[data-v-7a17ec5c] {
3257
3257
  display: flex;
3258
3258
  align-items: center;
3259
3259
  gap: 8px;
3260
3260
  }
3261
- .cn-advanced-form-dialog__validation-icon[data-v-0e9d750d] {
3261
+ .cn-advanced-form-dialog__validation-icon[data-v-7a17ec5c] {
3262
3262
  flex-shrink: 0;
3263
3263
  }
3264
- .cn-advanced-form-dialog__validation-icon--error[data-v-0e9d750d] {
3264
+ .cn-advanced-form-dialog__validation-icon--error[data-v-7a17ec5c] {
3265
3265
  color: var(--color-error);
3266
3266
  }
3267
- .cn-advanced-form-dialog__validation-icon--edited[data-v-0e9d750d] {
3268
- color: var(--color-warning);
3267
+ .cn-advanced-form-dialog__validation-icon--edited[data-v-7a17ec5c] {
3268
+ color: var(--color-primary-element);
3269
3269
  }
3270
- .cn-advanced-form-dialog__validation-icon--warning[data-v-0e9d750d] {
3270
+ .cn-advanced-form-dialog__validation-icon--warning[data-v-7a17ec5c] {
3271
3271
  color: var(--color-warning);
3272
3272
  }
3273
- .cn-advanced-form-dialog__validation-icon--lock[data-v-0e9d750d] {
3273
+ .cn-advanced-form-dialog__validation-icon--lock[data-v-7a17ec5c] {
3274
3274
  color: var(--color-text-lighter);
3275
3275
  }
3276
- .cn-advanced-form-dialog__validation-icon--new[data-v-0e9d750d] {
3277
- color: var(--color-primary-element);
3276
+ .cn-advanced-form-dialog__validation-icon--new[data-v-7a17ec5c] {
3277
+ color: var(--color-new);
3278
3278
  }
3279
- .cn-advanced-form-dialog__required-indicator[data-v-0e9d750d] {
3279
+ .cn-advanced-form-dialog__required-indicator[data-v-7a17ec5c] {
3280
3280
  color: var(--color-error-text);
3281
3281
  font-weight: bold;
3282
3282
  cursor: help;
3283
3283
  }
3284
- .cn-advanced-form-dialog__immutable-badge[data-v-0e9d750d] {
3284
+ .cn-advanced-form-dialog__immutable-badge[data-v-7a17ec5c] {
3285
3285
  display: inline-block;
3286
3286
  padding: 1px 6px;
3287
3287
  border-radius: 10px;
@@ -3293,6 +3293,9 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
3293
3293
  letter-spacing: 0.02em;
3294
3294
  cursor: help;
3295
3295
  white-space: nowrap;
3296
+ }
3297
+ .cn-advanced-form-dialog__unsaved-note[data-v-7a17ec5c] {
3298
+ margin-bottom: calc(3 * var(--default-grid-baseline));
3296
3299
  }
3297
3300
 
3298
3301
 
@@ -3731,7 +3734,7 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
3731
3734
  }
3732
3735
 
3733
3736
 
3734
- .cn-widget-wrapper[data-v-2653d35b] {
3737
+ .cn-widget-wrapper[data-v-38c9c90e] {
3735
3738
  height: 100%;
3736
3739
  display: flex;
3737
3740
  flex-direction: column;
@@ -3739,23 +3742,23 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
3739
3742
  border: 1px solid var(--color-border);
3740
3743
  overflow: hidden;
3741
3744
  }
3742
- .cn-widget-wrapper__content[data-v-2653d35b] {
3745
+ .cn-widget-wrapper__content[data-v-38c9c90e] {
3743
3746
  flex: 1;
3744
3747
  overflow: auto;
3745
3748
  min-height: 0;
3746
3749
  padding: 16px;
3747
3750
  }
3748
- .cn-widget-wrapper--borderless[data-v-2653d35b] {
3751
+ .cn-widget-wrapper--borderless[data-v-38c9c90e] {
3749
3752
  border: none;
3750
3753
  background: transparent;
3751
3754
  }
3752
- .cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-2653d35b] {
3755
+ .cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-38c9c90e] {
3753
3756
  padding: 0;
3754
3757
  }
3755
- .cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-2653d35b] {
3758
+ .cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-38c9c90e] {
3756
3759
  padding: 0;
3757
3760
  }
3758
- .cn-widget-wrapper__header[data-v-2653d35b] {
3761
+ .cn-widget-wrapper__header[data-v-38c9c90e] {
3759
3762
  display: flex;
3760
3763
  align-items: center;
3761
3764
  justify-content: space-between;
@@ -3763,18 +3766,18 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
3763
3766
  border-bottom: 1px solid var(--color-border);
3764
3767
  flex-shrink: 0;
3765
3768
  }
3766
- .cn-widget-wrapper__header-left[data-v-2653d35b] {
3769
+ .cn-widget-wrapper__header-left[data-v-38c9c90e] {
3767
3770
  display: flex;
3768
3771
  align-items: center;
3769
3772
  gap: 8px;
3770
3773
  min-width: 0;
3771
3774
  }
3772
- .cn-widget-wrapper__icon[data-v-2653d35b] {
3775
+ .cn-widget-wrapper__icon[data-v-38c9c90e] {
3773
3776
  width: 24px;
3774
3777
  height: 24px;
3775
3778
  flex-shrink: 0;
3776
3779
  }
3777
- .cn-widget-wrapper__title[data-v-2653d35b] {
3780
+ .cn-widget-wrapper__title[data-v-38c9c90e] {
3778
3781
  font-weight: 600;
3779
3782
  font-size: 14px;
3780
3783
  margin: 0;
@@ -3782,12 +3785,17 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
3782
3785
  overflow: hidden;
3783
3786
  text-overflow: ellipsis;
3784
3787
  }
3785
- .cn-widget-wrapper__actions[data-v-2653d35b] {
3788
+ .cn-widget-wrapper__actions[data-v-38c9c90e] {
3786
3789
  display: flex;
3787
3790
  gap: 4px;
3788
3791
  flex-shrink: 0;
3789
3792
  }
3790
- .cn-widget-wrapper__footer[data-v-2653d35b] {
3793
+ .cn-widget-wrapper__title-icon[data-v-38c9c90e] {
3794
+ display: flex;
3795
+ align-items: center;
3796
+ flex-shrink: 0;
3797
+ }
3798
+ .cn-widget-wrapper__footer[data-v-38c9c90e] {
3791
3799
  display: flex;
3792
3800
  justify-content: flex-end;
3793
3801
  gap: 8px;
@@ -3795,12 +3803,12 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
3795
3803
  border-top: 1px solid var(--color-border);
3796
3804
  flex-shrink: 0;
3797
3805
  }
3798
- .cn-widget-wrapper__footer-link[data-v-2653d35b] {
3806
+ .cn-widget-wrapper__footer-link[data-v-38c9c90e] {
3799
3807
  font-size: 13px;
3800
3808
  color: var(--color-primary-element);
3801
3809
  text-decoration: none;
3802
3810
  }
3803
- .cn-widget-wrapper__footer-link[data-v-2653d35b]:hover {
3811
+ .cn-widget-wrapper__footer-link[data-v-38c9c90e]:hover {
3804
3812
  text-decoration: underline;
3805
3813
  }
3806
3814
 
@@ -3882,11 +3890,11 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
3882
3890
  }
3883
3891
 
3884
3892
 
3885
- .cn-dashboard-page[data-v-5b5cafec] {
3893
+ .cn-dashboard-page[data-v-3abb3b3a] {
3886
3894
  padding: 20px;
3887
3895
  max-width: 1400px;
3888
3896
  }
3889
- .cn-dashboard-page__header[data-v-5b5cafec] {
3897
+ .cn-dashboard-page__header[data-v-3abb3b3a] {
3890
3898
  display: flex;
3891
3899
  justify-content: space-between;
3892
3900
  align-items: flex-start;
@@ -3894,29 +3902,29 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
3894
3902
  flex-wrap: wrap;
3895
3903
  gap: 12px;
3896
3904
  }
3897
- .cn-dashboard-page__header-left[data-v-5b5cafec] {
3905
+ .cn-dashboard-page__header-left[data-v-3abb3b3a] {
3898
3906
  min-width: 0;
3899
3907
  }
3900
- .cn-dashboard-page__title[data-v-5b5cafec] {
3908
+ .cn-dashboard-page__title[data-v-3abb3b3a] {
3901
3909
  margin: 0;
3902
3910
  font-size: 20px;
3903
3911
  font-weight: 700;
3904
3912
  }
3905
- .cn-dashboard-page__description[data-v-5b5cafec] {
3913
+ .cn-dashboard-page__description[data-v-3abb3b3a] {
3906
3914
  margin: 4px 0 0;
3907
3915
  font-size: 14px;
3908
3916
  color: var(--color-text-maxcontrast);
3909
3917
  }
3910
- .cn-dashboard-page__header-actions[data-v-5b5cafec] {
3918
+ .cn-dashboard-page__header-actions[data-v-3abb3b3a] {
3911
3919
  display: flex;
3912
3920
  gap: 8px;
3913
3921
  flex-wrap: wrap;
3914
3922
  flex-shrink: 0;
3915
3923
  }
3916
- .cn-dashboard-page__empty[data-v-5b5cafec] {
3924
+ .cn-dashboard-page__empty[data-v-3abb3b3a] {
3917
3925
  padding: 60px 20px;
3918
3926
  }
3919
- .cn-dashboard-page__unknown[data-v-5b5cafec] {
3927
+ .cn-dashboard-page__unknown[data-v-3abb3b3a] {
3920
3928
  display: flex;
3921
3929
  align-items: center;
3922
3930
  justify-content: center;