@ttoss/theme 1.4.15 → 1.4.17

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-NYJWOJA3.js → chunk-YBNKSKOV.js} +39 -0
  2. package/dist/esm/index.js +1 -1
  3. package/dist/esm/themes/Bruttal/Bruttal.js +1 -1
  4. package/dist/index.js +39 -0
  5. package/dist/themes/Bruttal/Bruttal.js +39 -0
  6. package/package.json +8 -4
  7. package/src/themes/Bruttal/BruttalTheme.ts +39 -0
package/dist/esm/{chunk-NYJWOJA3.js → chunk-YBNKSKOV.js} RENAMED
@@ -448,6 +448,45 @@ var BruttalTheme = {
448
448
  color: "danger"
449
449
  }
450
450
  },
451
+ inputNumber: {
452
+ fontFamily: "body",
453
+ color: "text",
454
+ border: "interaction",
455
+ borderColor: "onMuted",
456
+ borderRadius: "action",
457
+ paddingY: "lg",
458
+ paddingX: "xl",
459
+ ":disabled": {
460
+ borderColor: "onMuted",
461
+ border: "muted",
462
+ color: "muted"
463
+ },
464
+ ":disabled ~ span > iconify-icon": {
465
+ color: "muted",
466
+ cursor: "default"
467
+ },
468
+ ":focus-within": {
469
+ outlineColor: "highlight"
470
+ },
471
+ ':not(:disabled, [aria-invalid="true"]):hover': {
472
+ borderColor: "highlight"
473
+ },
474
+ ':not(:disabled, [aria-invalid="true"]) ~ span:has(iconify-icon):hover': {
475
+ color: "highlight"
476
+ },
477
+ "& ~ span:has(iconify-icon)": {
478
+ fontSize: "base"
479
+ },
480
+ '&[aria-invalid="true"]': {
481
+ border: "danger",
482
+ borderColor: "danger",
483
+ color: "danger",
484
+ outlineColor: "danger"
485
+ },
486
+ '&[aria-invalid="true"] ~ span>iconify-icon': {
487
+ color: "danger"
488
+ }
489
+ },
451
490
  select: {
452
491
  color: "text",
453
492
  fontFamily: "body",
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-NYJWOJA3.js";
2
+ import { BruttalTheme } from "./chunk-YBNKSKOV.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-NYJWOJA3.js";
2
+ import { BruttalFonts, BruttalTheme } from "../../chunk-YBNKSKOV.js";
3
3
  export { BruttalFonts, BruttalTheme };
package/dist/index.js CHANGED
@@ -487,6 +487,45 @@ var BruttalTheme = {
487
487
  color: "danger"
488
488
  }
489
489
  },
490
+ inputNumber: {
491
+ fontFamily: "body",
492
+ color: "text",
493
+ border: "interaction",
494
+ borderColor: "onMuted",
495
+ borderRadius: "action",
496
+ paddingY: "lg",
497
+ paddingX: "xl",
498
+ ":disabled": {
499
+ borderColor: "onMuted",
500
+ border: "muted",
501
+ color: "muted"
502
+ },
503
+ ":disabled ~ span > iconify-icon": {
504
+ color: "muted",
505
+ cursor: "default"
506
+ },
507
+ ":focus-within": {
508
+ outlineColor: "highlight"
509
+ },
510
+ ':not(:disabled, [aria-invalid="true"]):hover': {
511
+ borderColor: "highlight"
512
+ },
513
+ ':not(:disabled, [aria-invalid="true"]) ~ span:has(iconify-icon):hover': {
514
+ color: "highlight"
515
+ },
516
+ "& ~ span:has(iconify-icon)": {
517
+ fontSize: "base"
518
+ },
519
+ '&[aria-invalid="true"]': {
520
+ border: "danger",
521
+ borderColor: "danger",
522
+ color: "danger",
523
+ outlineColor: "danger"
524
+ },
525
+ '&[aria-invalid="true"] ~ span>iconify-icon': {
526
+ color: "danger"
527
+ }
528
+ },
490
529
  select: {
491
530
  color: "text",
492
531
  fontFamily: "body",
package/dist/themes/Bruttal/Bruttal.js CHANGED
@@ -491,6 +491,45 @@ var BruttalTheme = {
491
491
  color: "danger"
492
492
  }
493
493
  },
494
+ inputNumber: {
495
+ fontFamily: "body",
496
+ color: "text",
497
+ border: "interaction",
498
+ borderColor: "onMuted",
499
+ borderRadius: "action",
500
+ paddingY: "lg",
501
+ paddingX: "xl",
502
+ ":disabled": {
503
+ borderColor: "onMuted",
504
+ border: "muted",
505
+ color: "muted"
506
+ },
507
+ ":disabled ~ span > iconify-icon": {
508
+ color: "muted",
509
+ cursor: "default"
510
+ },
511
+ ":focus-within": {
512
+ outlineColor: "highlight"
513
+ },
514
+ ':not(:disabled, [aria-invalid="true"]):hover': {
515
+ borderColor: "highlight"
516
+ },
517
+ ':not(:disabled, [aria-invalid="true"]) ~ span:has(iconify-icon):hover': {
518
+ color: "highlight"
519
+ },
520
+ "& ~ span:has(iconify-icon)": {
521
+ fontSize: "base"
522
+ },
523
+ '&[aria-invalid="true"]': {
524
+ border: "danger",
525
+ borderColor: "danger",
526
+ color: "danger",
527
+ outlineColor: "danger"
528
+ },
529
+ '&[aria-invalid="true"] ~ span>iconify-icon': {
530
+ color: "danger"
531
+ }
532
+ },
494
533
  select: {
495
534
  color: "text",
496
535
  fontFamily: "body",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/theme",
3
- "version": "1.4.15",
3
+ "version": "1.4.17",
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": "3f398d2717a3ac8f7fecf4c79c028b35f0ef45fb"
60
+ "gitHead": "0ea6f4641c1d97631f38c72da681a9e2dc54d0b7"
57
61
  }
package/src/themes/Bruttal/BruttalTheme.ts CHANGED
@@ -336,6 +336,45 @@ export const BruttalTheme: Theme = {
336
336
  color: 'danger',
337
337
  },
338
338
  },
339
+ inputNumber: {
340
+ fontFamily: 'body',
341
+ color: 'text',
342
+ border: 'interaction',
343
+ borderColor: 'onMuted',
344
+ borderRadius: 'action',
345
+ paddingY: 'lg',
346
+ paddingX: 'xl',
347
+ ':disabled': {
348
+ borderColor: 'onMuted',
349
+ border: 'muted',
350
+ color: 'muted',
351
+ },
352
+ ':disabled ~ span > iconify-icon': {
353
+ color: 'muted',
354
+ cursor: 'default',
355
+ },
356
+ ':focus-within': {
357
+ outlineColor: 'highlight',
358
+ },
359
+ ':not(:disabled, [aria-invalid="true"]):hover': {
360
+ borderColor: 'highlight',
361
+ },
362
+ ':not(:disabled, [aria-invalid="true"]) ~ span:has(iconify-icon):hover': {
363
+ color: 'highlight',
364
+ },
365
+ '& ~ span:has(iconify-icon)': {
366
+ fontSize: 'base',
367
+ },
368
+ '&[aria-invalid="true"]': {
369
+ border: 'danger',
370
+ borderColor: 'danger',
371
+ color: 'danger',
372
+ outlineColor: 'danger',
373
+ },
374
+ '&[aria-invalid="true"] ~ span>iconify-icon': {
375
+ color: 'danger',
376
+ },
377
+ },
339
378
  select: {
340
379
  color: 'text',
341
380
  fontFamily: 'body',