@cirthcss/cirth 0.2.0 → 0.4.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 (166) hide show
  1. package/README.md +153 -49
  2. package/dist/cirth.classless.css +857 -1653
  3. package/dist/cirth.classless.min.css +1 -1
  4. package/dist/cirth.classless.scoped.css +855 -1368
  5. package/dist/cirth.classless.scoped.min.css +1 -1
  6. package/dist/cirth.css +959 -1890
  7. package/dist/cirth.min.css +1 -1
  8. package/dist/cirth.scoped.css +954 -1608
  9. package/dist/cirth.scoped.min.css +1 -1
  10. package/dist/presets/cobalt.css +50 -0
  11. package/dist/presets/cobalt.min.css +1 -0
  12. package/dist/presets/coral.css +56 -0
  13. package/dist/presets/coral.min.css +1 -0
  14. package/package.json +28 -5
  15. package/dist/cirth.amber.css +0 -3747
  16. package/dist/cirth.amber.min.css +0 -1
  17. package/dist/cirth.blue.css +0 -3747
  18. package/dist/cirth.blue.min.css +0 -1
  19. package/dist/cirth.classless.amber.css +0 -3245
  20. package/dist/cirth.classless.amber.min.css +0 -1
  21. package/dist/cirth.classless.blue.css +0 -3245
  22. package/dist/cirth.classless.blue.min.css +0 -1
  23. package/dist/cirth.classless.cyan.css +0 -3245
  24. package/dist/cirth.classless.cyan.min.css +0 -1
  25. package/dist/cirth.classless.fuchsia.css +0 -3245
  26. package/dist/cirth.classless.fuchsia.min.css +0 -1
  27. package/dist/cirth.classless.green.css +0 -3245
  28. package/dist/cirth.classless.green.min.css +0 -1
  29. package/dist/cirth.classless.grey.css +0 -3245
  30. package/dist/cirth.classless.grey.min.css +0 -1
  31. package/dist/cirth.classless.indigo.css +0 -3245
  32. package/dist/cirth.classless.indigo.min.css +0 -1
  33. package/dist/cirth.classless.jade.css +0 -3245
  34. package/dist/cirth.classless.jade.min.css +0 -1
  35. package/dist/cirth.classless.lime.css +0 -3245
  36. package/dist/cirth.classless.lime.min.css +0 -1
  37. package/dist/cirth.classless.orange.css +0 -3245
  38. package/dist/cirth.classless.orange.min.css +0 -1
  39. package/dist/cirth.classless.pink.css +0 -3245
  40. package/dist/cirth.classless.pink.min.css +0 -1
  41. package/dist/cirth.classless.pumpkin.css +0 -3245
  42. package/dist/cirth.classless.pumpkin.min.css +0 -1
  43. package/dist/cirth.classless.purple.css +0 -3245
  44. package/dist/cirth.classless.purple.min.css +0 -1
  45. package/dist/cirth.classless.red.css +0 -3245
  46. package/dist/cirth.classless.red.min.css +0 -1
  47. package/dist/cirth.classless.sand.css +0 -3245
  48. package/dist/cirth.classless.sand.min.css +0 -1
  49. package/dist/cirth.classless.scoped.amber.css +0 -2959
  50. package/dist/cirth.classless.scoped.amber.min.css +0 -1
  51. package/dist/cirth.classless.scoped.blue.css +0 -2959
  52. package/dist/cirth.classless.scoped.blue.min.css +0 -1
  53. package/dist/cirth.classless.scoped.cyan.css +0 -2959
  54. package/dist/cirth.classless.scoped.cyan.min.css +0 -1
  55. package/dist/cirth.classless.scoped.fuchsia.css +0 -2959
  56. package/dist/cirth.classless.scoped.fuchsia.min.css +0 -1
  57. package/dist/cirth.classless.scoped.green.css +0 -2959
  58. package/dist/cirth.classless.scoped.green.min.css +0 -1
  59. package/dist/cirth.classless.scoped.grey.css +0 -2959
  60. package/dist/cirth.classless.scoped.grey.min.css +0 -1
  61. package/dist/cirth.classless.scoped.indigo.css +0 -2959
  62. package/dist/cirth.classless.scoped.indigo.min.css +0 -1
  63. package/dist/cirth.classless.scoped.jade.css +0 -2959
  64. package/dist/cirth.classless.scoped.jade.min.css +0 -1
  65. package/dist/cirth.classless.scoped.lime.css +0 -2959
  66. package/dist/cirth.classless.scoped.lime.min.css +0 -1
  67. package/dist/cirth.classless.scoped.orange.css +0 -2959
  68. package/dist/cirth.classless.scoped.orange.min.css +0 -1
  69. package/dist/cirth.classless.scoped.pink.css +0 -2959
  70. package/dist/cirth.classless.scoped.pink.min.css +0 -1
  71. package/dist/cirth.classless.scoped.pumpkin.css +0 -2959
  72. package/dist/cirth.classless.scoped.pumpkin.min.css +0 -1
  73. package/dist/cirth.classless.scoped.purple.css +0 -2959
  74. package/dist/cirth.classless.scoped.purple.min.css +0 -1
  75. package/dist/cirth.classless.scoped.red.css +0 -2959
  76. package/dist/cirth.classless.scoped.red.min.css +0 -1
  77. package/dist/cirth.classless.scoped.sand.css +0 -2959
  78. package/dist/cirth.classless.scoped.sand.min.css +0 -1
  79. package/dist/cirth.classless.scoped.slate.css +0 -2959
  80. package/dist/cirth.classless.scoped.slate.min.css +0 -1
  81. package/dist/cirth.classless.scoped.violet.css +0 -2959
  82. package/dist/cirth.classless.scoped.violet.min.css +0 -1
  83. package/dist/cirth.classless.scoped.yellow.css +0 -2959
  84. package/dist/cirth.classless.scoped.yellow.min.css +0 -1
  85. package/dist/cirth.classless.scoped.zinc.css +0 -2959
  86. package/dist/cirth.classless.scoped.zinc.min.css +0 -1
  87. package/dist/cirth.classless.slate.css +0 -3245
  88. package/dist/cirth.classless.slate.min.css +0 -1
  89. package/dist/cirth.classless.violet.css +0 -3245
  90. package/dist/cirth.classless.violet.min.css +0 -1
  91. package/dist/cirth.classless.yellow.css +0 -3245
  92. package/dist/cirth.classless.yellow.min.css +0 -1
  93. package/dist/cirth.classless.zinc.css +0 -3245
  94. package/dist/cirth.classless.zinc.min.css +0 -1
  95. package/dist/cirth.cyan.css +0 -3747
  96. package/dist/cirth.cyan.min.css +0 -1
  97. package/dist/cirth.fuchsia.css +0 -3747
  98. package/dist/cirth.fuchsia.min.css +0 -1
  99. package/dist/cirth.green.css +0 -3747
  100. package/dist/cirth.green.min.css +0 -1
  101. package/dist/cirth.grey.css +0 -3747
  102. package/dist/cirth.grey.min.css +0 -1
  103. package/dist/cirth.indigo.css +0 -3747
  104. package/dist/cirth.indigo.min.css +0 -1
  105. package/dist/cirth.jade.css +0 -3747
  106. package/dist/cirth.jade.min.css +0 -1
  107. package/dist/cirth.lime.css +0 -3747
  108. package/dist/cirth.lime.min.css +0 -1
  109. package/dist/cirth.orange.css +0 -3747
  110. package/dist/cirth.orange.min.css +0 -1
  111. package/dist/cirth.pink.css +0 -3747
  112. package/dist/cirth.pink.min.css +0 -1
  113. package/dist/cirth.pumpkin.css +0 -3747
  114. package/dist/cirth.pumpkin.min.css +0 -1
  115. package/dist/cirth.purple.css +0 -3747
  116. package/dist/cirth.purple.min.css +0 -1
  117. package/dist/cirth.red.css +0 -3747
  118. package/dist/cirth.red.min.css +0 -1
  119. package/dist/cirth.sand.css +0 -3747
  120. package/dist/cirth.sand.min.css +0 -1
  121. package/dist/cirth.scoped.amber.css +0 -3467
  122. package/dist/cirth.scoped.amber.min.css +0 -1
  123. package/dist/cirth.scoped.blue.css +0 -3467
  124. package/dist/cirth.scoped.blue.min.css +0 -1
  125. package/dist/cirth.scoped.cyan.css +0 -3467
  126. package/dist/cirth.scoped.cyan.min.css +0 -1
  127. package/dist/cirth.scoped.fuchsia.css +0 -3467
  128. package/dist/cirth.scoped.fuchsia.min.css +0 -1
  129. package/dist/cirth.scoped.green.css +0 -3467
  130. package/dist/cirth.scoped.green.min.css +0 -1
  131. package/dist/cirth.scoped.grey.css +0 -3467
  132. package/dist/cirth.scoped.grey.min.css +0 -1
  133. package/dist/cirth.scoped.indigo.css +0 -3467
  134. package/dist/cirth.scoped.indigo.min.css +0 -1
  135. package/dist/cirth.scoped.jade.css +0 -3467
  136. package/dist/cirth.scoped.jade.min.css +0 -1
  137. package/dist/cirth.scoped.lime.css +0 -3467
  138. package/dist/cirth.scoped.lime.min.css +0 -1
  139. package/dist/cirth.scoped.orange.css +0 -3467
  140. package/dist/cirth.scoped.orange.min.css +0 -1
  141. package/dist/cirth.scoped.pink.css +0 -3467
  142. package/dist/cirth.scoped.pink.min.css +0 -1
  143. package/dist/cirth.scoped.pumpkin.css +0 -3467
  144. package/dist/cirth.scoped.pumpkin.min.css +0 -1
  145. package/dist/cirth.scoped.purple.css +0 -3467
  146. package/dist/cirth.scoped.purple.min.css +0 -1
  147. package/dist/cirth.scoped.red.css +0 -3467
  148. package/dist/cirth.scoped.red.min.css +0 -1
  149. package/dist/cirth.scoped.sand.css +0 -3467
  150. package/dist/cirth.scoped.sand.min.css +0 -1
  151. package/dist/cirth.scoped.slate.css +0 -3467
  152. package/dist/cirth.scoped.slate.min.css +0 -1
  153. package/dist/cirth.scoped.violet.css +0 -3467
  154. package/dist/cirth.scoped.violet.min.css +0 -1
  155. package/dist/cirth.scoped.yellow.css +0 -3467
  156. package/dist/cirth.scoped.yellow.min.css +0 -1
  157. package/dist/cirth.scoped.zinc.css +0 -3467
  158. package/dist/cirth.scoped.zinc.min.css +0 -1
  159. package/dist/cirth.slate.css +0 -3747
  160. package/dist/cirth.slate.min.css +0 -1
  161. package/dist/cirth.violet.css +0 -3747
  162. package/dist/cirth.violet.min.css +0 -1
  163. package/dist/cirth.yellow.css +0 -3747
  164. package/dist/cirth.yellow.min.css +0 -1
  165. package/dist/cirth.zinc.css +0 -3747
  166. package/dist/cirth.zinc.min.css +0 -1
@@ -0,0 +1 @@
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--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/.7);--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,10 +1,21 @@
1
1
  {
2
2
  "name": "@cirthcss/cirth",
3
- "version": "0.2.0",
3
+ "version": "0.4.0",
4
4
  "description": "Semantic-first CSS framework for production-ready interfaces",
5
5
  "author": "Riccardo Pastori",
6
6
  "main": "dist/cirth.min.css",
7
7
  "style": "dist/cirth.min.css",
8
+ "exports": {
9
+ ".": "./dist/cirth.min.css",
10
+ "./classless": "./dist/cirth.classless.min.css",
11
+ "./scoped": "./dist/cirth.scoped.min.css",
12
+ "./classless/scoped": "./dist/cirth.classless.scoped.min.css",
13
+ "./presets/coral": "./dist/presets/coral.min.css",
14
+ "./presets/cobalt": "./dist/presets/cobalt.min.css",
15
+ "./presets/*": "./dist/presets/*",
16
+ "./dist/*": "./dist/*",
17
+ "./package.json": "./package.json"
18
+ },
8
19
  "files": [
9
20
  "dist"
10
21
  ],
@@ -37,19 +48,31 @@
37
48
  },
38
49
  "scripts": {
39
50
  "build": "node scripts/build.js",
51
+ "check:variables": "node scripts/check-css-variables.js",
40
52
  "dev": "node scripts/watch.js",
41
53
  "format": "prettier --write --log-level silent 'src/**/*.scss'",
42
- "lint": "stylelint 'src/**/*.scss'",
43
- "lint:fix": "stylelint 'src/**/*.scss' --fix"
54
+ "lint": "stylelint 'src/**/*.scss' && node scripts/check-css-variables.js",
55
+ "lint:fix": "stylelint 'src/**/*.scss' --fix && node scripts/check-css-variables.js",
56
+ "docs:assets": "node scripts/build-docs.js",
57
+ "docs:dev": "npm run docs:assets && vitepress dev docs",
58
+ "docs:build": "npm run docs:assets && vitepress build docs",
59
+ "docs:preview": "vitepress preview docs"
44
60
  },
45
61
  "devDependencies": {
62
+ "@phosphor-icons/vue": "^2.2.1",
63
+ "highlight.js": "^11.11.1",
46
64
  "lightningcss-cli": "^1.32.0",
47
65
  "prettier": "^3.5.3",
48
66
  "sass-embedded": "^1.100.0",
49
67
  "stylelint": "^17.13.0",
50
- "stylelint-config-standard-scss": "^17.0.0"
68
+ "stylelint-config-standard-scss": "^17.0.0",
69
+ "vitepress": "^1.6.4"
51
70
  },
52
71
  "browserslist": [
53
- "defaults"
72
+ "Chrome >= 111",
73
+ "Edge >= 111",
74
+ "Firefox >= 113",
75
+ "Safari >= 15.4",
76
+ "iOS >= 15.4"
54
77
  ]
55
78
  }