@veritree/ui 0.52.1 → 0.53.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veritree/ui",
3
- "version": "0.52.1",
3
+ "version": "0.53.0",
4
4
  "description": "veritree ui library",
5
5
  "type": "module",
6
6
  "main": "index.js",
@@ -19,7 +19,9 @@
19
19
  : isPrimary
20
20
  ? 'bg-secondary-400 hover:bg-secondary-500 focus:bg-secondary-600 active:bg-secondary-600 border-transparent text-white disabled:bg-gray-200 disabled:text-gray-400'
21
21
  : isSecondary
22
- ? 'border-gray-400 bg-white text-gray-700 hover:bg-gray-100 focus:bg-gray-200 active:bg-gray-200 disabled:border-gray-300 disabled:text-gray-400'
22
+ ? isGhost
23
+ ? 'border-gray-500 text-gray-100 hover:bg-white hover:text-gray-700'
24
+ : 'border-gray-400 bg-white text-gray-700 hover:bg-gray-100 focus:bg-gray-200 active:bg-gray-200 disabled:border-gray-300 disabled:text-gray-400'
23
25
  : isTertiary
24
26
  ? 'border-transparent text-gray-600 hover:text-gray-800 focus:text-gray-800 active:text-gray-800 disabled:text-gray-400'
25
27
  : isIcon
@@ -152,6 +154,11 @@ export default {
152
154
  type: Boolean,
153
155
  default: false,
154
156
  },
157
+
158
+ appearance: {
159
+ type: String,
160
+ default: 'normal', // normal or ghost
161
+ },
155
162
  },
156
163
 
157
164
  computed: {
@@ -183,6 +190,10 @@ export default {
183
190
  return this.disabled || this.busy;
184
191
  },
185
192
 
193
+ isGhost() {
194
+ return this.appearance === 'ghost';
195
+ },
196
+
186
197
  tag() {
187
198
  return this.href ? 'a' : this.to ? 'NuxtLink' : 'button';
188
199
  },
@@ -10,7 +10,7 @@
10
10
  selected
11
11
  ? headless
12
12
  ? 'tab-list__button--selected'
13
- : 'text-secondary-800 border-gray-800'
13
+ : 'border-gray-800 text-gray-800'
14
14
  : // not selected
15
15
  headless
16
16
  ? null