@1337exp/taoui 1.3.4 → 1.3.5
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/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +24 -24
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
.tao-button[data-v-
|
|
2
|
+
.tao-button[data-v-085cd74d] {
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
align-items: center;
|
|
5
5
|
justify-content: center;
|
|
@@ -13,83 +13,83 @@
|
|
|
13
13
|
transition: var(--tao-transition-base);
|
|
14
14
|
position: relative;
|
|
15
15
|
}
|
|
16
|
-
.tao-button[data-v-
|
|
16
|
+
.tao-button[data-v-085cd74d]:active {
|
|
17
17
|
transform: translateY(1px);
|
|
18
18
|
}
|
|
19
|
-
.tao-button[data-v-
|
|
19
|
+
.tao-button[data-v-085cd74d]:focus-visible {
|
|
20
20
|
outline: 2px solid var(--tao-color-accent);
|
|
21
21
|
outline-offset: 2px;
|
|
22
22
|
}
|
|
23
|
-
.tao-button--small[data-v-
|
|
23
|
+
.tao-button--small[data-v-085cd74d] {
|
|
24
24
|
padding: var(--tao-space-1) var(--tao-space-3);
|
|
25
25
|
font-size: var(--tao-font-size-xs);
|
|
26
|
-
height:
|
|
26
|
+
height: 26px;
|
|
27
27
|
}
|
|
28
|
-
.tao-button--medium[data-v-
|
|
28
|
+
.tao-button--medium[data-v-085cd74d] {
|
|
29
29
|
padding: var(--tao-space-2) var(--tao-space-4);
|
|
30
30
|
font-size: var(--tao-font-size-md);
|
|
31
|
-
height:
|
|
31
|
+
height: 30px;
|
|
32
32
|
}
|
|
33
|
-
.tao-button--large[data-v-
|
|
33
|
+
.tao-button--large[data-v-085cd74d] {
|
|
34
34
|
padding: var(--tao-space-2) var(--tao-space-6);
|
|
35
35
|
font-size: var(--tao-font-size-lg);
|
|
36
|
-
height:
|
|
36
|
+
height: 38px;
|
|
37
37
|
}
|
|
38
|
-
.tao-button--primary[data-v-
|
|
38
|
+
.tao-button--primary[data-v-085cd74d] {
|
|
39
39
|
background-color: var(--tao-color-accent);
|
|
40
40
|
color: var(--tao-color-on-accent);
|
|
41
41
|
}
|
|
42
|
-
.tao-button--primary[data-v-
|
|
42
|
+
.tao-button--primary[data-v-085cd74d]:hover:not(.tao-button--disabled) {
|
|
43
43
|
background-color: var(--tao-color-accent-hover);
|
|
44
44
|
}
|
|
45
|
-
.tao-button--secondary[data-v-
|
|
45
|
+
.tao-button--secondary[data-v-085cd74d] {
|
|
46
46
|
background-color: var(--tao-color-surface-sunken);
|
|
47
47
|
color: var(--tao-color-text);
|
|
48
48
|
border: 1px solid var(--tao-color-border-strong);
|
|
49
49
|
}
|
|
50
|
-
.tao-button--secondary[data-v-
|
|
50
|
+
.tao-button--secondary[data-v-085cd74d]:hover:not(.tao-button--disabled) {
|
|
51
51
|
background-color: var(--tao-color-surface-hover);
|
|
52
52
|
color: var(--tao-color-text-strong);
|
|
53
53
|
}
|
|
54
|
-
.tao-button--ghost[data-v-
|
|
54
|
+
.tao-button--ghost[data-v-085cd74d] {
|
|
55
55
|
background-color: transparent;
|
|
56
56
|
color: var(--tao-color-accent);
|
|
57
57
|
}
|
|
58
|
-
.tao-button--ghost[data-v-
|
|
58
|
+
.tao-button--ghost[data-v-085cd74d]:hover:not(.tao-button--disabled) {
|
|
59
59
|
background-color: var(--tao-color-accent-subtle-hover);
|
|
60
60
|
}
|
|
61
|
-
.tao-button--danger[data-v-
|
|
61
|
+
.tao-button--danger[data-v-085cd74d] {
|
|
62
62
|
background-color: var(--tao-color-danger);
|
|
63
63
|
color: var(--tao-color-text-strong);
|
|
64
64
|
}
|
|
65
|
-
.tao-button--danger[data-v-
|
|
65
|
+
.tao-button--danger[data-v-085cd74d]:hover:not(.tao-button--disabled) {
|
|
66
66
|
background-color: var(--tao-color-danger-hover);
|
|
67
67
|
}
|
|
68
|
-
.tao-button--disabled[data-v-
|
|
68
|
+
.tao-button--disabled[data-v-085cd74d] {
|
|
69
69
|
opacity: 0.6;
|
|
70
70
|
cursor: not-allowed;
|
|
71
71
|
}
|
|
72
|
-
.tao-button--block[data-v-
|
|
72
|
+
.tao-button--block[data-v-085cd74d] {
|
|
73
73
|
width: 100%;
|
|
74
74
|
}
|
|
75
|
-
.tao-button--loading .tao-button__content[data-v-
|
|
75
|
+
.tao-button--loading .tao-button__content[data-v-085cd74d] {
|
|
76
76
|
opacity: 0;
|
|
77
77
|
}
|
|
78
|
-
.tao-button__loader[data-v-
|
|
78
|
+
.tao-button__loader[data-v-085cd74d] {
|
|
79
79
|
position: absolute;
|
|
80
80
|
width: 16px;
|
|
81
81
|
height: 16px;
|
|
82
82
|
border: 2px solid color-mix(in srgb, currentColor 15%, transparent);
|
|
83
83
|
border-top-color: currentColor;
|
|
84
84
|
border-radius: var(--tao-radius-full);
|
|
85
|
-
animation: tao-spin-
|
|
85
|
+
animation: tao-spin-085cd74d 0.8s linear infinite;
|
|
86
86
|
}
|
|
87
|
-
.tao-button__icon[data-v-
|
|
87
|
+
.tao-button__icon[data-v-085cd74d] {
|
|
88
88
|
display: flex;
|
|
89
89
|
align-items: center;
|
|
90
90
|
justify-content: center;
|
|
91
91
|
}
|
|
92
|
-
@keyframes tao-spin-
|
|
92
|
+
@keyframes tao-spin-085cd74d {
|
|
93
93
|
to {
|
|
94
94
|
transform: rotate(360deg);
|
|
95
95
|
}
|