bge-ui 1.2.8 → 1.3.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 (4) hide show
  1. package/dist/index.js +5 -1
  2. package/dist/style.css +9 -2
  3. package/package.json +1 -1
  4. package/src/button/index.vue +15 -3
package/dist/index.js CHANGED
@@ -22,7 +22,11 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
22
22
  "primary",
23
23
  "secondary",
24
24
  "white",
25
- "violet"
25
+ "black",
26
+ "violet",
27
+ "opacity",
28
+ "red",
29
+ "green"
26
30
  ],
27
31
  type: String
28
32
  },
package/dist/style.css CHANGED
@@ -58,6 +58,13 @@
58
58
  --btn-pressed: var(--btn-violet-hover);
59
59
  --btn-disable: var(--btn-violet-disable);
60
60
  }
61
+ .bge-button.bge-button--opacity {
62
+ --color: var(--tc-title);
63
+ --btn: var(--bg-opacity);
64
+ --btn-hover: var(--bg-opacity-hover);
65
+ --btn-pressed: var(--bg-opacity-hover);
66
+ --btn-disable: var(--bg-opacity);
67
+ }
61
68
  .bge-button.bge-button--red {
62
69
  --color: var(--persistent-white);
63
70
  --btn: var(--btn-red);
@@ -90,7 +97,7 @@
90
97
  font-size: 12px;
91
98
  font-weight: 500;
92
99
  line-height: 20px;
93
- padding: 4px 16px;
100
+ padding: 4px 12px;
94
101
  }
95
102
  .bge-button.bge-button--mini .loading-icon {
96
103
  height: 16px;
@@ -111,7 +118,7 @@
111
118
  background: var(--btn-disable);
112
119
  }
113
120
  .bge-button:disabled span {
114
- opacity: 0.4;
121
+ color: var(--tc-quaternary);
115
122
  }
116
123
  .bge-button:disabled .loading-icon {
117
124
  opacity: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bge-ui",
3
- "version": "1.2.8",
3
+ "version": "1.3.0",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "./src/index.ts",
package/src/button/index.vue CHANGED
@@ -20,7 +20,11 @@ defineProps({
20
20
  'primary',
21
21
  'secondary',
22
22
  'white',
23
- 'violet'
23
+ 'black',
24
+ 'violet',
25
+ 'opacity',
26
+ 'red',
27
+ 'green'
24
28
  ],
25
29
  type: String,
26
30
  },
@@ -89,6 +93,14 @@ defineProps({
89
93
  --btn-disable: var(--btn-violet-disable);
90
94
  }
91
95
 
96
+ &.bge-button--opacity {
97
+ --color: var(--tc-title);
98
+ --btn: var(--bg-opacity);
99
+ --btn-hover: var(--bg-opacity-hover);
100
+ --btn-pressed: var(--bg-opacity-hover);
101
+ --btn-disable: var(--bg-opacity);
102
+ }
103
+
92
104
  &.bge-button--red {
93
105
  --color: var(--persistent-white);
94
106
  --btn: var(--btn-red);
@@ -128,7 +140,7 @@ defineProps({
128
140
  font-size: 12px;
129
141
  font-weight: 500;
130
142
  line-height: 20px;
131
- padding: 4px 16px;
143
+ padding: 4px 12px;
132
144
 
133
145
  .loading-icon {
134
146
  height: 16px;
@@ -175,7 +187,7 @@ defineProps({
175
187
  background: var(--btn-disable);
176
188
 
177
189
  span {
178
- opacity: 0.4;
190
+ color: var(--tc-quaternary);
179
191
  }
180
192
  .loading-icon {
181
193
  opacity: 0;