@avakhula/ui 0.0.144 → 0.0.146

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 (6) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.umd.cjs +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
  5. package/src/components/Button/Button.vue +4 -0
  6. package/src/components/Button/button.scss +13 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@avakhula/ui",
3
- "version": "0.0.144",
3
+ "version": "0.0.146",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.umd.cjs",
6
6
  "source": "src/index.js",
package/src/components/Button/Button.vue CHANGED
@@ -135,6 +135,10 @@ export default {
135
135
  classList.push("ib-btn-block");
136
136
  }
137
137
 
138
+ if (this.href.length) {
139
+ classList.push("ib-btn-link");
140
+ }
141
+
138
142
  if (this.hasIcon) {
139
143
  classList.push("ib-btn-has-icon");
140
144
  }
package/src/components/Button/button.scss CHANGED
@@ -157,7 +157,10 @@ $disabled-btn-color: $neutral-500;
157
157
  }
158
158
 
159
159
  &.ib-btn-disabled {
160
- background: $ghost-btn-disabled-background;
160
+ &.ib-btn-link,
161
+ &:disabled {
162
+ background: $ghost-btn-disabled-background;
163
+ }
161
164
  }
162
165
  }
163
166
 
@@ -193,7 +196,10 @@ $disabled-btn-color: $neutral-500;
193
196
  }
194
197
 
195
198
  &.ib-btn-disabled {
196
- background: $ghostDanger-btn-disabled-background;
199
+ &.ib-btn-link,
200
+ &:disabled {
201
+ background: $ghostDanger-btn-disabled-background;
202
+ }
197
203
  }
198
204
  }
199
205
  }
@@ -205,7 +211,10 @@ $disabled-btn-color: $neutral-500;
205
211
  }
206
212
 
207
213
  &.ib-btn-disabled {
208
- background: $disabled-btn-background;
209
- color: $disabled-btn-color;
214
+ &.ib-btn-link,
215
+ &:disabled {
216
+ background: $disabled-btn-background;
217
+ color: $disabled-btn-color;
218
+ }
210
219
  }
211
220
  }