@ttoss/theme 1.4.10 → 1.4.12

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 (7) hide show
  1. package/dist/esm/{chunk-DDYXQPDF.js → chunk-5QRUHW2R.js} +31 -5
  2. package/dist/esm/index.js +1 -1
  3. package/dist/esm/themes/Bruttal/Bruttal.js +1 -1
  4. package/dist/index.js +31 -5
  5. package/dist/themes/Bruttal/Bruttal.js +31 -5
  6. package/package.json +3 -3
  7. package/src/themes/Bruttal/BruttalTheme.ts +30 -4
package/dist/esm/{chunk-DDYXQPDF.js → chunk-5QRUHW2R.js} RENAMED
@@ -222,7 +222,8 @@ var BruttalTheme = {
222
222
  borders: {
223
223
  default: coreBorders.medium,
224
224
  muted: coreBorders.thin,
225
- interaction: coreBorders.medium
225
+ interaction: coreBorders.medium,
226
+ danger: coreBorders.medium
226
227
  },
227
228
  radii: {
228
229
  informative: coreRadii.xs,
@@ -409,14 +410,11 @@ var BruttalTheme = {
409
410
  paddingX: "xl",
410
411
  backgroundColor: "surface",
411
412
  "::placeholder": {
412
- color: "text"
413
+ color: "onMuted"
413
414
  },
414
415
  ":focus-within": {
415
416
  outlineColor: "neutral"
416
417
  },
417
- ":disabled::placeholder": {
418
- color: "onMuted"
419
- },
420
418
  ":disabled": {
421
419
  backgroundColor: "muted",
422
420
  borderColor: "onMuted",
@@ -428,6 +426,34 @@ var BruttalTheme = {
428
426
  "&.error+span>iconify-icon": {
429
427
  color: "danger"
430
428
  }
429
+ },
430
+ select: {
431
+ color: "text",
432
+ fontFamily: "body",
433
+ backgroundColor: "surface",
434
+ border: "interaction",
435
+ borderColor: "onMuted",
436
+ width: "100%",
437
+ paddingY: "lg",
438
+ paddingX: "xl",
439
+ borderRadius: "action",
440
+ ":disabled": {
441
+ border: "muted",
442
+ borderColor: "onMuted",
443
+ backgroundColor: "muted",
444
+ color: "onMuted"
445
+ },
446
+ ":disabled ~ span:has(iconify-icon)": {
447
+ color: "onMuted"
448
+ },
449
+ '&[aria-invalid="true"]': {
450
+ border: "danger",
451
+ borderColor: "danger",
452
+ outlineColor: "danger"
453
+ },
454
+ '&[aria-invalid="true"] ~ span.error-icon': {
455
+ color: "danger"
456
+ }
431
457
  }
432
458
  },
433
459
  text: {
package/dist/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
2
- import { BruttalTheme } from "./chunk-DDYXQPDF.js";
2
+ import { BruttalTheme } from "./chunk-5QRUHW2R.js";
3
3
 
4
4
  // src/createTheme.ts
5
5
  import deepmerge from "deepmerge";
package/dist/esm/themes/Bruttal/Bruttal.js CHANGED
@@ -1,3 +1,3 @@
1
1
  /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
2
- import { BruttalFonts, BruttalTheme } from "../../chunk-DDYXQPDF.js";
2
+ import { BruttalFonts, BruttalTheme } from "../../chunk-5QRUHW2R.js";
3
3
  export { BruttalFonts, BruttalTheme };
package/dist/index.js CHANGED
@@ -261,7 +261,8 @@ var BruttalTheme = {
261
261
  borders: {
262
262
  default: coreBorders.medium,
263
263
  muted: coreBorders.thin,
264
- interaction: coreBorders.medium
264
+ interaction: coreBorders.medium,
265
+ danger: coreBorders.medium
265
266
  },
266
267
  radii: {
267
268
  informative: coreRadii.xs,
@@ -448,14 +449,11 @@ var BruttalTheme = {
448
449
  paddingX: "xl",
449
450
  backgroundColor: "surface",
450
451
  "::placeholder": {
451
- color: "text"
452
+ color: "onMuted"
452
453
  },
453
454
  ":focus-within": {
454
455
  outlineColor: "neutral"
455
456
  },
456
- ":disabled::placeholder": {
457
- color: "onMuted"
458
- },
459
457
  ":disabled": {
460
458
  backgroundColor: "muted",
461
459
  borderColor: "onMuted",
@@ -467,6 +465,34 @@ var BruttalTheme = {
467
465
  "&.error+span>iconify-icon": {
468
466
  color: "danger"
469
467
  }
468
+ },
469
+ select: {
470
+ color: "text",
471
+ fontFamily: "body",
472
+ backgroundColor: "surface",
473
+ border: "interaction",
474
+ borderColor: "onMuted",
475
+ width: "100%",
476
+ paddingY: "lg",
477
+ paddingX: "xl",
478
+ borderRadius: "action",
479
+ ":disabled": {
480
+ border: "muted",
481
+ borderColor: "onMuted",
482
+ backgroundColor: "muted",
483
+ color: "onMuted"
484
+ },
485
+ ":disabled ~ span:has(iconify-icon)": {
486
+ color: "onMuted"
487
+ },
488
+ '&[aria-invalid="true"]': {
489
+ border: "danger",
490
+ borderColor: "danger",
491
+ outlineColor: "danger"
492
+ },
493
+ '&[aria-invalid="true"] ~ span.error-icon': {
494
+ color: "danger"
495
+ }
470
496
  }
471
497
  },
472
498
  text: {
package/dist/themes/Bruttal/Bruttal.js CHANGED
@@ -265,7 +265,8 @@ var BruttalTheme = {
265
265
  borders: {
266
266
  default: coreBorders.medium,
267
267
  muted: coreBorders.thin,
268
- interaction: coreBorders.medium
268
+ interaction: coreBorders.medium,
269
+ danger: coreBorders.medium
269
270
  },
270
271
  radii: {
271
272
  informative: coreRadii.xs,
@@ -452,14 +453,11 @@ var BruttalTheme = {
452
453
  paddingX: "xl",
453
454
  backgroundColor: "surface",
454
455
  "::placeholder": {
455
- color: "text"
456
+ color: "onMuted"
456
457
  },
457
458
  ":focus-within": {
458
459
  outlineColor: "neutral"
459
460
  },
460
- ":disabled::placeholder": {
461
- color: "onMuted"
462
- },
463
461
  ":disabled": {
464
462
  backgroundColor: "muted",
465
463
  borderColor: "onMuted",
@@ -471,6 +469,34 @@ var BruttalTheme = {
471
469
  "&.error+span>iconify-icon": {
472
470
  color: "danger"
473
471
  }
472
+ },
473
+ select: {
474
+ color: "text",
475
+ fontFamily: "body",
476
+ backgroundColor: "surface",
477
+ border: "interaction",
478
+ borderColor: "onMuted",
479
+ width: "100%",
480
+ paddingY: "lg",
481
+ paddingX: "xl",
482
+ borderRadius: "action",
483
+ ":disabled": {
484
+ border: "muted",
485
+ borderColor: "onMuted",
486
+ backgroundColor: "muted",
487
+ color: "onMuted"
488
+ },
489
+ ":disabled ~ span:has(iconify-icon)": {
490
+ color: "onMuted"
491
+ },
492
+ '&[aria-invalid="true"]': {
493
+ border: "danger",
494
+ borderColor: "danger",
495
+ outlineColor: "danger"
496
+ },
497
+ '&[aria-invalid="true"] ~ span.error-icon': {
498
+ color: "danger"
499
+ }
474
500
  }
475
501
  },
476
502
  text: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/theme",
3
- "version": "1.4.10",
3
+ "version": "1.4.12",
4
4
  "description": "Theme for packages.",
5
5
  "license": "UNLICENSED",
6
6
  "author": "ttoss",
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "devDependencies": {
39
39
  "@ttoss/config": "^1.29.3",
40
- "@ttoss/test-utils": "^1.21.1"
40
+ "@ttoss/test-utils": "^1.21.2"
41
41
  },
42
42
  "keywords": [],
43
43
  "publishConfig": {
@@ -53,5 +53,5 @@
53
53
  ]
54
54
  }
55
55
  },
56
- "gitHead": "39abc27c77c2587edc8d877ccb121783611791a4"
56
+ "gitHead": "2fda7636a4a10c1085a17df991fb3fc0ac28f816"
57
57
  }
package/src/themes/Bruttal/BruttalTheme.ts CHANGED
@@ -112,6 +112,7 @@ export const BruttalTheme: Theme = {
112
112
  default: coreBorders.medium,
113
113
  muted: coreBorders.thin,
114
114
  interaction: coreBorders.medium,
115
+ danger: coreBorders.medium,
115
116
  },
116
117
  radii: {
117
118
  informative: coreRadii.xs,
@@ -298,14 +299,11 @@ export const BruttalTheme: Theme = {
298
299
  paddingX: 'xl',
299
300
  backgroundColor: 'surface',
300
301
  '::placeholder': {
301
- color: 'text',
302
+ color: 'onMuted',
302
303
  },
303
304
  ':focus-within': {
304
305
  outlineColor: 'neutral',
305
306
  },
306
- ':disabled::placeholder': {
307
- color: 'onMuted',
308
- },
309
307
  ':disabled': {
310
308
  backgroundColor: 'muted',
311
309
  borderColor: 'onMuted',
@@ -318,6 +316,34 @@ export const BruttalTheme: Theme = {
318
316
  color: 'danger',
319
317
  },
320
318
  },
319
+ select: {
320
+ color: 'text',
321
+ fontFamily: 'body',
322
+ backgroundColor: 'surface',
323
+ border: 'interaction',
324
+ borderColor: 'onMuted',
325
+ width: '100%',
326
+ paddingY: 'lg',
327
+ paddingX: 'xl',
328
+ borderRadius: 'action',
329
+ ':disabled': {
330
+ border: 'muted',
331
+ borderColor: 'onMuted',
332
+ backgroundColor: 'muted',
333
+ color: 'onMuted',
334
+ },
335
+ ':disabled ~ span:has(iconify-icon)': {
336
+ color: 'onMuted',
337
+ },
338
+ '&[aria-invalid="true"]': {
339
+ border: 'danger',
340
+ borderColor: 'danger',
341
+ outlineColor: 'danger',
342
+ },
343
+ '&[aria-invalid="true"] ~ span.error-icon': {
344
+ color: 'danger',
345
+ },
346
+ },
321
347
  },
322
348
  text: {
323
349
  default: {