@dataloop-ai/components 0.20.264 → 0.20.265
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.20.
|
|
3
|
+
"version": "0.20.265",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": "./index.ts",
|
|
6
6
|
"./models": "./models.ts",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"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"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@dataloop-ai/icons": "^3.1.
|
|
26
|
+
"@dataloop-ai/icons": "^3.1.82",
|
|
27
27
|
"@monaco-editor/loader": "^1.4.0",
|
|
28
28
|
"@types/flat": "^5.0.2",
|
|
29
29
|
"@types/lodash": "^4.14.184",
|
|
@@ -24,12 +24,16 @@
|
|
|
24
24
|
</div>
|
|
25
25
|
<dl-button
|
|
26
26
|
v-if="closeButton"
|
|
27
|
-
style="--dl-button-bg-hover: var(--dl-color-fill-secondary)"
|
|
28
27
|
class="close-button"
|
|
29
28
|
icon="icon-dl-close"
|
|
30
|
-
size="
|
|
29
|
+
icon-size="16px"
|
|
31
30
|
flat
|
|
32
|
-
|
|
31
|
+
size="m"
|
|
32
|
+
text-color="var(--dell-gray-600)"
|
|
33
|
+
hover-bg-color="var(--dell-gray-100)"
|
|
34
|
+
pressed-bg-color="var(--dell-gray-200)"
|
|
35
|
+
hover-text-color="var(--dell-gray-800)"
|
|
36
|
+
pressed-text-color="var(--dell-gray-800)"
|
|
33
37
|
:padding="closeIconSizePadding"
|
|
34
38
|
@click="$emit('onClose')"
|
|
35
39
|
>
|
|
@@ -98,5 +102,11 @@ export default defineComponent({
|
|
|
98
102
|
margin-top: 5px;
|
|
99
103
|
display: flex;
|
|
100
104
|
align-items: flex-start;
|
|
105
|
+
::v-deep button.dl-button {
|
|
106
|
+
--dl-button-border-radius: 0;
|
|
107
|
+
&:focus-visible {
|
|
108
|
+
--dl-button-border-radius: 2px;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
101
111
|
}
|
|
102
112
|
</style>
|
|
@@ -153,8 +153,7 @@
|
|
|
153
153
|
square
|
|
154
154
|
no-focus
|
|
155
155
|
:offset="[0, 3]"
|
|
156
|
-
style="
|
|
157
|
-
:style="computedMenuStyle"
|
|
156
|
+
:menu-style="computedMenuStyle"
|
|
158
157
|
:menu-class="menuClass"
|
|
159
158
|
:disabled="disabled || readonly"
|
|
160
159
|
:arrow-nav-items="options"
|
|
@@ -703,6 +702,7 @@ export default defineComponent({
|
|
|
703
702
|
},
|
|
704
703
|
computedMenuStyle(): string {
|
|
705
704
|
let style = this.menuStyle ?? ''
|
|
705
|
+
style += '; border-radius: 0'
|
|
706
706
|
if (this.optionsCount > this.MAX_ITEMS_PER_LIST) {
|
|
707
707
|
style += '; overflow-y: hidden'
|
|
708
708
|
}
|
|
@@ -159,6 +159,10 @@ export default defineComponent({
|
|
|
159
159
|
type: String,
|
|
160
160
|
default: ''
|
|
161
161
|
},
|
|
162
|
+
menuStyle: {
|
|
163
|
+
type: String,
|
|
164
|
+
default: ''
|
|
165
|
+
},
|
|
162
166
|
arrowNavItems: {
|
|
163
167
|
type: Array as PropType<any[]>,
|
|
164
168
|
default: () => [] as any[]
|
|
@@ -551,6 +555,7 @@ export default defineComponent({
|
|
|
551
555
|
const computedStyles = computed<any>(() => {
|
|
552
556
|
return [
|
|
553
557
|
attrs.style,
|
|
558
|
+
props.menuStyle,
|
|
554
559
|
transitionStyle.value,
|
|
555
560
|
{
|
|
556
561
|
'--menu-z-index': zIndex.value ?? 'var(--dl-z-index-menu)',
|