@ttoss/theme 1.4.8 → 1.4.9

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.
@@ -221,7 +221,8 @@ var BruttalTheme = {
221
221
  },
222
222
  borders: {
223
223
  default: coreBorders.medium,
224
- muted: coreBorders.thin
224
+ muted: coreBorders.thin,
225
+ interaction: coreBorders.medium
225
226
  },
226
227
  radii: {
227
228
  informative: coreRadii.xs,
@@ -401,17 +402,25 @@ var BruttalTheme = {
401
402
  input: {
402
403
  fontFamily: "body",
403
404
  color: "text",
404
- paddingY: "md",
405
- paddingX: "lg",
405
+ border: "interaction",
406
+ borderColor: "onMuted",
407
+ borderRadius: "action",
408
+ paddingY: "lg",
409
+ paddingX: "xl",
410
+ backgroundColor: "surface",
406
411
  "::placeholder": {
407
- color: "underemphasize"
412
+ color: "text"
408
413
  },
409
414
  ":focus-within": {
410
415
  outlineColor: "neutral"
411
416
  },
417
+ ":disabled::placeholder": {
418
+ color: "onMuted"
419
+ },
412
420
  ":disabled": {
413
- backgroundColor: "onMuted",
414
- borderColor: "muted"
421
+ backgroundColor: "muted",
422
+ borderColor: "onMuted",
423
+ border: "muted"
415
424
  },
416
425
  "&.error": {
417
426
  borderColor: "danger"
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-NT4CH6SM.js";
2
+ import { BruttalTheme } from "./chunk-DDYXQPDF.js";
3
3
 
4
4
  // src/createTheme.ts
5
5
  import deepmerge from "deepmerge";
@@ -1,3 +1,3 @@
1
1
  /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
2
- import { BruttalFonts, BruttalTheme } from "../../chunk-NT4CH6SM.js";
2
+ import { BruttalFonts, BruttalTheme } from "../../chunk-DDYXQPDF.js";
3
3
  export { BruttalFonts, BruttalTheme };
package/dist/index.js CHANGED
@@ -260,7 +260,8 @@ var BruttalTheme = {
260
260
  },
261
261
  borders: {
262
262
  default: coreBorders.medium,
263
- muted: coreBorders.thin
263
+ muted: coreBorders.thin,
264
+ interaction: coreBorders.medium
264
265
  },
265
266
  radii: {
266
267
  informative: coreRadii.xs,
@@ -440,17 +441,25 @@ var BruttalTheme = {
440
441
  input: {
441
442
  fontFamily: "body",
442
443
  color: "text",
443
- paddingY: "md",
444
- paddingX: "lg",
444
+ border: "interaction",
445
+ borderColor: "onMuted",
446
+ borderRadius: "action",
447
+ paddingY: "lg",
448
+ paddingX: "xl",
449
+ backgroundColor: "surface",
445
450
  "::placeholder": {
446
- color: "underemphasize"
451
+ color: "text"
447
452
  },
448
453
  ":focus-within": {
449
454
  outlineColor: "neutral"
450
455
  },
456
+ ":disabled::placeholder": {
457
+ color: "onMuted"
458
+ },
451
459
  ":disabled": {
452
- backgroundColor: "onMuted",
453
- borderColor: "muted"
460
+ backgroundColor: "muted",
461
+ borderColor: "onMuted",
462
+ border: "muted"
454
463
  },
455
464
  "&.error": {
456
465
  borderColor: "danger"
@@ -264,7 +264,8 @@ var BruttalTheme = {
264
264
  },
265
265
  borders: {
266
266
  default: coreBorders.medium,
267
- muted: coreBorders.thin
267
+ muted: coreBorders.thin,
268
+ interaction: coreBorders.medium
268
269
  },
269
270
  radii: {
270
271
  informative: coreRadii.xs,
@@ -444,17 +445,25 @@ var BruttalTheme = {
444
445
  input: {
445
446
  fontFamily: "body",
446
447
  color: "text",
447
- paddingY: "md",
448
- paddingX: "lg",
448
+ border: "interaction",
449
+ borderColor: "onMuted",
450
+ borderRadius: "action",
451
+ paddingY: "lg",
452
+ paddingX: "xl",
453
+ backgroundColor: "surface",
449
454
  "::placeholder": {
450
- color: "underemphasize"
455
+ color: "text"
451
456
  },
452
457
  ":focus-within": {
453
458
  outlineColor: "neutral"
454
459
  },
460
+ ":disabled::placeholder": {
461
+ color: "onMuted"
462
+ },
455
463
  ":disabled": {
456
- backgroundColor: "onMuted",
457
- borderColor: "muted"
464
+ backgroundColor: "muted",
465
+ borderColor: "onMuted",
466
+ border: "muted"
458
467
  },
459
468
  "&.error": {
460
469
  borderColor: "danger"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/theme",
3
- "version": "1.4.8",
3
+ "version": "1.4.9",
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": "01701f2c03d9872297d85af0a33d1ca4c2a6eb6b"
56
+ "gitHead": "ae4666b1c422a69395485fed34626f7401c49191"
57
57
  }
@@ -111,6 +111,7 @@ export const BruttalTheme: Theme = {
111
111
  borders: {
112
112
  default: coreBorders.medium,
113
113
  muted: coreBorders.thin,
114
+ interaction: coreBorders.medium,
114
115
  },
115
116
  radii: {
116
117
  informative: coreRadii.xs,
@@ -290,17 +291,25 @@ export const BruttalTheme: Theme = {
290
291
  input: {
291
292
  fontFamily: 'body',
292
293
  color: 'text',
293
- paddingY: 'md',
294
- paddingX: 'lg',
294
+ border: 'interaction',
295
+ borderColor: 'onMuted',
296
+ borderRadius: 'action',
297
+ paddingY: 'lg',
298
+ paddingX: 'xl',
299
+ backgroundColor: 'surface',
295
300
  '::placeholder': {
296
- color: 'underemphasize',
301
+ color: 'text',
297
302
  },
298
303
  ':focus-within': {
299
304
  outlineColor: 'neutral',
300
305
  },
306
+ ':disabled::placeholder': {
307
+ color: 'onMuted',
308
+ },
301
309
  ':disabled': {
302
- backgroundColor: 'onMuted',
303
- borderColor: 'muted',
310
+ backgroundColor: 'muted',
311
+ borderColor: 'onMuted',
312
+ border: 'muted',
304
313
  },
305
314
  '&.error': {
306
315
  borderColor: 'danger',