@dataloop-ai/components 0.19.187 → 0.19.188

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.19.187",
3
+ "version": "0.19.188",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -56,13 +56,7 @@
56
56
  <div
57
57
  class="dl-button-dropdown--separator"
58
58
  :style="`
59
- background-color: ${
60
- disabled
61
- ? 'var(--dl-color-disabled)'
62
- : outlined && !textColor
63
- ? 'var(--dl-color-secondary)'
64
- : computedTextColor || 'var(--dl-color-white)'
65
- }`"
59
+ background-color: ${separatorColor}`"
66
60
  />
67
61
  <dl-icon
68
62
  class="expand-icon"
@@ -422,6 +416,22 @@ export default defineComponent({
422
416
  return 'dl-color-white'
423
417
  })
424
418
 
419
+ const separatorColor = computed<string>(() => {
420
+ if (props.disabled) {
421
+ return 'var(--dl-color-disabled)'
422
+ }
423
+
424
+ if (props.textColor) {
425
+ return computedTextColor.value ?? 'var(--dl-color-white)'
426
+ }
427
+
428
+ if (props.outlined) {
429
+ return 'var(--dl-color-secondary)'
430
+ }
431
+
432
+ return 'var(--dl-color-white)'
433
+ })
434
+
425
435
  const computedTextColor = computed(() => getColor(textColor.value))
426
436
 
427
437
  return {
@@ -447,7 +457,8 @@ export default defineComponent({
447
457
  handleSelectedItem,
448
458
  cssVars,
449
459
  getIconColor,
450
- computedTextColor
460
+ computedTextColor,
461
+ separatorColor
451
462
  }
452
463
  }
453
464
  })