bge-ui 1.3.9 → 1.4.0

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.
Files changed (3) hide show
  1. package/dist/style.css +10 -1
  2. package/package.json +1 -1
  3. package/src/button/index.vue +10 -2
package/dist/style.css CHANGED
@@ -25,6 +25,7 @@
25
25
  }
26
26
  .bge-button.bge-button--primary {
27
27
  --color: var(--persistent-black);
28
+ --color-hover: var(--color);
28
29
  --btn: var(--btn-primary);
29
30
  --btn-hover: var(--btn-primary-hover);
30
31
  --btn-pressed: var(--btn-primary-pressed);
@@ -32,6 +33,7 @@
32
33
  }
33
34
  .bge-button.bge-button--secondary {
34
35
  --color: var(--tc-title);
36
+ --color-hover: var(--color);
35
37
  --btn: var(--btn-secondary);
36
38
  --btn-hover: var(--btn-secondary-hover);
37
39
  --btn-pressed: var(--btn-secondary-pressed);
@@ -39,6 +41,7 @@
39
41
  }
40
42
  .bge-button.bge-button--white {
41
43
  --color: var(--persistent-black);
44
+ --color-hover: var(--color);
42
45
  --btn: var(--btn-white);
43
46
  --btn-hover: var(--btn-white-hover);
44
47
  --btn-pressed: var(--btn-white-pressed);
@@ -46,6 +49,7 @@
46
49
  }
47
50
  .bge-button.bge-button--black {
48
51
  --color: var(--tc-btn-black);
52
+ --color-hover: var(--color);
49
53
  --btn: var(--btn-black);
50
54
  --btn-hover: var(--btn-black-hover);
51
55
  --btn-pressed: var(--btn-black-pressed);
@@ -53,13 +57,15 @@
53
57
  }
54
58
  .bge-button.bge-button--violet {
55
59
  --color: var(--persistent-white);
60
+ --color-hover: var(--color);
56
61
  --btn: var(--btn-violet);
57
62
  --btn-hover: var(--btn-violet-hover);
58
63
  --btn-pressed: var(--btn-violet-hover);
59
64
  --btn-disable: var(--btn-violet-disable);
60
65
  }
61
66
  .bge-button.bge-button--opacity {
62
- --color: var(--tc-title);
67
+ --color: var(--tc-primary);
68
+ --color-hover: var(--tc-title);
63
69
  --btn: var(--bg-opacity);
64
70
  --btn-hover: var(--bg-opacity-hover);
65
71
  --btn-pressed: var(--bg-opacity-hover);
@@ -67,6 +73,7 @@
67
73
  }
68
74
  .bge-button.bge-button--red {
69
75
  --color: var(--persistent-white);
76
+ --color-hover: var(--color);
70
77
  --btn: var(--btn-red);
71
78
  --btn-hover: var(--btn-red-hover);
72
79
  --btn-pressed: var(--btn-red-hover);
@@ -74,6 +81,7 @@
74
81
  }
75
82
  .bge-button.bge-button--green {
76
83
  --color: var(--persistent-white);
84
+ --color-hover: var(--color);
77
85
  --btn: var(--btn-green);
78
86
  --btn-hover: var(--btn-green-hover);
79
87
  --btn-pressed: var(--btn-green-hover);
@@ -109,6 +117,7 @@
109
117
  }
110
118
  .bge-button:hover {
111
119
  background: var(--btn-hover);
120
+ color: var(--color-hover);
112
121
  }
113
122
  .bge-button:active {
114
123
  background: var(--btn-pressed);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bge-ui",
3
- "version": "1.3.9",
3
+ "version": "1.4.0",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "./src/index.ts",
package/src/button/index.vue CHANGED
@@ -52,9 +52,9 @@ defineProps({
52
52
  &+.bge-button {
53
53
  margin-left: 12px;
54
54
  }
55
-
56
55
  &.bge-button--primary {
57
56
  --color: var(--persistent-black);
57
+ --color-hover: var(--color);
58
58
  --btn: var(--btn-primary);
59
59
  --btn-hover: var(--btn-primary-hover);
60
60
  --btn-pressed: var(--btn-primary-pressed);
@@ -63,6 +63,7 @@ defineProps({
63
63
 
64
64
  &.bge-button--secondary {
65
65
  --color: var(--tc-title);
66
+ --color-hover: var(--color);
66
67
  --btn: var(--btn-secondary);
67
68
  --btn-hover: var(--btn-secondary-hover);
68
69
  --btn-pressed: var(--btn-secondary-pressed);
@@ -71,6 +72,7 @@ defineProps({
71
72
 
72
73
  &.bge-button--white {
73
74
  --color: var(--persistent-black);
75
+ --color-hover: var(--color);
74
76
  --btn: var(--btn-white);
75
77
  --btn-hover: var(--btn-white-hover);
76
78
  --btn-pressed: var(--btn-white-pressed);
@@ -79,6 +81,7 @@ defineProps({
79
81
 
80
82
  &.bge-button--black {
81
83
  --color: var(--tc-btn-black);
84
+ --color-hover: var(--color);
82
85
  --btn: var(--btn-black);
83
86
  --btn-hover: var(--btn-black-hover);
84
87
  --btn-pressed: var(--btn-black-pressed);
@@ -87,6 +90,7 @@ defineProps({
87
90
 
88
91
  &.bge-button--violet {
89
92
  --color: var(--persistent-white);
93
+ --color-hover: var(--color);
90
94
  --btn: var(--btn-violet);
91
95
  --btn-hover: var(--btn-violet-hover);
92
96
  --btn-pressed: var(--btn-violet-hover);
@@ -94,7 +98,8 @@ defineProps({
94
98
  }
95
99
 
96
100
  &.bge-button--opacity {
97
- --color: var(--tc-title);
101
+ --color: var(--tc-primary);
102
+ --color-hover: var(--tc-title);
98
103
  --btn: var(--bg-opacity);
99
104
  --btn-hover: var(--bg-opacity-hover);
100
105
  --btn-pressed: var(--bg-opacity-hover);
@@ -103,6 +108,7 @@ defineProps({
103
108
 
104
109
  &.bge-button--red {
105
110
  --color: var(--persistent-white);
111
+ --color-hover: var(--color);
106
112
  --btn: var(--btn-red);
107
113
  --btn-hover: var(--btn-red-hover);
108
114
  --btn-pressed: var(--btn-red-hover);
@@ -111,6 +117,7 @@ defineProps({
111
117
 
112
118
  &.bge-button--green {
113
119
  --color: var(--persistent-white);
120
+ --color-hover: var(--color);
114
121
  --btn: var(--btn-green);
115
122
  --btn-hover: var(--btn-green-hover);
116
123
  --btn-pressed: var(--btn-green-hover);
@@ -176,6 +183,7 @@ defineProps({
176
183
 
177
184
  &:hover {
178
185
  background: var(--btn-hover);
186
+ color: var(--color-hover);
179
187
  }
180
188
 
181
189
  &:active {