procode-vs-theme 1.0.4 → 1.0.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.
Files changed (3) hide show
  1. package/dist/src/components/_buttons.scss +16 -10
  2. package/package.json +1 -1
  3. package/src/components/_buttons.scss +16 -10
package/dist/src/components/_buttons.scss CHANGED
@@ -204,7 +204,8 @@ $btn-padding-xl: 16px !default;
204
204
  border: bo.$border-width-sm solid cl.$border-primary;
205
205
  color: cl.$text-primary;
206
206
  cursor: pointer;
207
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
207
+ transition: background-color 0.2s ease, border-color 0.2s ease,
208
+ color 0.2s ease;
208
209
 
209
210
  &:hover {
210
211
  background-color: cl.$background-primary;
@@ -233,20 +234,21 @@ $btn-padding-xl: 16px !default;
233
234
  &.qo-btn-outline-default {
234
235
  background-color: transparent;
235
236
  border: bo.$border-width-sm solid cl.$border-default;
236
- color: cl.$text-dark;
237
+ color: cl.$text-light;
237
238
  cursor: pointer;
238
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
239
+ transition: background-color 0.2s ease, border-color 0.2s ease,
240
+ color 0.2s ease;
239
241
 
240
242
  &:hover {
241
243
  background-color: cl.$background-secondary;
242
244
  border-color: cl.$border-secondary;
243
- color: cl.$text-dark;
245
+ color: color.adjust(cl.$text-dark, $lightness: 20%);
244
246
  }
245
247
 
246
248
  &:active {
247
249
  background-color: color.adjust(cl.$background-secondary, $lightness: -4%);
248
250
  border-color: cl.$border-secondary;
249
- color: cl.$text-dark;
251
+ color: cl.$text-light;
250
252
  }
251
253
 
252
254
  &:disabled {
@@ -256,7 +258,7 @@ $btn-padding-xl: 16px !default;
256
258
  &:hover {
257
259
  background-color: transparent;
258
260
  border-color: cl.$border-default;
259
- color: cl.$text-dark;
261
+ color: cl.$text-light;
260
262
  }
261
263
  }
262
264
  }
@@ -266,7 +268,8 @@ $btn-padding-xl: 16px !default;
266
268
  border: bo.$border-width-sm solid cl.$border-danger;
267
269
  color: cl.$text-danger;
268
270
  cursor: pointer;
269
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
271
+ transition: background-color 0.2s ease, border-color 0.2s ease,
272
+ color 0.2s ease;
270
273
 
271
274
  &:hover {
272
275
  background-color: cl.$background-danger;
@@ -297,7 +300,8 @@ $btn-padding-xl: 16px !default;
297
300
  border: bo.$border-width-sm solid cl.$border-success;
298
301
  color: cl.$text-success;
299
302
  cursor: pointer;
300
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
303
+ transition: background-color 0.2s ease, border-color 0.2s ease,
304
+ color 0.2s ease;
301
305
 
302
306
  &:hover {
303
307
  background-color: cl.$background-success;
@@ -328,7 +332,8 @@ $btn-padding-xl: 16px !default;
328
332
  border: bo.$border-width-sm solid cl.$border-warning;
329
333
  color: cl.$text-warning;
330
334
  cursor: pointer;
331
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
335
+ transition: background-color 0.2s ease, border-color 0.2s ease,
336
+ color 0.2s ease;
332
337
 
333
338
  &:hover {
334
339
  background-color: cl.$background-warning;
@@ -359,7 +364,8 @@ $btn-padding-xl: 16px !default;
359
364
  border: bo.$border-width-sm solid cl.$border-info;
360
365
  color: cl.$text-info;
361
366
  cursor: pointer;
362
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
367
+ transition: background-color 0.2s ease, border-color 0.2s ease,
368
+ color 0.2s ease;
363
369
 
364
370
  &:hover {
365
371
  background-color: cl.$background-info;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "procode-vs-theme",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
4
4
  "description": "VarStreet VS Theme - A comprehensive SCSS theme package for ProCode framework with variables, components, layout, and utilities for flexible design system usage",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
package/src/components/_buttons.scss CHANGED
@@ -204,7 +204,8 @@ $btn-padding-xl: 16px !default;
204
204
  border: bo.$border-width-sm solid cl.$border-primary;
205
205
  color: cl.$text-primary;
206
206
  cursor: pointer;
207
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
207
+ transition: background-color 0.2s ease, border-color 0.2s ease,
208
+ color 0.2s ease;
208
209
 
209
210
  &:hover {
210
211
  background-color: cl.$background-primary;
@@ -233,20 +234,21 @@ $btn-padding-xl: 16px !default;
233
234
  &.qo-btn-outline-default {
234
235
  background-color: transparent;
235
236
  border: bo.$border-width-sm solid cl.$border-default;
236
- color: cl.$text-dark;
237
+ color: cl.$text-light;
237
238
  cursor: pointer;
238
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
239
+ transition: background-color 0.2s ease, border-color 0.2s ease,
240
+ color 0.2s ease;
239
241
 
240
242
  &:hover {
241
243
  background-color: cl.$background-secondary;
242
244
  border-color: cl.$border-secondary;
243
- color: cl.$text-dark;
245
+ color: color.adjust(cl.$text-dark, $lightness: 20%);
244
246
  }
245
247
 
246
248
  &:active {
247
249
  background-color: color.adjust(cl.$background-secondary, $lightness: -4%);
248
250
  border-color: cl.$border-secondary;
249
- color: cl.$text-dark;
251
+ color: cl.$text-light;
250
252
  }
251
253
 
252
254
  &:disabled {
@@ -256,7 +258,7 @@ $btn-padding-xl: 16px !default;
256
258
  &:hover {
257
259
  background-color: transparent;
258
260
  border-color: cl.$border-default;
259
- color: cl.$text-dark;
261
+ color: cl.$text-light;
260
262
  }
261
263
  }
262
264
  }
@@ -266,7 +268,8 @@ $btn-padding-xl: 16px !default;
266
268
  border: bo.$border-width-sm solid cl.$border-danger;
267
269
  color: cl.$text-danger;
268
270
  cursor: pointer;
269
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
271
+ transition: background-color 0.2s ease, border-color 0.2s ease,
272
+ color 0.2s ease;
270
273
 
271
274
  &:hover {
272
275
  background-color: cl.$background-danger;
@@ -297,7 +300,8 @@ $btn-padding-xl: 16px !default;
297
300
  border: bo.$border-width-sm solid cl.$border-success;
298
301
  color: cl.$text-success;
299
302
  cursor: pointer;
300
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
303
+ transition: background-color 0.2s ease, border-color 0.2s ease,
304
+ color 0.2s ease;
301
305
 
302
306
  &:hover {
303
307
  background-color: cl.$background-success;
@@ -328,7 +332,8 @@ $btn-padding-xl: 16px !default;
328
332
  border: bo.$border-width-sm solid cl.$border-warning;
329
333
  color: cl.$text-warning;
330
334
  cursor: pointer;
331
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
335
+ transition: background-color 0.2s ease, border-color 0.2s ease,
336
+ color 0.2s ease;
332
337
 
333
338
  &:hover {
334
339
  background-color: cl.$background-warning;
@@ -359,7 +364,8 @@ $btn-padding-xl: 16px !default;
359
364
  border: bo.$border-width-sm solid cl.$border-info;
360
365
  color: cl.$text-info;
361
366
  cursor: pointer;
362
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
367
+ transition: background-color 0.2s ease, border-color 0.2s ease,
368
+ color 0.2s ease;
363
369
 
364
370
  &:hover {
365
371
  background-color: cl.$background-info;