@ttoss/theme 1.4.11 → 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-3GTDZ7BY.js → chunk-5QRUHW2R.js} +30 -1
  2. package/dist/esm/index.js +1 -1
  3. package/dist/esm/themes/Bruttal/Bruttal.js +1 -1
  4. package/dist/index.js +30 -1
  5. package/dist/themes/Bruttal/Bruttal.js +30 -1
  6. package/package.json +2 -2
  7. package/src/themes/Bruttal/BruttalTheme.ts +29 -0
package/dist/esm/{chunk-3GTDZ7BY.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,
@@ -425,6 +426,34 @@ var BruttalTheme = {
425
426
  "&.error+span>iconify-icon": {
426
427
  color: "danger"
427
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
+ }
428
457
  }
429
458
  },
430
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-3GTDZ7BY.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-3GTDZ7BY.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,
@@ -464,6 +465,34 @@ var BruttalTheme = {
464
465
  "&.error+span>iconify-icon": {
465
466
  color: "danger"
466
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
+ }
467
496
  }
468
497
  },
469
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,
@@ -468,6 +469,34 @@ var BruttalTheme = {
468
469
  "&.error+span>iconify-icon": {
469
470
  color: "danger"
470
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
+ }
471
500
  }
472
501
  },
473
502
  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.12",
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": "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,
@@ -315,6 +316,34 @@ export const BruttalTheme: Theme = {
315
316
  color: 'danger',
316
317
  },
317
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
+ },
318
347
  },
319
348
  text: {
320
349
  default: {