@dataloop-ai/components 0.20.238 → 0.20.240

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.20.238",
+  "version": "0.20.240",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",
@@ -23,7 +23,7 @@
     "check-only": "if grep -E -H -r --exclude-dir=.git --exclude-dir=node_modules --exclude=*.json --exclude=*.yml '^(describe|it).only' .; then echo 'Found only in test files' && exit 1; fi"
   },
   "dependencies": {
-    "@dataloop-ai/icons": "^3.1.68",
+    "@dataloop-ai/icons": "^3.1.69",
     "@monaco-editor/loader": "^1.4.0",
     "@types/flat": "^5.0.2",
     "@types/lodash": "^4.14.184",

package/src/components/compound/DlDateTime/DlDatePicker/components/DlCalendar.vue

@@ -212,10 +212,10 @@ export default defineComponent({
             ) {
                 style.cursor = 'not-allowed'
                 if (isToday && this.disabled) {
-                    style.color = 'var(--dl-color-secondary)'
+                    style.color = 'var(--dell-blue-500)'
                     style.opacity = disabledOpacity
                 } else if (isToday) {
-                    style.color = 'var(--dl-color-secondary)'
+                    style.color = 'var(--dell-blue-500)'
                 } else {
                     style.color = 'var(--dl-color-disabled)'
                 }
@@ -261,9 +261,13 @@ export default defineComponent({
                     // All other dates (including those outside range) should use dell-gray-800
                     style.color = 'var(--dell-gray-800)'
                 }
+                if (isToday) {
+                    if (!style.backgroundColor?.includes('blue'))
+                        style.color = 'var(--dell-blue-500)'
+                }
             } else {
                 if (isToday) {
-                    style.color = 'var(--dl-color-secondary)'
+                    style.color = 'var(--dell-blue-500)'
 
                     if (this.disabled) {
                         style.opacity = disabledOpacity

package/src/components/compound/DlDateTime/DlDateTimeRange/DlDateTimeRange.vue

@@ -13,6 +13,7 @@
                     self="top middle"
                     :offset="[0, 5]"
                     :disabled="disabled"
+                    menu-class="dl-date-time-range--menu"
                 >
                     <date-time-range-content
                         v-bind="dateTimeRangeContentProps"
@@ -645,3 +646,9 @@ export default defineComponent({
     justify-content: center;
 }
 </style>
+<style lang="scss" global>
+div.dl-menu.dl-date-time-range--menu {
+    border: 1px solid var(--dell-gray-200);
+    box-shadow: 0 8px 8px 0 var(--dell-shadow, rgba(0, 0, 0, 0.14));
+}
+</style>

package/src/components/compound/DlDateTime/DlTimePicker/components/DlTimeCounter.vue

@@ -71,7 +71,10 @@ export default defineComponent({
         cursor: pointer;
         color: var(--dl-color-darker);
     }
-
+    &--item:not(&--item-active):hover {
+        background-color: var(--dell-blue-100);
+        border-radius: 11px;
+    }
     &--item-active {
         font-size: 12px;
         color: var(--dl-color-text-buttons);

package/src/components/compound/DlDateTime/DlTimePicker/components/DlTimePickerInput.vue

@@ -4,10 +4,7 @@
             class="dl-time-picker-input--clock_img"
             :class="{ 'dl-time-picker-input--clock_img-disabled': disabled }"
         >
-            <dl-icon
-                icon="icon-dl-time"
-                size="16px"
-            />
+            <dl-icon icon="icon-dl-time" size="16px" />
         </div>
         <div
             class="dl-time-picker-input--text"
@@ -61,9 +58,7 @@
                         @click="handleMinuteDownChevronClick"
                     />
                 </div>
-                <div class="dl-time-picker-input--dots">
-                    :
-                </div>
+                <div class="dl-time-picker-input--dots">:</div>
             </div>
         </dl-menu>
     </div>
@@ -310,5 +305,8 @@ export default defineComponent({
         top: 46%;
         left: 49%;
     }
+    &:hover {
+        border-color: var(--dell-gray-800);
+    }
 }
 </style>