@ttoss/theme 1.4.11 → 1.4.13

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-3GTDZ7BY.js → chunk-STTOSDFS.js} +38 -5
  2. package/dist/esm/index.js +1 -1
  3. package/dist/esm/themes/Bruttal/Bruttal.js +1 -1
  4. package/dist/index.js +38 -5
  5. package/dist/themes/Bruttal/Bruttal.js +38 -5
  6. package/package.json +2 -2
  7. package/src/themes/Bruttal/BruttalTheme.ts +37 -4
package/dist/esm/{chunk-3GTDZ7BY.js → chunk-STTOSDFS.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,
@@ -376,10 +377,14 @@ var BruttalTheme = {
376
377
  },
377
378
  forms: {
378
379
  label: {
379
- "&:has(+ div > input.error)": {
380
- "span > iconify-icon": {
381
- color: "danger"
382
- }
380
+ color: "text",
381
+ fontFamily: "body",
382
+ '&:is([aria-disabled="true"])': {
383
+ color: "onMuted"
384
+ },
385
+ '& > span[aria-label="tooltip"]': {
386
+ fontSize: "xs",
387
+ marginLeft: "2xs"
383
388
  },
384
389
  '&:has(input[type="checkbox"]:disabled)': {
385
390
  color: "onMuted"
@@ -425,6 +430,34 @@ var BruttalTheme = {
425
430
  "&.error+span>iconify-icon": {
426
431
  color: "danger"
427
432
  }
433
+ },
434
+ select: {
435
+ color: "text",
436
+ fontFamily: "body",
437
+ backgroundColor: "surface",
438
+ border: "interaction",
439
+ borderColor: "onMuted",
440
+ width: "100%",
441
+ paddingY: "lg",
442
+ paddingX: "xl",
443
+ borderRadius: "action",
444
+ ":disabled": {
445
+ border: "muted",
446
+ borderColor: "onMuted",
447
+ backgroundColor: "muted",
448
+ color: "onMuted"
449
+ },
450
+ ":disabled ~ span:has(iconify-icon)": {
451
+ color: "onMuted"
452
+ },
453
+ '&[aria-invalid="true"]': {
454
+ border: "danger",
455
+ borderColor: "danger",
456
+ outlineColor: "danger"
457
+ },
458
+ '&[aria-invalid="true"] ~ span.error-icon': {
459
+ color: "danger"
460
+ }
428
461
  }
429
462
  },
430
463
  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-3GTDZ7BY.js";
2
+ import { BruttalTheme } from "./chunk-STTOSDFS.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-3GTDZ7BY.js";
2
+ import { BruttalFonts, BruttalTheme } from "../../chunk-STTOSDFS.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,
@@ -415,10 +416,14 @@ var BruttalTheme = {
415
416
  },
416
417
  forms: {
417
418
  label: {
418
- "&:has(+ div > input.error)": {
419
- "span > iconify-icon": {
420
- color: "danger"
421
- }
419
+ color: "text",
420
+ fontFamily: "body",
421
+ '&:is([aria-disabled="true"])': {
422
+ color: "onMuted"
423
+ },
424
+ '& > span[aria-label="tooltip"]': {
425
+ fontSize: "xs",
426
+ marginLeft: "2xs"
422
427
  },
423
428
  '&:has(input[type="checkbox"]:disabled)': {
424
429
  color: "onMuted"
@@ -464,6 +469,34 @@ var BruttalTheme = {
464
469
  "&.error+span>iconify-icon": {
465
470
  color: "danger"
466
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
+ }
467
500
  }
468
501
  },
469
502
  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,
@@ -419,10 +420,14 @@ var BruttalTheme = {
419
420
  },
420
421
  forms: {
421
422
  label: {
422
- "&:has(+ div > input.error)": {
423
- "span > iconify-icon": {
424
- color: "danger"
425
- }
423
+ color: "text",
424
+ fontFamily: "body",
425
+ '&:is([aria-disabled="true"])': {
426
+ color: "onMuted"
427
+ },
428
+ '& > span[aria-label="tooltip"]': {
429
+ fontSize: "xs",
430
+ marginLeft: "2xs"
426
431
  },
427
432
  '&:has(input[type="checkbox"]:disabled)': {
428
433
  color: "onMuted"
@@ -468,6 +473,34 @@ var BruttalTheme = {
468
473
  "&.error+span>iconify-icon": {
469
474
  color: "danger"
470
475
  }
476
+ },
477
+ select: {
478
+ color: "text",
479
+ fontFamily: "body",
480
+ backgroundColor: "surface",
481
+ border: "interaction",
482
+ borderColor: "onMuted",
483
+ width: "100%",
484
+ paddingY: "lg",
485
+ paddingX: "xl",
486
+ borderRadius: "action",
487
+ ":disabled": {
488
+ border: "muted",
489
+ borderColor: "onMuted",
490
+ backgroundColor: "muted",
491
+ color: "onMuted"
492
+ },
493
+ ":disabled ~ span:has(iconify-icon)": {
494
+ color: "onMuted"
495
+ },
496
+ '&[aria-invalid="true"]': {
497
+ border: "danger",
498
+ borderColor: "danger",
499
+ outlineColor: "danger"
500
+ },
501
+ '&[aria-invalid="true"] ~ span.error-icon': {
502
+ color: "danger"
503
+ }
471
504
  }
472
505
  },
473
506
  text: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/theme",
3
- "version": "1.4.11",
3
+ "version": "1.4.13",
4
4
  "description": "Theme for packages.",
5
5
  "license": "UNLICENSED",
6
6
  "author": "ttoss",
@@ -53,5 +53,5 @@
53
53
  ]
54
54
  }
55
55
  },
56
- "gitHead": "6f711c5bb31c7b7b347477910cc0da1fe165509e"
56
+ "gitHead": "8572bc7e98343a9780146a604b0d2f04ca4388e6"
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,
@@ -265,10 +266,14 @@ export const BruttalTheme: Theme = {
265
266
  },
266
267
  forms: {
267
268
  label: {
268
- '&:has(+ div > input.error)': {
269
- 'span > iconify-icon': {
270
- color: 'danger',
271
- },
269
+ color: 'text',
270
+ fontFamily: 'body',
271
+ '&:is([aria-disabled="true"])': {
272
+ color: 'onMuted',
273
+ },
274
+ '& > span[aria-label="tooltip"]': {
275
+ fontSize: 'xs',
276
+ marginLeft: '2xs',
272
277
  },
273
278
  '&:has(input[type="checkbox"]:disabled)': {
274
279
  color: 'onMuted',
@@ -315,6 +320,34 @@ export const BruttalTheme: Theme = {
315
320
  color: 'danger',
316
321
  },
317
322
  },
323
+ select: {
324
+ color: 'text',
325
+ fontFamily: 'body',
326
+ backgroundColor: 'surface',
327
+ border: 'interaction',
328
+ borderColor: 'onMuted',
329
+ width: '100%',
330
+ paddingY: 'lg',
331
+ paddingX: 'xl',
332
+ borderRadius: 'action',
333
+ ':disabled': {
334
+ border: 'muted',
335
+ borderColor: 'onMuted',
336
+ backgroundColor: 'muted',
337
+ color: 'onMuted',
338
+ },
339
+ ':disabled ~ span:has(iconify-icon)': {
340
+ color: 'onMuted',
341
+ },
342
+ '&[aria-invalid="true"]': {
343
+ border: 'danger',
344
+ borderColor: 'danger',
345
+ outlineColor: 'danger',
346
+ },
347
+ '&[aria-invalid="true"] ~ span.error-icon': {
348
+ color: 'danger',
349
+ },
350
+ },
318
351
  },
319
352
  text: {
320
353
  default: {