@ttoss/theme 1.4.37 → 1.4.39

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.
@@ -516,6 +516,31 @@ var BruttalTheme = {
516
516
  border: "highlight",
517
517
  borderColor: "highlight"
518
518
  }
519
+ },
520
+ actionButton: {
521
+ default: {
522
+ backgroundColor: "secondary",
523
+ color: "onSecondary",
524
+ border: "default",
525
+ borderColor: "onSecondary",
526
+ transition: "all 0.2s",
527
+ ":is(:focus-within, :hover)": {
528
+ backgroundColor: "highlight",
529
+ borderColor: "highlight",
530
+ color: "onHighlight"
531
+ }
532
+ },
533
+ accent: {
534
+ backgroundColor: "accent",
535
+ color: "onAccent",
536
+ border: "none"
537
+ },
538
+ quiet: {
539
+ backgroundColor: "transparent",
540
+ color: "text",
541
+ border: "none",
542
+ borderColor: "transparent"
543
+ }
519
544
  }
520
545
  },
521
546
  cards: {
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-22ME5GR5.js";
2
+ import { BruttalTheme } from "./chunk-WAU2QT6N.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-22ME5GR5.js";
2
+ import { BruttalFonts, BruttalTheme } from "../../chunk-WAU2QT6N.js";
3
3
  export { BruttalFonts, BruttalTheme };
package/dist/index.js CHANGED
@@ -531,6 +531,31 @@ var BruttalTheme = {
531
531
  border: "highlight",
532
532
  borderColor: "highlight"
533
533
  }
534
+ },
535
+ actionButton: {
536
+ default: {
537
+ backgroundColor: "secondary",
538
+ color: "onSecondary",
539
+ border: "default",
540
+ borderColor: "onSecondary",
541
+ transition: "all 0.2s",
542
+ ":is(:focus-within, :hover)": {
543
+ backgroundColor: "highlight",
544
+ borderColor: "highlight",
545
+ color: "onHighlight"
546
+ }
547
+ },
548
+ accent: {
549
+ backgroundColor: "accent",
550
+ color: "onAccent",
551
+ border: "none"
552
+ },
553
+ quiet: {
554
+ backgroundColor: "transparent",
555
+ color: "text",
556
+ border: "none",
557
+ borderColor: "transparent"
558
+ }
534
559
  }
535
560
  },
536
561
  cards: {
@@ -535,6 +535,31 @@ var BruttalTheme = {
535
535
  border: "highlight",
536
536
  borderColor: "highlight"
537
537
  }
538
+ },
539
+ actionButton: {
540
+ default: {
541
+ backgroundColor: "secondary",
542
+ color: "onSecondary",
543
+ border: "default",
544
+ borderColor: "onSecondary",
545
+ transition: "all 0.2s",
546
+ ":is(:focus-within, :hover)": {
547
+ backgroundColor: "highlight",
548
+ borderColor: "highlight",
549
+ color: "onHighlight"
550
+ }
551
+ },
552
+ accent: {
553
+ backgroundColor: "accent",
554
+ color: "onAccent",
555
+ border: "none"
556
+ },
557
+ quiet: {
558
+ backgroundColor: "transparent",
559
+ color: "text",
560
+ border: "none",
561
+ borderColor: "transparent"
562
+ }
538
563
  }
539
564
  },
540
565
  cards: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/theme",
3
- "version": "1.4.37",
3
+ "version": "1.4.39",
4
4
  "description": "Theme for packages.",
5
5
  "license": "UNLICENSED",
6
6
  "author": "ttoss",
@@ -38,8 +38,8 @@
38
38
  "jest": "^29.5.0",
39
39
  "theme-ui": "^0.15.7",
40
40
  "tsup": "^6.7.0",
41
- "@ttoss/config": "^1.30.0",
42
- "@ttoss/test-utils": "^1.23.1"
41
+ "@ttoss/config": "^1.30.1",
42
+ "@ttoss/test-utils": "^1.23.2"
43
43
  },
44
44
  "keywords": [],
45
45
  "publishConfig": {
@@ -278,6 +278,31 @@ export const BruttalTheme: Theme = {
278
278
  borderColor: 'highlight',
279
279
  },
280
280
  },
281
+ actionButton: {
282
+ default: {
283
+ backgroundColor: 'secondary',
284
+ color: 'onSecondary',
285
+ border: 'default',
286
+ borderColor: 'onSecondary',
287
+ transition: 'all 0.2s',
288
+ ':is(:focus-within, :hover)': {
289
+ backgroundColor: 'highlight',
290
+ borderColor: 'highlight',
291
+ color: 'onHighlight',
292
+ },
293
+ },
294
+ accent: {
295
+ backgroundColor: 'accent',
296
+ color: 'onAccent',
297
+ border: 'none',
298
+ },
299
+ quiet: {
300
+ backgroundColor: 'transparent',
301
+ color: 'text',
302
+ border: 'none',
303
+ borderColor: 'transparent',
304
+ },
305
+ },
281
306
  },
282
307
  cards: {
283
308
  primary: {