@ttoss/theme 1.4.8 → 1.4.10
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.
|
@@ -221,7 +221,8 @@ var BruttalTheme = {
|
|
|
221
221
|
},
|
|
222
222
|
borders: {
|
|
223
223
|
default: coreBorders.medium,
|
|
224
|
-
muted: coreBorders.thin
|
|
224
|
+
muted: coreBorders.thin,
|
|
225
|
+
interaction: coreBorders.medium
|
|
225
226
|
},
|
|
226
227
|
radii: {
|
|
227
228
|
informative: coreRadii.xs,
|
|
@@ -401,17 +402,25 @@ var BruttalTheme = {
|
|
|
401
402
|
input: {
|
|
402
403
|
fontFamily: "body",
|
|
403
404
|
color: "text",
|
|
404
|
-
|
|
405
|
-
|
|
405
|
+
border: "interaction",
|
|
406
|
+
borderColor: "onMuted",
|
|
407
|
+
borderRadius: "action",
|
|
408
|
+
paddingY: "lg",
|
|
409
|
+
paddingX: "xl",
|
|
410
|
+
backgroundColor: "surface",
|
|
406
411
|
"::placeholder": {
|
|
407
|
-
color: "
|
|
412
|
+
color: "text"
|
|
408
413
|
},
|
|
409
414
|
":focus-within": {
|
|
410
415
|
outlineColor: "neutral"
|
|
411
416
|
},
|
|
417
|
+
":disabled::placeholder": {
|
|
418
|
+
color: "onMuted"
|
|
419
|
+
},
|
|
412
420
|
":disabled": {
|
|
413
|
-
backgroundColor: "
|
|
414
|
-
borderColor: "
|
|
421
|
+
backgroundColor: "muted",
|
|
422
|
+
borderColor: "onMuted",
|
|
423
|
+
border: "muted"
|
|
415
424
|
},
|
|
416
425
|
"&.error": {
|
|
417
426
|
borderColor: "danger"
|
package/dist/esm/index.js
CHANGED
package/dist/index.js
CHANGED
|
@@ -260,7 +260,8 @@ var BruttalTheme = {
|
|
|
260
260
|
},
|
|
261
261
|
borders: {
|
|
262
262
|
default: coreBorders.medium,
|
|
263
|
-
muted: coreBorders.thin
|
|
263
|
+
muted: coreBorders.thin,
|
|
264
|
+
interaction: coreBorders.medium
|
|
264
265
|
},
|
|
265
266
|
radii: {
|
|
266
267
|
informative: coreRadii.xs,
|
|
@@ -440,17 +441,25 @@ var BruttalTheme = {
|
|
|
440
441
|
input: {
|
|
441
442
|
fontFamily: "body",
|
|
442
443
|
color: "text",
|
|
443
|
-
|
|
444
|
-
|
|
444
|
+
border: "interaction",
|
|
445
|
+
borderColor: "onMuted",
|
|
446
|
+
borderRadius: "action",
|
|
447
|
+
paddingY: "lg",
|
|
448
|
+
paddingX: "xl",
|
|
449
|
+
backgroundColor: "surface",
|
|
445
450
|
"::placeholder": {
|
|
446
|
-
color: "
|
|
451
|
+
color: "text"
|
|
447
452
|
},
|
|
448
453
|
":focus-within": {
|
|
449
454
|
outlineColor: "neutral"
|
|
450
455
|
},
|
|
456
|
+
":disabled::placeholder": {
|
|
457
|
+
color: "onMuted"
|
|
458
|
+
},
|
|
451
459
|
":disabled": {
|
|
452
|
-
backgroundColor: "
|
|
453
|
-
borderColor: "
|
|
460
|
+
backgroundColor: "muted",
|
|
461
|
+
borderColor: "onMuted",
|
|
462
|
+
border: "muted"
|
|
454
463
|
},
|
|
455
464
|
"&.error": {
|
|
456
465
|
borderColor: "danger"
|
|
@@ -264,7 +264,8 @@ var BruttalTheme = {
|
|
|
264
264
|
},
|
|
265
265
|
borders: {
|
|
266
266
|
default: coreBorders.medium,
|
|
267
|
-
muted: coreBorders.thin
|
|
267
|
+
muted: coreBorders.thin,
|
|
268
|
+
interaction: coreBorders.medium
|
|
268
269
|
},
|
|
269
270
|
radii: {
|
|
270
271
|
informative: coreRadii.xs,
|
|
@@ -444,17 +445,25 @@ var BruttalTheme = {
|
|
|
444
445
|
input: {
|
|
445
446
|
fontFamily: "body",
|
|
446
447
|
color: "text",
|
|
447
|
-
|
|
448
|
-
|
|
448
|
+
border: "interaction",
|
|
449
|
+
borderColor: "onMuted",
|
|
450
|
+
borderRadius: "action",
|
|
451
|
+
paddingY: "lg",
|
|
452
|
+
paddingX: "xl",
|
|
453
|
+
backgroundColor: "surface",
|
|
449
454
|
"::placeholder": {
|
|
450
|
-
color: "
|
|
455
|
+
color: "text"
|
|
451
456
|
},
|
|
452
457
|
":focus-within": {
|
|
453
458
|
outlineColor: "neutral"
|
|
454
459
|
},
|
|
460
|
+
":disabled::placeholder": {
|
|
461
|
+
color: "onMuted"
|
|
462
|
+
},
|
|
455
463
|
":disabled": {
|
|
456
|
-
backgroundColor: "
|
|
457
|
-
borderColor: "
|
|
464
|
+
backgroundColor: "muted",
|
|
465
|
+
borderColor: "onMuted",
|
|
466
|
+
border: "muted"
|
|
458
467
|
},
|
|
459
468
|
"&.error": {
|
|
460
469
|
borderColor: "danger"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/theme",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.10",
|
|
4
4
|
"description": "Theme for packages.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"author": "ttoss",
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
"deepmerge": "^4.3.1"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@ttoss/config": "^1.29.
|
|
40
|
-
"@ttoss/test-utils": "^1.21.
|
|
39
|
+
"@ttoss/config": "^1.29.3",
|
|
40
|
+
"@ttoss/test-utils": "^1.21.1"
|
|
41
41
|
},
|
|
42
42
|
"keywords": [],
|
|
43
43
|
"publishConfig": {
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
]
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "39abc27c77c2587edc8d877ccb121783611791a4"
|
|
57
57
|
}
|
|
@@ -111,6 +111,7 @@ export const BruttalTheme: Theme = {
|
|
|
111
111
|
borders: {
|
|
112
112
|
default: coreBorders.medium,
|
|
113
113
|
muted: coreBorders.thin,
|
|
114
|
+
interaction: coreBorders.medium,
|
|
114
115
|
},
|
|
115
116
|
radii: {
|
|
116
117
|
informative: coreRadii.xs,
|
|
@@ -290,17 +291,25 @@ export const BruttalTheme: Theme = {
|
|
|
290
291
|
input: {
|
|
291
292
|
fontFamily: 'body',
|
|
292
293
|
color: 'text',
|
|
293
|
-
|
|
294
|
-
|
|
294
|
+
border: 'interaction',
|
|
295
|
+
borderColor: 'onMuted',
|
|
296
|
+
borderRadius: 'action',
|
|
297
|
+
paddingY: 'lg',
|
|
298
|
+
paddingX: 'xl',
|
|
299
|
+
backgroundColor: 'surface',
|
|
295
300
|
'::placeholder': {
|
|
296
|
-
color: '
|
|
301
|
+
color: 'text',
|
|
297
302
|
},
|
|
298
303
|
':focus-within': {
|
|
299
304
|
outlineColor: 'neutral',
|
|
300
305
|
},
|
|
306
|
+
':disabled::placeholder': {
|
|
307
|
+
color: 'onMuted',
|
|
308
|
+
},
|
|
301
309
|
':disabled': {
|
|
302
|
-
backgroundColor: '
|
|
303
|
-
borderColor: '
|
|
310
|
+
backgroundColor: 'muted',
|
|
311
|
+
borderColor: 'onMuted',
|
|
312
|
+
border: 'muted',
|
|
304
313
|
},
|
|
305
314
|
'&.error': {
|
|
306
315
|
borderColor: 'danger',
|