@ttoss/theme 1.4.14 → 1.4.16

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-B45SPZIW.js → chunk-NYJWOJA3.js} +36 -0
  2. package/dist/esm/index.js +1 -1
  3. package/dist/esm/themes/Bruttal/Bruttal.js +1 -1
  4. package/dist/index.js +36 -0
  5. package/dist/themes/Bruttal/Bruttal.js +36 -0
  6. package/package.json +8 -4
  7. package/src/themes/Bruttal/BruttalTheme.ts +36 -0
package/dist/esm/{chunk-B45SPZIW.js → chunk-NYJWOJA3.js} RENAMED
@@ -475,6 +475,42 @@ var BruttalTheme = {
475
475
  '&[aria-invalid="true"] ~ span.error-icon': {
476
476
  color: "danger"
477
477
  }
478
+ },
479
+ textarea: {
480
+ fontFamily: "body",
481
+ color: "text",
482
+ border: "interaction",
483
+ borderColor: "onMuted",
484
+ backgroundColor: "surface",
485
+ paddingY: "lg",
486
+ paddingX: "xl",
487
+ borderRadius: "action",
488
+ ":focus-within": {
489
+ outlineColor: "primary"
490
+ },
491
+ ":disabled::placeholder": {
492
+ color: "muted"
493
+ },
494
+ ":disabled": {
495
+ borderColor: "onMuted",
496
+ border: "muted",
497
+ color: "muted"
498
+ },
499
+ ":disabled+span>iconify-icon": {
500
+ color: "muted"
501
+ },
502
+ '&[aria-invalid="true"]': {
503
+ borderColor: "danger"
504
+ },
505
+ "&.success+span>iconify-icon": {
506
+ color: "positive"
507
+ },
508
+ '&[aria-invalid="true"]+span>iconify-icon': {
509
+ color: "danger"
510
+ },
511
+ '&[aria-invalid="true"]::placeholder': {
512
+ color: "danger"
513
+ }
478
514
  }
479
515
  },
480
516
  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-B45SPZIW.js";
2
+ import { BruttalTheme } from "./chunk-NYJWOJA3.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-B45SPZIW.js";
2
+ import { BruttalFonts, BruttalTheme } from "../../chunk-NYJWOJA3.js";
3
3
  export { BruttalFonts, BruttalTheme };
package/dist/index.js CHANGED
@@ -514,6 +514,42 @@ var BruttalTheme = {
514
514
  '&[aria-invalid="true"] ~ span.error-icon': {
515
515
  color: "danger"
516
516
  }
517
+ },
518
+ textarea: {
519
+ fontFamily: "body",
520
+ color: "text",
521
+ border: "interaction",
522
+ borderColor: "onMuted",
523
+ backgroundColor: "surface",
524
+ paddingY: "lg",
525
+ paddingX: "xl",
526
+ borderRadius: "action",
527
+ ":focus-within": {
528
+ outlineColor: "primary"
529
+ },
530
+ ":disabled::placeholder": {
531
+ color: "muted"
532
+ },
533
+ ":disabled": {
534
+ borderColor: "onMuted",
535
+ border: "muted",
536
+ color: "muted"
537
+ },
538
+ ":disabled+span>iconify-icon": {
539
+ color: "muted"
540
+ },
541
+ '&[aria-invalid="true"]': {
542
+ borderColor: "danger"
543
+ },
544
+ "&.success+span>iconify-icon": {
545
+ color: "positive"
546
+ },
547
+ '&[aria-invalid="true"]+span>iconify-icon': {
548
+ color: "danger"
549
+ },
550
+ '&[aria-invalid="true"]::placeholder': {
551
+ color: "danger"
552
+ }
517
553
  }
518
554
  },
519
555
  text: {
package/dist/themes/Bruttal/Bruttal.js CHANGED
@@ -518,6 +518,42 @@ var BruttalTheme = {
518
518
  '&[aria-invalid="true"] ~ span.error-icon': {
519
519
  color: "danger"
520
520
  }
521
+ },
522
+ textarea: {
523
+ fontFamily: "body",
524
+ color: "text",
525
+ border: "interaction",
526
+ borderColor: "onMuted",
527
+ backgroundColor: "surface",
528
+ paddingY: "lg",
529
+ paddingX: "xl",
530
+ borderRadius: "action",
531
+ ":focus-within": {
532
+ outlineColor: "primary"
533
+ },
534
+ ":disabled::placeholder": {
535
+ color: "muted"
536
+ },
537
+ ":disabled": {
538
+ borderColor: "onMuted",
539
+ border: "muted",
540
+ color: "muted"
541
+ },
542
+ ":disabled+span>iconify-icon": {
543
+ color: "muted"
544
+ },
545
+ '&[aria-invalid="true"]': {
546
+ borderColor: "danger"
547
+ },
548
+ "&.success+span>iconify-icon": {
549
+ color: "positive"
550
+ },
551
+ '&[aria-invalid="true"]+span>iconify-icon': {
552
+ color: "danger"
553
+ },
554
+ '&[aria-invalid="true"]::placeholder': {
555
+ color: "danger"
556
+ }
521
557
  }
522
558
  },
523
559
  text: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/theme",
3
- "version": "1.4.14",
3
+ "version": "1.4.16",
4
4
  "description": "Theme for packages.",
5
5
  "license": "UNLICENSED",
6
6
  "author": "ttoss",
@@ -36,8 +36,12 @@
36
36
  "deepmerge": "^4.3.1"
37
37
  },
38
38
  "devDependencies": {
39
- "@ttoss/config": "^1.29.3",
40
- "@ttoss/test-utils": "^1.21.2"
39
+ "@iconify/types": "^2.0.0",
40
+ "@ttoss/config": "^1.29.4",
41
+ "@ttoss/test-utils": "^1.21.3",
42
+ "jest": "^29.5.0",
43
+ "theme-ui": "^0.15.7",
44
+ "tsup": "^6.7.0"
41
45
  },
42
46
  "keywords": [],
43
47
  "publishConfig": {
@@ -53,5 +57,5 @@
53
57
  ]
54
58
  }
55
59
  },
56
- "gitHead": "f7ce64308917a032fdd64066b00d26f12702ef83"
60
+ "gitHead": "81c9da91988b338a6449d84b4dfc183ccf9ed941"
57
61
  }
package/src/themes/Bruttal/BruttalTheme.ts CHANGED
@@ -364,6 +364,42 @@ export const BruttalTheme: Theme = {
364
364
  color: 'danger',
365
365
  },
366
366
  },
367
+ textarea: {
368
+ fontFamily: 'body',
369
+ color: 'text',
370
+ border: 'interaction',
371
+ borderColor: 'onMuted',
372
+ backgroundColor: 'surface',
373
+ paddingY: 'lg',
374
+ paddingX: 'xl',
375
+ borderRadius: 'action',
376
+ ':focus-within': {
377
+ outlineColor: 'primary',
378
+ },
379
+ ':disabled::placeholder': {
380
+ color: 'muted',
381
+ },
382
+ ':disabled': {
383
+ borderColor: 'onMuted',
384
+ border: 'muted',
385
+ color: 'muted',
386
+ },
387
+ ':disabled+span>iconify-icon': {
388
+ color: 'muted',
389
+ },
390
+ '&[aria-invalid="true"]': {
391
+ borderColor: 'danger',
392
+ },
393
+ '&.success+span>iconify-icon': {
394
+ color: 'positive',
395
+ },
396
+ '&[aria-invalid="true"]+span>iconify-icon': {
397
+ color: 'danger',
398
+ },
399
+ '&[aria-invalid="true"]::placeholder': {
400
+ color: 'danger',
401
+ },
402
+ },
367
403
  },
368
404
  text: {
369
405
  default: {