procode-vs-theme 1.0.7 → 1.0.8

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 +38 -11
  2. package/package.json +1 -1
  3. package/src/components/_buttons.scss +38 -11
package/dist/src/components/_buttons.scss CHANGED
@@ -50,10 +50,12 @@ $btn-padding-xl: 16px !default;
50
50
  &:disabled {
51
51
  opacity: 0.5;
52
52
  cursor: not-allowed;
53
-
53
+ border-color: cl.$border-primary;
54
+ color: cl.$border-primary;
54
55
  &:hover {
55
56
  background-color: cl.$background-primary;
56
57
  border-color: cl.$border-primary;
58
+ color: cl.$border-primary;
57
59
  }
58
60
  }
59
61
  }
@@ -78,10 +80,12 @@ $btn-padding-xl: 16px !default;
78
80
  &:disabled {
79
81
  opacity: 0.5;
80
82
  cursor: not-allowed;
81
-
83
+ border-color: cl.$border-default;
84
+ color: cl.$border-default;
82
85
  &:hover {
83
86
  background-color: cl.$background-default;
84
87
  border-color: cl.$border-default;
88
+ color: cl.$border-default;
85
89
  }
86
90
  }
87
91
  }
@@ -104,11 +108,13 @@ $btn-padding-xl: 16px !default;
104
108
  &:disabled {
105
109
  opacity: 0.5;
106
110
  cursor: not-allowed;
107
- border-color: cl.$border-default;
108
- color: cl.$text-default;
111
+ border-color: cl.$border-danger;
112
+ color: cl.$border-danger;
109
113
 
110
114
  &:hover {
111
- background-color: cl.$background-default;
115
+ background-color: cl.$background-danger;
116
+ border-color: cl.$border-danger;
117
+ color: cl.$border-danger;
112
118
  }
113
119
  }
114
120
  }
@@ -133,10 +139,13 @@ $btn-padding-xl: 16px !default;
133
139
  &:disabled {
134
140
  opacity: 0.5;
135
141
  cursor: not-allowed;
142
+ border-color: cl.$border-success;
143
+ color: cl.$border-success;
136
144
 
137
145
  &:hover {
138
146
  background-color: cl.$background-success;
139
147
  border-color: cl.$border-success;
148
+ color: cl.$border-success;
140
149
  }
141
150
  }
142
151
  }
@@ -161,10 +170,13 @@ $btn-padding-xl: 16px !default;
161
170
  &:disabled {
162
171
  opacity: 0.5;
163
172
  cursor: not-allowed;
173
+ border-color: cl.$border-warning;
174
+ color: cl.$border-warning;
164
175
 
165
176
  &:hover {
166
177
  background-color: cl.$background-warning;
167
178
  border-color: cl.$border-warning;
179
+ color: cl.$border-warning;
168
180
  }
169
181
  }
170
182
  }
@@ -189,10 +201,13 @@ $btn-padding-xl: 16px !default;
189
201
  &:disabled {
190
202
  opacity: 0.5;
191
203
  cursor: not-allowed;
204
+ border-color: cl.$border-info;
205
+ color: cl.$border-info;
192
206
 
193
207
  &:hover {
194
208
  background-color: cl.$background-info;
195
209
  border-color: cl.$border-info;
210
+ color: cl.$border-info;
196
211
  }
197
212
  }
198
213
  }
@@ -222,11 +237,13 @@ $btn-padding-xl: 16px !default;
222
237
  &:disabled {
223
238
  opacity: 0.5;
224
239
  cursor: not-allowed;
240
+ border-color: cl.$border-primary;
241
+ color: cl.$border-primary;
225
242
 
226
243
  &:hover {
227
244
  background-color: transparent;
228
245
  border-color: cl.$border-primary;
229
- color: cl.$text-primary;
246
+ color: cl.$border-primary;
230
247
  }
231
248
  }
232
249
  }
@@ -254,11 +271,13 @@ $btn-padding-xl: 16px !default;
254
271
  &:disabled {
255
272
  opacity: 0.5;
256
273
  cursor: not-allowed;
274
+ border-color: cl.$border-default;
275
+ color: cl.$border-default;
257
276
 
258
277
  &:hover {
259
278
  background-color: transparent;
260
279
  border-color: cl.$border-default;
261
- color: cl.$text-light;
280
+ color: cl.$border-default;
262
281
  }
263
282
  }
264
283
  }
@@ -286,11 +305,13 @@ $btn-padding-xl: 16px !default;
286
305
  &:disabled {
287
306
  opacity: 0.5;
288
307
  cursor: not-allowed;
308
+ border-color: cl.$border-danger;
309
+ color: cl.$border-danger;
289
310
 
290
311
  &:hover {
291
312
  background-color: transparent;
292
313
  border-color: cl.$border-danger;
293
- color: cl.$text-danger;
314
+ color: cl.$border-danger;
294
315
  }
295
316
  }
296
317
  }
@@ -318,11 +339,13 @@ $btn-padding-xl: 16px !default;
318
339
  &:disabled {
319
340
  opacity: 0.5;
320
341
  cursor: not-allowed;
342
+ border-color: cl.$border-success;
343
+ color: cl.$border-success;
321
344
 
322
345
  &:hover {
323
346
  background-color: transparent;
324
347
  border-color: cl.$border-success;
325
- color: cl.$text-success;
348
+ color: cl.$border-success;
326
349
  }
327
350
  }
328
351
  }
@@ -350,11 +373,13 @@ $btn-padding-xl: 16px !default;
350
373
  &:disabled {
351
374
  opacity: 0.5;
352
375
  cursor: not-allowed;
376
+ border-color: cl.$border-warning;
377
+ color: cl.$border-warning;
353
378
 
354
379
  &:hover {
355
380
  background-color: transparent;
356
381
  border-color: cl.$border-warning;
357
- color: cl.$text-warning;
382
+ color: cl.$border-warning;
358
383
  }
359
384
  }
360
385
  }
@@ -382,11 +407,13 @@ $btn-padding-xl: 16px !default;
382
407
  &:disabled {
383
408
  opacity: 0.5;
384
409
  cursor: not-allowed;
410
+ border-color: cl.$border-info;
411
+ color: cl.$border-info;
385
412
 
386
413
  &:hover {
387
414
  background-color: transparent;
388
415
  border-color: cl.$border-info;
389
- color: cl.$text-info;
416
+ color: cl.$border-info;
390
417
  }
391
418
  }
392
419
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "procode-vs-theme",
3
- "version": "1.0.7",
3
+ "version": "1.0.8",
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
@@ -50,10 +50,12 @@ $btn-padding-xl: 16px !default;
50
50
  &:disabled {
51
51
  opacity: 0.5;
52
52
  cursor: not-allowed;
53
-
53
+ border-color: cl.$border-primary;
54
+ color: cl.$border-primary;
54
55
  &:hover {
55
56
  background-color: cl.$background-primary;
56
57
  border-color: cl.$border-primary;
58
+ color: cl.$border-primary;
57
59
  }
58
60
  }
59
61
  }
@@ -78,10 +80,12 @@ $btn-padding-xl: 16px !default;
78
80
  &:disabled {
79
81
  opacity: 0.5;
80
82
  cursor: not-allowed;
81
-
83
+ border-color: cl.$border-default;
84
+ color: cl.$border-default;
82
85
  &:hover {
83
86
  background-color: cl.$background-default;
84
87
  border-color: cl.$border-default;
88
+ color: cl.$border-default;
85
89
  }
86
90
  }
87
91
  }
@@ -104,11 +108,13 @@ $btn-padding-xl: 16px !default;
104
108
  &:disabled {
105
109
  opacity: 0.5;
106
110
  cursor: not-allowed;
107
- border-color: cl.$border-default;
108
- color: cl.$text-default;
111
+ border-color: cl.$border-danger;
112
+ color: cl.$border-danger;
109
113
 
110
114
  &:hover {
111
- background-color: cl.$background-default;
115
+ background-color: cl.$background-danger;
116
+ border-color: cl.$border-danger;
117
+ color: cl.$border-danger;
112
118
  }
113
119
  }
114
120
  }
@@ -133,10 +139,13 @@ $btn-padding-xl: 16px !default;
133
139
  &:disabled {
134
140
  opacity: 0.5;
135
141
  cursor: not-allowed;
142
+ border-color: cl.$border-success;
143
+ color: cl.$border-success;
136
144
 
137
145
  &:hover {
138
146
  background-color: cl.$background-success;
139
147
  border-color: cl.$border-success;
148
+ color: cl.$border-success;
140
149
  }
141
150
  }
142
151
  }
@@ -161,10 +170,13 @@ $btn-padding-xl: 16px !default;
161
170
  &:disabled {
162
171
  opacity: 0.5;
163
172
  cursor: not-allowed;
173
+ border-color: cl.$border-warning;
174
+ color: cl.$border-warning;
164
175
 
165
176
  &:hover {
166
177
  background-color: cl.$background-warning;
167
178
  border-color: cl.$border-warning;
179
+ color: cl.$border-warning;
168
180
  }
169
181
  }
170
182
  }
@@ -189,10 +201,13 @@ $btn-padding-xl: 16px !default;
189
201
  &:disabled {
190
202
  opacity: 0.5;
191
203
  cursor: not-allowed;
204
+ border-color: cl.$border-info;
205
+ color: cl.$border-info;
192
206
 
193
207
  &:hover {
194
208
  background-color: cl.$background-info;
195
209
  border-color: cl.$border-info;
210
+ color: cl.$border-info;
196
211
  }
197
212
  }
198
213
  }
@@ -222,11 +237,13 @@ $btn-padding-xl: 16px !default;
222
237
  &:disabled {
223
238
  opacity: 0.5;
224
239
  cursor: not-allowed;
240
+ border-color: cl.$border-primary;
241
+ color: cl.$border-primary;
225
242
 
226
243
  &:hover {
227
244
  background-color: transparent;
228
245
  border-color: cl.$border-primary;
229
- color: cl.$text-primary;
246
+ color: cl.$border-primary;
230
247
  }
231
248
  }
232
249
  }
@@ -254,11 +271,13 @@ $btn-padding-xl: 16px !default;
254
271
  &:disabled {
255
272
  opacity: 0.5;
256
273
  cursor: not-allowed;
274
+ border-color: cl.$border-default;
275
+ color: cl.$border-default;
257
276
 
258
277
  &:hover {
259
278
  background-color: transparent;
260
279
  border-color: cl.$border-default;
261
- color: cl.$text-light;
280
+ color: cl.$border-default;
262
281
  }
263
282
  }
264
283
  }
@@ -286,11 +305,13 @@ $btn-padding-xl: 16px !default;
286
305
  &:disabled {
287
306
  opacity: 0.5;
288
307
  cursor: not-allowed;
308
+ border-color: cl.$border-danger;
309
+ color: cl.$border-danger;
289
310
 
290
311
  &:hover {
291
312
  background-color: transparent;
292
313
  border-color: cl.$border-danger;
293
- color: cl.$text-danger;
314
+ color: cl.$border-danger;
294
315
  }
295
316
  }
296
317
  }
@@ -318,11 +339,13 @@ $btn-padding-xl: 16px !default;
318
339
  &:disabled {
319
340
  opacity: 0.5;
320
341
  cursor: not-allowed;
342
+ border-color: cl.$border-success;
343
+ color: cl.$border-success;
321
344
 
322
345
  &:hover {
323
346
  background-color: transparent;
324
347
  border-color: cl.$border-success;
325
- color: cl.$text-success;
348
+ color: cl.$border-success;
326
349
  }
327
350
  }
328
351
  }
@@ -350,11 +373,13 @@ $btn-padding-xl: 16px !default;
350
373
  &:disabled {
351
374
  opacity: 0.5;
352
375
  cursor: not-allowed;
376
+ border-color: cl.$border-warning;
377
+ color: cl.$border-warning;
353
378
 
354
379
  &:hover {
355
380
  background-color: transparent;
356
381
  border-color: cl.$border-warning;
357
- color: cl.$text-warning;
382
+ color: cl.$border-warning;
358
383
  }
359
384
  }
360
385
  }
@@ -382,11 +407,13 @@ $btn-padding-xl: 16px !default;
382
407
  &:disabled {
383
408
  opacity: 0.5;
384
409
  cursor: not-allowed;
410
+ border-color: cl.$border-info;
411
+ color: cl.$border-info;
385
412
 
386
413
  &:hover {
387
414
  background-color: transparent;
388
415
  border-color: cl.$border-info;
389
- color: cl.$text-info;
416
+ color: cl.$border-info;
390
417
  }
391
418
  }
392
419
  }