@valtimo/components 12.19.0 → 13.0.1-next-minor.81

package/assets/css/carbon.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -134,3 +134,8 @@ $darkThemeOverwriteVariables: (
   --vcds-color-20: #c9e9f9;
   --vcds-color-10: #e9f6fd;
 }
+
+.cds--tag--orange {
+  background-color: colors.$orange-40;
+  color: black;
+}

package/assets/css/color.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -15,14 +15,14 @@
  */
 
 :root {
-  --vcds-color-100: #100a0b;
-  --vcds-color-90: #301d21;
-  --vcds-color-80: #4f3038;
-  --vcds-color-70: #6f434e;
-  --vcds-color-60: #8f5664;
-  --vcds-color-50: #a9707d;
-  --vcds-color-40: #bc909a;
-  --vcds-color-30: #cfb0b7;
-  --vcds-color-20: #e2cfd4;
-  --vcds-color-10: #f5eff1;
+  --vcds-color-100: #12051b; /* Deep purple black */
+  --vcds-color-90: #30123c; /* Very dark violet */
+  --vcds-color-80: #4c2362; /* Dark royal purple */
+  --vcds-color-70: #683589; /* Strong purple */
+  --vcds-color-60: #8546b0; /* Medium bright purple */
+  --vcds-color-50: #a368c0; /* Mid-lavender */
+  --vcds-color-40: #bf8cd0; /* Light lavender */
+  --vcds-color-30: #d4aee0; /* Pale lilac */
+  --vcds-color-20: #e8cfef; /* Light pastel violet */
+  --vcds-color-10: #f7effb; /* Almost white with purple tint */
 }

package/assets/css/compatibility.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -83,7 +83,7 @@ body {
   display: none;
 }
 
-valtimo-dossier-detail-tab-progress .cds--dropdown {
+valtimo-case-detail-tab-progress .cds--dropdown {
   background-color: var(--cds-field-02) !important;
 }
 
@@ -430,7 +430,7 @@ valtimo-list {
   border: none !important;
 }
 
-valtimo-dossier-assign-user {
+valtimo-case-assign-user {
   h5.selected-text {
     font-size: 14px;
     line-height: 18px;
@@ -629,6 +629,9 @@ valtimo-dossier-assign-user {
   top: 32px;
   right: 32px;
   z-index: 10000;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
 }
 
 .cds--overflow-menu-options--open {
@@ -750,3 +753,48 @@ valtimo-analyse-process-diagram {
 .cds--modal-header {
   position: relative !important;
 }
+
+.valtimo-read-only {
+  &.cds--toggle--disabled .cds--toggle {
+    &__label-text {
+      color: var(--cds-text-secondary);
+    }
+
+    &__text {
+      color: var(--cds-text-primary);
+    }
+
+    &__switch {
+      background-color: white !important;
+      border: 1px solid var(--cds-border-disabled);
+
+      &::before {
+        transform: translate(1.5rem, -1px);
+        background-color: var(--cds-text-primary);
+      }
+    }
+  }
+
+  &.cds--text-input:read-only {
+    -webkit-text-fill-color: var(--cds-text-primary);
+    border-color: var(--cds-border-subtle-01);
+    background-color: var(--cds-field-01);
+    outline: none;
+  }
+
+  &.cds--list-box__wrapper {
+    .cds--label {
+      color: var(--cds-text-secondary);
+    }
+
+    .cds--text-input {
+      background-color: var(--cds-field-01);
+      -webkit-text-fill-color: var(--cds-text-primary);
+    }
+
+    .cds--list-box__menu-icon,
+    .cds--list-box__selection {
+      display: none;
+    }
+  }
+}

package/assets/css/design-tokens.css

@@ -1,5 +1,5 @@
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.

package/assets/css/formio-carbon.scss

@@ -1,3 +1,19 @@
+/*!
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 :root {
   /* original blue  extracted from theme from github organized according to brightness */
   --vcds-formio-blue-1: #001135;

package/assets/css/ng-multiselect-dropdown.theme.scss

@@ -1,5 +1,5 @@
 /*!
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.