@dataloop-ai/components 0.20.213 → 0.20.214

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.20.213",
+  "version": "0.20.214",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/assets/theme.css

@@ -94,7 +94,7 @@ body {
     --dl-color-chart-brush: #eef1ff; /* not in use */
 
     --dl-date-picker-shadow: 0px 3px 6px #101e7326; /* not in use */
-    --dl-date-picker-selected-strip: #0076CE; /* base color replace to --dell-blue-500: #0076CE */
+    --dl-date-picker-selected-strip: #ebf4fb; /* replace to --dell-blue-100: #ebf4fb */
     --dl-date-picker-selected-date: #8fa0ff; /* not in use in OA, maybe in use in other repos*/
 
     /* DlJsonEditor based on atom one themes */

package/src/components/compound/DlJsonEditor/DlJsonEditor.vue

@@ -1,8 +1,5 @@
 <template>
-    <div
-        ref="jsonEditorRef"
-        class="json-editor"
-    />
+    <div ref="jsonEditorRef" class="json-editor" />
 </template>
 
 <script lang="ts">
@@ -58,7 +55,14 @@ export default defineComponent({
             default: Mode.text
         }
     },
-    emits: ['update:model-value', 'align-text', 'change', 'content-error', 'focus', 'blur'],
+    emits: [
+        'update:model-value',
+        'align-text',
+        'change',
+        'content-error',
+        'focus',
+        'blur'
+    ],
     setup(props, { emit }) {
         const { modelValue, indentation, readonly, mode } = toRefs(props)
 
@@ -228,6 +232,9 @@ export default defineComponent({
     --jse-panel-background: var(--dl-json-editor-panel-background);
     --jse-panel-border: var(--dl-color-separator);
     --jse-main-border: 1px solid var(--dl-color-separator);
+    --jse-error-color: var(--dell-red-500, #af0000);
+    --jse-message-error-background: var(--jse-error-color);
+    --jse-message-error-color: var(--dell-white, #fff);
 
     .jse-error {
         display: none !important;