@unsource/ui 2.7.11 → 2.7.12
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/dist/module.json +1 -1
- package/dist/runtime/components/UnButton.vue +2 -2
- package/dist/runtime/components/UnCheckboxItem.vue +1 -1
- package/dist/runtime/components/UnMap.vue +1 -1
- package/dist/runtime/components/UnRadioItem.vue +2 -2
- package/dist/runtime/components/UnTab.vue +1 -1
- package/dist/runtime/components/UnTableRow.vue +2 -2
- package/dist/runtime/components/UnToggle.vue +1 -1
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -52,8 +52,8 @@ const { variant = "" } = defineProps({
|
|
|
52
52
|
});
|
|
53
53
|
const variants = {
|
|
54
54
|
"danger": "bg-danger/10 text-danger border-danger",
|
|
55
|
-
"primary": "bg-primary/10
|
|
56
|
-
"primary-fill": "bg-primary text-white border-transparent",
|
|
55
|
+
"primary": "bg-primary-500/10 bg-primary-500 border-primary",
|
|
56
|
+
"primary-fill": "bg-primary-500 text-white border-transparent",
|
|
57
57
|
"secondary": "bg-gray-600/10 text-gray-600 border-transparent",
|
|
58
58
|
"secondary-fill": "bg-gray-600 text-white border-transparent",
|
|
59
59
|
"secondary-bordered": "bg-transparent border-gray-400 text-gray-400"
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
>
|
|
11
11
|
<div
|
|
12
12
|
name="innerBox"
|
|
13
|
-
class="bg-primary rounded h-8px w-10px transition-height duration-200"
|
|
13
|
+
class="bg-primary-500 rounded h-8px w-10px transition-height duration-200"
|
|
14
14
|
:class="[customClass.innerBox, customClass[selected ? 'selected' : 'notSelected']?.innerBox, selected ? '!h-10px' : '!h-1px']"
|
|
15
15
|
/>
|
|
16
16
|
</div>
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
/>
|
|
20
20
|
<div
|
|
21
21
|
class="absolute left-1/50 top-1/40 flex flex-col rounded-2xl gap-1 items-center select-none
|
|
22
|
-
text-primary-500 children:(bg-primary w-8 h-8 p-1 flex justify-center items-center rounded-2xl cursor-pointer) z-[999999]"
|
|
22
|
+
text-primary-500 children:(bg-primary-500 w-8 h-8 p-1 flex justify-center items-center rounded-2xl cursor-pointer) z-[999999]"
|
|
23
23
|
>
|
|
24
24
|
<UnNuxtIcon
|
|
25
25
|
name="solar:add-square-line-duotone"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
|
-
class="px-4 py-3 flex flex-row items-center gap-3 transition duration-300 hover:bg-primary/10 border-0 min-w-fit"
|
|
3
|
+
class="px-4 py-3 flex flex-row items-center gap-3 transition duration-300 hover:bg-primary-500/10 border-0 min-w-fit"
|
|
4
4
|
@click="toggle"
|
|
5
5
|
>
|
|
6
6
|
<div
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
>
|
|
11
11
|
<div
|
|
12
12
|
name="radioInside"
|
|
13
|
-
class="bg-primary rounded-1/2 h-10px w-10px transition-opacity duration-200"
|
|
13
|
+
class="bg-primary-500 rounded-1/2 h-10px w-10px transition-opacity duration-200"
|
|
14
14
|
:class="[customClass.radioInside, customClass[selected ? 'selected' : 'notSelected']?.radioInside, selected ? 'opacity-full' : 'opacity-0']"
|
|
15
15
|
/>
|
|
16
16
|
</div>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
:class="[
|
|
7
7
|
customClass.label,
|
|
8
8
|
item?.value === value ? customClass.selectedLabel : customClass.normalLabel,
|
|
9
|
-
item?.value === value ? 'font-semibold
|
|
9
|
+
item?.value === value ? 'font-semibold bg-primary-500 cursor-default border-b-primary' : 'border-b-border',
|
|
10
10
|
mini ? 'px-3' : ' px-4'
|
|
11
11
|
]"
|
|
12
12
|
class="flex gap-2 justify-center items-center flex-grow basis-1 border-b-(2 solid) cursor-pointer p-3 text-sm"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<tr
|
|
3
|
-
class="children:p-3 <md:children:p-1 text-center border-b-(2 solid border) hover:bg-primary/10"
|
|
4
|
-
:class="[trClass?.(item, items), { '!bg-primary/20': selected?.[idKey] === item[idKey] }]"
|
|
3
|
+
class="children:p-3 <md:children:p-1 text-center border-b-(2 solid border) hover:bg-primary-500/10"
|
|
4
|
+
:class="[trClass?.(item, items), { '!bg-primary-500/20': selected?.[idKey] === item[idKey] }]"
|
|
5
5
|
@click="$emit('click:row', item);
|
|
6
6
|
selected = item"
|
|
7
7
|
@dbclick="$emit('dbclick:row', item)"
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
</div>
|
|
13
13
|
<div
|
|
14
14
|
class="aspect-2/1 relative flex items-center rounded-full transition-bg duration-300 group/wrapper"
|
|
15
|
-
:class="[sizeClass[size], { 'opacity-50 disabled': disabled }, value ? 'true bg-primary' : 'false bg-border', customClass?.buttonWrapper]"
|
|
15
|
+
:class="[sizeClass[size], { 'opacity-50 disabled': disabled }, value ? 'true bg-primary-500' : 'false bg-border', customClass?.buttonWrapper]"
|
|
16
16
|
>
|
|
17
17
|
<div
|
|
18
18
|
class="group/button flex justify-center items-center absolute bg-white top-1/2 -translate-y-1/2 h-[calc(100%-4px)] aspect-square rounded-full shadow-toggle transform transition-all duration-200"
|