@cirthcss/cirth 0.3.0 → 0.5.0

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 (30) hide show
  1. package/README.md +85 -83
  2. package/dist/cirth.classless.css +429 -1491
  3. package/dist/cirth.classless.min.css +1 -1
  4. package/dist/cirth.classless.scoped.css +436 -1098
  5. package/dist/cirth.classless.scoped.min.css +1 -1
  6. package/dist/cirth.css +474 -1689
  7. package/dist/cirth.min.css +1 -1
  8. package/dist/cirth.scoped.css +508 -1329
  9. package/dist/cirth.scoped.min.css +1 -1
  10. package/dist/presets/cobalt.css +52 -0
  11. package/dist/presets/cobalt.min.css +1 -0
  12. package/dist/presets/coral.css +58 -0
  13. package/dist/presets/coral.min.css +1 -0
  14. package/package.json +27 -12
  15. package/dist/cirth.classless.jade.css +0 -3507
  16. package/dist/cirth.classless.jade.min.css +0 -1
  17. package/dist/cirth.classless.scoped.jade.css +0 -3104
  18. package/dist/cirth.classless.scoped.jade.min.css +0 -1
  19. package/dist/cirth.classless.scoped.slate.css +0 -3104
  20. package/dist/cirth.classless.scoped.slate.min.css +0 -1
  21. package/dist/cirth.classless.slate.css +0 -3507
  22. package/dist/cirth.classless.slate.min.css +0 -1
  23. package/dist/cirth.jade.css +0 -4031
  24. package/dist/cirth.jade.min.css +0 -1
  25. package/dist/cirth.scoped.jade.css +0 -3634
  26. package/dist/cirth.scoped.jade.min.css +0 -1
  27. package/dist/cirth.scoped.slate.css +0 -3634
  28. package/dist/cirth.scoped.slate.min.css +0 -1
  29. package/dist/cirth.slate.css +0 -4031
  30. package/dist/cirth.slate.min.css +0 -1
package/dist/presets/coral.css ADDED
@@ -0,0 +1,58 @@
1
+ [data-theme="light"], :root:not([data-theme="dark"]), :host(:not([data-theme="dark"])) {
2
+ --cirth-background-color: oklch(97.4% .008 35);
3
+ --cirth-card-background-color: oklch(100% 0 0);
4
+ --cirth-muted-color: oklch(52% .02 35);
5
+ --cirth-muted-border-color: oklch(88% .02 35);
6
+ --cirth-text-selection-color: oklch(65% .17 35 / .25);
7
+ --cirth-primary: oklch(55% .17 35);
8
+ --cirth-primary-background: oklch(55% .17 35);
9
+ --cirth-primary-underline: oklch(55% .17 35 / .5);
10
+ --cirth-primary-hover: oklch(45% .15 35);
11
+ --cirth-primary-hover-background: oklch(50% .16 35);
12
+ --cirth-primary-focus: oklch(55% .17 35 / .75);
13
+ --cirth-box-shadow: .0145rem .029rem .174rem oklch(65% .17 35 / .01698), .0335rem .067rem .402rem oklch(65% .17 35 / .024), .0625rem .125rem .75rem oklch(65% .17 35 / .03), .1125rem .225rem 1.35rem oklch(65% .17 35 / .036), .2085rem .417rem 2.502rem oklch(65% .17 35 / .04302), .5rem 1rem 6rem oklch(65% .17 35 / .06), 0 0 0 .0625rem oklch(65% .17 35 / .015);
14
+ --cirth-button-hover-box-shadow: 0 .5rem 1rem
15
+ oklch(65% .17 35 / .35);
16
+ }
17
+
18
+ @media only screen and (prefers-color-scheme: dark) {
19
+ :root:not([data-theme]), :host(:not([data-theme])) {
20
+ --cirth-muted-color: oklch(66% .02 35);
21
+ --cirth-muted-border-color: oklch(30% .025 35);
22
+ --cirth-text-selection-color: oklch(68% .16 35 / .1875);
23
+ --cirth-primary: oklch(68% .16 35);
24
+ --cirth-primary-background: oklch(55% .17 35);
25
+ --cirth-primary-underline: oklch(68% .16 35 / .5);
26
+ --cirth-primary-hover: oklch(80% .1 35);
27
+ --cirth-primary-hover-background: oklch(60% .18 35);
28
+ --cirth-primary-focus: oklch(68% .16 35 / .7);
29
+ --cirth-box-shadow: .0145rem .029rem .174rem oklch(68% .16 35 / .01698), .0335rem .067rem .402rem oklch(68% .16 35 / .024), .0625rem .125rem .75rem oklch(68% .16 35 / .03), .1125rem .225rem 1.35rem oklch(68% .16 35 / .036), .2085rem .417rem 2.502rem oklch(68% .16 35 / .04302), .5rem 1rem 6rem oklch(68% .16 35 / .06), 0 0 0 .0625rem oklch(68% .16 35 / .015);
30
+ --cirth-button-hover-box-shadow: 0 .5rem 1rem
31
+ oklch(80% .1 35 / .4);
32
+ }
33
+ }
34
+
35
+ [data-theme="dark"] {
36
+ --cirth-muted-color: oklch(66% .02 35);
37
+ --cirth-muted-border-color: oklch(30% .025 35);
38
+ --cirth-text-selection-color: oklch(68% .16 35 / .1875);
39
+ --cirth-primary: oklch(68% .16 35);
40
+ --cirth-primary-background: oklch(55% .17 35);
41
+ --cirth-primary-underline: oklch(68% .16 35 / .5);
42
+ --cirth-primary-hover: oklch(80% .1 35);
43
+ --cirth-primary-hover-background: oklch(60% .18 35);
44
+ --cirth-primary-focus: oklch(68% .16 35 / .7);
45
+ --cirth-box-shadow: .0145rem .029rem .174rem oklch(68% .16 35 / .01698), .0335rem .067rem .402rem oklch(68% .16 35 / .024), .0625rem .125rem .75rem oklch(68% .16 35 / .03), .1125rem .225rem 1.35rem oklch(68% .16 35 / .036), .2085rem .417rem 2.502rem oklch(68% .16 35 / .04302), .5rem 1rem 6rem oklch(68% .16 35 / .06), 0 0 0 .0625rem oklch(68% .16 35 / .015);
46
+ --cirth-button-hover-box-shadow: 0 .5rem 1rem
47
+ oklch(80% .1 35 / .4);
48
+ }
49
+
50
+ :root, :host {
51
+ --cirth-border-radius: var(--cirth-radius-2xl);
52
+ --cirth-font-family: "Trebuchet MS", "Segoe UI", Verdana, sans-serif,
53
+ var(--cirth-font-family-emoji);
54
+ --cirth-font-family-display: var(--cirth-font-family);
55
+ --cirth-spacing: var(--cirth-space-5);
56
+ --cirth-transition: var(--cirth-duration-slow)
57
+ cubic-bezier(.34, 1.56, .64, 1);
58
+ }
package/dist/presets/coral.min.css ADDED
@@ -0,0 +1 @@
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--cirth-background-color:oklch(97.4% .008 35);--cirth-card-background-color:oklch(100% 0 0);--cirth-muted-color:oklch(52% .02 35);--cirth-muted-border-color:oklch(88% .02 35);--cirth-text-selection-color:oklch(65% .17 35/.25);--cirth-primary:oklch(55% .17 35);--cirth-primary-background:oklch(55% .17 35);--cirth-primary-underline:oklch(55% .17 35/.5);--cirth-primary-hover:oklch(45% .15 35);--cirth-primary-hover-background:oklch(50% .16 35);--cirth-primary-focus:oklch(55% .17 35/.75);--cirth-box-shadow:.0145rem .029rem .174rem oklch(65% .17 35/.01698), .0335rem .067rem .402rem oklch(65% .17 35/.024), .0625rem .125rem .75rem oklch(65% .17 35/.03), .1125rem .225rem 1.35rem oklch(65% .17 35/.036), .2085rem .417rem 2.502rem oklch(65% .17 35/.04302), .5rem 1rem 6rem oklch(65% .17 35/.06), 0 0 0 .0625rem oklch(65% .17 35/.015);--cirth-button-hover-box-shadow:0 .5rem 1rem oklch(65% .17 35/.35)}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--cirth-muted-color:oklch(66% .02 35);--cirth-muted-border-color:oklch(30% .025 35);--cirth-text-selection-color:oklch(68% .16 35/.1875);--cirth-primary:oklch(68% .16 35);--cirth-primary-background:oklch(55% .17 35);--cirth-primary-underline:oklch(68% .16 35/.5);--cirth-primary-hover:oklch(80% .1 35);--cirth-primary-hover-background:oklch(60% .18 35);--cirth-primary-focus:oklch(68% .16 35/.7);--cirth-box-shadow:.0145rem .029rem .174rem oklch(68% .16 35/.01698), .0335rem .067rem .402rem oklch(68% .16 35/.024), .0625rem .125rem .75rem oklch(68% .16 35/.03), .1125rem .225rem 1.35rem oklch(68% .16 35/.036), .2085rem .417rem 2.502rem oklch(68% .16 35/.04302), .5rem 1rem 6rem oklch(68% .16 35/.06), 0 0 0 .0625rem oklch(68% .16 35/.015);--cirth-button-hover-box-shadow:0 .5rem 1rem oklch(80% .1 35/.4)}}[data-theme=dark]{--cirth-muted-color:oklch(66% .02 35);--cirth-muted-border-color:oklch(30% .025 35);--cirth-text-selection-color:oklch(68% .16 35/.1875);--cirth-primary:oklch(68% .16 35);--cirth-primary-background:oklch(55% .17 35);--cirth-primary-underline:oklch(68% .16 35/.5);--cirth-primary-hover:oklch(80% .1 35);--cirth-primary-hover-background:oklch(60% .18 35);--cirth-primary-focus:oklch(68% .16 35/.7);--cirth-box-shadow:.0145rem .029rem .174rem oklch(68% .16 35/.01698), .0335rem .067rem .402rem oklch(68% .16 35/.024), .0625rem .125rem .75rem oklch(68% .16 35/.03), .1125rem .225rem 1.35rem oklch(68% .16 35/.036), .2085rem .417rem 2.502rem oklch(68% .16 35/.04302), .5rem 1rem 6rem oklch(68% .16 35/.06), 0 0 0 .0625rem oklch(68% .16 35/.015);--cirth-button-hover-box-shadow:0 .5rem 1rem oklch(80% .1 35/.4)}:root,:host{--cirth-border-radius:var(--cirth-radius-2xl);--cirth-font-family:"Trebuchet MS", "Segoe UI", Verdana, sans-serif, var(--cirth-font-family-emoji);--cirth-font-family-display:var(--cirth-font-family);--cirth-spacing:var(--cirth-space-5);--cirth-transition:var(--cirth-duration-slow) cubic-bezier(.34, 1.56, .64, 1)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cirthcss/cirth",
3
- "version": "0.3.0",
3
+ "version": "0.5.0",
4
4
  "description": "Semantic-first CSS framework for production-ready interfaces",
5
5
  "author": "Riccardo Pastori",
6
6
  "main": "dist/cirth.min.css",
@@ -10,14 +10,9 @@
10
10
  "./classless": "./dist/cirth.classless.min.css",
11
11
  "./scoped": "./dist/cirth.scoped.min.css",
12
12
  "./classless/scoped": "./dist/cirth.classless.scoped.min.css",
13
- "./jade": "./dist/cirth.jade.min.css",
14
- "./jade/classless": "./dist/cirth.classless.jade.min.css",
15
- "./jade/scoped": "./dist/cirth.scoped.jade.min.css",
16
- "./jade/classless/scoped": "./dist/cirth.classless.scoped.jade.min.css",
17
- "./slate": "./dist/cirth.slate.min.css",
18
- "./slate/classless": "./dist/cirth.classless.slate.min.css",
19
- "./slate/scoped": "./dist/cirth.scoped.slate.min.css",
20
- "./slate/classless/scoped": "./dist/cirth.classless.scoped.slate.min.css",
13
+ "./presets/coral": "./dist/presets/coral.min.css",
14
+ "./presets/cobalt": "./dist/presets/cobalt.min.css",
15
+ "./presets/*": "./dist/presets/*",
21
16
  "./dist/*": "./dist/*",
22
17
  "./package.json": "./package.json"
23
18
  },
@@ -25,6 +20,9 @@
25
20
  "dist"
26
21
  ],
27
22
  "license": "MIT",
23
+ "engines": {
24
+ "node": ">=24.18.0"
25
+ },
28
26
  "repository": {
29
27
  "type": "git",
30
28
  "url": "git+https://github.com/cirthcss/cirth.git"
@@ -53,18 +51,31 @@
53
51
  },
54
52
  "scripts": {
55
53
  "build": "node scripts/build.js",
54
+ "check:a11y": "node scripts/check-a11y.js",
55
+ "check:dist": "node scripts/check-dist.js",
56
56
  "check:variables": "node scripts/check-css-variables.js",
57
+ "check:doc-links": "node scripts/check-doc-links.js",
58
+ "check:size": "node scripts/check-css-size.js",
59
+ "check:visual": "playwright test",
60
+ "check:visual:update": "playwright test --update-snapshots",
57
61
  "dev": "node scripts/watch.js",
58
62
  "format": "prettier --write --log-level silent 'src/**/*.scss'",
59
- "lint": "stylelint 'src/**/*.scss' && node scripts/check-css-variables.js",
60
- "lint:fix": "stylelint 'src/**/*.scss' --fix && node scripts/check-css-variables.js",
63
+ "lint": "stylelint 'src/**/*.scss' && node scripts/check-css-variables.js && node scripts/check-doc-links.js",
64
+ "lint:fix": "stylelint 'src/**/*.scss' --fix && node scripts/check-css-variables.js && node scripts/check-doc-links.js",
61
65
  "docs:assets": "node scripts/build-docs.js",
62
66
  "docs:dev": "npm run docs:assets && vitepress dev docs",
63
67
  "docs:build": "npm run docs:assets && vitepress build docs",
64
68
  "docs:preview": "vitepress preview docs"
65
69
  },
66
70
  "devDependencies": {
71
+ "@axe-core/playwright": "^4.12.1",
72
+ "@phosphor-icons/vue": "^2.2.1",
73
+ "@playwright/test": "^1.61.1",
74
+ "highlight.js": "^11.11.1",
67
75
  "lightningcss-cli": "^1.32.0",
76
+ "playwright": "^1.61.1",
77
+ "postcss": "^8.5.20",
78
+ "postcss-selector-parser": "^7.1.4",
68
79
  "prettier": "^3.5.3",
69
80
  "sass-embedded": "^1.100.0",
70
81
  "stylelint": "^17.13.0",
@@ -72,6 +83,10 @@
72
83
  "vitepress": "^1.6.4"
73
84
  },
74
85
  "browserslist": [
75
- "defaults"
86
+ "Chrome >= 111",
87
+ "Edge >= 111",
88
+ "Firefox >= 113",
89
+ "Safari >= 15.4",
90
+ "iOS >= 15.4"
76
91
  ]
77
92
  }