saryants 0.0.1 → 0.0.2

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 (4) hide show
  1. package/README.md +3 -3
  2. package/dist/saryants.min.css +1 -1
  3. package/dist/saryants.min.js +1 -1
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -16,7 +16,7 @@ Theme System (colors only) from **hue** and **chroma** (OKLCH). Part of **Tamany
16
16
  <head>
17
17
  <meta charset="UTF-8" />
18
18
  <meta name="viewport" content="width=device-width, initial-scale=1" />
19
- <script src="https://cdn.jsdelivr.net/npm/saryants@1.0.0/dist/saryants.min.js"></script>
19
+ <script src="https://cdn.jsdelivr.net/npm/saryants@0.0.1/dist/saryants.min.js"></script>
20
20
  </head>
21
21
  <body>
22
22
  <p style="color: var(--primary);">Themed text</p>
@@ -27,8 +27,8 @@ Theme System (colors only) from **hue** and **chroma** (OKLCH). Part of **Tamany
27
27
  **Classic** — CSS + optional theme script:
28
28
 
29
29
  ```html
30
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/saryants@1.0.0/dist/saryants.min.css" />
31
- <script src="https://cdn.jsdelivr.net/npm/saryants@1.0.0/dist/saryants-theme.min.js"></script>
30
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/saryants@0.0.1/dist/saryants.min.css" />
31
+ <script src="https://cdn.jsdelivr.net/npm/saryants@0.0.1/dist/saryants-theme.min.js"></script>
32
32
  ```
33
33
 
34
34
  ## Features
package/dist/saryants.min.css CHANGED
@@ -1 +1 @@
1
- :root{--hue: 260;--chroma: .15}:root{--chroma-bg: calc(var(--chroma) * .5);--chroma-text: min(var(--chroma), .1);--chroma-action: max(var(--chroma), .1);--chroma-alert: max(var(--chroma), .05);--hue-secondary: mod(calc(var(--hue) + 180), 360)}:root{--bg-dark: oklch(.1 var(--chroma-bg) var(--hue));--bg: oklch(.15 var(--chroma-bg) var(--hue));--bg-light: oklch(.2 var(--chroma-bg) var(--hue));--text: oklch(.96 var(--chroma-text) var(--hue));--text-muted: oklch(.76 var(--chroma-text) var(--hue));--highlight: oklch(.5 var(--chroma) var(--hue));--border: oklch(.4 var(--chroma) var(--hue));--border-muted: oklch(.3 var(--chroma) var(--hue));--primary: oklch(.76 var(--chroma-action) var(--hue));--secondary: oklch(.76 var(--chroma-action) var(--hue-secondary));--danger: oklch(.7 var(--chroma-alert) 30);--warning: oklch(.7 var(--chroma-alert) 100);--success: oklch(.7 var(--chroma-alert) 160);--info: oklch(.7 var(--chroma-alert) 260);--glass-bg: oklch(.2 var(--chroma-bg) var(--hue) / .65);--glass-border: oklch(.4 var(--chroma) var(--hue) / .5)}[data-theme=light]{--bg-dark: oklch(.92 var(--chroma-bg) var(--hue));--bg: oklch(.96 var(--chroma-bg) var(--hue));--bg-light: oklch(1 var(--chroma-bg) var(--hue));--text: oklch(.15 var(--chroma) var(--hue));--text-muted: oklch(.4 var(--chroma) var(--hue));--highlight: oklch(1 var(--chroma) var(--hue));--border: oklch(.6 var(--chroma) var(--hue));--border-muted: oklch(.7 var(--chroma) var(--hue));--primary: oklch(.4 var(--chroma-action) var(--hue));--secondary: oklch(.4 var(--chroma-action) var(--hue-secondary));--danger: oklch(.5 var(--chroma-alert) 30);--warning: oklch(.5 var(--chroma-alert) 100);--success: oklch(.5 var(--chroma-alert) 160);--info: oklch(.5 var(--chroma-alert) 260);--glass-bg: oklch(.98 .02 var(--hue) / .65);--glass-border: oklch(.7 var(--chroma) var(--hue) / .5)}
1
+ :root{--hue: 260;--chroma: .15}:root{--chroma-bg: calc(var(--chroma) * .5);--chroma-text: min(var(--chroma), .1);--chroma-action: max(var(--chroma), .1);--chroma-alert: max(var(--chroma), .05);--hue-secondary: mod(calc(var(--hue) + 180), 360)}:root{--bg-dark: oklch(.1 var(--chroma-bg) var(--hue));--bg: oklch(.15 var(--chroma-bg) var(--hue));--bg-light: oklch(.2 var(--chroma-bg) var(--hue));--text: oklch(.96 var(--chroma-text) var(--hue));--text-muted: oklch(.76 var(--chroma-text) var(--hue));--highlight: oklch(.5 var(--chroma) var(--hue));--border: oklch(.4 var(--chroma) var(--hue));--border-muted: oklch(.3 var(--chroma) var(--hue));--primary: oklch(.76 var(--chroma-action) var(--hue));--secondary: oklch(.76 var(--chroma-action) var(--hue-secondary));--danger: oklch(.7 var(--chroma-alert) 30);--warning: oklch(.7 var(--chroma-alert) 100);--success: oklch(.7 var(--chroma-alert) 160);--info: oklch(.7 var(--chroma-alert) 260);--glass-bg: oklch(.2 var(--chroma-bg) var(--hue) / .65);--glass-border: oklch(.4 var(--chroma) var(--hue) / .5)}[data-theme=light]{--bg-dark: oklch(.92 var(--chroma-bg) var(--hue));--bg: oklch(.96 var(--chroma-bg) var(--hue));--bg-light: oklch(1 var(--chroma-bg) var(--hue));--text: oklch(.15 var(--chroma) var(--hue));--text-muted: oklch(.4 var(--chroma) var(--hue));--highlight: oklch(1 var(--chroma) var(--hue));--border: oklch(.6 var(--chroma) var(--hue));--border-muted: oklch(.7 var(--chroma) var(--hue));--primary: oklch(.4 var(--chroma-action) var(--hue));--secondary: oklch(.4 var(--chroma-action) var(--hue-secondary));--danger: oklch(.5 var(--chroma-alert) 30);--warning: oklch(.5 var(--chroma-alert) 100);--success: oklch(.5 var(--chroma-alert) 160);--info: oklch(.5 var(--chroma-alert) 260);--glass-bg: oklch(.98 .02 var(--hue) / .65);--glass-border: oklch(.7 var(--chroma) var(--hue) / .5)}body{background:var(--bg);color:var(--text);margin:0}
package/dist/saryants.min.js CHANGED
@@ -1,2 +1,2 @@
1
- (function(){var r=`:root{--hue: 260;--chroma: .15}:root{--chroma-bg: calc(var(--chroma) * .5);--chroma-text: min(var(--chroma), .1);--chroma-action: max(var(--chroma), .1);--chroma-alert: max(var(--chroma), .05);--hue-secondary: mod(calc(var(--hue) + 180), 360)}:root{--bg-dark: oklch(.1 var(--chroma-bg) var(--hue));--bg: oklch(.15 var(--chroma-bg) var(--hue));--bg-light: oklch(.2 var(--chroma-bg) var(--hue));--text: oklch(.96 var(--chroma-text) var(--hue));--text-muted: oklch(.76 var(--chroma-text) var(--hue));--highlight: oklch(.5 var(--chroma) var(--hue));--border: oklch(.4 var(--chroma) var(--hue));--border-muted: oklch(.3 var(--chroma) var(--hue));--primary: oklch(.76 var(--chroma-action) var(--hue));--secondary: oklch(.76 var(--chroma-action) var(--hue-secondary));--danger: oklch(.7 var(--chroma-alert) 30);--warning: oklch(.7 var(--chroma-alert) 100);--success: oklch(.7 var(--chroma-alert) 160);--info: oklch(.7 var(--chroma-alert) 260);--glass-bg: oklch(.2 var(--chroma-bg) var(--hue) / .65);--glass-border: oklch(.4 var(--chroma) var(--hue) / .5)}[data-theme=light]{--bg-dark: oklch(.92 var(--chroma-bg) var(--hue));--bg: oklch(.96 var(--chroma-bg) var(--hue));--bg-light: oklch(1 var(--chroma-bg) var(--hue));--text: oklch(.15 var(--chroma) var(--hue));--text-muted: oklch(.4 var(--chroma) var(--hue));--highlight: oklch(1 var(--chroma) var(--hue));--border: oklch(.6 var(--chroma) var(--hue));--border-muted: oklch(.7 var(--chroma) var(--hue));--primary: oklch(.4 var(--chroma-action) var(--hue));--secondary: oklch(.4 var(--chroma-action) var(--hue-secondary));--danger: oklch(.5 var(--chroma-alert) 30);--warning: oklch(.5 var(--chroma-alert) 100);--success: oklch(.5 var(--chroma-alert) 160);--info: oklch(.5 var(--chroma-alert) 260);--glass-bg: oklch(.98 .02 var(--hue) / .65);--glass-border: oklch(.7 var(--chroma) var(--hue) / .5)}
1
+ (function(){var r=`:root{--hue: 260;--chroma: .15}:root{--chroma-bg: calc(var(--chroma) * .5);--chroma-text: min(var(--chroma), .1);--chroma-action: max(var(--chroma), .1);--chroma-alert: max(var(--chroma), .05);--hue-secondary: mod(calc(var(--hue) + 180), 360)}:root{--bg-dark: oklch(.1 var(--chroma-bg) var(--hue));--bg: oklch(.15 var(--chroma-bg) var(--hue));--bg-light: oklch(.2 var(--chroma-bg) var(--hue));--text: oklch(.96 var(--chroma-text) var(--hue));--text-muted: oklch(.76 var(--chroma-text) var(--hue));--highlight: oklch(.5 var(--chroma) var(--hue));--border: oklch(.4 var(--chroma) var(--hue));--border-muted: oklch(.3 var(--chroma) var(--hue));--primary: oklch(.76 var(--chroma-action) var(--hue));--secondary: oklch(.76 var(--chroma-action) var(--hue-secondary));--danger: oklch(.7 var(--chroma-alert) 30);--warning: oklch(.7 var(--chroma-alert) 100);--success: oklch(.7 var(--chroma-alert) 160);--info: oklch(.7 var(--chroma-alert) 260);--glass-bg: oklch(.2 var(--chroma-bg) var(--hue) / .65);--glass-border: oklch(.4 var(--chroma) var(--hue) / .5)}[data-theme=light]{--bg-dark: oklch(.92 var(--chroma-bg) var(--hue));--bg: oklch(.96 var(--chroma-bg) var(--hue));--bg-light: oklch(1 var(--chroma-bg) var(--hue));--text: oklch(.15 var(--chroma) var(--hue));--text-muted: oklch(.4 var(--chroma) var(--hue));--highlight: oklch(1 var(--chroma) var(--hue));--border: oklch(.6 var(--chroma) var(--hue));--border-muted: oklch(.7 var(--chroma) var(--hue));--primary: oklch(.4 var(--chroma-action) var(--hue));--secondary: oklch(.4 var(--chroma-action) var(--hue-secondary));--danger: oklch(.5 var(--chroma-alert) 30);--warning: oklch(.5 var(--chroma-alert) 100);--success: oklch(.5 var(--chroma-alert) 160);--info: oklch(.5 var(--chroma-alert) 260);--glass-bg: oklch(.98 .02 var(--hue) / .65);--glass-border: oklch(.7 var(--chroma) var(--hue) / .5)}body{background:var(--bg);color:var(--text);margin:0}
2
2
  `,a=document.createElement("style");a.id="saryants-styles",a.textContent=r,document.head.appendChild(a)})();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "saryants",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "Theme System (colors) from hue and chroma (OKLCH)",
5
5
  "type": "module",
6
6
  "license": "MIT",