Author: Adam Argyle [argyle@google.com]
Hash: 62317b4bfce65ffab34505a40d081ead199373f5
Timestamp: Tue, 24 Oct 2023 19:47:36 +0000 (11 months ago)

+29 -2 +/-3 browse
📖 v1.6.10 - adds style dictionary json
1diff --git a/docsite/index.html b/docsite/index.html
2index 0f07b5a..5c269d7 100644
3--- a/docsite/index.html
4+++ b/docsite/index.html
5 @@ -119,7 +119,7 @@
6 </li>
7 </ul>
8 <small>
9- v1.6.9
10+ v1.6.10
11 <span class="license">
12 <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16">
13 <path fill-rule="evenodd" d="M8.75.75a.75.75 0 00-1.5 0V2h-.984c-.305 0-.604.08-.869.23l-1.288.737A.25.25 0 013.984 3H1.75a.75.75 0 000 1.5h.428L.066 9.192a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.514 3.514 0 00.686.45A4.492 4.492 0 003 11c.88 0 1.556-.22 2.023-.454a3.515 3.515 0 00.686-.45l.045-.04.016-.015.006-.006.002-.002.001-.002L5.25 9.5l.53.53a.75.75 0 00.154-.838L3.822 4.5h.162c.305 0 .604-.08.869-.23l1.289-.737a.25.25 0 01.124-.033h.984V13h-2.5a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-2.5V3.5h.984a.25.25 0 01.124.033l1.29.736c.264.152.563.231.868.231h.162l-2.112 4.692a.75.75 0 00.154.838l.53-.53-.53.53v.001l.002.002.002.002.006.006.016.015.045.04a3.517 3.517 0 00.686.45A4.492 4.492 0 0013 11c.88 0 1.556-.22 2.023-.454a3.512 3.512 0 00.686-.45l.045-.04.01-.01.006-.005.006-.006.002-.002.001-.002-.529-.531.53.53a.75.75 0 00.154-.838L13.823 4.5h.427a.75.75 0 000-1.5h-2.234a.25.25 0 01-.124-.033l-1.29-.736A1.75 1.75 0 009.735 2H8.75V.75zM1.695 9.227c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L3 6.327l-1.305 2.9zm10 0c.285.135.718.273 1.305.273s1.02-.138 1.305-.273L13 6.327l-1.305 2.9z"></path>
14 @@ -822,6 +822,32 @@
15 </div>
16 </details>
17
18+ <details class="started-details" id="style-dictionary-design-tokens">
19+ <summary>Style Dictionary</summary>
20+ <div>
21+ <br>
22+ <div class="just-for-sm-gap">
23+ <a href="https://unpkg.com/open-props/open-props.style-dictionary-tokens.json">Preview the JSON</a>
24+ <a href="https://www.sveltelab.dev/zwfgmq5ftobw6vy">Example usage (community added)</a>
25+ <a href="https://www.npmjs.com/package/@csstools/postcss-design-tokens">Use with @csstools/postcss-design-tokens</a>
26+ <a href="https://github.com/argyleink/open-props/pull/433#issuecomment-1776942415">More details</a>
27+ </div>
28+ <div class="block-wrap">
29+ <div class="just-for-sm-gap">
30+ <h6>Tokens</h6>
31+ <pre class="language-js"><code>
32+ import "open-props/style-dictionary-tokens"
33+ // or
34+ import "open-props/open-props.style-dictionary-tokens.json"
35+ </code></pre>
36+ <pre class="language-js"><code>
37+ https://unpkg.com/open-props/open-props.style-dictionary-tokens.json
38+ </code></pre>
39+ </div>
40+ </div>
41+ </div>
42+ </details>
43+
44 <details class="started-details">
45 <summary>Web Components</summary>
46
47 diff --git a/package.json b/package.json
48index 709f2ef..eddd9ee 100644
49--- a/package.json
50+++ b/package.json
51 @@ -3,7 +3,7 @@
52 "name": "open-props",
53 "author": "Adam Argyle",
54 "license": "MIT",
55- "version": "1.6.9",
56+ "version": "1.6.10",
57 "repository": {
58 "type": "git",
59 "url": "https://github.com/argyleink/open-props"
60 diff --git a/readme.md b/readme.md
61index b2ab987..020205e 100644
62--- a/readme.md
63+++ b/readme.md
64 @@ -24,6 +24,7 @@
65 - [https://unpkg.com/open-props/normalize.min.css](https://unpkg.com/open-props/normalize.min.css) - Normalize (light + dark) [demo](https://codepen.io/argyleink/pen/KKvRORE)
66 - [https://unpkg.com/open-props/open-props.tokens.json](https://unpkg.com/open-props/open-props.tokens.json) - Design Tokens
67 - [https://unpkg.com/open-props/open-props.figma-tokens.sync.json](https://unpkg.com/open-props/open-props.figma-tokens.sync.json) - Figma Design Tokens
68+ - [https://unpkg.com/open-props/open-props.style-dictionary-tokens.json](https://unpkg.com/open-props/open-props.style-dictionary-tokens.json) - Style Dictionary Tokens
69
70 #### CLI
71 - `npm run gen:op` - runs through `src/` js files and creates the PostCSS files in `src/`