@dataloop-ai/components 0.18.134 → 0.18.135

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.18.134",
3
+ "version": "0.18.135",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -128,7 +128,8 @@ export default defineComponent({
128
128
  : 'flex-end',
129
129
  '--option-group-width':
130
130
  this.leftLabel && !this.inline ? '100%' : 'auto',
131
- '--option-group-max-width': this.maxWidth
131
+ '--option-group-max-width': this.maxWidth,
132
+ '--option-group-gap': this.isInMenu ? '0px' : '10px'
132
133
  }
133
134
  }
134
135
  },
@@ -175,7 +176,7 @@ export default defineComponent({
175
176
  }
176
177
  .option-group-wrapper.column {
177
178
  flex-direction: column;
178
- gap: 10px;
179
+ gap: var(--option-group-gap);
179
180
  }
180
181
 
181
182
  .option {
@@ -29,17 +29,15 @@
29
29
  />
30
30
 
31
31
  <h1>in menu : The chosen options are {{ switchValue }}</h1>
32
- <dl-button
33
- label="Menu"
34
- @click="$refs.menu.show()"
35
- >
32
+ <dl-button label="Menu">
36
33
  <dl-menu
37
34
  ref="menu"
38
- fit-container
35
+ fit-content
39
36
  >
40
37
  <dl-option-group
41
38
  v-model="switchValue"
42
- type="checkbox"
39
+ left-label
40
+ type="switch"
43
41
  :options="options"
44
42
  />
45
43
  </dl-menu>