@cirthcss/cirth 0.15.0-beta.2 → 0.15.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 (22) hide show
  1. package/README.md +3 -3
  2. package/dist/cirth.classless.css +143 -124
  3. package/dist/cirth.classless.min.css +1 -1
  4. package/dist/cirth.classless.scoped.css +143 -124
  5. package/dist/cirth.classless.scoped.min.css +1 -1
  6. package/dist/cirth.css +180 -161
  7. package/dist/cirth.min.css +1 -1
  8. package/dist/cirth.print.classless.css +4 -3
  9. package/dist/cirth.print.classless.min.css +1 -1
  10. package/dist/cirth.print.classless.scoped.css +4 -3
  11. package/dist/cirth.print.classless.scoped.min.css +1 -1
  12. package/dist/cirth.print.css +4 -3
  13. package/dist/cirth.print.min.css +1 -1
  14. package/dist/cirth.print.scoped.css +4 -3
  15. package/dist/cirth.print.scoped.min.css +1 -1
  16. package/dist/cirth.scoped.css +180 -161
  17. package/dist/cirth.scoped.min.css +1 -1
  18. package/dist/presets/plain.css +2 -2
  19. package/dist/presets/plain.min.css +1 -1
  20. package/dist/presets/playroom.css +5 -5
  21. package/dist/presets/playroom.min.css +1 -1
  22. package/package.json +1 -1
package/dist/presets/plain.css CHANGED
@@ -9,8 +9,8 @@
9
9
  @media (prefers-contrast: more) {
10
10
  :root, :host {
11
11
  --cirth-primary: light-dark(oklch(41% .17 258), oklch(86% .09 258));
12
- --cirth-primary-background: light-dark(oklch(41% .17 258), oklch(42% .14 258));
13
- --cirth-primary-hover-background: light-dark(oklch(34% .15 258), oklch(35% .13 258));
12
+ --cirth-primary-surface: light-dark(oklch(41% .17 258), oklch(42% .14 258));
13
+ --cirth-primary-surface-active: light-dark(oklch(34% .15 258), oklch(35% .13 258));
14
14
  --cirth-link-visited-color: light-dark(oklch(38% .02 258), oklch(80% .02 258));
15
15
  }
16
16
  }
package/dist/presets/plain.min.css CHANGED
@@ -1 +1 @@
1
- :root,:host{--cirth-primary:light-dark(oklch(52% .17 258),oklch(72% .13 258));--cirth-canvas:light-dark(oklch(98.5% 0 0),oklch(20% .008 264));--cirth-font-family-display:var(--cirth-font-family);--cirth-border-radius:var(--cirth-radius-xs);--cirth-transition:var(--cirth-duration-fast) var(--cirth-ease-out)}@media (prefers-contrast:more){:root,:host{--cirth-primary:light-dark(oklch(41% .17 258),oklch(86% .09 258));--cirth-primary-background:light-dark(oklch(41% .17 258),oklch(42% .14 258));--cirth-primary-hover-background:light-dark(oklch(34% .15 258),oklch(35% .13 258));--cirth-link-visited-color:light-dark(oklch(38% .02 258),oklch(80% .02 258))}}
1
+ :root,:host{--cirth-primary:light-dark(oklch(52% .17 258),oklch(72% .13 258));--cirth-canvas:light-dark(oklch(98.5% 0 0),oklch(20% .008 264));--cirth-font-family-display:var(--cirth-font-family);--cirth-border-radius:var(--cirth-radius-xs);--cirth-transition:var(--cirth-duration-fast) var(--cirth-ease-out)}@media (prefers-contrast:more){:root,:host{--cirth-primary:light-dark(oklch(41% .17 258),oklch(86% .09 258));--cirth-primary-surface:light-dark(oklch(41% .17 258),oklch(42% .14 258));--cirth-primary-surface-active:light-dark(oklch(34% .15 258),oklch(35% .13 258));--cirth-link-visited-color:light-dark(oklch(38% .02 258),oklch(80% .02 258))}}
package/dist/presets/playroom.css CHANGED
@@ -15,16 +15,16 @@
15
15
  --cirth-spacing: var(--cirth-space-5);
16
16
  --cirth-line-height: var(--cirth-line-height-relaxed);
17
17
  --cirth-transition: var(--cirth-duration-slow) var(--cirth-ease-in-out);
18
- --cirth-primary-hover: light-dark(oklch(56% .18 300), oklch(80% .13 300));
19
- --cirth-primary-hover-background: oklch(58% .18 300);
18
+ --cirth-primary-active: light-dark(oklch(56% .18 300), oklch(80% .13 300));
19
+ --cirth-primary-surface-active: oklch(58% .18 300);
20
20
  }
21
21
 
22
22
  @media (prefers-contrast: more) {
23
23
  :root, :host {
24
24
  --cirth-primary: light-dark(oklch(41% .17 300), oklch(86% .1 300));
25
- --cirth-primary-background: light-dark(oklch(41% .17 300), oklch(42% .15 300));
26
- --cirth-primary-hover-background: light-dark(oklch(34% .15 300), oklch(35% .13 300));
27
- --cirth-primary-hover: light-dark(oklch(34% .16 300), oklch(92% .07 300));
25
+ --cirth-primary-surface: light-dark(oklch(41% .17 300), oklch(42% .15 300));
26
+ --cirth-primary-surface-active: light-dark(oklch(34% .15 300), oklch(35% .13 300));
27
+ --cirth-primary-active: light-dark(oklch(34% .16 300), oklch(92% .07 300));
28
28
  --cirth-ink: light-dark(oklch(22% .02 295), oklch(98% .006 300));
29
29
  --cirth-muted-color: light-dark(oklch(40% .035 295), oklch(82% .02 295));
30
30
  --cirth-muted-border-color: light-dark(oklch(58% .03 295), oklch(62% .03 295));
package/dist/presets/playroom.min.css CHANGED
@@ -1 +1 @@
1
- :root,:host{--cirth-primary:light-dark(oklch(50% .16 300),oklch(70% .14 300));--cirth-canvas:light-dark(oklch(98% .012 300),oklch(24% .028 295));--cirth-ink:light-dark(oklch(36% .03 295),oklch(93% .012 300));--cirth-muted-color:light-dark(oklch(52% .035 295),oklch(70% .028 295));--cirth-muted-border-color:light-dark(oklch(90% .02 300),oklch(36% .03 295));--cirth-link-visited-color:light-dark(oklch(50% .03 295),oklch(70% .025 295));--cirth-error:light-dark(oklch(45% .16 25),oklch(74% .13 25));--cirth-success:light-dark(oklch(52% .11 155),oklch(72% .11 155));--cirth-warning:light-dark(oklch(50% .1 75),oklch(74% .11 75));--cirth-font-family:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", system-ui, "Segoe UI", Roboto, sans-serif, var(--cirth-font-family-emoji);--cirth-font-family-display:var(--cirth-font-family);--cirth-border-radius:var(--cirth-radius-lg);--cirth-spacing:var(--cirth-space-5);--cirth-line-height:var(--cirth-line-height-relaxed);--cirth-transition:var(--cirth-duration-slow) var(--cirth-ease-in-out);--cirth-primary-hover:light-dark(oklch(56% .18 300),oklch(80% .13 300));--cirth-primary-hover-background:oklch(58% .18 300)}@media (prefers-contrast:more){:root,:host{--cirth-primary:light-dark(oklch(41% .17 300),oklch(86% .1 300));--cirth-primary-background:light-dark(oklch(41% .17 300),oklch(42% .15 300));--cirth-primary-hover-background:light-dark(oklch(34% .15 300),oklch(35% .13 300));--cirth-primary-hover:light-dark(oklch(34% .16 300),oklch(92% .07 300));--cirth-ink:light-dark(oklch(22% .02 295),oklch(98% .006 300));--cirth-muted-color:light-dark(oklch(40% .035 295),oklch(82% .02 295));--cirth-muted-border-color:light-dark(oklch(58% .03 295),oklch(62% .03 295));--cirth-link-visited-color:light-dark(oklch(36% .03 295),oklch(84% .02 295))}}
1
+ :root,:host{--cirth-primary:light-dark(oklch(50% .16 300),oklch(70% .14 300));--cirth-canvas:light-dark(oklch(98% .012 300),oklch(24% .028 295));--cirth-ink:light-dark(oklch(36% .03 295),oklch(93% .012 300));--cirth-muted-color:light-dark(oklch(52% .035 295),oklch(70% .028 295));--cirth-muted-border-color:light-dark(oklch(90% .02 300),oklch(36% .03 295));--cirth-link-visited-color:light-dark(oklch(50% .03 295),oklch(70% .025 295));--cirth-error:light-dark(oklch(45% .16 25),oklch(74% .13 25));--cirth-success:light-dark(oklch(52% .11 155),oklch(72% .11 155));--cirth-warning:light-dark(oklch(50% .1 75),oklch(74% .11 75));--cirth-font-family:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", system-ui, "Segoe UI", Roboto, sans-serif, var(--cirth-font-family-emoji);--cirth-font-family-display:var(--cirth-font-family);--cirth-border-radius:var(--cirth-radius-lg);--cirth-spacing:var(--cirth-space-5);--cirth-line-height:var(--cirth-line-height-relaxed);--cirth-transition:var(--cirth-duration-slow) var(--cirth-ease-in-out);--cirth-primary-active:light-dark(oklch(56% .18 300),oklch(80% .13 300));--cirth-primary-surface-active:oklch(58% .18 300)}@media (prefers-contrast:more){:root,:host{--cirth-primary:light-dark(oklch(41% .17 300),oklch(86% .1 300));--cirth-primary-surface:light-dark(oklch(41% .17 300),oklch(42% .15 300));--cirth-primary-surface-active:light-dark(oklch(34% .15 300),oklch(35% .13 300));--cirth-primary-active:light-dark(oklch(34% .16 300),oklch(92% .07 300));--cirth-ink:light-dark(oklch(22% .02 295),oklch(98% .006 300));--cirth-muted-color:light-dark(oklch(40% .035 295),oklch(82% .02 295));--cirth-muted-border-color:light-dark(oklch(58% .03 295),oklch(62% .03 295));--cirth-link-visited-color:light-dark(oklch(36% .03 295),oklch(84% .02 295))}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cirthcss/cirth",
3
- "version": "0.15.0-beta.2",
3
+ "version": "0.15.0",
4
4
  "description": "Semantic-first CSS framework for production-ready interfaces",
5
5
  "author": "Riccardo Pastori",
6
6
  "main": "dist/cirth.min.css",