@designcrowd/fe-shared-lib 1.1.4-rte-ast-6 → 1.1.4-rte-ast-8
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
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
:type="type"
|
|
26
26
|
>
|
|
27
27
|
<div v-if="iconTop" class="tw-mb-1 tw-flex tw-w-full tw-flex-col tw-items-center">
|
|
28
|
-
<Icon :name="iconTop" :size="iconTopSize" :color="iconColor" />
|
|
28
|
+
<Icon :name="iconTop" :size="iconTopSize" :color="iconColor" :alt-text="altText" />
|
|
29
29
|
</div>
|
|
30
30
|
<span
|
|
31
31
|
class="tw-w-full tw-flex"
|
|
@@ -40,13 +40,21 @@
|
|
|
40
40
|
'tw-opacity-50': greyOutLeft === true,
|
|
41
41
|
}"
|
|
42
42
|
>
|
|
43
|
-
<Icon
|
|
43
|
+
<Icon
|
|
44
|
+
v-if="iconOnly"
|
|
45
|
+
class="tw-flex tw-items-center"
|
|
46
|
+
:name="icon"
|
|
47
|
+
:size="iconSize"
|
|
48
|
+
:color="iconColor"
|
|
49
|
+
:alt-text="altText"
|
|
50
|
+
/>
|
|
44
51
|
<Icon
|
|
45
52
|
v-if="iconLeft && !iconOnly"
|
|
46
53
|
class="tw-mr-2 tw-flex tw-items-center"
|
|
47
54
|
:name="iconLeft"
|
|
48
55
|
:size="iconLeftSize"
|
|
49
56
|
:color="iconColor"
|
|
57
|
+
:alt-text="altText"
|
|
50
58
|
/>
|
|
51
59
|
<span
|
|
52
60
|
v-if="isBusy"
|
|
@@ -66,6 +74,7 @@
|
|
|
66
74
|
:name="iconRight"
|
|
67
75
|
:size="iconRightSize"
|
|
68
76
|
:color="iconColor"
|
|
77
|
+
:alt-text="altText"
|
|
69
78
|
/>
|
|
70
79
|
</span>
|
|
71
80
|
</component>
|
|
@@ -300,6 +309,10 @@ export default {
|
|
|
300
309
|
type: String,
|
|
301
310
|
default: undefined,
|
|
302
311
|
},
|
|
312
|
+
altText: {
|
|
313
|
+
type: String,
|
|
314
|
+
default: null,
|
|
315
|
+
},
|
|
303
316
|
},
|
|
304
317
|
data() {
|
|
305
318
|
return {
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
class="tw-bg-white tw-border tw-border-grayscale-500 tw-border-solid tw-h-10 tw-flex tw-items-center tw-rounded tw-text-md tw-w-full"
|
|
5
5
|
:class="[elementClasses, disabled && 'tw-opacity-40 tw-cursor-not-allowed']"
|
|
6
6
|
@click="() => !disabled && onToggleMenu()"
|
|
7
|
+
:title="tooltip"
|
|
7
8
|
>
|
|
8
9
|
<div class="tw-text-left tw-flex-auto tw-pl-3 tw-truncate">
|
|
9
10
|
<slot name="title">
|
|
@@ -78,6 +79,10 @@ export default {
|
|
|
78
79
|
required: false,
|
|
79
80
|
default: 'sm',
|
|
80
81
|
},
|
|
82
|
+
tooltip: {
|
|
83
|
+
type: String,
|
|
84
|
+
required: false,
|
|
85
|
+
},
|
|
81
86
|
},
|
|
82
87
|
data: () => ({
|
|
83
88
|
isMenuVisible: false,
|