@dataloop-ai/components 0.17.2 → 0.17.3

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.17.2",
3
+ "version": "0.17.3",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -115,7 +115,7 @@
115
115
  disableDropdown === true
116
116
  "
117
117
  :disabled="disabled === true || disableMainButton === true"
118
- :style="mainButtonStyle"
118
+ :style="[mainButtonStyle, cssVars]"
119
119
  :no-wrap="props.noWrap"
120
120
  :tooltip="tooltip"
121
121
  :max-width="maxWidth"
@@ -316,6 +316,14 @@ export default defineComponent({
316
316
  }
317
317
  })
318
318
 
319
+ const cssVars = computed(() => {
320
+ return {
321
+ '--justify-content': props.fluid
322
+ ? 'space-between'
323
+ : 'space-around'
324
+ }
325
+ })
326
+
319
327
  watch(
320
328
  () => props.modelValue,
321
329
  (val) => {
@@ -416,7 +424,8 @@ export default defineComponent({
416
424
  menuModel,
417
425
  props,
418
426
  setHighlightedIndex,
419
- handleSelectedItem
427
+ handleSelectedItem,
428
+ cssVars
420
429
  }
421
430
  }
422
431
  })
@@ -467,7 +476,7 @@ export default defineComponent({
467
476
  &__title {
468
477
  display: flex;
469
478
  align-items: center;
470
- justify-content: space-around;
479
+ justify-content: var(--justify-content);
471
480
  text-align: center;
472
481
  padding: 0;
473
482
  flex: 10000 1 0%;