@ttoss/theme 1.4.18 → 1.4.20
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.
|
@@ -241,6 +241,16 @@ var BruttalTheme = {
|
|
|
241
241
|
fontSize: "base",
|
|
242
242
|
margin: 0,
|
|
243
243
|
padding: 0
|
|
244
|
+
},
|
|
245
|
+
a: {
|
|
246
|
+
color: "text",
|
|
247
|
+
fontFamily: "body",
|
|
248
|
+
"&.quiet:not(:hover)": {
|
|
249
|
+
textDecorationLine: "none"
|
|
250
|
+
},
|
|
251
|
+
":visited": {
|
|
252
|
+
color: "highlight"
|
|
253
|
+
}
|
|
244
254
|
}
|
|
245
255
|
},
|
|
246
256
|
/**
|
|
@@ -405,6 +415,23 @@ var BruttalTheme = {
|
|
|
405
415
|
},
|
|
406
416
|
'&:has(input[type="checkbox"]:disabled)': {
|
|
407
417
|
color: "onMuted"
|
|
418
|
+
},
|
|
419
|
+
'&:has(div > input[type="radio"])': {
|
|
420
|
+
alignItems: "center"
|
|
421
|
+
},
|
|
422
|
+
'&:has(div > input[type="radio"]:disabled)': {
|
|
423
|
+
color: "muted"
|
|
424
|
+
}
|
|
425
|
+
},
|
|
426
|
+
radio: {
|
|
427
|
+
color: "text",
|
|
428
|
+
fontFamily: "body",
|
|
429
|
+
fontSize: "lg",
|
|
430
|
+
"input:disabled ~ &": {
|
|
431
|
+
color: "muted"
|
|
432
|
+
},
|
|
433
|
+
'input[aria-invalid="true"] ~ &': {
|
|
434
|
+
color: "danger"
|
|
408
435
|
}
|
|
409
436
|
},
|
|
410
437
|
checkbox: {
|
package/dist/esm/index.js
CHANGED
package/dist/index.js
CHANGED
|
@@ -280,6 +280,16 @@ var BruttalTheme = {
|
|
|
280
280
|
fontSize: "base",
|
|
281
281
|
margin: 0,
|
|
282
282
|
padding: 0
|
|
283
|
+
},
|
|
284
|
+
a: {
|
|
285
|
+
color: "text",
|
|
286
|
+
fontFamily: "body",
|
|
287
|
+
"&.quiet:not(:hover)": {
|
|
288
|
+
textDecorationLine: "none"
|
|
289
|
+
},
|
|
290
|
+
":visited": {
|
|
291
|
+
color: "highlight"
|
|
292
|
+
}
|
|
283
293
|
}
|
|
284
294
|
},
|
|
285
295
|
/**
|
|
@@ -444,6 +454,23 @@ var BruttalTheme = {
|
|
|
444
454
|
},
|
|
445
455
|
'&:has(input[type="checkbox"]:disabled)': {
|
|
446
456
|
color: "onMuted"
|
|
457
|
+
},
|
|
458
|
+
'&:has(div > input[type="radio"])': {
|
|
459
|
+
alignItems: "center"
|
|
460
|
+
},
|
|
461
|
+
'&:has(div > input[type="radio"]:disabled)': {
|
|
462
|
+
color: "muted"
|
|
463
|
+
}
|
|
464
|
+
},
|
|
465
|
+
radio: {
|
|
466
|
+
color: "text",
|
|
467
|
+
fontFamily: "body",
|
|
468
|
+
fontSize: "lg",
|
|
469
|
+
"input:disabled ~ &": {
|
|
470
|
+
color: "muted"
|
|
471
|
+
},
|
|
472
|
+
'input[aria-invalid="true"] ~ &': {
|
|
473
|
+
color: "danger"
|
|
447
474
|
}
|
|
448
475
|
},
|
|
449
476
|
checkbox: {
|
|
@@ -284,6 +284,16 @@ var BruttalTheme = {
|
|
|
284
284
|
fontSize: "base",
|
|
285
285
|
margin: 0,
|
|
286
286
|
padding: 0
|
|
287
|
+
},
|
|
288
|
+
a: {
|
|
289
|
+
color: "text",
|
|
290
|
+
fontFamily: "body",
|
|
291
|
+
"&.quiet:not(:hover)": {
|
|
292
|
+
textDecorationLine: "none"
|
|
293
|
+
},
|
|
294
|
+
":visited": {
|
|
295
|
+
color: "highlight"
|
|
296
|
+
}
|
|
287
297
|
}
|
|
288
298
|
},
|
|
289
299
|
/**
|
|
@@ -448,6 +458,23 @@ var BruttalTheme = {
|
|
|
448
458
|
},
|
|
449
459
|
'&:has(input[type="checkbox"]:disabled)': {
|
|
450
460
|
color: "onMuted"
|
|
461
|
+
},
|
|
462
|
+
'&:has(div > input[type="radio"])': {
|
|
463
|
+
alignItems: "center"
|
|
464
|
+
},
|
|
465
|
+
'&:has(div > input[type="radio"]:disabled)': {
|
|
466
|
+
color: "muted"
|
|
467
|
+
}
|
|
468
|
+
},
|
|
469
|
+
radio: {
|
|
470
|
+
color: "text",
|
|
471
|
+
fontFamily: "body",
|
|
472
|
+
fontSize: "lg",
|
|
473
|
+
"input:disabled ~ &": {
|
|
474
|
+
color: "muted"
|
|
475
|
+
},
|
|
476
|
+
'input[aria-invalid="true"] ~ &': {
|
|
477
|
+
color: "danger"
|
|
451
478
|
}
|
|
452
479
|
},
|
|
453
480
|
checkbox: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/theme",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.20",
|
|
4
4
|
"description": "Theme for packages.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"author": "ttoss",
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
]
|
|
58
58
|
}
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "7ca7111316e8fe781e55ac921f0e478985110151"
|
|
61
61
|
}
|
|
@@ -130,6 +130,16 @@ export const BruttalTheme: Theme = {
|
|
|
130
130
|
margin: 0,
|
|
131
131
|
padding: 0,
|
|
132
132
|
},
|
|
133
|
+
a: {
|
|
134
|
+
color: 'text',
|
|
135
|
+
fontFamily: 'body',
|
|
136
|
+
'&.quiet:not(:hover)': {
|
|
137
|
+
textDecorationLine: 'none',
|
|
138
|
+
},
|
|
139
|
+
':visited': {
|
|
140
|
+
color: 'highlight',
|
|
141
|
+
},
|
|
142
|
+
},
|
|
133
143
|
},
|
|
134
144
|
/**
|
|
135
145
|
* Components
|
|
@@ -294,6 +304,23 @@ export const BruttalTheme: Theme = {
|
|
|
294
304
|
'&:has(input[type="checkbox"]:disabled)': {
|
|
295
305
|
color: 'onMuted',
|
|
296
306
|
},
|
|
307
|
+
'&:has(div > input[type="radio"])': {
|
|
308
|
+
alignItems: 'center',
|
|
309
|
+
},
|
|
310
|
+
'&:has(div > input[type="radio"]:disabled)': {
|
|
311
|
+
color: 'muted',
|
|
312
|
+
},
|
|
313
|
+
},
|
|
314
|
+
radio: {
|
|
315
|
+
color: 'text',
|
|
316
|
+
fontFamily: 'body',
|
|
317
|
+
fontSize: 'lg',
|
|
318
|
+
'input:disabled ~ &': {
|
|
319
|
+
color: 'muted',
|
|
320
|
+
},
|
|
321
|
+
'input[aria-invalid="true"] ~ &': {
|
|
322
|
+
color: 'danger',
|
|
323
|
+
},
|
|
297
324
|
},
|
|
298
325
|
checkbox: {
|
|
299
326
|
'input:not(:checked) ~ &': {
|