Commit
Author: Adam Argyle [argyle@google.com]
Committer: GitHub [noreply@github.com] Mon, 21 Nov 2022 05:33:21 +0000
Hash: 2e3d49220aed5234fb955c6c06b1623a7c34ff74
Timestamp: Mon, 21 Nov 2022 05:33:21 +0000 (2 years ago)

+3858 -305 +/-66 browse
v1.5.0 (#317) 
v1.5.0 (#317)

* Migrate from `open-color` to `colar` (#314)

* refactor: switch `open-color` to `colar` for prop generators

* refactor: update `.css` files & package scripts and exports

* feat: update usage of `--grape` to `--purple`

* docs: update `colors` section to account for `colar`

* feat: update prop generators to use `open-color` and `colar`

* chore: update .css files & package scripts and exports (for `gray` and `stone`)

* docs: tweak `colors` section to account for new `stone` hue

* test: update prop and token counts to account for new colors and shades

* fix: apply changes based on suggestions from code review

Co-authored-by: Adam Argyle <argyle@google.com>

* refactor: switch `open-color` to `colar` for prop generators

* refactor: update `.css` files & package scripts and exports

* docs: update `colors` section to account for `colar`

* feat: update prop generators to use `open-color` and `colar`

* chore: update .css files & package scripts and exports (for `gray` and `stone`)

* docs: tweak `colors` section to account for new `stone` hue

* test: update prop and token counts to account for new colors and shades

* fix: apply changes based on suggestions from code review

Co-authored-by: Adam Argyle <argyle@google.com>

Co-authored-by: Adam Argyle <argyle@google.com>

* minor version bump

* fixes #232

* fixes #296

* fixes #316

* buttons use gray hsl props

* update caniuse

Co-authored-by: Kelvin DeCosta <38982451+kelvindecosta@users.noreply.github.com>
1diff --git a/build/props.js b/build/props.js
2index 5c22648..ee8fd4b 100644
3--- a/build/props.js
4+++ b/build/props.js
5 @@ -2,7 +2,7 @@ import fs from 'fs'
6
7 import Animations from '../src/props.animations.js'
8 import Sizes from '../src/props.sizes.js'
9- import * as OpenColors from '../src/props.colors.js'
10+ import * as Colors from '../src/props.colors.js'
11 import * as ColorsHSL from '../src/props.colors-hsl.js'
12 import Fonts from '../src/props.fonts.js'
13 import Borders from '../src/props.borders.js'
14 @@ -32,44 +32,26 @@ const mainbundle = {
15 [`${pfx}props.zindex.css`]: Zindex,
16 [`${pfx}props.shadows.css`]: Shadows,
17 [`${pfx}props.aspects.css`]: Aspects,
18- [`${pfx}props.colors.css`]: OpenColors.default,
19+ [`${pfx}props.colors.css`]: Colors.default,
20 // [`${pfx}props.svg.css`]: SVG,
21 [`${pfx}props.gradients.css`]: Gradients,
22 [`${pfx}props.animations.css`]: Animations,
23 [`${pfx}props.borders.css`]: Borders,
24 }
25
26- const individual_colors = {
27- [`${pfx}props.gray.css`]: OpenColors.Gray,
28- [`${pfx}props.red.css`]: OpenColors.Red,
29- [`${pfx}props.pink.css`]: OpenColors.Pink,
30- [`${pfx}props.grape.css`]: OpenColors.Grape,
31- [`${pfx}props.violet.css`]: OpenColors.Violet,
32- [`${pfx}props.indigo.css`]: OpenColors.Indigo,
33- [`${pfx}props.blue.css`]: OpenColors.Blue,
34- [`${pfx}props.cyan.css`]: OpenColors.Cyan,
35- [`${pfx}props.teal.css`]: OpenColors.Teal,
36- [`${pfx}props.green.css`]: OpenColors.Green,
37- [`${pfx}props.lime.css`]: OpenColors.Lime,
38- [`${pfx}props.yellow.css`]: OpenColors.Yellow,
39- [`${pfx}props.orange.css`]: OpenColors.Orange,
40- }
41+ const individual_colors = Object.keys(Colors)
42+ .filter(exportName => exportName !== "default")
43+ .reduce((root, hueName) => ({
44+ ...root,
45+ [`${pfx}props.${hueName.toLowerCase()}.css`]: Colors[hueName]
46+ }), {})
47
48- const individual_colors_hsl = {
49- [`${pfx}props.gray-hsl.css`]: ColorsHSL.Gray,
50- [`${pfx}props.red-hsl.css`]: ColorsHSL.Red,
51- [`${pfx}props.pink-hsl.css`]: ColorsHSL.Pink,
52- [`${pfx}props.grape-hsl.css`]: ColorsHSL.Grape,
53- [`${pfx}props.violet-hsl.css`]: ColorsHSL.Violet,
54- [`${pfx}props.indigo-hsl.css`]: ColorsHSL.Indigo,
55- [`${pfx}props.blue-hsl.css`]: ColorsHSL.Blue,
56- [`${pfx}props.cyan-hsl.css`]: ColorsHSL.Cyan,
57- [`${pfx}props.teal-hsl.css`]: ColorsHSL.Teal,
58- [`${pfx}props.green-hsl.css`]: ColorsHSL.Green,
59- [`${pfx}props.lime-hsl.css`]: ColorsHSL.Lime,
60- [`${pfx}props.yellow-hsl.css`]: ColorsHSL.Yellow,
61- [`${pfx}props.orange-hsl.css`]: ColorsHSL.Orange,
62- }
63+ const individual_colors_hsl = Object.keys(ColorsHSL)
64+ .filter(exportName => exportName !== "default")
65+ .reduce((root, hueName) => ({
66+ ...root,
67+ [`${pfx}props.${hueName.toLowerCase()}-hsl.css`]: ColorsHSL[hueName]
68+ }), {})
69
70 // const individuals = {
71 // 'props.masks.edges.css': MaskEdges,
72 diff --git a/build/to-figmatokens.js b/build/to-figmatokens.js
73index dcd32f4..85c6350 100644
74--- a/build/to-figmatokens.js
75+++ b/build/to-figmatokens.js
76 @@ -1,3 +1,5 @@
77+ import * as Colors from '../src/props.colors.js'
78+
79 export const toFigmaTokens = props => {
80 const figmatokens = {}
81
82 @@ -8,7 +10,9 @@ export const toFigmaTokens = props => {
83 let isBorder = key.includes('border-size')
84 let isRadius = key.includes('radius')
85 let isShadow = key.includes('shadow')
86- let colors = ['gray','red','pink','grape','violet','indigo','blue','cyan','teal','green','lime','yellow','orange']
87+ let colors = Object.keys(Colors)
88+ .filter(exportName => exportName !== "default")
89+ .map(hueName => hueName.toLowerCase())
90 let isColor = colors.some(color => key.includes(color))
91
92 if (isLength) meta.type = 'sizing'
93 diff --git a/build/to-tokens.js b/build/to-tokens.js
94index 3811d9c..1102752 100644
95--- a/build/to-tokens.js
96+++ b/build/to-tokens.js
97 @@ -1,10 +1,14 @@
98+ import * as Colors from '../src/props.colors.js'
99+
100 export const toTokens = props =>
101 props.map(([key, token]) => {
102 let meta = {}
103
104 let isLength = key.includes('size')
105 let isEasing = key.includes('ease')
106- let colors = ['gray','red','pink','grape','violet','indigo','blue','cyan','teal','green','lime','yellow','orange']
107+ let colors = Object.keys(Colors)
108+ .filter(exportName => exportName !== "default")
109+ .map(hueName => hueName.toLowerCase())
110 let isColor = colors.some(color => key.includes(color))
111
112 if (isLength) meta.type = 'dimension'
113 diff --git a/docsite/index.css b/docsite/index.css
114index 2495a88..852b36f 100644
115--- a/docsite/index.css
116+++ b/docsite/index.css
117 @@ -10,14 +10,14 @@
118
119 :root {
120 --max-inline-body: calc(100vw - (var(--size-8) * 2));
121- --brand-bg-gradient: linear-gradient(to bottom, var(--grape-3), var(--violet-3), var(--indigo-3), var(--cyan-3));
122+ --brand-bg-gradient: linear-gradient(to bottom, var(--purple-3), var(--violet-3), var(--indigo-3), var(--cyan-3));
123
124 @media (--md-n-below) {
125 --max-inline-body: calc(100vw - (var(--size-3) * 2));
126 }
127
128 @nest [data-theme="light"] & {
129- --brand-bg-gradient: linear-gradient(to bottom, var(--grape-6), var(--violet-6), var(--indigo-6), var(--cyan-6));
130+ --brand-bg-gradient: linear-gradient(to bottom, var(--purple-6), var(--violet-6), var(--indigo-6), var(--cyan-6));
131 }
132 }
133
134 @@ -64,7 +64,7 @@ section {
135 &:nth-of-type(1n) { border-color: var(--orange-5) }
136 &:nth-of-type(2n) { border-color: var(--red-5) }
137 &:nth-of-type(3n) { border-color: var(--pink-5) }
138- &:nth-of-type(4n) { border-color: var(--grape-5) }
139+ &:nth-of-type(4n) { border-color: var(--purple-5) }
140 &:nth-of-type(5n) { border-color: var(--indigo-5) }
141 &:nth-of-type(6n) { border-color: var(--blue-5) }
142 &:nth-of-type(7n) { border-color: var(--green-5) }
143 @@ -193,8 +193,8 @@ section.hero {
144 align-self: stretch;
145
146 & .icon-quote {
147- --_accent-1: var(--grape-5);
148- --_accent-2: var(--grape-4);
149+ --_accent-1: var(--purple-5);
150+ --_accent-2: var(--purple-4);
151
152 @nest [data-theme="light"] & {
153 --_accent-1: var(--orange-7);
154 @@ -516,7 +516,7 @@ pre[class*="language-"] {
155 --size: var(--size-5);
156 border-radius: var(--radius-round);
157 box-shadow: var(--inner-shadow-0);
158- inline-size: 7%;
159+ inline-size: 6.7%;
160 block-size: var(--size);
161 display: grid;
162 place-content: center;
163 @@ -820,7 +820,7 @@ pre[class*="language-"] {
164 &:nth-child(1) svg {
165 stroke: var(--cyan-3);
166 @nest [data-theme="light"] & {
167- stroke: var(--grape-8);
168+ stroke: var(--purple-8);
169 }
170 }
171 &:nth-child(2) svg {
172 @@ -905,8 +905,8 @@ pre[class*="language-"] {
173 }
174
175 & > div:nth-of-type(1) svg {
176- color: var(--grape-5);
177- border-color: var(--grape-3);
178+ color: var(--purple-5);
179+ border-color: var(--purple-3);
180 }
181 & > div:nth-of-type(2) svg {
182 color: var(--orange-5);
183 diff --git a/docsite/index.html b/docsite/index.html
184index c7ce937..412e84b 100644
185--- a/docsite/index.html
186+++ b/docsite/index.html
187 @@ -119,7 +119,7 @@
188 </li>
189 </ul>
190 <small>
191- v1.4.25
192+ v1.5.0
193 <span class="license">
194 <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16">
195 <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>
196 @@ -344,14 +344,14 @@
197 <div>
198 <dt>Library bundles</dt>
199 <dd class="size-chart" style="row-gap: var(--size-3)">
200- <div class="size"><strong>3.4</strong>kB</div>
201+ <div class="size"><strong>4.0</strong>kB</div>
202 <div class="file">
203 <a href="https://unpkg.com/open-props">open-props.min.css</a>
204 <div class="child-ref">
205 <svg viewBox="0 0 24 24">
206 <use href="#bent-arrow"/>
207 </svg>
208- 351 props
209+ 500+ props
210 </div>
211 </div>
212 </dd>
213 @@ -412,9 +412,9 @@
214 <a href="https://github.com/argyleink/open-props/blob/main/src/props.borders.css">borders.css</a>
215 </div>
216
217- <div class="size"><strong>0.7</strong>kB</div>
218+ <div class="size"><strong>1.3</strong>kB</div>
219 <div class="file">
220- <a href="https://github.com/argyleink/open-props/blob/main/src/props.colors.css">colors.css</a>
221+ <a href="https://github.com/argyleink/open-props/blob/main/src/props.colors.css">colors.css</a> <small>(228)</small>
222 <div class="child-ref">
223 <svg viewBox="0 0 24 24">
224 <use href="#bent-arrow"/>
225 @@ -435,7 +435,7 @@
226 </div>
227 </div>
228
229- <div class="size"><strong>0.7</strong>kB</div>
230+ <div class="size"><strong>1.2</strong>kB</div>
231 <div class="file">
232 <a href="https://github.com/argyleink/open-props/blob/main/src/props.colors-hsl.css">colors-hsl.css</a>
233 <div class="child-ref">
234 @@ -1164,7 +1164,7 @@
235 <header>
236 <h2>Colors</h2>
237 <div class="block-wrap">
238- <p>Open Props includes <a href="https://yeun.github.io/open-color/">Open Color</a> (Version 1.9.1), an open-source color scheme optimized for UI development.</p>
239+ <p>Open Props includes <a href="https://yeun.github.io/open-color/">Open Color</a>, an open-source color scheme optimized for UI development, and its extension, <a href="https://github.com/fchristant/colar">Colar</a>.</p>
240 <blockquote class="icon-quote">
241 <svg viewBox="0 0 24 24" stroke="currentColor" fill="none">
242 <path d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
243 @@ -1179,19 +1179,25 @@
244 <h5>The Props</h5>
245 <div class="var-examples">
246 <pre class="language-css"><code>
247- --gray-{0-9}
248- --red-{0-9}
249- --pink-{0-9}
250- --grape-{0-9}
251- --violet-{0-9}
252- --indigo-{0-9}
253- --blue-{0-9}
254- --cyan-{0-9}
255- --teal-{0-9}
256- --green-{0-9}
257- --lime-{0-9}
258- --yellow-{0-9}
259- --orange-{0-9}
260+ --gray-{0-12}
261+ --stone-{0-12}
262+ --red-{0-12}
263+ --pink-{0-12}
264+ --purple-{0-12}
265+ --violet-{0-12}
266+ --indigo-{0-12}
267+ --blue-{0-12}
268+ --cyan-{0-12}
269+ --teal-{0-12}
270+ --green-{0-12}
271+ --lime-{0-12}
272+ --yellow-{0-12}
273+ --orange-{0-12}
274+ --choco-{0-12}
275+ --brown-{0-12}
276+ --sand-{0-12}
277+ --camo-{0-12}
278+ --jungle-{0-12}
279 </code></pre>
280 </div>
281 </div>
282 @@ -1250,8 +1256,27 @@
283 <span class="color-swatch" style="background-color: var(--gray-7)"></span>
284 <span class="color-swatch" style="background-color: var(--gray-8)"></span>
285 <span class="color-swatch" style="background-color: var(--gray-9)"></span>
286- </div>
287- <div class="open-colors count-em">
288+ <span class="color-swatch" style="background-color: var(--gray-10)"></span>
289+ <span class="color-swatch" style="background-color: var(--gray-11)"></span>
290+ <span class="color-swatch" style="background-color: var(--gray-12)"></span>
291+ </div>
292+ <div class="open-colors count-em">
293+ <h4>Stone</h4>
294+ <span class="color-swatch" style="background-color: var(--stone-0)"></span>
295+ <span class="color-swatch" style="background-color: var(--stone-1)"></span>
296+ <span class="color-swatch" style="background-color: var(--stone-2)"></span>
297+ <span class="color-swatch" style="background-color: var(--stone-3)"></span>
298+ <span class="color-swatch" style="background-color: var(--stone-4)"></span>
299+ <span class="color-swatch" style="background-color: var(--stone-5)"></span>
300+ <span class="color-swatch" style="background-color: var(--stone-6)"></span>
301+ <span class="color-swatch" style="background-color: var(--stone-7)"></span>
302+ <span class="color-swatch" style="background-color: var(--stone-8)"></span>
303+ <span class="color-swatch" style="background-color: var(--stone-9)"></span>
304+ <span class="color-swatch" style="background-color: var(--stone-10)"></span>
305+ <span class="color-swatch" style="background-color: var(--stone-11)"></span>
306+ <span class="color-swatch" style="background-color: var(--stone-12)"></span>
307+ </div>
308+ <div class="open-colors count-em">
309 <h4>Red</h4>
310 <span class="color-swatch" style="background-color: var(--red-0)"></span>
311 <span class="color-swatch" style="background-color: var(--red-1)"></span>
312 @@ -1263,8 +1288,11 @@
313 <span class="color-swatch" style="background-color: var(--red-7)"></span>
314 <span class="color-swatch" style="background-color: var(--red-8)"></span>
315 <span class="color-swatch" style="background-color: var(--red-9)"></span>
316- </div>
317- <div class="open-colors count-em">
318+ <span class="color-swatch" style="background-color: var(--red-10)"></span>
319+ <span class="color-swatch" style="background-color: var(--red-11)"></span>
320+ <span class="color-swatch" style="background-color: var(--red-12)"></span>
321+ </div>
322+ <div class="open-colors count-em">
323 <h4>Pink</h4>
324 <span class="color-swatch" style="background-color: var(--pink-0)"></span>
325 <span class="color-swatch" style="background-color: var(--pink-1)"></span>
326 @@ -1276,21 +1304,27 @@
327 <span class="color-swatch" style="background-color: var(--pink-7)"></span>
328 <span class="color-swatch" style="background-color: var(--pink-8)"></span>
329 <span class="color-swatch" style="background-color: var(--pink-9)"></span>
330- </div>
331- <div class="open-colors count-em">
332- <h4>Grape</h4>
333- <span class="color-swatch" style="background-color: var(--grape-0)"></span>
334- <span class="color-swatch" style="background-color: var(--grape-1)"></span>
335- <span class="color-swatch" style="background-color: var(--grape-2)"></span>
336- <span class="color-swatch" style="background-color: var(--grape-3)"></span>
337- <span class="color-swatch" style="background-color: var(--grape-4)"></span>
338- <span class="color-swatch" style="background-color: var(--grape-5)"></span>
339- <span class="color-swatch" style="background-color: var(--grape-6)"></span>
340- <span class="color-swatch" style="background-color: var(--grape-7)"></span>
341- <span class="color-swatch" style="background-color: var(--grape-8)"></span>
342- <span class="color-swatch" style="background-color: var(--grape-9)"></span>
343- </div>
344- <div class="open-colors count-em">
345+ <span class="color-swatch" style="background-color: var(--pink-10)"></span>
346+ <span class="color-swatch" style="background-color: var(--pink-11)"></span>
347+ <span class="color-swatch" style="background-color: var(--pink-12)"></span>
348+ </div>
349+ <div class="open-colors count-em">
350+ <h4>Purple</h4>
351+ <span class="color-swatch" style="background-color: var(--purple-0)"></span>
352+ <span class="color-swatch" style="background-color: var(--purple-1)"></span>
353+ <span class="color-swatch" style="background-color: var(--purple-2)"></span>
354+ <span class="color-swatch" style="background-color: var(--purple-3)"></span>
355+ <span class="color-swatch" style="background-color: var(--purple-4)"></span>
356+ <span class="color-swatch" style="background-color: var(--purple-5)"></span>
357+ <span class="color-swatch" style="background-color: var(--purple-6)"></span>
358+ <span class="color-swatch" style="background-color: var(--purple-7)"></span>
359+ <span class="color-swatch" style="background-color: var(--purple-8)"></span>
360+ <span class="color-swatch" style="background-color: var(--purple-9)"></span>
361+ <span class="color-swatch" style="background-color: var(--purple-10)"></span>
362+ <span class="color-swatch" style="background-color: var(--purple-11)"></span>
363+ <span class="color-swatch" style="background-color: var(--purple-12)"></span>
364+ </div>
365+ <div class="open-colors count-em">
366 <h4>Violet</h4>
367 <span class="color-swatch" style="background-color: var(--violet-0)"></span>
368 <span class="color-swatch" style="background-color: var(--violet-1)"></span>
369 @@ -1302,8 +1336,11 @@
370 <span class="color-swatch" style="background-color: var(--violet-7)"></span>
371 <span class="color-swatch" style="background-color: var(--violet-8)"></span>
372 <span class="color-swatch" style="background-color: var(--violet-9)"></span>
373- </div>
374- <div class="open-colors count-em">
375+ <span class="color-swatch" style="background-color: var(--violet-10)"></span>
376+ <span class="color-swatch" style="background-color: var(--violet-11)"></span>
377+ <span class="color-swatch" style="background-color: var(--violet-12)"></span>
378+ </div>
379+ <div class="open-colors count-em">
380 <h4>Indigo</h4>
381 <span class="color-swatch" style="background-color: var(--indigo-0)"></span>
382 <span class="color-swatch" style="background-color: var(--indigo-1)"></span>
383 @@ -1315,8 +1352,11 @@
384 <span class="color-swatch" style="background-color: var(--indigo-7)"></span>
385 <span class="color-swatch" style="background-color: var(--indigo-8)"></span>
386 <span class="color-swatch" style="background-color: var(--indigo-9)"></span>
387- </div>
388- <div class="open-colors count-em">
389+ <span class="color-swatch" style="background-color: var(--indigo-10)"></span>
390+ <span class="color-swatch" style="background-color: var(--indigo-11)"></span>
391+ <span class="color-swatch" style="background-color: var(--indigo-12)"></span>
392+ </div>
393+ <div class="open-colors count-em">
394 <h4>Blue</h4>
395 <span class="color-swatch" style="background-color: var(--blue-0)"></span>
396 <span class="color-swatch" style="background-color: var(--blue-1)"></span>
397 @@ -1328,8 +1368,11 @@
398 <span class="color-swatch" style="background-color: var(--blue-7)"></span>
399 <span class="color-swatch" style="background-color: var(--blue-8)"></span>
400 <span class="color-swatch" style="background-color: var(--blue-9)"></span>
401- </div>
402- <div class="open-colors count-em">
403+ <span class="color-swatch" style="background-color: var(--blue-10)"></span>
404+ <span class="color-swatch" style="background-color: var(--blue-11)"></span>
405+ <span class="color-swatch" style="background-color: var(--blue-12)"></span>
406+ </div>
407+ <div class="open-colors count-em">
408 <h4>Cyan</h4>
409 <span class="color-swatch" style="background-color: var(--cyan-0)"></span>
410 <span class="color-swatch" style="background-color: var(--cyan-1)"></span>
411 @@ -1341,8 +1384,11 @@
412 <span class="color-swatch" style="background-color: var(--cyan-7)"></span>
413 <span class="color-swatch" style="background-color: var(--cyan-8)"></span>
414 <span class="color-swatch" style="background-color: var(--cyan-9)"></span>
415- </div>
416- <div class="open-colors count-em">
417+ <span class="color-swatch" style="background-color: var(--cyan-10)"></span>
418+ <span class="color-swatch" style="background-color: var(--cyan-11)"></span>
419+ <span class="color-swatch" style="background-color: var(--cyan-12)"></span>
420+ </div>
421+ <div class="open-colors count-em">
422 <h4>Teal</h4>
423 <span class="color-swatch" style="background-color: var(--teal-0)"></span>
424 <span class="color-swatch" style="background-color: var(--teal-1)"></span>
425 @@ -1354,8 +1400,11 @@
426 <span class="color-swatch" style="background-color: var(--teal-7)"></span>
427 <span class="color-swatch" style="background-color: var(--teal-8)"></span>
428 <span class="color-swatch" style="background-color: var(--teal-9)"></span>
429- </div>
430- <div class="open-colors count-em">
431+ <span class="color-swatch" style="background-color: var(--teal-10)"></span>
432+ <span class="color-swatch" style="background-color: var(--teal-11)"></span>
433+ <span class="color-swatch" style="background-color: var(--teal-12)"></span>
434+ </div>
435+ <div class="open-colors count-em">
436 <h4>Green</h4>
437 <span class="color-swatch" style="background-color: var(--green-0)"></span>
438 <span class="color-swatch" style="background-color: var(--green-1)"></span>
439 @@ -1367,8 +1416,11 @@
440 <span class="color-swatch" style="background-color: var(--green-7)"></span>
441 <span class="color-swatch" style="background-color: var(--green-8)"></span>
442 <span class="color-swatch" style="background-color: var(--green-9)"></span>
443- </div>
444- <div class="open-colors count-em">
445+ <span class="color-swatch" style="background-color: var(--green-10)"></span>
446+ <span class="color-swatch" style="background-color: var(--green-11)"></span>
447+ <span class="color-swatch" style="background-color: var(--green-12)"></span>
448+ </div>
449+ <div class="open-colors count-em">
450 <h4>Lime</h4>
451 <span class="color-swatch" style="background-color: var(--lime-0)"></span>
452 <span class="color-swatch" style="background-color: var(--lime-1)"></span>
453 @@ -1380,8 +1432,11 @@
454 <span class="color-swatch" style="background-color: var(--lime-7)"></span>
455 <span class="color-swatch" style="background-color: var(--lime-8)"></span>
456 <span class="color-swatch" style="background-color: var(--lime-9)"></span>
457- </div>
458- <div class="open-colors count-em">
459+ <span class="color-swatch" style="background-color: var(--lime-10)"></span>
460+ <span class="color-swatch" style="background-color: var(--lime-11)"></span>
461+ <span class="color-swatch" style="background-color: var(--lime-12)"></span>
462+ </div>
463+ <div class="open-colors count-em">
464 <h4>Yellow</h4>
465 <span class="color-swatch" style="background-color: var(--yellow-0)"></span>
466 <span class="color-swatch" style="background-color: var(--yellow-1)"></span>
467 @@ -1393,8 +1448,11 @@
468 <span class="color-swatch" style="background-color: var(--yellow-7)"></span>
469 <span class="color-swatch" style="background-color: var(--yellow-8)"></span>
470 <span class="color-swatch" style="background-color: var(--yellow-9)"></span>
471- </div>
472- <div class="open-colors count-em">
473+ <span class="color-swatch" style="background-color: var(--yellow-10)"></span>
474+ <span class="color-swatch" style="background-color: var(--yellow-11)"></span>
475+ <span class="color-swatch" style="background-color: var(--yellow-12)"></span>
476+ </div>
477+ <div class="open-colors count-em">
478 <h4>Orange</h4>
479 <span class="color-swatch" style="background-color: var(--orange-0)"></span>
480 <span class="color-swatch" style="background-color: var(--orange-1)"></span>
481 @@ -1406,7 +1464,90 @@
482 <span class="color-swatch" style="background-color: var(--orange-7)"></span>
483 <span class="color-swatch" style="background-color: var(--orange-8)"></span>
484 <span class="color-swatch" style="background-color: var(--orange-9)"></span>
485- </div>
486+ <span class="color-swatch" style="background-color: var(--orange-10)"></span>
487+ <span class="color-swatch" style="background-color: var(--orange-11)"></span>
488+ <span class="color-swatch" style="background-color: var(--orange-12)"></span>
489+ </div>
490+ <div class="open-colors count-em">
491+ <h4>Choco</h4>
492+ <span class="color-swatch" style="background-color: var(--choco-0)"></span>
493+ <span class="color-swatch" style="background-color: var(--choco-1)"></span>
494+ <span class="color-swatch" style="background-color: var(--choco-2)"></span>
495+ <span class="color-swatch" style="background-color: var(--choco-3)"></span>
496+ <span class="color-swatch" style="background-color: var(--choco-4)"></span>
497+ <span class="color-swatch" style="background-color: var(--choco-5)"></span>
498+ <span class="color-swatch" style="background-color: var(--choco-6)"></span>
499+ <span class="color-swatch" style="background-color: var(--choco-7)"></span>
500+ <span class="color-swatch" style="background-color: var(--choco-8)"></span>
501+ <span class="color-swatch" style="background-color: var(--choco-9)"></span>
502+ <span class="color-swatch" style="background-color: var(--choco-10)"></span>
503+ <span class="color-swatch" style="background-color: var(--choco-11)"></span>
504+ <span class="color-swatch" style="background-color: var(--choco-12)"></span>
505+ </div>
506+ <div class="open-colors count-em">
507+ <h4>Brown</h4>
508+ <span class="color-swatch" style="background-color: var(--brown-0)"></span>
509+ <span class="color-swatch" style="background-color: var(--brown-1)"></span>
510+ <span class="color-swatch" style="background-color: var(--brown-2)"></span>
511+ <span class="color-swatch" style="background-color: var(--brown-3)"></span>
512+ <span class="color-swatch" style="background-color: var(--brown-4)"></span>
513+ <span class="color-swatch" style="background-color: var(--brown-5)"></span>
514+ <span class="color-swatch" style="background-color: var(--brown-6)"></span>
515+ <span class="color-swatch" style="background-color: var(--brown-7)"></span>
516+ <span class="color-swatch" style="background-color: var(--brown-8)"></span>
517+ <span class="color-swatch" style="background-color: var(--brown-9)"></span>
518+ <span class="color-swatch" style="background-color: var(--brown-10)"></span>
519+ <span class="color-swatch" style="background-color: var(--brown-11)"></span>
520+ <span class="color-swatch" style="background-color: var(--brown-12)"></span>
521+ </div>
522+ <div class="open-colors count-em">
523+ <h4>Sand</h4>
524+ <span class="color-swatch" style="background-color: var(--sand-0)"></span>
525+ <span class="color-swatch" style="background-color: var(--sand-1)"></span>
526+ <span class="color-swatch" style="background-color: var(--sand-2)"></span>
527+ <span class="color-swatch" style="background-color: var(--sand-3)"></span>
528+ <span class="color-swatch" style="background-color: var(--sand-4)"></span>
529+ <span class="color-swatch" style="background-color: var(--sand-5)"></span>
530+ <span class="color-swatch" style="background-color: var(--sand-6)"></span>
531+ <span class="color-swatch" style="background-color: var(--sand-7)"></span>
532+ <span class="color-swatch" style="background-color: var(--sand-8)"></span>
533+ <span class="color-swatch" style="background-color: var(--sand-9)"></span>
534+ <span class="color-swatch" style="background-color: var(--sand-10)"></span>
535+ <span class="color-swatch" style="background-color: var(--sand-11)"></span>
536+ <span class="color-swatch" style="background-color: var(--sand-12)"></span>
537+ </div>
538+ <div class="open-colors count-em">
539+ <h4>Camo</h4>
540+ <span class="color-swatch" style="background-color: var(--camo-0)"></span>
541+ <span class="color-swatch" style="background-color: var(--camo-1)"></span>
542+ <span class="color-swatch" style="background-color: var(--camo-2)"></span>
543+ <span class="color-swatch" style="background-color: var(--camo-3)"></span>
544+ <span class="color-swatch" style="background-color: var(--camo-4)"></span>
545+ <span class="color-swatch" style="background-color: var(--camo-5)"></span>
546+ <span class="color-swatch" style="background-color: var(--camo-6)"></span>
547+ <span class="color-swatch" style="background-color: var(--camo-7)"></span>
548+ <span class="color-swatch" style="background-color: var(--camo-8)"></span>
549+ <span class="color-swatch" style="background-color: var(--camo-9)"></span>
550+ <span class="color-swatch" style="background-color: var(--camo-10)"></span>
551+ <span class="color-swatch" style="background-color: var(--camo-11)"></span>
552+ <span class="color-swatch" style="background-color: var(--camo-12)"></span>
553+ </div>
554+ <div class="open-colors count-em">
555+ <h4>Jungle</h4>
556+ <span class="color-swatch" style="background-color: var(--jungle-0)"></span>
557+ <span class="color-swatch" style="background-color: var(--jungle-1)"></span>
558+ <span class="color-swatch" style="background-color: var(--jungle-2)"></span>
559+ <span class="color-swatch" style="background-color: var(--jungle-3)"></span>
560+ <span class="color-swatch" style="background-color: var(--jungle-4)"></span>
561+ <span class="color-swatch" style="background-color: var(--jungle-5)"></span>
562+ <span class="color-swatch" style="background-color: var(--jungle-6)"></span>
563+ <span class="color-swatch" style="background-color: var(--jungle-7)"></span>
564+ <span class="color-swatch" style="background-color: var(--jungle-8)"></span>
565+ <span class="color-swatch" style="background-color: var(--jungle-9)"></span>
566+ <span class="color-swatch" style="background-color: var(--jungle-10)"></span>
567+ <span class="color-swatch" style="background-color: var(--jungle-11)"></span>
568+ <span class="color-swatch" style="background-color: var(--jungle-12)"></span>
569+ </div>
570 </article>
571
572 <details>
573 @@ -1416,7 +1557,7 @@
574 <header>
575 <h3>1) Color theming</h3>
576 <p>Low numbers are light and high numbers are dark. See how the Open Props <a href="https://github.com/argyleink/open-props/blob/main/src/extra/normalize.css">normalize.css</a> implements <a href="https://github.com/argyleink/open-props/blob/main/src/extra/theme.light.css">light</a> and <a href="https://github.com/argyleink/open-props/blob/main/src/extra/theme.dark.css">dark</a> modes.</p>
577- <p><b>See it live:</b> <a href="https://codepen.io/argyleink/pen/21fe8c43e25876c3756917df0bd7ef36">auto, light, dark, dim and grape themes</a> demonstrated with Open Props!</p>
578+ <p><b>See it live:</b> <a href="https://codepen.io/argyleink/pen/21fe8c43e25876c3756917df0bd7ef36">auto, light, dark, dim and purple themes</a> demonstrated with Open Props!</p>
579 </header>
580
581 <div class="block-wrap">
582 @@ -1469,18 +1610,18 @@
583 </code></pre>
584 </div>
585 <div>
586- <h5>Grape</h5>
587+ <h5>Purple</h5>
588 <pre class="language-css"><code>
589 html {
590- --brand-grape: var(--grape-5);
591+ --brand-purple: var(--purple-5);
592
593- --text1-grape: var(--grape-9);
594- --text2-grape: var(--grape-7);
595+ --text1-purple: var(--purple-9);
596+ --text2-purple: var(--purple-7);
597
598- --surface1-grape: var(--grape-0);
599- --surface2-grape: var(--grape-1);
600- --surface3-grape: var(--grape-2);
601- --surface4-grape: var(--grape-3);
602+ --surface1-purple: var(--purple-0);
603+ --surface2-purple: var(--purple-1);
604+ --surface3-purple: var(--purple-2);
605+ --surface4-purple: var(--purple-3);
606 }
607 </code></pre>
608 </div>
609 @@ -1546,18 +1687,18 @@
610 </div>
611
612 <div>
613- <h5>Prefers Grape</h5>
614+ <h5>Prefers Purple</h5>
615 <pre class="language-css"><code>
616- [color-scheme="grape"] {
617- --brand: var(--brand-grape);
618+ [color-scheme="purple"] {
619+ --brand: var(--brand-purple);
620
621- --text1: var(--text1-grape);
622- --text2: var(--text2-grape);
623+ --text1: var(--text1-purple);
624+ --text2: var(--text2-purple);
625
626- --surface1: var(--surface1-grape);
627- --surface2: var(--surface2-grape);
628- --surface3: var(--surface3-grape);
629- --surface4: var(--surface4-grape);
630+ --surface1: var(--surface1-purple);
631+ --surface2: var(--surface2-purple);
632+ --surface3: var(--surface3-purple);
633+ --surface4: var(--surface4-purple);
634 }
635 </code></pre>
636 </div>
637 diff --git a/docsite/package-lock.json b/docsite/package-lock.json
638index 0449236..b747f49 100644
639--- a/docsite/package-lock.json
640+++ b/docsite/package-lock.json
641 @@ -1,7 +1,1805 @@
642 {
643 "name": "open-props",
644+ "lockfileVersion": 2,
645 "requires": true,
646- "lockfileVersion": 1,
647+ "packages": {
648+ "": {
649+ "name": "open-props",
650+ "devDependencies": {
651+ "postcss-preset-env": "6.7.x",
652+ "vite": "2.6.1"
653+ }
654+ },
655+ "node_modules/@csstools/convert-colors": {
656+ "version": "1.4.0",
657+ "resolved": "https://registry.npmjs.org/@csstools/convert-colors/-/convert-colors-1.4.0.tgz",
658+ "integrity": "sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==",
659+ "dev": true,
660+ "engines": {
661+ "node": ">=4.0.0"
662+ }
663+ },
664+ "node_modules/ansi-styles": {
665+ "version": "3.2.1",
666+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
667+ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
668+ "dev": true,
669+ "dependencies": {
670+ "color-convert": "^1.9.0"
671+ },
672+ "engines": {
673+ "node": ">=4"
674+ }
675+ },
676+ "node_modules/autoprefixer": {
677+ "version": "9.8.6",
678+ "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz",
679+ "integrity": "sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==",
680+ "dev": true,
681+ "dependencies": {
682+ "browserslist": "^4.12.0",
683+ "caniuse-lite": "^1.0.30001109",
684+ "colorette": "^1.2.1",
685+ "normalize-range": "^0.1.2",
686+ "num2fraction": "^1.2.2",
687+ "postcss": "^7.0.32",
688+ "postcss-value-parser": "^4.1.0"
689+ },
690+ "bin": {
691+ "autoprefixer": "bin/autoprefixer"
692+ },
693+ "funding": {
694+ "type": "tidelift",
695+ "url": "https://tidelift.com/funding/github/npm/autoprefixer"
696+ }
697+ },
698+ "node_modules/autoprefixer/node_modules/postcss": {
699+ "version": "7.0.36",
700+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
701+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
702+ "dev": true,
703+ "dependencies": {
704+ "chalk": "^2.4.2",
705+ "source-map": "^0.6.1",
706+ "supports-color": "^6.1.0"
707+ },
708+ "engines": {
709+ "node": ">=6.0.0"
710+ },
711+ "funding": {
712+ "type": "opencollective",
713+ "url": "https://opencollective.com/postcss/"
714+ }
715+ },
716+ "node_modules/balanced-match": {
717+ "version": "1.0.0",
718+ "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
719+ "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
720+ "dev": true
721+ },
722+ "node_modules/browserslist": {
723+ "version": "4.17.0",
724+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.0.tgz",
725+ "integrity": "sha512-g2BJ2a0nEYvEFQC208q8mVAhfNwpZ5Mu8BwgtCdZKO3qx98HChmeg448fPdUzld8aFmfLgVh7yymqV+q1lJZ5g==",
726+ "dev": true,
727+ "dependencies": {
728+ "caniuse-lite": "^1.0.30001254",
729+ "colorette": "^1.3.0",
730+ "electron-to-chromium": "^1.3.830",
731+ "escalade": "^3.1.1",
732+ "node-releases": "^1.1.75"
733+ },
734+ "bin": {
735+ "browserslist": "cli.js"
736+ },
737+ "engines": {
738+ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
739+ },
740+ "funding": {
741+ "type": "opencollective",
742+ "url": "https://opencollective.com/browserslist"
743+ }
744+ },
745+ "node_modules/caniuse-lite": {
746+ "version": "1.0.30001431",
747+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz",
748+ "integrity": "sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ==",
749+ "dev": true,
750+ "funding": [
751+ {
752+ "type": "opencollective",
753+ "url": "https://opencollective.com/browserslist"
754+ },
755+ {
756+ "type": "tidelift",
757+ "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
758+ }
759+ ]
760+ },
761+ "node_modules/chalk": {
762+ "version": "2.4.2",
763+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
764+ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
765+ "dev": true,
766+ "dependencies": {
767+ "ansi-styles": "^3.2.1",
768+ "escape-string-regexp": "^1.0.5",
769+ "supports-color": "^5.3.0"
770+ },
771+ "engines": {
772+ "node": ">=4"
773+ }
774+ },
775+ "node_modules/chalk/node_modules/supports-color": {
776+ "version": "5.5.0",
777+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
778+ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
779+ "dev": true,
780+ "dependencies": {
781+ "has-flag": "^3.0.0"
782+ },
783+ "engines": {
784+ "node": ">=4"
785+ }
786+ },
787+ "node_modules/color-convert": {
788+ "version": "1.9.3",
789+ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
790+ "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
791+ "dev": true,
792+ "dependencies": {
793+ "color-name": "1.1.3"
794+ }
795+ },
796+ "node_modules/color-name": {
797+ "version": "1.1.3",
798+ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
799+ "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
800+ "dev": true
801+ },
802+ "node_modules/colorette": {
803+ "version": "1.3.0",
804+ "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.3.0.tgz",
805+ "integrity": "sha512-ecORCqbSFP7Wm8Y6lyqMJjexBQqXSF7SSeaTyGGphogUjBlFP9m9o08wy86HL2uB7fMTxtOUzLMk7ogKcxMg1w==",
806+ "dev": true
807+ },
808+ "node_modules/css-blank-pseudo": {
809+ "version": "0.1.4",
810+ "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
811+ "integrity": "sha512-LHz35Hr83dnFeipc7oqFDmsjHdljj3TQtxGGiNWSOsTLIAubSm4TEz8qCaKFpk7idaQ1GfWscF4E6mgpBysA1w==",
812+ "dev": true,
813+ "dependencies": {
814+ "postcss": "^7.0.5"
815+ },
816+ "bin": {
817+ "css-blank-pseudo": "cli.js"
818+ },
819+ "engines": {
820+ "node": ">=6.0.0"
821+ }
822+ },
823+ "node_modules/css-blank-pseudo/node_modules/postcss": {
824+ "version": "7.0.36",
825+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
826+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
827+ "dev": true,
828+ "dependencies": {
829+ "chalk": "^2.4.2",
830+ "source-map": "^0.6.1",
831+ "supports-color": "^6.1.0"
832+ },
833+ "engines": {
834+ "node": ">=6.0.0"
835+ },
836+ "funding": {
837+ "type": "opencollective",
838+ "url": "https://opencollective.com/postcss/"
839+ }
840+ },
841+ "node_modules/css-has-pseudo": {
842+ "version": "0.10.0",
843+ "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-0.10.0.tgz",
844+ "integrity": "sha512-Z8hnfsZu4o/kt+AuFzeGpLVhFOGO9mluyHBaA2bA8aCGTwah5sT3WV/fTHH8UNZUytOIImuGPrl/prlb4oX4qQ==",
845+ "dev": true,
846+ "dependencies": {
847+ "postcss": "^7.0.6",
848+ "postcss-selector-parser": "^5.0.0-rc.4"
849+ },
850+ "bin": {
851+ "css-has-pseudo": "cli.js"
852+ },
853+ "engines": {
854+ "node": ">=6.0.0"
855+ }
856+ },
857+ "node_modules/css-has-pseudo/node_modules/postcss": {
858+ "version": "7.0.36",
859+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
860+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
861+ "dev": true,
862+ "dependencies": {
863+ "chalk": "^2.4.2",
864+ "source-map": "^0.6.1",
865+ "supports-color": "^6.1.0"
866+ },
867+ "engines": {
868+ "node": ">=6.0.0"
869+ },
870+ "funding": {
871+ "type": "opencollective",
872+ "url": "https://opencollective.com/postcss/"
873+ }
874+ },
875+ "node_modules/css-prefers-color-scheme": {
876+ "version": "3.1.1",
877+ "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz",
878+ "integrity": "sha512-MTu6+tMs9S3EUqzmqLXEcgNRbNkkD/TGFvowpeoWJn5Vfq7FMgsmRQs9X5NXAURiOBmOxm/lLjsDNXDE6k9bhg==",
879+ "dev": true,
880+ "dependencies": {
881+ "postcss": "^7.0.5"
882+ },
883+ "bin": {
884+ "css-prefers-color-scheme": "cli.js"
885+ },
886+ "engines": {
887+ "node": ">=6.0.0"
888+ }
889+ },
890+ "node_modules/css-prefers-color-scheme/node_modules/postcss": {
891+ "version": "7.0.36",
892+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
893+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
894+ "dev": true,
895+ "dependencies": {
896+ "chalk": "^2.4.2",
897+ "source-map": "^0.6.1",
898+ "supports-color": "^6.1.0"
899+ },
900+ "engines": {
901+ "node": ">=6.0.0"
902+ },
903+ "funding": {
904+ "type": "opencollective",
905+ "url": "https://opencollective.com/postcss/"
906+ }
907+ },
908+ "node_modules/cssdb": {
909+ "version": "4.4.0",
910+ "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
911+ "integrity": "sha512-LsTAR1JPEM9TpGhl/0p3nQecC2LJ0kD8X5YARu1hk/9I1gril5vDtMZyNxcEpxxDj34YNck/ucjuoUd66K03oQ==",
912+ "dev": true
913+ },
914+ "node_modules/cssesc": {
915+ "version": "2.0.0",
916+ "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-2.0.0.tgz",
917+ "integrity": "sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==",
918+ "dev": true,
919+ "bin": {
920+ "cssesc": "bin/cssesc"
921+ },
922+ "engines": {
923+ "node": ">=4"
924+ }
925+ },
926+ "node_modules/electron-to-chromium": {
927+ "version": "1.3.830",
928+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.830.tgz",
929+ "integrity": "sha512-gBN7wNAxV5vl1430dG+XRcQhD4pIeYeak6p6rjdCtlz5wWNwDad8jwvphe5oi1chL5MV6RNRikfffBBiFuj+rQ==",
930+ "dev": true
931+ },
932+ "node_modules/esbuild": {
933+ "version": "0.13.3",
934+ "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.13.3.tgz",
935+ "integrity": "sha512-98xovMLKnyhv3gcReUuAEi5Ig1rK6SIgvsJuBIcfwzqGSEHsV8UJjMlmkhHoHMf9XZybMpE9Zax8AA8f7i2hlQ==",
936+ "dev": true,
937+ "hasInstallScript": true,
938+ "bin": {
939+ "esbuild": "bin/esbuild"
940+ },
941+ "optionalDependencies": {
942+ "esbuild-android-arm64": "0.13.3",
943+ "esbuild-darwin-64": "0.13.3",
944+ "esbuild-darwin-arm64": "0.13.3",
945+ "esbuild-freebsd-64": "0.13.3",
946+ "esbuild-freebsd-arm64": "0.13.3",
947+ "esbuild-linux-32": "0.13.3",
948+ "esbuild-linux-64": "0.13.3",
949+ "esbuild-linux-arm": "0.13.3",
950+ "esbuild-linux-arm64": "0.13.3",
951+ "esbuild-linux-mips64le": "0.13.3",
952+ "esbuild-linux-ppc64le": "0.13.3",
953+ "esbuild-openbsd-64": "0.13.3",
954+ "esbuild-sunos-64": "0.13.3",
955+ "esbuild-windows-32": "0.13.3",
956+ "esbuild-windows-64": "0.13.3",
957+ "esbuild-windows-arm64": "0.13.3"
958+ }
959+ },
960+ "node_modules/esbuild-android-arm64": {
961+ "version": "0.13.3",
962+ "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.13.3.tgz",
963+ "integrity": "sha512-jc9E8vGTHkzb0Vwl74H8liANV9BWsqtzLHaKvcsRgf1M+aVCBSF0gUheduAKfDsbDMT0judeMLhwBP34EUesTA==",
964+ "cpu": [
965+ "arm64"
966+ ],
967+ "dev": true,
968+ "optional": true,
969+ "os": [
970+ "android"
971+ ]
972+ },
973+ "node_modules/esbuild-darwin-64": {
974+ "version": "0.13.3",
975+ "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.13.3.tgz",
976+ "integrity": "sha512-8bG3Zq+ZNuLlIJebOO2+weI7P2LVf33sOzaUfHj8MuJ+1Ixe4KtQxfYp7qhFnP6xP2ToJaYHxGUfLeiUCEz9hw==",
977+ "cpu": [
978+ "x64"
979+ ],
980+ "dev": true,
981+ "optional": true,
982+ "os": [
983+ "darwin"
984+ ]
985+ },
986+ "node_modules/esbuild-darwin-arm64": {
987+ "version": "0.13.3",
988+ "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.13.3.tgz",
989+ "integrity": "sha512-5E81eImYtTgh8pY7Gq4WQHhWkR/LvYadUXmuYeZBiP+3ADZJZcG60UFceZrjqNPaFOWKr/xmh4aNocwagEubcA==",
990+ "cpu": [
991+ "arm64"
992+ ],
993+ "dev": true,
994+ "optional": true,
995+ "os": [
996+ "darwin"
997+ ]
998+ },
999+ "node_modules/esbuild-freebsd-64": {
1000+ "version": "0.13.3",
1001+ "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.13.3.tgz",
1002+ "integrity": "sha512-ou+f91KkTGexi8HvF/BdtsITL6plbciQfZGys7QX6/QEwyE96PmL5KnU6ZQwoU7E99Ts6Sc9bUDq8HXJubKtBA==",
1003+ "cpu": [
1004+ "x64"
1005+ ],
1006+ "dev": true,
1007+ "optional": true,
1008+ "os": [
1009+ "freebsd"
1010+ ]
1011+ },
1012+ "node_modules/esbuild-freebsd-arm64": {
1013+ "version": "0.13.3",
1014+ "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.13.3.tgz",
1015+ "integrity": "sha512-F1zV7nySjHswJuvIgjkiG5liZ63MeazDGXGKViTCeegjZ71sAhOChcaGhKcu6vq9+vqZxlfEi1fmXlx6Pc3coQ==",
1016+ "cpu": [
1017+ "arm64"
1018+ ],
1019+ "dev": true,
1020+ "optional": true,
1021+ "os": [
1022+ "freebsd"
1023+ ]
1024+ },
1025+ "node_modules/esbuild-linux-32": {
1026+ "version": "0.13.3",
1027+ "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.13.3.tgz",
1028+ "integrity": "sha512-mHHc2v6uLrHH4zaaq5RB/5IWzgimEJ1HGldzf1qtGI513KZWfH0HRRQ8p1di4notJgBn7tDzWQ1f34ZHy69viQ==",
1029+ "cpu": [
1030+ "ia32"
1031+ ],
1032+ "dev": true,
1033+ "optional": true,
1034+ "os": [
1035+ "linux"
1036+ ]
1037+ },
1038+ "node_modules/esbuild-linux-64": {
1039+ "version": "0.13.3",
1040+ "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.13.3.tgz",
1041+ "integrity": "sha512-FJ1De2O89mrOuqtaEXu41qIYJU6R41F+OA6vheNwcAQcX8fu0aiA13FJeLABq29BYJuTVgRj3cyC8q+tz19/dQ==",
1042+ "cpu": [
1043+ "x64"
1044+ ],
1045+ "dev": true,
1046+ "optional": true,
1047+ "os": [
1048+ "linux"
1049+ ]
1050+ },
1051+ "node_modules/esbuild-linux-arm": {
1052+ "version": "0.13.3",
1053+ "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.13.3.tgz",
1054+ "integrity": "sha512-9BJNRtLwBh3OP22cln9g3AJdbAQUcjRHqA4BScx9k4RZpGqPokFr548zpeplxWhcwrIjT8qPebwH9CrRVy8Bsw==",
1055+ "cpu": [
1056+ "arm"
1057+ ],
1058+ "dev": true,
1059+ "optional": true,
1060+ "os": [
1061+ "linux"
1062+ ]
1063+ },
1064+ "node_modules/esbuild-linux-arm64": {
1065+ "version": "0.13.3",
1066+ "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.13.3.tgz",
1067+ "integrity": "sha512-Cauhr45KSo+wRUojs+1qfycQqQCAXTOvsWvkZ6xmEMAXLAm+f8RQGDQeP8CAf8Yeelnegcn6UNdvzdzLHhWDFg==",
1068+ "cpu": [
1069+ "arm64"
1070+ ],
1071+ "dev": true,
1072+ "optional": true,
1073+ "os": [
1074+ "linux"
1075+ ]
1076+ },
1077+ "node_modules/esbuild-linux-mips64le": {
1078+ "version": "0.13.3",
1079+ "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.13.3.tgz",
1080+ "integrity": "sha512-YVzJUGCncuuLm2boYyVeuMFsak4ZAhdiBwi0xNDZCC8sy+tS6Boe2mzcrD2uubv5JKAUOrpN186S1DtU4WgBgw==",
1081+ "cpu": [
1082+ "mips64el"
1083+ ],
1084+ "dev": true,
1085+ "optional": true,
1086+ "os": [
1087+ "linux"
1088+ ]
1089+ },
1090+ "node_modules/esbuild-linux-ppc64le": {
1091+ "version": "0.13.3",
1092+ "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.13.3.tgz",
1093+ "integrity": "sha512-GU6CqqKtJEoyxC2QWHiJtmuOz9wc/jMv8ZloK2WwiGY5yMvAmM3PI103Dj7xcjebNTHBqITTUw/aigY1wx5A3w==",
1094+ "cpu": [
1095+ "ppc64"
1096+ ],
1097+ "dev": true,
1098+ "optional": true,
1099+ "os": [
1100+ "linux"
1101+ ]
1102+ },
1103+ "node_modules/esbuild-openbsd-64": {
1104+ "version": "0.13.3",
1105+ "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.13.3.tgz",
1106+ "integrity": "sha512-HVpkgpn4BQt4BPDAjTOpeMub6mzNWw6Y3gaLQJrpbO24pws6ZwYkY24OI3/Uo3LDCbH6856MM81JxECt92OWjA==",
1107+ "cpu": [
1108+ "x64"
1109+ ],
1110+ "dev": true,
1111+ "optional": true,
1112+ "os": [
1113+ "openbsd"
1114+ ]
1115+ },
1116+ "node_modules/esbuild-sunos-64": {
1117+ "version": "0.13.3",
1118+ "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.13.3.tgz",
1119+ "integrity": "sha512-XncBVOtnEfUbPV4CaiFBxh38ychnBfwCxuTm9iAqcHzIwkmeNRN5qMzDyfE1jyfJje+Bbt6AvIfz6SdYt8/UEQ==",
1120+ "cpu": [
1121+ "x64"
1122+ ],
1123+ "dev": true,
1124+ "optional": true,
1125+ "os": [
1126+ "sunos"
1127+ ]
1128+ },
1129+ "node_modules/esbuild-windows-32": {
1130+ "version": "0.13.3",
1131+ "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.13.3.tgz",
1132+ "integrity": "sha512-ZlgDz7d1nk8wQACi+z8IDzNZVUlN9iprAme+1YSTsfFDlkyI8jeaGWPk9EQFNY7rJzsLVYm6eZ2mhPioc7uT5A==",
1133+ "cpu": [
1134+ "ia32"
1135+ ],
1136+ "dev": true,
1137+ "optional": true,
1138+ "os": [
1139+ "win32"
1140+ ]
1141+ },
1142+ "node_modules/esbuild-windows-64": {
1143+ "version": "0.13.3",
1144+ "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.13.3.tgz",
1145+ "integrity": "sha512-YX7KvRez3TR+GudlQm9tND/ssj2FsF9vb8ZWzAoZOLxpPzE3y+3SFJNrfDzzQKPzJ0Pnh9KBP4gsaMwJjKHDhw==",
1146+ "cpu": [
1147+ "x64"
1148+ ],
1149+ "dev": true,
1150+ "optional": true,
1151+ "os": [
1152+ "win32"
1153+ ]
1154+ },
1155+ "node_modules/esbuild-windows-arm64": {
1156+ "version": "0.13.3",
1157+ "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.13.3.tgz",
1158+ "integrity": "sha512-nP7H0Y2a6OJd3Qi1Q8sehhyP4x4JoXK4S5y6FzH2vgaJgiyEurzFxjUufGdMaw+RxtxiwD/uRndUgwaZ2JD8lg==",
1159+ "cpu": [
1160+ "arm64"
1161+ ],
1162+ "dev": true,
1163+ "optional": true,
1164+ "os": [
1165+ "win32"
1166+ ]
1167+ },
1168+ "node_modules/escalade": {
1169+ "version": "3.1.1",
1170+ "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
1171+ "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
1172+ "dev": true,
1173+ "engines": {
1174+ "node": ">=6"
1175+ }
1176+ },
1177+ "node_modules/escape-string-regexp": {
1178+ "version": "1.0.5",
1179+ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
1180+ "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
1181+ "dev": true,
1182+ "engines": {
1183+ "node": ">=0.8.0"
1184+ }
1185+ },
1186+ "node_modules/flatten": {
1187+ "version": "1.0.3",
1188+ "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.3.tgz",
1189+ "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==",
1190+ "deprecated": "flatten is deprecated in favor of utility frameworks such as lodash.",
1191+ "dev": true
1192+ },
1193+ "node_modules/fsevents": {
1194+ "version": "2.3.2",
1195+ "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
1196+ "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
1197+ "dev": true,
1198+ "hasInstallScript": true,
1199+ "optional": true,
1200+ "os": [
1201+ "darwin"
1202+ ],
1203+ "engines": {
1204+ "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
1205+ }
1206+ },
1207+ "node_modules/function-bind": {
1208+ "version": "1.1.1",
1209+ "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
1210+ "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
1211+ "dev": true
1212+ },
1213+ "node_modules/has": {
1214+ "version": "1.0.3",
1215+ "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
1216+ "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
1217+ "dev": true,
1218+ "dependencies": {
1219+ "function-bind": "^1.1.1"
1220+ },
1221+ "engines": {
1222+ "node": ">= 0.4.0"
1223+ }
1224+ },
1225+ "node_modules/has-flag": {
1226+ "version": "3.0.0",
1227+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
1228+ "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
1229+ "dev": true,
1230+ "engines": {
1231+ "node": ">=4"
1232+ }
1233+ },
1234+ "node_modules/indexes-of": {
1235+ "version": "1.0.1",
1236+ "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
1237+ "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=",
1238+ "dev": true
1239+ },
1240+ "node_modules/is-core-module": {
1241+ "version": "2.7.0",
1242+ "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.7.0.tgz",
1243+ "integrity": "sha512-ByY+tjCciCr+9nLryBYcSD50EOGWt95c7tIsKTG1J2ixKKXPvF7Ej3AVd+UfDydAJom3biBGDBALaO79ktwgEQ==",
1244+ "dev": true,
1245+ "dependencies": {
1246+ "has": "^1.0.3"
1247+ },
1248+ "funding": {
1249+ "url": "https://github.com/sponsors/ljharb"
1250+ }
1251+ },
1252+ "node_modules/lodash._reinterpolate": {
1253+ "version": "3.0.0",
1254+ "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
1255+ "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=",
1256+ "dev": true
1257+ },
1258+ "node_modules/lodash.template": {
1259+ "version": "4.5.0",
1260+ "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.5.0.tgz",
1261+ "integrity": "sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==",
1262+ "dev": true,
1263+ "dependencies": {
1264+ "lodash._reinterpolate": "^3.0.0",
1265+ "lodash.templatesettings": "^4.0.0"
1266+ }
1267+ },
1268+ "node_modules/lodash.templatesettings": {
1269+ "version": "4.2.0",
1270+ "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz",
1271+ "integrity": "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==",
1272+ "dev": true,
1273+ "dependencies": {
1274+ "lodash._reinterpolate": "^3.0.0"
1275+ }
1276+ },
1277+ "node_modules/nanocolors": {
1278+ "version": "0.2.12",
1279+ "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.2.12.tgz",
1280+ "integrity": "sha512-SFNdALvzW+rVlzqexid6epYdt8H9Zol7xDoQarioEFcFN0JHo4CYNztAxmtfgGTVRCmFlEOqqhBpoFGKqSAMug==",
1281+ "dev": true
1282+ },
1283+ "node_modules/nanoid": {
1284+ "version": "3.3.4",
1285+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
1286+ "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
1287+ "dev": true,
1288+ "bin": {
1289+ "nanoid": "bin/nanoid.cjs"
1290+ },
1291+ "engines": {
1292+ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
1293+ }
1294+ },
1295+ "node_modules/node-releases": {
1296+ "version": "1.1.75",
1297+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.75.tgz",
1298+ "integrity": "sha512-Qe5OUajvqrqDSy6wrWFmMwfJ0jVgwiw4T3KqmbTcZ62qW0gQkheXYhcFM1+lOVcGUoRxcEcfyvFMAnDgaF1VWw==",
1299+ "dev": true
1300+ },
1301+ "node_modules/normalize-range": {
1302+ "version": "0.1.2",
1303+ "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
1304+ "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
1305+ "dev": true,
1306+ "engines": {
1307+ "node": ">=0.10.0"
1308+ }
1309+ },
1310+ "node_modules/num2fraction": {
1311+ "version": "1.2.2",
1312+ "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
1313+ "integrity": "sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=",
1314+ "dev": true
1315+ },
1316+ "node_modules/path-parse": {
1317+ "version": "1.0.7",
1318+ "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
1319+ "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
1320+ "dev": true
1321+ },
1322+ "node_modules/postcss": {
1323+ "version": "8.3.8",
1324+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.8.tgz",
1325+ "integrity": "sha512-GT5bTjjZnwDifajzczOC+r3FI3Cu+PgPvrsjhQdRqa2kTJ4968/X9CUce9xttIB0xOs5c6xf0TCWZo/y9lF6bA==",
1326+ "dev": true,
1327+ "dependencies": {
1328+ "nanocolors": "^0.2.2",
1329+ "nanoid": "^3.1.25",
1330+ "source-map-js": "^0.6.2"
1331+ },
1332+ "engines": {
1333+ "node": "^10 || ^12 || >=14"
1334+ },
1335+ "funding": {
1336+ "type": "opencollective",
1337+ "url": "https://opencollective.com/postcss/"
1338+ }
1339+ },
1340+ "node_modules/postcss-attribute-case-insensitive": {
1341+ "version": "4.0.2",
1342+ "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz",
1343+ "integrity": "sha512-clkFxk/9pcdb4Vkn0hAHq3YnxBQ2p0CGD1dy24jN+reBck+EWxMbxSUqN4Yj7t0w8csl87K6p0gxBe1utkJsYA==",
1344+ "dev": true,
1345+ "dependencies": {
1346+ "postcss": "^7.0.2",
1347+ "postcss-selector-parser": "^6.0.2"
1348+ }
1349+ },
1350+ "node_modules/postcss-attribute-case-insensitive/node_modules/cssesc": {
1351+ "version": "3.0.0",
1352+ "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
1353+ "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
1354+ "dev": true,
1355+ "bin": {
1356+ "cssesc": "bin/cssesc"
1357+ },
1358+ "engines": {
1359+ "node": ">=4"
1360+ }
1361+ },
1362+ "node_modules/postcss-attribute-case-insensitive/node_modules/postcss": {
1363+ "version": "7.0.36",
1364+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1365+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1366+ "dev": true,
1367+ "dependencies": {
1368+ "chalk": "^2.4.2",
1369+ "source-map": "^0.6.1",
1370+ "supports-color": "^6.1.0"
1371+ },
1372+ "engines": {
1373+ "node": ">=6.0.0"
1374+ },
1375+ "funding": {
1376+ "type": "opencollective",
1377+ "url": "https://opencollective.com/postcss/"
1378+ }
1379+ },
1380+ "node_modules/postcss-attribute-case-insensitive/node_modules/postcss-selector-parser": {
1381+ "version": "6.0.4",
1382+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz",
1383+ "integrity": "sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==",
1384+ "dev": true,
1385+ "dependencies": {
1386+ "cssesc": "^3.0.0",
1387+ "indexes-of": "^1.0.1",
1388+ "uniq": "^1.0.1",
1389+ "util-deprecate": "^1.0.2"
1390+ },
1391+ "engines": {
1392+ "node": ">=4"
1393+ }
1394+ },
1395+ "node_modules/postcss-color-functional-notation": {
1396+ "version": "2.0.1",
1397+ "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-2.0.1.tgz",
1398+ "integrity": "sha512-ZBARCypjEDofW4P6IdPVTLhDNXPRn8T2s1zHbZidW6rPaaZvcnCS2soYFIQJrMZSxiePJ2XIYTlcb2ztr/eT2g==",
1399+ "dev": true,
1400+ "dependencies": {
1401+ "postcss": "^7.0.2",
1402+ "postcss-values-parser": "^2.0.0"
1403+ },
1404+ "engines": {
1405+ "node": ">=6.0.0"
1406+ }
1407+ },
1408+ "node_modules/postcss-color-functional-notation/node_modules/postcss": {
1409+ "version": "7.0.36",
1410+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1411+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1412+ "dev": true,
1413+ "dependencies": {
1414+ "chalk": "^2.4.2",
1415+ "source-map": "^0.6.1",
1416+ "supports-color": "^6.1.0"
1417+ },
1418+ "engines": {
1419+ "node": ">=6.0.0"
1420+ },
1421+ "funding": {
1422+ "type": "opencollective",
1423+ "url": "https://opencollective.com/postcss/"
1424+ }
1425+ },
1426+ "node_modules/postcss-color-gray": {
1427+ "version": "5.0.0",
1428+ "resolved": "https://registry.npmjs.org/postcss-color-gray/-/postcss-color-gray-5.0.0.tgz",
1429+ "integrity": "sha512-q6BuRnAGKM/ZRpfDascZlIZPjvwsRye7UDNalqVz3s7GDxMtqPY6+Q871liNxsonUw8oC61OG+PSaysYpl1bnw==",
1430+ "dev": true,
1431+ "dependencies": {
1432+ "@csstools/convert-colors": "^1.4.0",
1433+ "postcss": "^7.0.5",
1434+ "postcss-values-parser": "^2.0.0"
1435+ },
1436+ "engines": {
1437+ "node": ">=6.0.0"
1438+ }
1439+ },
1440+ "node_modules/postcss-color-gray/node_modules/postcss": {
1441+ "version": "7.0.36",
1442+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1443+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1444+ "dev": true,
1445+ "dependencies": {
1446+ "chalk": "^2.4.2",
1447+ "source-map": "^0.6.1",
1448+ "supports-color": "^6.1.0"
1449+ },
1450+ "engines": {
1451+ "node": ">=6.0.0"
1452+ },
1453+ "funding": {
1454+ "type": "opencollective",
1455+ "url": "https://opencollective.com/postcss/"
1456+ }
1457+ },
1458+ "node_modules/postcss-color-hex-alpha": {
1459+ "version": "5.0.3",
1460+ "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-5.0.3.tgz",
1461+ "integrity": "sha512-PF4GDel8q3kkreVXKLAGNpHKilXsZ6xuu+mOQMHWHLPNyjiUBOr75sp5ZKJfmv1MCus5/DWUGcK9hm6qHEnXYw==",
1462+ "dev": true,
1463+ "dependencies": {
1464+ "postcss": "^7.0.14",
1465+ "postcss-values-parser": "^2.0.1"
1466+ },
1467+ "engines": {
1468+ "node": ">=6.0.0"
1469+ }
1470+ },
1471+ "node_modules/postcss-color-hex-alpha/node_modules/postcss": {
1472+ "version": "7.0.36",
1473+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1474+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1475+ "dev": true,
1476+ "dependencies": {
1477+ "chalk": "^2.4.2",
1478+ "source-map": "^0.6.1",
1479+ "supports-color": "^6.1.0"
1480+ },
1481+ "engines": {
1482+ "node": ">=6.0.0"
1483+ },
1484+ "funding": {
1485+ "type": "opencollective",
1486+ "url": "https://opencollective.com/postcss/"
1487+ }
1488+ },
1489+ "node_modules/postcss-color-mod-function": {
1490+ "version": "3.0.3",
1491+ "resolved": "https://registry.npmjs.org/postcss-color-mod-function/-/postcss-color-mod-function-3.0.3.tgz",
1492+ "integrity": "sha512-YP4VG+xufxaVtzV6ZmhEtc+/aTXH3d0JLpnYfxqTvwZPbJhWqp8bSY3nfNzNRFLgB4XSaBA82OE4VjOOKpCdVQ==",
1493+ "dev": true,
1494+ "dependencies": {
1495+ "@csstools/convert-colors": "^1.4.0",
1496+ "postcss": "^7.0.2",
1497+ "postcss-values-parser": "^2.0.0"
1498+ },
1499+ "engines": {
1500+ "node": ">=6.0.0"
1501+ }
1502+ },
1503+ "node_modules/postcss-color-mod-function/node_modules/postcss": {
1504+ "version": "7.0.36",
1505+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1506+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1507+ "dev": true,
1508+ "dependencies": {
1509+ "chalk": "^2.4.2",
1510+ "source-map": "^0.6.1",
1511+ "supports-color": "^6.1.0"
1512+ },
1513+ "engines": {
1514+ "node": ">=6.0.0"
1515+ },
1516+ "funding": {
1517+ "type": "opencollective",
1518+ "url": "https://opencollective.com/postcss/"
1519+ }
1520+ },
1521+ "node_modules/postcss-color-rebeccapurple": {
1522+ "version": "4.0.1",
1523+ "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-4.0.1.tgz",
1524+ "integrity": "sha512-aAe3OhkS6qJXBbqzvZth2Au4V3KieR5sRQ4ptb2b2O8wgvB3SJBsdG+jsn2BZbbwekDG8nTfcCNKcSfe/lEy8g==",
1525+ "dev": true,
1526+ "dependencies": {
1527+ "postcss": "^7.0.2",
1528+ "postcss-values-parser": "^2.0.0"
1529+ },
1530+ "engines": {
1531+ "node": ">=6.0.0"
1532+ }
1533+ },
1534+ "node_modules/postcss-color-rebeccapurple/node_modules/postcss": {
1535+ "version": "7.0.36",
1536+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1537+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1538+ "dev": true,
1539+ "dependencies": {
1540+ "chalk": "^2.4.2",
1541+ "source-map": "^0.6.1",
1542+ "supports-color": "^6.1.0"
1543+ },
1544+ "engines": {
1545+ "node": ">=6.0.0"
1546+ },
1547+ "funding": {
1548+ "type": "opencollective",
1549+ "url": "https://opencollective.com/postcss/"
1550+ }
1551+ },
1552+ "node_modules/postcss-custom-media": {
1553+ "version": "7.0.8",
1554+ "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz",
1555+ "integrity": "sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==",
1556+ "dev": true,
1557+ "dependencies": {
1558+ "postcss": "^7.0.14"
1559+ },
1560+ "engines": {
1561+ "node": ">=6.0.0"
1562+ }
1563+ },
1564+ "node_modules/postcss-custom-media/node_modules/postcss": {
1565+ "version": "7.0.36",
1566+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1567+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1568+ "dev": true,
1569+ "dependencies": {
1570+ "chalk": "^2.4.2",
1571+ "source-map": "^0.6.1",
1572+ "supports-color": "^6.1.0"
1573+ },
1574+ "engines": {
1575+ "node": ">=6.0.0"
1576+ },
1577+ "funding": {
1578+ "type": "opencollective",
1579+ "url": "https://opencollective.com/postcss/"
1580+ }
1581+ },
1582+ "node_modules/postcss-custom-properties": {
1583+ "version": "8.0.11",
1584+ "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-8.0.11.tgz",
1585+ "integrity": "sha512-nm+o0eLdYqdnJ5abAJeXp4CEU1c1k+eB2yMCvhgzsds/e0umabFrN6HoTy/8Q4K5ilxERdl/JD1LO5ANoYBeMA==",
1586+ "dev": true,
1587+ "dependencies": {
1588+ "postcss": "^7.0.17",
1589+ "postcss-values-parser": "^2.0.1"
1590+ },
1591+ "engines": {
1592+ "node": ">=6.0.0"
1593+ }
1594+ },
1595+ "node_modules/postcss-custom-properties/node_modules/postcss": {
1596+ "version": "7.0.36",
1597+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1598+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1599+ "dev": true,
1600+ "dependencies": {
1601+ "chalk": "^2.4.2",
1602+ "source-map": "^0.6.1",
1603+ "supports-color": "^6.1.0"
1604+ },
1605+ "engines": {
1606+ "node": ">=6.0.0"
1607+ },
1608+ "funding": {
1609+ "type": "opencollective",
1610+ "url": "https://opencollective.com/postcss/"
1611+ }
1612+ },
1613+ "node_modules/postcss-custom-selectors": {
1614+ "version": "5.1.2",
1615+ "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-5.1.2.tgz",
1616+ "integrity": "sha512-DSGDhqinCqXqlS4R7KGxL1OSycd1lydugJ1ky4iRXPHdBRiozyMHrdu0H3o7qNOCiZwySZTUI5MV0T8QhCLu+w==",
1617+ "dev": true,
1618+ "dependencies": {
1619+ "postcss": "^7.0.2",
1620+ "postcss-selector-parser": "^5.0.0-rc.3"
1621+ },
1622+ "engines": {
1623+ "node": ">=6.0.0"
1624+ }
1625+ },
1626+ "node_modules/postcss-custom-selectors/node_modules/postcss": {
1627+ "version": "7.0.36",
1628+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1629+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1630+ "dev": true,
1631+ "dependencies": {
1632+ "chalk": "^2.4.2",
1633+ "source-map": "^0.6.1",
1634+ "supports-color": "^6.1.0"
1635+ },
1636+ "engines": {
1637+ "node": ">=6.0.0"
1638+ },
1639+ "funding": {
1640+ "type": "opencollective",
1641+ "url": "https://opencollective.com/postcss/"
1642+ }
1643+ },
1644+ "node_modules/postcss-dir-pseudo-class": {
1645+ "version": "5.0.0",
1646+ "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-5.0.0.tgz",
1647+ "integrity": "sha512-3pm4oq8HYWMZePJY+5ANriPs3P07q+LW6FAdTlkFH2XqDdP4HeeJYMOzn0HYLhRSjBO3fhiqSwwU9xEULSrPgw==",
1648+ "dev": true,
1649+ "dependencies": {
1650+ "postcss": "^7.0.2",
1651+ "postcss-selector-parser": "^5.0.0-rc.3"
1652+ },
1653+ "engines": {
1654+ "node": ">=4.0.0"
1655+ }
1656+ },
1657+ "node_modules/postcss-dir-pseudo-class/node_modules/postcss": {
1658+ "version": "7.0.36",
1659+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1660+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1661+ "dev": true,
1662+ "dependencies": {
1663+ "chalk": "^2.4.2",
1664+ "source-map": "^0.6.1",
1665+ "supports-color": "^6.1.0"
1666+ },
1667+ "engines": {
1668+ "node": ">=6.0.0"
1669+ },
1670+ "funding": {
1671+ "type": "opencollective",
1672+ "url": "https://opencollective.com/postcss/"
1673+ }
1674+ },
1675+ "node_modules/postcss-double-position-gradients": {
1676+ "version": "1.0.0",
1677+ "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-1.0.0.tgz",
1678+ "integrity": "sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==",
1679+ "dev": true,
1680+ "dependencies": {
1681+ "postcss": "^7.0.5",
1682+ "postcss-values-parser": "^2.0.0"
1683+ },
1684+ "engines": {
1685+ "node": ">=6.0.0"
1686+ }
1687+ },
1688+ "node_modules/postcss-double-position-gradients/node_modules/postcss": {
1689+ "version": "7.0.36",
1690+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1691+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1692+ "dev": true,
1693+ "dependencies": {
1694+ "chalk": "^2.4.2",
1695+ "source-map": "^0.6.1",
1696+ "supports-color": "^6.1.0"
1697+ },
1698+ "engines": {
1699+ "node": ">=6.0.0"
1700+ },
1701+ "funding": {
1702+ "type": "opencollective",
1703+ "url": "https://opencollective.com/postcss/"
1704+ }
1705+ },
1706+ "node_modules/postcss-env-function": {
1707+ "version": "2.0.2",
1708+ "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-2.0.2.tgz",
1709+ "integrity": "sha512-rwac4BuZlITeUbiBq60h/xbLzXY43qOsIErngWa4l7Mt+RaSkT7QBjXVGTcBHupykkblHMDrBFh30zchYPaOUw==",
1710+ "dev": true,
1711+ "dependencies": {
1712+ "postcss": "^7.0.2",
1713+ "postcss-values-parser": "^2.0.0"
1714+ },
1715+ "engines": {
1716+ "node": ">=6.0.0"
1717+ }
1718+ },
1719+ "node_modules/postcss-env-function/node_modules/postcss": {
1720+ "version": "7.0.36",
1721+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1722+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1723+ "dev": true,
1724+ "dependencies": {
1725+ "chalk": "^2.4.2",
1726+ "source-map": "^0.6.1",
1727+ "supports-color": "^6.1.0"
1728+ },
1729+ "engines": {
1730+ "node": ">=6.0.0"
1731+ },
1732+ "funding": {
1733+ "type": "opencollective",
1734+ "url": "https://opencollective.com/postcss/"
1735+ }
1736+ },
1737+ "node_modules/postcss-focus-visible": {
1738+ "version": "4.0.0",
1739+ "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz",
1740+ "integrity": "sha512-Z5CkWBw0+idJHSV6+Bgf2peDOFf/x4o+vX/pwcNYrWpXFrSfTkQ3JQ1ojrq9yS+upnAlNRHeg8uEwFTgorjI8g==",
1741+ "dev": true,
1742+ "dependencies": {
1743+ "postcss": "^7.0.2"
1744+ },
1745+ "engines": {
1746+ "node": ">=6.0.0"
1747+ }
1748+ },
1749+ "node_modules/postcss-focus-visible/node_modules/postcss": {
1750+ "version": "7.0.36",
1751+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1752+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1753+ "dev": true,
1754+ "dependencies": {
1755+ "chalk": "^2.4.2",
1756+ "source-map": "^0.6.1",
1757+ "supports-color": "^6.1.0"
1758+ },
1759+ "engines": {
1760+ "node": ">=6.0.0"
1761+ },
1762+ "funding": {
1763+ "type": "opencollective",
1764+ "url": "https://opencollective.com/postcss/"
1765+ }
1766+ },
1767+ "node_modules/postcss-focus-within": {
1768+ "version": "3.0.0",
1769+ "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
1770+ "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
1771+ "dev": true,
1772+ "dependencies": {
1773+ "postcss": "^7.0.2"
1774+ },
1775+ "engines": {
1776+ "node": ">=6.0.0"
1777+ }
1778+ },
1779+ "node_modules/postcss-focus-within/node_modules/postcss": {
1780+ "version": "7.0.36",
1781+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1782+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1783+ "dev": true,
1784+ "dependencies": {
1785+ "chalk": "^2.4.2",
1786+ "source-map": "^0.6.1",
1787+ "supports-color": "^6.1.0"
1788+ },
1789+ "engines": {
1790+ "node": ">=6.0.0"
1791+ },
1792+ "funding": {
1793+ "type": "opencollective",
1794+ "url": "https://opencollective.com/postcss/"
1795+ }
1796+ },
1797+ "node_modules/postcss-font-variant": {
1798+ "version": "4.0.1",
1799+ "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-4.0.1.tgz",
1800+ "integrity": "sha512-I3ADQSTNtLTTd8uxZhtSOrTCQ9G4qUVKPjHiDk0bV75QSxXjVWiJVJ2VLdspGUi9fbW9BcjKJoRvxAH1pckqmA==",
1801+ "dev": true,
1802+ "dependencies": {
1803+ "postcss": "^7.0.2"
1804+ }
1805+ },
1806+ "node_modules/postcss-font-variant/node_modules/postcss": {
1807+ "version": "7.0.36",
1808+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1809+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1810+ "dev": true,
1811+ "dependencies": {
1812+ "chalk": "^2.4.2",
1813+ "source-map": "^0.6.1",
1814+ "supports-color": "^6.1.0"
1815+ },
1816+ "engines": {
1817+ "node": ">=6.0.0"
1818+ },
1819+ "funding": {
1820+ "type": "opencollective",
1821+ "url": "https://opencollective.com/postcss/"
1822+ }
1823+ },
1824+ "node_modules/postcss-gap-properties": {
1825+ "version": "2.0.0",
1826+ "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz",
1827+ "integrity": "sha512-QZSqDaMgXCHuHTEzMsS2KfVDOq7ZFiknSpkrPJY6jmxbugUPTuSzs/vuE5I3zv0WAS+3vhrlqhijiprnuQfzmg==",
1828+ "dev": true,
1829+ "dependencies": {
1830+ "postcss": "^7.0.2"
1831+ },
1832+ "engines": {
1833+ "node": ">=6.0.0"
1834+ }
1835+ },
1836+ "node_modules/postcss-gap-properties/node_modules/postcss": {
1837+ "version": "7.0.36",
1838+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1839+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1840+ "dev": true,
1841+ "dependencies": {
1842+ "chalk": "^2.4.2",
1843+ "source-map": "^0.6.1",
1844+ "supports-color": "^6.1.0"
1845+ },
1846+ "engines": {
1847+ "node": ">=6.0.0"
1848+ },
1849+ "funding": {
1850+ "type": "opencollective",
1851+ "url": "https://opencollective.com/postcss/"
1852+ }
1853+ },
1854+ "node_modules/postcss-image-set-function": {
1855+ "version": "3.0.1",
1856+ "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-3.0.1.tgz",
1857+ "integrity": "sha512-oPTcFFip5LZy8Y/whto91L9xdRHCWEMs3e1MdJxhgt4jy2WYXfhkng59fH5qLXSCPN8k4n94p1Czrfe5IOkKUw==",
1858+ "dev": true,
1859+ "dependencies": {
1860+ "postcss": "^7.0.2",
1861+ "postcss-values-parser": "^2.0.0"
1862+ },
1863+ "engines": {
1864+ "node": ">=6.0.0"
1865+ }
1866+ },
1867+ "node_modules/postcss-image-set-function/node_modules/postcss": {
1868+ "version": "7.0.36",
1869+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1870+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1871+ "dev": true,
1872+ "dependencies": {
1873+ "chalk": "^2.4.2",
1874+ "source-map": "^0.6.1",
1875+ "supports-color": "^6.1.0"
1876+ },
1877+ "engines": {
1878+ "node": ">=6.0.0"
1879+ },
1880+ "funding": {
1881+ "type": "opencollective",
1882+ "url": "https://opencollective.com/postcss/"
1883+ }
1884+ },
1885+ "node_modules/postcss-initial": {
1886+ "version": "3.0.2",
1887+ "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-3.0.2.tgz",
1888+ "integrity": "sha512-ugA2wKonC0xeNHgirR4D3VWHs2JcU08WAi1KFLVcnb7IN89phID6Qtg2RIctWbnvp1TM2BOmDtX8GGLCKdR8YA==",
1889+ "dev": true,
1890+ "dependencies": {
1891+ "lodash.template": "^4.5.0",
1892+ "postcss": "^7.0.2"
1893+ }
1894+ },
1895+ "node_modules/postcss-initial/node_modules/postcss": {
1896+ "version": "7.0.36",
1897+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1898+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1899+ "dev": true,
1900+ "dependencies": {
1901+ "chalk": "^2.4.2",
1902+ "source-map": "^0.6.1",
1903+ "supports-color": "^6.1.0"
1904+ },
1905+ "engines": {
1906+ "node": ">=6.0.0"
1907+ },
1908+ "funding": {
1909+ "type": "opencollective",
1910+ "url": "https://opencollective.com/postcss/"
1911+ }
1912+ },
1913+ "node_modules/postcss-lab-function": {
1914+ "version": "2.0.1",
1915+ "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz",
1916+ "integrity": "sha512-whLy1IeZKY+3fYdqQFuDBf8Auw+qFuVnChWjmxm/UhHWqNHZx+B99EwxTvGYmUBqe3Fjxs4L1BoZTJmPu6usVg==",
1917+ "dev": true,
1918+ "dependencies": {
1919+ "@csstools/convert-colors": "^1.4.0",
1920+ "postcss": "^7.0.2",
1921+ "postcss-values-parser": "^2.0.0"
1922+ },
1923+ "engines": {
1924+ "node": ">=6.0.0"
1925+ }
1926+ },
1927+ "node_modules/postcss-lab-function/node_modules/postcss": {
1928+ "version": "7.0.36",
1929+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1930+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1931+ "dev": true,
1932+ "dependencies": {
1933+ "chalk": "^2.4.2",
1934+ "source-map": "^0.6.1",
1935+ "supports-color": "^6.1.0"
1936+ },
1937+ "engines": {
1938+ "node": ">=6.0.0"
1939+ },
1940+ "funding": {
1941+ "type": "opencollective",
1942+ "url": "https://opencollective.com/postcss/"
1943+ }
1944+ },
1945+ "node_modules/postcss-logical": {
1946+ "version": "3.0.0",
1947+ "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-3.0.0.tgz",
1948+ "integrity": "sha512-1SUKdJc2vuMOmeItqGuNaC+N8MzBWFWEkAnRnLpFYj1tGGa7NqyVBujfRtgNa2gXR+6RkGUiB2O5Vmh7E2RmiA==",
1949+ "dev": true,
1950+ "dependencies": {
1951+ "postcss": "^7.0.2"
1952+ },
1953+ "engines": {
1954+ "node": ">=6.0.0"
1955+ }
1956+ },
1957+ "node_modules/postcss-logical/node_modules/postcss": {
1958+ "version": "7.0.36",
1959+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1960+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1961+ "dev": true,
1962+ "dependencies": {
1963+ "chalk": "^2.4.2",
1964+ "source-map": "^0.6.1",
1965+ "supports-color": "^6.1.0"
1966+ },
1967+ "engines": {
1968+ "node": ">=6.0.0"
1969+ },
1970+ "funding": {
1971+ "type": "opencollective",
1972+ "url": "https://opencollective.com/postcss/"
1973+ }
1974+ },
1975+ "node_modules/postcss-media-minmax": {
1976+ "version": "4.0.0",
1977+ "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-4.0.0.tgz",
1978+ "integrity": "sha512-fo9moya6qyxsjbFAYl97qKO9gyre3qvbMnkOZeZwlsW6XYFsvs2DMGDlchVLfAd8LHPZDxivu/+qW2SMQeTHBw==",
1979+ "dev": true,
1980+ "dependencies": {
1981+ "postcss": "^7.0.2"
1982+ },
1983+ "engines": {
1984+ "node": ">=6.0.0"
1985+ }
1986+ },
1987+ "node_modules/postcss-media-minmax/node_modules/postcss": {
1988+ "version": "7.0.36",
1989+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
1990+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
1991+ "dev": true,
1992+ "dependencies": {
1993+ "chalk": "^2.4.2",
1994+ "source-map": "^0.6.1",
1995+ "supports-color": "^6.1.0"
1996+ },
1997+ "engines": {
1998+ "node": ">=6.0.0"
1999+ },
2000+ "funding": {
2001+ "type": "opencollective",
2002+ "url": "https://opencollective.com/postcss/"
2003+ }
2004+ },
2005+ "node_modules/postcss-nesting": {
2006+ "version": "7.0.1",
2007+ "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-7.0.1.tgz",
2008+ "integrity": "sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==",
2009+ "dev": true,
2010+ "dependencies": {
2011+ "postcss": "^7.0.2"
2012+ },
2013+ "engines": {
2014+ "node": ">=6.0.0"
2015+ }
2016+ },
2017+ "node_modules/postcss-nesting/node_modules/postcss": {
2018+ "version": "7.0.36",
2019+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2020+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2021+ "dev": true,
2022+ "dependencies": {
2023+ "chalk": "^2.4.2",
2024+ "source-map": "^0.6.1",
2025+ "supports-color": "^6.1.0"
2026+ },
2027+ "engines": {
2028+ "node": ">=6.0.0"
2029+ },
2030+ "funding": {
2031+ "type": "opencollective",
2032+ "url": "https://opencollective.com/postcss/"
2033+ }
2034+ },
2035+ "node_modules/postcss-overflow-shorthand": {
2036+ "version": "2.0.0",
2037+ "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-2.0.0.tgz",
2038+ "integrity": "sha512-aK0fHc9CBNx8jbzMYhshZcEv8LtYnBIRYQD5i7w/K/wS9c2+0NSR6B3OVMu5y0hBHYLcMGjfU+dmWYNKH0I85g==",
2039+ "dev": true,
2040+ "dependencies": {
2041+ "postcss": "^7.0.2"
2042+ },
2043+ "engines": {
2044+ "node": ">=6.0.0"
2045+ }
2046+ },
2047+ "node_modules/postcss-overflow-shorthand/node_modules/postcss": {
2048+ "version": "7.0.36",
2049+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2050+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2051+ "dev": true,
2052+ "dependencies": {
2053+ "chalk": "^2.4.2",
2054+ "source-map": "^0.6.1",
2055+ "supports-color": "^6.1.0"
2056+ },
2057+ "engines": {
2058+ "node": ">=6.0.0"
2059+ },
2060+ "funding": {
2061+ "type": "opencollective",
2062+ "url": "https://opencollective.com/postcss/"
2063+ }
2064+ },
2065+ "node_modules/postcss-page-break": {
2066+ "version": "2.0.0",
2067+ "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-2.0.0.tgz",
2068+ "integrity": "sha512-tkpTSrLpfLfD9HvgOlJuigLuk39wVTbbd8RKcy8/ugV2bNBUW3xU+AIqyxhDrQr1VUj1RmyJrBn1YWrqUm9zAQ==",
2069+ "dev": true,
2070+ "dependencies": {
2071+ "postcss": "^7.0.2"
2072+ }
2073+ },
2074+ "node_modules/postcss-page-break/node_modules/postcss": {
2075+ "version": "7.0.36",
2076+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2077+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2078+ "dev": true,
2079+ "dependencies": {
2080+ "chalk": "^2.4.2",
2081+ "source-map": "^0.6.1",
2082+ "supports-color": "^6.1.0"
2083+ },
2084+ "engines": {
2085+ "node": ">=6.0.0"
2086+ },
2087+ "funding": {
2088+ "type": "opencollective",
2089+ "url": "https://opencollective.com/postcss/"
2090+ }
2091+ },
2092+ "node_modules/postcss-place": {
2093+ "version": "4.0.1",
2094+ "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-4.0.1.tgz",
2095+ "integrity": "sha512-Zb6byCSLkgRKLODj/5mQugyuj9bvAAw9LqJJjgwz5cYryGeXfFZfSXoP1UfveccFmeq0b/2xxwcTEVScnqGxBg==",
2096+ "dev": true,
2097+ "dependencies": {
2098+ "postcss": "^7.0.2",
2099+ "postcss-values-parser": "^2.0.0"
2100+ },
2101+ "engines": {
2102+ "node": ">=6.0.0"
2103+ }
2104+ },
2105+ "node_modules/postcss-place/node_modules/postcss": {
2106+ "version": "7.0.36",
2107+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2108+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2109+ "dev": true,
2110+ "dependencies": {
2111+ "chalk": "^2.4.2",
2112+ "source-map": "^0.6.1",
2113+ "supports-color": "^6.1.0"
2114+ },
2115+ "engines": {
2116+ "node": ">=6.0.0"
2117+ },
2118+ "funding": {
2119+ "type": "opencollective",
2120+ "url": "https://opencollective.com/postcss/"
2121+ }
2122+ },
2123+ "node_modules/postcss-preset-env": {
2124+ "version": "6.7.0",
2125+ "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-6.7.0.tgz",
2126+ "integrity": "sha512-eU4/K5xzSFwUFJ8hTdTQzo2RBLbDVt83QZrAvI07TULOkmyQlnYlpwep+2yIK+K+0KlZO4BvFcleOCCcUtwchg==",
2127+ "dev": true,
2128+ "dependencies": {
2129+ "autoprefixer": "^9.6.1",
2130+ "browserslist": "^4.6.4",
2131+ "caniuse-lite": "^1.0.30000981",
2132+ "css-blank-pseudo": "^0.1.4",
2133+ "css-has-pseudo": "^0.10.0",
2134+ "css-prefers-color-scheme": "^3.1.1",
2135+ "cssdb": "^4.4.0",
2136+ "postcss": "^7.0.17",
2137+ "postcss-attribute-case-insensitive": "^4.0.1",
2138+ "postcss-color-functional-notation": "^2.0.1",
2139+ "postcss-color-gray": "^5.0.0",
2140+ "postcss-color-hex-alpha": "^5.0.3",
2141+ "postcss-color-mod-function": "^3.0.3",
2142+ "postcss-color-rebeccapurple": "^4.0.1",
2143+ "postcss-custom-media": "^7.0.8",
2144+ "postcss-custom-properties": "^8.0.11",
2145+ "postcss-custom-selectors": "^5.1.2",
2146+ "postcss-dir-pseudo-class": "^5.0.0",
2147+ "postcss-double-position-gradients": "^1.0.0",
2148+ "postcss-env-function": "^2.0.2",
2149+ "postcss-focus-visible": "^4.0.0",
2150+ "postcss-focus-within": "^3.0.0",
2151+ "postcss-font-variant": "^4.0.0",
2152+ "postcss-gap-properties": "^2.0.0",
2153+ "postcss-image-set-function": "^3.0.1",
2154+ "postcss-initial": "^3.0.0",
2155+ "postcss-lab-function": "^2.0.1",
2156+ "postcss-logical": "^3.0.0",
2157+ "postcss-media-minmax": "^4.0.0",
2158+ "postcss-nesting": "^7.0.0",
2159+ "postcss-overflow-shorthand": "^2.0.0",
2160+ "postcss-page-break": "^2.0.0",
2161+ "postcss-place": "^4.0.1",
2162+ "postcss-pseudo-class-any-link": "^6.0.0",
2163+ "postcss-replace-overflow-wrap": "^3.0.0",
2164+ "postcss-selector-matches": "^4.0.0",
2165+ "postcss-selector-not": "^4.0.0"
2166+ },
2167+ "engines": {
2168+ "node": ">=6.0.0"
2169+ }
2170+ },
2171+ "node_modules/postcss-preset-env/node_modules/postcss": {
2172+ "version": "7.0.36",
2173+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2174+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2175+ "dev": true,
2176+ "dependencies": {
2177+ "chalk": "^2.4.2",
2178+ "source-map": "^0.6.1",
2179+ "supports-color": "^6.1.0"
2180+ },
2181+ "engines": {
2182+ "node": ">=6.0.0"
2183+ },
2184+ "funding": {
2185+ "type": "opencollective",
2186+ "url": "https://opencollective.com/postcss/"
2187+ }
2188+ },
2189+ "node_modules/postcss-pseudo-class-any-link": {
2190+ "version": "6.0.0",
2191+ "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-6.0.0.tgz",
2192+ "integrity": "sha512-lgXW9sYJdLqtmw23otOzrtbDXofUdfYzNm4PIpNE322/swES3VU9XlXHeJS46zT2onFO7V1QFdD4Q9LiZj8mew==",
2193+ "dev": true,
2194+ "dependencies": {
2195+ "postcss": "^7.0.2",
2196+ "postcss-selector-parser": "^5.0.0-rc.3"
2197+ },
2198+ "engines": {
2199+ "node": ">=6.0.0"
2200+ }
2201+ },
2202+ "node_modules/postcss-pseudo-class-any-link/node_modules/postcss": {
2203+ "version": "7.0.36",
2204+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2205+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2206+ "dev": true,
2207+ "dependencies": {
2208+ "chalk": "^2.4.2",
2209+ "source-map": "^0.6.1",
2210+ "supports-color": "^6.1.0"
2211+ },
2212+ "engines": {
2213+ "node": ">=6.0.0"
2214+ },
2215+ "funding": {
2216+ "type": "opencollective",
2217+ "url": "https://opencollective.com/postcss/"
2218+ }
2219+ },
2220+ "node_modules/postcss-replace-overflow-wrap": {
2221+ "version": "3.0.0",
2222+ "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-3.0.0.tgz",
2223+ "integrity": "sha512-2T5hcEHArDT6X9+9dVSPQdo7QHzG4XKclFT8rU5TzJPDN7RIRTbO9c4drUISOVemLj03aezStHCR2AIcr8XLpw==",
2224+ "dev": true,
2225+ "dependencies": {
2226+ "postcss": "^7.0.2"
2227+ }
2228+ },
2229+ "node_modules/postcss-replace-overflow-wrap/node_modules/postcss": {
2230+ "version": "7.0.36",
2231+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2232+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2233+ "dev": true,
2234+ "dependencies": {
2235+ "chalk": "^2.4.2",
2236+ "source-map": "^0.6.1",
2237+ "supports-color": "^6.1.0"
2238+ },
2239+ "engines": {
2240+ "node": ">=6.0.0"
2241+ },
2242+ "funding": {
2243+ "type": "opencollective",
2244+ "url": "https://opencollective.com/postcss/"
2245+ }
2246+ },
2247+ "node_modules/postcss-selector-matches": {
2248+ "version": "4.0.0",
2249+ "resolved": "https://registry.npmjs.org/postcss-selector-matches/-/postcss-selector-matches-4.0.0.tgz",
2250+ "integrity": "sha512-LgsHwQR/EsRYSqlwdGzeaPKVT0Ml7LAT6E75T8W8xLJY62CE4S/l03BWIt3jT8Taq22kXP08s2SfTSzaraoPww==",
2251+ "dev": true,
2252+ "dependencies": {
2253+ "balanced-match": "^1.0.0",
2254+ "postcss": "^7.0.2"
2255+ }
2256+ },
2257+ "node_modules/postcss-selector-matches/node_modules/postcss": {
2258+ "version": "7.0.36",
2259+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2260+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2261+ "dev": true,
2262+ "dependencies": {
2263+ "chalk": "^2.4.2",
2264+ "source-map": "^0.6.1",
2265+ "supports-color": "^6.1.0"
2266+ },
2267+ "engines": {
2268+ "node": ">=6.0.0"
2269+ },
2270+ "funding": {
2271+ "type": "opencollective",
2272+ "url": "https://opencollective.com/postcss/"
2273+ }
2274+ },
2275+ "node_modules/postcss-selector-not": {
2276+ "version": "4.0.1",
2277+ "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-4.0.1.tgz",
2278+ "integrity": "sha512-YolvBgInEK5/79C+bdFMyzqTg6pkYqDbzZIST/PDMqa/o3qtXenD05apBG2jLgT0/BQ77d4U2UK12jWpilqMAQ==",
2279+ "dev": true,
2280+ "dependencies": {
2281+ "balanced-match": "^1.0.0",
2282+ "postcss": "^7.0.2"
2283+ }
2284+ },
2285+ "node_modules/postcss-selector-not/node_modules/postcss": {
2286+ "version": "7.0.36",
2287+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.36.tgz",
2288+ "integrity": "sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==",
2289+ "dev": true,
2290+ "dependencies": {
2291+ "chalk": "^2.4.2",
2292+ "source-map": "^0.6.1",
2293+ "supports-color": "^6.1.0"
2294+ },
2295+ "engines": {
2296+ "node": ">=6.0.0"
2297+ },
2298+ "funding": {
2299+ "type": "opencollective",
2300+ "url": "https://opencollective.com/postcss/"
2301+ }
2302+ },
2303+ "node_modules/postcss-selector-parser": {
2304+ "version": "5.0.0",
2305+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz",
2306+ "integrity": "sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==",
2307+ "dev": true,
2308+ "dependencies": {
2309+ "cssesc": "^2.0.0",
2310+ "indexes-of": "^1.0.1",
2311+ "uniq": "^1.0.1"
2312+ },
2313+ "engines": {
2314+ "node": ">=4"
2315+ }
2316+ },
2317+ "node_modules/postcss-value-parser": {
2318+ "version": "4.1.0",
2319+ "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz",
2320+ "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==",
2321+ "dev": true
2322+ },
2323+ "node_modules/postcss-values-parser": {
2324+ "version": "2.0.1",
2325+ "resolved": "https://registry.npmjs.org/postcss-values-parser/-/postcss-values-parser-2.0.1.tgz",
2326+ "integrity": "sha512-2tLuBsA6P4rYTNKCXYG/71C7j1pU6pK503suYOmn4xYrQIzW+opD+7FAFNuGSdZC/3Qfy334QbeMu7MEb8gOxg==",
2327+ "dev": true,
2328+ "dependencies": {
2329+ "flatten": "^1.0.2",
2330+ "indexes-of": "^1.0.1",
2331+ "uniq": "^1.0.1"
2332+ },
2333+ "engines": {
2334+ "node": ">=6.14.4"
2335+ }
2336+ },
2337+ "node_modules/resolve": {
2338+ "version": "1.20.0",
2339+ "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
2340+ "integrity": "sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==",
2341+ "dev": true,
2342+ "dependencies": {
2343+ "is-core-module": "^2.2.0",
2344+ "path-parse": "^1.0.6"
2345+ },
2346+ "funding": {
2347+ "url": "https://github.com/sponsors/ljharb"
2348+ }
2349+ },
2350+ "node_modules/rollup": {
2351+ "version": "2.57.0",
2352+ "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.57.0.tgz",
2353+ "integrity": "sha512-bKQIh1rWKofRee6mv8SrF2HdP6pea5QkwBZSMImJysFj39gQuiV8MEPBjXOCpzk3wSYp63M2v2wkWBmFC8O/rg==",
2354+ "dev": true,
2355+ "bin": {
2356+ "rollup": "dist/bin/rollup"
2357+ },
2358+ "engines": {
2359+ "node": ">=10.0.0"
2360+ },
2361+ "optionalDependencies": {
2362+ "fsevents": "~2.3.2"
2363+ }
2364+ },
2365+ "node_modules/source-map": {
2366+ "version": "0.6.1",
2367+ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
2368+ "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
2369+ "dev": true,
2370+ "engines": {
2371+ "node": ">=0.10.0"
2372+ }
2373+ },
2374+ "node_modules/source-map-js": {
2375+ "version": "0.6.2",
2376+ "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
2377+ "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
2378+ "dev": true,
2379+ "engines": {
2380+ "node": ">=0.10.0"
2381+ }
2382+ },
2383+ "node_modules/supports-color": {
2384+ "version": "6.1.0",
2385+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
2386+ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
2387+ "dev": true,
2388+ "dependencies": {
2389+ "has-flag": "^3.0.0"
2390+ },
2391+ "engines": {
2392+ "node": ">=6"
2393+ }
2394+ },
2395+ "node_modules/uniq": {
2396+ "version": "1.0.1",
2397+ "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
2398+ "integrity": "sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=",
2399+ "dev": true
2400+ },
2401+ "node_modules/util-deprecate": {
2402+ "version": "1.0.2",
2403+ "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
2404+ "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
2405+ "dev": true
2406+ },
2407+ "node_modules/vite": {
2408+ "version": "2.6.1",
2409+ "resolved": "https://registry.npmjs.org/vite/-/vite-2.6.1.tgz",
2410+ "integrity": "sha512-rYd+iGMQ+AytWfYBDhIz2upeiseuqrAMwmApJDR40wu12C9MqzemX449nM3FN1Z/FFSV+fMTFz7eMenngVSogA==",
2411+ "dev": true,
2412+ "dependencies": {
2413+ "esbuild": "^0.13.2",
2414+ "postcss": "^8.3.8",
2415+ "resolve": "^1.20.0",
2416+ "rollup": "^2.57.0"
2417+ },
2418+ "bin": {
2419+ "vite": "bin/vite.js"
2420+ },
2421+ "engines": {
2422+ "node": ">=12.2.0"
2423+ },
2424+ "optionalDependencies": {
2425+ "fsevents": "~2.3.2"
2426+ },
2427+ "peerDependencies": {
2428+ "less": "*",
2429+ "sass": "*",
2430+ "stylus": "*"
2431+ },
2432+ "peerDependenciesMeta": {
2433+ "less": {
2434+ "optional": true
2435+ },
2436+ "sass": {
2437+ "optional": true
2438+ },
2439+ "stylus": {
2440+ "optional": true
2441+ }
2442+ }
2443+ }
2444+ },
2445 "dependencies": {
2446 "@csstools/convert-colors": {
2447 "version": "1.4.0",
2448 @@ -66,9 +1864,9 @@
2449 }
2450 },
2451 "caniuse-lite": {
2452- "version": "1.0.30001255",
2453- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001255.tgz",
2454- "integrity": "sha512-F+A3N9jTZL882f/fg/WWVnKSu6IOo3ueLz4zwaOPbPYHNmM/ZaDUyzyJwS1mZhX7Ex5jqTyW599Gdelh5PDYLQ==",
2455+ "version": "1.0.30001431",
2456+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz",
2457+ "integrity": "sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ==",
2458 "dev": true
2459 },
2460 "chalk": {
2461 @@ -428,9 +2226,9 @@
2462 "dev": true
2463 },
2464 "nanoid": {
2465- "version": "3.1.28",
2466- "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.28.tgz",
2467- "integrity": "sha512-gSu9VZ2HtmoKYe/lmyPFES5nknFrHa+/DT9muUFWFMi6Jh9E1I7bkvlQ8xxf1Kos9pi9o8lBnIOkatMhKX/YUw==",
2468+ "version": "3.3.4",
2469+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
2470+ "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
2471 "dev": true
2472 },
2473 "node-releases": {
2474 @@ -740,15 +2538,6 @@
2475 }
2476 }
2477 },
2478- "postcss-easings": {
2479- "version": "3.0.1",
2480- "resolved": "https://registry.npmjs.org/postcss-easings/-/postcss-easings-3.0.1.tgz",
2481- "integrity": "sha512-n3bG/X3iB0m8d845vhFg/62/ECeT8jY8gE8F2A41z8Mty41spYA4vzMLezha7icVjtGjqlxgO3QE+uOzpDqeww==",
2482- "dev": true,
2483- "requires": {
2484- "postcss-value-parser": "^4.1.0"
2485- }
2486- },
2487 "postcss-env-function": {
2488 "version": "2.0.2",
2489 "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-2.0.2.tgz",
2490 diff --git a/docsite/syntax-highlight.css b/docsite/syntax-highlight.css
2491index 7b89ba7..e8ef7c1 100644
2492--- a/docsite/syntax-highlight.css
2493+++ b/docsite/syntax-highlight.css
2494 @@ -85,8 +85,8 @@ code.language-css {
2495 0 0 25px var(--teal-7);
2496
2497 @nest [data-theme="light"] & {
2498- color: var(--grape-9);
2499- text-shadow: 0 0 15px var(--grape-9);
2500+ color: var(--purple-9);
2501+ text-shadow: 0 0 15px var(--purple-9);
2502 }
2503
2504 @media (--HDcolor) {
2505 diff --git a/package-lock.json b/package-lock.json
2506index 5a0922c..9195d1d 100644
2507--- a/package-lock.json
2508+++ b/package-lock.json
2509 @@ -1,15 +1,16 @@
2510 {
2511 "name": "open-props",
2512- "version": "1.4.0",
2513+ "version": "1.5.0",
2514 "lockfileVersion": 2,
2515 "requires": true,
2516 "packages": {
2517 "": {
2518 "name": "open-props",
2519- "version": "1.4.0",
2520+ "version": "1.5.0",
2521 "license": "MIT",
2522 "devDependencies": {
2523 "ava": "^3.15.0",
2524+ "colorjs.io": "^0.4.1-patch.1",
2525 "concurrently": "^7.2.2",
2526 "cssnano": "^5.1.10",
2527 "json": "^11.0.0",
2528 @@ -67,6 +68,10 @@
2529 },
2530 "engines": {
2531 "node": ">=6.9.0"
2532+ },
2533+ "funding": {
2534+ "type": "opencollective",
2535+ "url": "https://opencollective.com/babel"
2536 }
2537 },
2538 "node_modules/@babel/core/node_modules/semver": {
2539 @@ -148,6 +153,9 @@
2540 },
2541 "engines": {
2542 "node": ">=6.9.0"
2543+ },
2544+ "peerDependencies": {
2545+ "@babel/core": "^7.0.0"
2546 }
2547 },
2548 "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
2549 @@ -174,6 +182,9 @@
2550 },
2551 "engines": {
2552 "node": ">=6.9.0"
2553+ },
2554+ "peerDependencies": {
2555+ "@babel/core": "^7.0.0"
2556 }
2557 },
2558 "node_modules/@babel/helper-create-regexp-features-plugin": {
2559 @@ -187,6 +198,9 @@
2560 },
2561 "engines": {
2562 "node": ">=6.9.0"
2563+ },
2564+ "peerDependencies": {
2565+ "@babel/core": "^7.0.0"
2566 }
2567 },
2568 "node_modules/@babel/helper-define-polyfill-provider": {
2569 @@ -203,6 +217,9 @@
2570 "lodash.debounce": "^4.0.8",
2571 "resolve": "^1.14.2",
2572 "semver": "^6.1.2"
2573+ },
2574+ "peerDependencies": {
2575+ "@babel/core": "^7.4.0-0"
2576 }
2577 },
2578 "node_modules/@babel/helper-define-polyfill-provider/node_modules/semver": {
2579 @@ -478,6 +495,9 @@
2580 },
2581 "engines": {
2582 "node": ">=6.9.0"
2583+ },
2584+ "peerDependencies": {
2585+ "@babel/core": "^7.13.0"
2586 }
2587 },
2588 "node_modules/@babel/plugin-proposal-async-generator-functions": {
2589 @@ -492,6 +512,9 @@
2590 },
2591 "engines": {
2592 "node": ">=6.9.0"
2593+ },
2594+ "peerDependencies": {
2595+ "@babel/core": "^7.0.0-0"
2596 }
2597 },
2598 "node_modules/@babel/plugin-proposal-class-properties": {
2599 @@ -502,6 +525,9 @@
2600 "dependencies": {
2601 "@babel/helper-create-class-features-plugin": "^7.12.1",
2602 "@babel/helper-plugin-utils": "^7.10.4"
2603+ },
2604+ "peerDependencies": {
2605+ "@babel/core": "^7.0.0-0"
2606 }
2607 },
2608 "node_modules/@babel/plugin-proposal-class-static-block": {
2609 @@ -516,6 +542,9 @@
2610 },
2611 "engines": {
2612 "node": ">=6.9.0"
2613+ },
2614+ "peerDependencies": {
2615+ "@babel/core": "^7.12.0"
2616 }
2617 },
2618 "node_modules/@babel/plugin-proposal-dynamic-import": {
2619 @@ -529,6 +558,9 @@
2620 },
2621 "engines": {
2622 "node": ">=6.9.0"
2623+ },
2624+ "peerDependencies": {
2625+ "@babel/core": "^7.0.0-0"
2626 }
2627 },
2628 "node_modules/@babel/plugin-proposal-export-namespace-from": {
2629 @@ -542,6 +574,9 @@
2630 },
2631 "engines": {
2632 "node": ">=6.9.0"
2633+ },
2634+ "peerDependencies": {
2635+ "@babel/core": "^7.0.0-0"
2636 }
2637 },
2638 "node_modules/@babel/plugin-proposal-json-strings": {
2639 @@ -555,6 +590,9 @@
2640 },
2641 "engines": {
2642 "node": ">=6.9.0"
2643+ },
2644+ "peerDependencies": {
2645+ "@babel/core": "^7.0.0-0"
2646 }
2647 },
2648 "node_modules/@babel/plugin-proposal-logical-assignment-operators": {
2649 @@ -568,6 +606,9 @@
2650 },
2651 "engines": {
2652 "node": ">=6.9.0"
2653+ },
2654+ "peerDependencies": {
2655+ "@babel/core": "^7.0.0-0"
2656 }
2657 },
2658 "node_modules/@babel/plugin-proposal-nullish-coalescing-operator": {
2659 @@ -581,6 +622,9 @@
2660 },
2661 "engines": {
2662 "node": ">=6.9.0"
2663+ },
2664+ "peerDependencies": {
2665+ "@babel/core": "^7.0.0-0"
2666 }
2667 },
2668 "node_modules/@babel/plugin-proposal-numeric-separator": {
2669 @@ -594,6 +638,9 @@
2670 },
2671 "engines": {
2672 "node": ">=6.9.0"
2673+ },
2674+ "peerDependencies": {
2675+ "@babel/core": "^7.0.0-0"
2676 }
2677 },
2678 "node_modules/@babel/plugin-proposal-object-rest-spread": {
2679 @@ -610,6 +657,9 @@
2680 },
2681 "engines": {
2682 "node": ">=6.9.0"
2683+ },
2684+ "peerDependencies": {
2685+ "@babel/core": "^7.0.0-0"
2686 }
2687 },
2688 "node_modules/@babel/plugin-proposal-optional-catch-binding": {
2689 @@ -623,6 +673,9 @@
2690 },
2691 "engines": {
2692 "node": ">=6.9.0"
2693+ },
2694+ "peerDependencies": {
2695+ "@babel/core": "^7.0.0-0"
2696 }
2697 },
2698 "node_modules/@babel/plugin-proposal-optional-chaining": {
2699 @@ -637,6 +690,9 @@
2700 },
2701 "engines": {
2702 "node": ">=6.9.0"
2703+ },
2704+ "peerDependencies": {
2705+ "@babel/core": "^7.0.0-0"
2706 }
2707 },
2708 "node_modules/@babel/plugin-proposal-private-methods": {
2709 @@ -650,6 +706,9 @@
2710 },
2711 "engines": {
2712 "node": ">=6.9.0"
2713+ },
2714+ "peerDependencies": {
2715+ "@babel/core": "^7.0.0-0"
2716 }
2717 },
2718 "node_modules/@babel/plugin-proposal-private-property-in-object": {
2719 @@ -665,6 +724,9 @@
2720 },
2721 "engines": {
2722 "node": ">=6.9.0"
2723+ },
2724+ "peerDependencies": {
2725+ "@babel/core": "^7.0.0-0"
2726 }
2727 },
2728 "node_modules/@babel/plugin-proposal-unicode-property-regex": {
2729 @@ -678,6 +740,9 @@
2730 },
2731 "engines": {
2732 "node": ">=4"
2733+ },
2734+ "peerDependencies": {
2735+ "@babel/core": "^7.0.0-0"
2736 }
2737 },
2738 "node_modules/@babel/plugin-syntax-async-generators": {
2739 @@ -687,6 +752,9 @@
2740 "dev": true,
2741 "dependencies": {
2742 "@babel/helper-plugin-utils": "^7.8.0"
2743+ },
2744+ "peerDependencies": {
2745+ "@babel/core": "^7.0.0-0"
2746 }
2747 },
2748 "node_modules/@babel/plugin-syntax-class-properties": {
2749 @@ -696,6 +764,9 @@
2750 "dev": true,
2751 "dependencies": {
2752 "@babel/helper-plugin-utils": "^7.12.13"
2753+ },
2754+ "peerDependencies": {
2755+ "@babel/core": "^7.0.0-0"
2756 }
2757 },
2758 "node_modules/@babel/plugin-syntax-class-static-block": {
2759 @@ -708,6 +779,9 @@
2760 },
2761 "engines": {
2762 "node": ">=6.9.0"
2763+ },
2764+ "peerDependencies": {
2765+ "@babel/core": "^7.0.0-0"
2766 }
2767 },
2768 "node_modules/@babel/plugin-syntax-dynamic-import": {
2769 @@ -717,6 +791,9 @@
2770 "dev": true,
2771 "dependencies": {
2772 "@babel/helper-plugin-utils": "^7.8.0"
2773+ },
2774+ "peerDependencies": {
2775+ "@babel/core": "^7.0.0-0"
2776 }
2777 },
2778 "node_modules/@babel/plugin-syntax-export-namespace-from": {
2779 @@ -726,6 +803,9 @@
2780 "dev": true,
2781 "dependencies": {
2782 "@babel/helper-plugin-utils": "^7.8.3"
2783+ },
2784+ "peerDependencies": {
2785+ "@babel/core": "^7.0.0-0"
2786 }
2787 },
2788 "node_modules/@babel/plugin-syntax-flow": {
2789 @@ -738,6 +818,9 @@
2790 },
2791 "engines": {
2792 "node": ">=6.9.0"
2793+ },
2794+ "peerDependencies": {
2795+ "@babel/core": "^7.0.0-0"
2796 }
2797 },
2798 "node_modules/@babel/plugin-syntax-import-meta": {
2799 @@ -747,6 +830,9 @@
2800 "dev": true,
2801 "dependencies": {
2802 "@babel/helper-plugin-utils": "^7.10.4"
2803+ },
2804+ "peerDependencies": {
2805+ "@babel/core": "^7.0.0-0"
2806 }
2807 },
2808 "node_modules/@babel/plugin-syntax-json-strings": {
2809 @@ -756,6 +842,9 @@
2810 "dev": true,
2811 "dependencies": {
2812 "@babel/helper-plugin-utils": "^7.8.0"
2813+ },
2814+ "peerDependencies": {
2815+ "@babel/core": "^7.0.0-0"
2816 }
2817 },
2818 "node_modules/@babel/plugin-syntax-jsx": {
2819 @@ -768,6 +857,9 @@
2820 },
2821 "engines": {
2822 "node": ">=6.9.0"
2823+ },
2824+ "peerDependencies": {
2825+ "@babel/core": "^7.0.0-0"
2826 }
2827 },
2828 "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
2829 @@ -777,6 +869,9 @@
2830 "dev": true,
2831 "dependencies": {
2832 "@babel/helper-plugin-utils": "^7.10.4"
2833+ },
2834+ "peerDependencies": {
2835+ "@babel/core": "^7.0.0-0"
2836 }
2837 },
2838 "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
2839 @@ -786,6 +881,9 @@
2840 "dev": true,
2841 "dependencies": {
2842 "@babel/helper-plugin-utils": "^7.8.0"
2843+ },
2844+ "peerDependencies": {
2845+ "@babel/core": "^7.0.0-0"
2846 }
2847 },
2848 "node_modules/@babel/plugin-syntax-numeric-separator": {
2849 @@ -795,6 +893,9 @@
2850 "dev": true,
2851 "dependencies": {
2852 "@babel/helper-plugin-utils": "^7.10.4"
2853+ },
2854+ "peerDependencies": {
2855+ "@babel/core": "^7.0.0-0"
2856 }
2857 },
2858 "node_modules/@babel/plugin-syntax-object-rest-spread": {
2859 @@ -804,6 +905,9 @@
2860 "dev": true,
2861 "dependencies": {
2862 "@babel/helper-plugin-utils": "^7.8.0"
2863+ },
2864+ "peerDependencies": {
2865+ "@babel/core": "^7.0.0-0"
2866 }
2867 },
2868 "node_modules/@babel/plugin-syntax-optional-catch-binding": {
2869 @@ -813,6 +917,9 @@
2870 "dev": true,
2871 "dependencies": {
2872 "@babel/helper-plugin-utils": "^7.8.0"
2873+ },
2874+ "peerDependencies": {
2875+ "@babel/core": "^7.0.0-0"
2876 }
2877 },
2878 "node_modules/@babel/plugin-syntax-optional-chaining": {
2879 @@ -822,6 +929,9 @@
2880 "dev": true,
2881 "dependencies": {
2882 "@babel/helper-plugin-utils": "^7.8.0"
2883+ },
2884+ "peerDependencies": {
2885+ "@babel/core": "^7.0.0-0"
2886 }
2887 },
2888 "node_modules/@babel/plugin-syntax-private-property-in-object": {
2889 @@ -834,6 +944,9 @@
2890 },
2891 "engines": {
2892 "node": ">=6.9.0"
2893+ },
2894+ "peerDependencies": {
2895+ "@babel/core": "^7.0.0-0"
2896 }
2897 },
2898 "node_modules/@babel/plugin-syntax-top-level-await": {
2899 @@ -846,6 +959,9 @@
2900 },
2901 "engines": {
2902 "node": ">=6.9.0"
2903+ },
2904+ "peerDependencies": {
2905+ "@babel/core": "^7.0.0-0"
2906 }
2907 },
2908 "node_modules/@babel/plugin-transform-arrow-functions": {
2909 @@ -858,6 +974,9 @@
2910 },
2911 "engines": {
2912 "node": ">=6.9.0"
2913+ },
2914+ "peerDependencies": {
2915+ "@babel/core": "^7.0.0-0"
2916 }
2917 },
2918 "node_modules/@babel/plugin-transform-async-to-generator": {
2919 @@ -872,6 +991,9 @@
2920 },
2921 "engines": {
2922 "node": ">=6.9.0"
2923+ },
2924+ "peerDependencies": {
2925+ "@babel/core": "^7.0.0-0"
2926 }
2927 },
2928 "node_modules/@babel/plugin-transform-block-scoped-functions": {
2929 @@ -884,6 +1006,9 @@
2930 },
2931 "engines": {
2932 "node": ">=6.9.0"
2933+ },
2934+ "peerDependencies": {
2935+ "@babel/core": "^7.0.0-0"
2936 }
2937 },
2938 "node_modules/@babel/plugin-transform-block-scoping": {
2939 @@ -896,6 +1021,9 @@
2940 },
2941 "engines": {
2942 "node": ">=6.9.0"
2943+ },
2944+ "peerDependencies": {
2945+ "@babel/core": "^7.0.0-0"
2946 }
2947 },
2948 "node_modules/@babel/plugin-transform-classes": {
2949 @@ -914,6 +1042,9 @@
2950 },
2951 "engines": {
2952 "node": ">=6.9.0"
2953+ },
2954+ "peerDependencies": {
2955+ "@babel/core": "^7.0.0-0"
2956 }
2957 },
2958 "node_modules/@babel/plugin-transform-computed-properties": {
2959 @@ -926,6 +1057,9 @@
2960 },
2961 "engines": {
2962 "node": ">=6.9.0"
2963+ },
2964+ "peerDependencies": {
2965+ "@babel/core": "^7.0.0-0"
2966 }
2967 },
2968 "node_modules/@babel/plugin-transform-destructuring": {
2969 @@ -938,6 +1072,9 @@
2970 },
2971 "engines": {
2972 "node": ">=6.9.0"
2973+ },
2974+ "peerDependencies": {
2975+ "@babel/core": "^7.0.0-0"
2976 }
2977 },
2978 "node_modules/@babel/plugin-transform-dotall-regex": {
2979 @@ -951,6 +1088,9 @@
2980 },
2981 "engines": {
2982 "node": ">=6.9.0"
2983+ },
2984+ "peerDependencies": {
2985+ "@babel/core": "^7.0.0-0"
2986 }
2987 },
2988 "node_modules/@babel/plugin-transform-duplicate-keys": {
2989 @@ -963,6 +1103,9 @@
2990 },
2991 "engines": {
2992 "node": ">=6.9.0"
2993+ },
2994+ "peerDependencies": {
2995+ "@babel/core": "^7.0.0-0"
2996 }
2997 },
2998 "node_modules/@babel/plugin-transform-exponentiation-operator": {
2999 @@ -976,6 +1119,9 @@
3000 },
3001 "engines": {
3002 "node": ">=6.9.0"
3003+ },
3004+ "peerDependencies": {
3005+ "@babel/core": "^7.0.0-0"
3006 }
3007 },
3008 "node_modules/@babel/plugin-transform-flow-strip-types": {
3009 @@ -989,6 +1135,9 @@
3010 },
3011 "engines": {
3012 "node": ">=6.9.0"
3013+ },
3014+ "peerDependencies": {
3015+ "@babel/core": "^7.0.0-0"
3016 }
3017 },
3018 "node_modules/@babel/plugin-transform-for-of": {
3019 @@ -1001,6 +1150,9 @@
3020 },
3021 "engines": {
3022 "node": ">=6.9.0"
3023+ },
3024+ "peerDependencies": {
3025+ "@babel/core": "^7.0.0-0"
3026 }
3027 },
3028 "node_modules/@babel/plugin-transform-function-name": {
3029 @@ -1014,6 +1166,9 @@
3030 },
3031 "engines": {
3032 "node": ">=6.9.0"
3033+ },
3034+ "peerDependencies": {
3035+ "@babel/core": "^7.0.0-0"
3036 }
3037 },
3038 "node_modules/@babel/plugin-transform-literals": {
3039 @@ -1026,6 +1181,9 @@
3040 },
3041 "engines": {
3042 "node": ">=6.9.0"
3043+ },
3044+ "peerDependencies": {
3045+ "@babel/core": "^7.0.0-0"
3046 }
3047 },
3048 "node_modules/@babel/plugin-transform-member-expression-literals": {
3049 @@ -1038,6 +1196,9 @@
3050 },
3051 "engines": {
3052 "node": ">=6.9.0"
3053+ },
3054+ "peerDependencies": {
3055+ "@babel/core": "^7.0.0-0"
3056 }
3057 },
3058 "node_modules/@babel/plugin-transform-modules-amd": {
3059 @@ -1052,6 +1213,9 @@
3060 },
3061 "engines": {
3062 "node": ">=6.9.0"
3063+ },
3064+ "peerDependencies": {
3065+ "@babel/core": "^7.0.0-0"
3066 }
3067 },
3068 "node_modules/@babel/plugin-transform-modules-commonjs": {
3069 @@ -1067,6 +1231,9 @@
3070 },
3071 "engines": {
3072 "node": ">=6.9.0"
3073+ },
3074+ "peerDependencies": {
3075+ "@babel/core": "^7.0.0-0"
3076 }
3077 },
3078 "node_modules/@babel/plugin-transform-modules-systemjs": {
3079 @@ -1083,6 +1250,9 @@
3080 },
3081 "engines": {
3082 "node": ">=6.9.0"
3083+ },
3084+ "peerDependencies": {
3085+ "@babel/core": "^7.0.0-0"
3086 }
3087 },
3088 "node_modules/@babel/plugin-transform-modules-umd": {
3089 @@ -1096,6 +1266,9 @@
3090 },
3091 "engines": {
3092 "node": ">=6.9.0"
3093+ },
3094+ "peerDependencies": {
3095+ "@babel/core": "^7.0.0-0"
3096 }
3097 },
3098 "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
3099 @@ -1108,6 +1281,9 @@
3100 },
3101 "engines": {
3102 "node": ">=6.9.0"
3103+ },
3104+ "peerDependencies": {
3105+ "@babel/core": "^7.0.0"
3106 }
3107 },
3108 "node_modules/@babel/plugin-transform-new-target": {
3109 @@ -1120,6 +1296,9 @@
3110 },
3111 "engines": {
3112 "node": ">=6.9.0"
3113+ },
3114+ "peerDependencies": {
3115+ "@babel/core": "^7.0.0-0"
3116 }
3117 },
3118 "node_modules/@babel/plugin-transform-object-super": {
3119 @@ -1133,6 +1312,9 @@
3120 },
3121 "engines": {
3122 "node": ">=6.9.0"
3123+ },
3124+ "peerDependencies": {
3125+ "@babel/core": "^7.0.0-0"
3126 }
3127 },
3128 "node_modules/@babel/plugin-transform-parameters": {
3129 @@ -1145,6 +1327,9 @@
3130 },
3131 "engines": {
3132 "node": ">=6.9.0"
3133+ },
3134+ "peerDependencies": {
3135+ "@babel/core": "^7.0.0-0"
3136 }
3137 },
3138 "node_modules/@babel/plugin-transform-property-literals": {
3139 @@ -1157,6 +1342,9 @@
3140 },
3141 "engines": {
3142 "node": ">=6.9.0"
3143+ },
3144+ "peerDependencies": {
3145+ "@babel/core": "^7.0.0-0"
3146 }
3147 },
3148 "node_modules/@babel/plugin-transform-react-display-name": {
3149 @@ -1169,6 +1357,9 @@
3150 },
3151 "engines": {
3152 "node": ">=6.9.0"
3153+ },
3154+ "peerDependencies": {
3155+ "@babel/core": "^7.0.0-0"
3156 }
3157 },
3158 "node_modules/@babel/plugin-transform-react-jsx": {
3159 @@ -1185,6 +1376,9 @@
3160 },
3161 "engines": {
3162 "node": ">=6.9.0"
3163+ },
3164+ "peerDependencies": {
3165+ "@babel/core": "^7.0.0-0"
3166 }
3167 },
3168 "node_modules/@babel/plugin-transform-react-jsx-development": {
3169 @@ -1197,6 +1391,9 @@
3170 },
3171 "engines": {
3172 "node": ">=6.9.0"
3173+ },
3174+ "peerDependencies": {
3175+ "@babel/core": "^7.0.0-0"
3176 }
3177 },
3178 "node_modules/@babel/plugin-transform-react-pure-annotations": {
3179 @@ -1210,6 +1407,9 @@
3180 },
3181 "engines": {
3182 "node": ">=6.9.0"
3183+ },
3184+ "peerDependencies": {
3185+ "@babel/core": "^7.0.0-0"
3186 }
3187 },
3188 "node_modules/@babel/plugin-transform-regenerator": {
3189 @@ -1222,6 +1422,9 @@
3190 },
3191 "engines": {
3192 "node": ">=6.9.0"
3193+ },
3194+ "peerDependencies": {
3195+ "@babel/core": "^7.0.0-0"
3196 }
3197 },
3198 "node_modules/@babel/plugin-transform-reserved-words": {
3199 @@ -1234,6 +1437,9 @@
3200 },
3201 "engines": {
3202 "node": ">=6.9.0"
3203+ },
3204+ "peerDependencies": {
3205+ "@babel/core": "^7.0.0-0"
3206 }
3207 },
3208 "node_modules/@babel/plugin-transform-shorthand-properties": {
3209 @@ -1246,6 +1452,9 @@
3210 },
3211 "engines": {
3212 "node": ">=6.9.0"
3213+ },
3214+ "peerDependencies": {
3215+ "@babel/core": "^7.0.0-0"
3216 }
3217 },
3218 "node_modules/@babel/plugin-transform-spread": {
3219 @@ -1259,6 +1468,9 @@
3220 },
3221 "engines": {
3222 "node": ">=6.9.0"
3223+ },
3224+ "peerDependencies": {
3225+ "@babel/core": "^7.0.0-0"
3226 }
3227 },
3228 "node_modules/@babel/plugin-transform-sticky-regex": {
3229 @@ -1271,6 +1483,9 @@
3230 },
3231 "engines": {
3232 "node": ">=6.9.0"
3233+ },
3234+ "peerDependencies": {
3235+ "@babel/core": "^7.0.0-0"
3236 }
3237 },
3238 "node_modules/@babel/plugin-transform-template-literals": {
3239 @@ -1283,6 +1498,9 @@
3240 },
3241 "engines": {
3242 "node": ">=6.9.0"
3243+ },
3244+ "peerDependencies": {
3245+ "@babel/core": "^7.0.0-0"
3246 }
3247 },
3248 "node_modules/@babel/plugin-transform-typeof-symbol": {
3249 @@ -1295,6 +1513,9 @@
3250 },
3251 "engines": {
3252 "node": ">=6.9.0"
3253+ },
3254+ "peerDependencies": {
3255+ "@babel/core": "^7.0.0-0"
3256 }
3257 },
3258 "node_modules/@babel/plugin-transform-unicode-escapes": {
3259 @@ -1307,6 +1528,9 @@
3260 },
3261 "engines": {
3262 "node": ">=6.9.0"
3263+ },
3264+ "peerDependencies": {
3265+ "@babel/core": "^7.0.0-0"
3266 }
3267 },
3268 "node_modules/@babel/plugin-transform-unicode-regex": {
3269 @@ -1320,6 +1544,9 @@
3270 },
3271 "engines": {
3272 "node": ">=6.9.0"
3273+ },
3274+ "peerDependencies": {
3275+ "@babel/core": "^7.0.0-0"
3276 }
3277 },
3278 "node_modules/@babel/preset-env": {
3279 @@ -1404,6 +1631,9 @@
3280 },
3281 "engines": {
3282 "node": ">=6.9.0"
3283+ },
3284+ "peerDependencies": {
3285+ "@babel/core": "^7.0.0-0"
3286 }
3287 },
3288 "node_modules/@babel/preset-env/node_modules/@babel/plugin-proposal-class-properties": {
3289 @@ -1417,6 +1647,9 @@
3290 },
3291 "engines": {
3292 "node": ">=6.9.0"
3293+ },
3294+ "peerDependencies": {
3295+ "@babel/core": "^7.0.0-0"
3296 }
3297 },
3298 "node_modules/@babel/preset-env/node_modules/semver": {
3299 @@ -1440,6 +1673,9 @@
3300 },
3301 "engines": {
3302 "node": ">=6.9.0"
3303+ },
3304+ "peerDependencies": {
3305+ "@babel/core": "^7.0.0-0"
3306 }
3307 },
3308 "node_modules/@babel/preset-modules": {
3309 @@ -1453,6 +1689,9 @@
3310 "@babel/plugin-transform-dotall-regex": "^7.4.4",
3311 "@babel/types": "^7.4.4",
3312 "esutils": "^2.0.2"
3313+ },
3314+ "peerDependencies": {
3315+ "@babel/core": "^7.0.0-0"
3316 }
3317 },
3318 "node_modules/@babel/preset-react": {
3319 @@ -1470,6 +1709,9 @@
3320 },
3321 "engines": {
3322 "node": ">=6.9.0"
3323+ },
3324+ "peerDependencies": {
3325+ "@babel/core": "^7.0.0-0"
3326 }
3327 },
3328 "node_modules/@babel/runtime": {
3329 @@ -1561,6 +1803,64 @@
3330 "node": ">=4.0.0"
3331 }
3332 },
3333+ "node_modules/@jridgewell/gen-mapping": {
3334+ "version": "0.3.2",
3335+ "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
3336+ "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
3337+ "dev": true,
3338+ "dependencies": {
3339+ "@jridgewell/set-array": "^1.0.1",
3340+ "@jridgewell/sourcemap-codec": "^1.4.10",
3341+ "@jridgewell/trace-mapping": "^0.3.9"
3342+ },
3343+ "engines": {
3344+ "node": ">=6.0.0"
3345+ }
3346+ },
3347+ "node_modules/@jridgewell/resolve-uri": {
3348+ "version": "3.1.0",
3349+ "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
3350+ "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
3351+ "dev": true,
3352+ "engines": {
3353+ "node": ">=6.0.0"
3354+ }
3355+ },
3356+ "node_modules/@jridgewell/set-array": {
3357+ "version": "1.1.2",
3358+ "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
3359+ "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
3360+ "dev": true,
3361+ "engines": {
3362+ "node": ">=6.0.0"
3363+ }
3364+ },
3365+ "node_modules/@jridgewell/source-map": {
3366+ "version": "0.3.2",
3367+ "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
3368+ "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
3369+ "dev": true,
3370+ "dependencies": {
3371+ "@jridgewell/gen-mapping": "^0.3.0",
3372+ "@jridgewell/trace-mapping": "^0.3.9"
3373+ }
3374+ },
3375+ "node_modules/@jridgewell/sourcemap-codec": {
3376+ "version": "1.4.14",
3377+ "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
3378+ "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
3379+ "dev": true
3380+ },
3381+ "node_modules/@jridgewell/trace-mapping": {
3382+ "version": "0.3.17",
3383+ "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz",
3384+ "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==",
3385+ "dev": true,
3386+ "dependencies": {
3387+ "@jridgewell/resolve-uri": "3.1.0",
3388+ "@jridgewell/sourcemap-codec": "1.4.14"
3389+ }
3390+ },
3391 "node_modules/@nodelib/fs.scandir": {
3392 "version": "2.1.5",
3393 "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
3394 @@ -1606,6 +1906,9 @@
3395 },
3396 "engines": {
3397 "node": ">=8.0.0"
3398+ },
3399+ "peerDependencies": {
3400+ "rollup": "^1.20.0||^2.0.0"
3401 }
3402 },
3403 "node_modules/@rollup/plugin-babel": {
3404 @@ -1619,6 +1922,16 @@
3405 },
3406 "engines": {
3407 "node": ">= 10.0.0"
3408+ },
3409+ "peerDependencies": {
3410+ "@babel/core": "^7.0.0",
3411+ "@types/babel__core": "^7.1.9",
3412+ "rollup": "^1.20.0||^2.0.0"
3413+ },
3414+ "peerDependenciesMeta": {
3415+ "@types/babel__core": {
3416+ "optional": true
3417+ }
3418 }
3419 },
3420 "node_modules/@rollup/plugin-commonjs": {
3421 @@ -1637,6 +1950,9 @@
3422 },
3423 "engines": {
3424 "node": ">= 8.0.0"
3425+ },
3426+ "peerDependencies": {
3427+ "rollup": "^2.30.0"
3428 }
3429 },
3430 "node_modules/@rollup/plugin-json": {
3431 @@ -1646,6 +1962,9 @@
3432 "dev": true,
3433 "dependencies": {
3434 "@rollup/pluginutils": "^3.0.8"
3435+ },
3436+ "peerDependencies": {
3437+ "rollup": "^1.20.0 || ^2.0.0"
3438 }
3439 },
3440 "node_modules/@rollup/plugin-node-resolve": {
3441 @@ -1663,6 +1982,9 @@
3442 },
3443 "engines": {
3444 "node": ">= 10.0.0"
3445+ },
3446+ "peerDependencies": {
3447+ "rollup": "^1.20.0||^2.0.0"
3448 }
3449 },
3450 "node_modules/@rollup/pluginutils": {
3451 @@ -1677,6 +1999,9 @@
3452 },
3453 "engines": {
3454 "node": ">= 8.0.0"
3455+ },
3456+ "peerDependencies": {
3457+ "rollup": "^1.20.0||^2.0.0"
3458 }
3459 },
3460 "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
3461 @@ -1910,6 +2235,10 @@
3462 },
3463 "bin": {
3464 "autoprefixer": "bin/autoprefixer"
3465+ },
3466+ "funding": {
3467+ "type": "tidelift",
3468+ "url": "https://tidelift.com/funding/github/npm/autoprefixer"
3469 }
3470 },
3471 "node_modules/autoprefixer/node_modules/postcss": {
3472 @@ -1924,6 +2253,10 @@
3473 },
3474 "engines": {
3475 "node": ">=6.0.0"
3476+ },
3477+ "funding": {
3478+ "type": "opencollective",
3479+ "url": "https://opencollective.com/postcss/"
3480 }
3481 },
3482 "node_modules/ava": {
3483 @@ -2132,6 +2465,9 @@
3484 "@babel/compat-data": "^7.13.11",
3485 "@babel/helper-define-polyfill-provider": "^0.2.2",
3486 "semver": "^6.1.1"
3487+ },
3488+ "peerDependencies": {
3489+ "@babel/core": "^7.0.0-0"
3490 }
3491 },
3492 "node_modules/babel-plugin-polyfill-corejs2/node_modules/semver": {
3493 @@ -2151,6 +2487,9 @@
3494 "dependencies": {
3495 "@babel/helper-define-polyfill-provider": "^0.2.2",
3496 "core-js-compat": "^3.16.2"
3497+ },
3498+ "peerDependencies": {
3499+ "@babel/core": "^7.0.0-0"
3500 }
3501 },
3502 "node_modules/babel-plugin-polyfill-regenerator": {
3503 @@ -2160,6 +2499,9 @@
3504 "dev": true,
3505 "dependencies": {
3506 "@babel/helper-define-polyfill-provider": "^0.2.2"
3507+ },
3508+ "peerDependencies": {
3509+ "@babel/core": "^7.0.0-0"
3510 }
3511 },
3512 "node_modules/babel-plugin-transform-async-to-promises": {
3513 @@ -2175,6 +2517,9 @@
3514 "dev": true,
3515 "dependencies": {
3516 "@babel/parser": "^7.3.3"
3517+ },
3518+ "peerDependencies": {
3519+ "@babel/core": "^7.0.0-0"
3520 }
3521 },
3522 "node_modules/balanced-match": {
3523 @@ -2454,6 +2799,9 @@
3524 "dev": true,
3525 "engines": {
3526 "node": ">=6"
3527+ },
3528+ "funding": {
3529+ "url": "https://github.com/sponsors/sindresorhus"
3530 }
3531 },
3532 "node_modules/cacheable-request": {
3533 @@ -2515,6 +2863,9 @@
3534 "dependencies": {
3535 "function-bind": "^1.1.1",
3536 "get-intrinsic": "^1.0.2"
3537+ },
3538+ "funding": {
3539+ "url": "https://github.com/sponsors/ljharb"
3540 }
3541 },
3542 "node_modules/callsites": {
3543 @@ -2533,6 +2884,9 @@
3544 "dev": true,
3545 "engines": {
3546 "node": ">=10"
3547+ },
3548+ "funding": {
3549+ "url": "https://github.com/sponsors/sindresorhus"
3550 }
3551 },
3552 "node_modules/caniuse-api": {
3553 @@ -2548,9 +2902,9 @@
3554 }
3555 },
3556 "node_modules/caniuse-lite": {
3557- "version": "1.0.30001344",
3558- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001344.tgz",
3559- "integrity": "sha512-0ZFjnlCaXNOAYcV7i+TtdKBp0L/3XEU2MF/x6Du1lrh+SRX4IfzIVL4HNJg5pB2PmFb8rszIGyOvsZnqqRoc2g==",
3560+ "version": "1.0.30001431",
3561+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz",
3562+ "integrity": "sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ==",
3563 "dev": true,
3564 "funding": [
3565 {
3566 @@ -2766,6 +3120,12 @@
3567 "integrity": "sha512-ecORCqbSFP7Wm8Y6lyqMJjexBQqXSF7SSeaTyGGphogUjBlFP9m9o08wy86HL2uB7fMTxtOUzLMk7ogKcxMg1w==",
3568 "dev": true
3569 },
3570+ "node_modules/colorjs.io": {
3571+ "version": "0.4.1-patch.1",
3572+ "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.4.1-patch.1.tgz",
3573+ "integrity": "sha512-7UWunVDvnUtWRvGD0hEuGyxIvZvw4QbV8/Hz5fhePZdzyvZ8/Ze3mVGxa/8B084jZGBKJDX0ZwHPL/FDn7PZZA==",
3574+ "dev": true
3575+ },
3576 "node_modules/commander": {
3577 "version": "7.2.0",
3578 "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
3579 @@ -2869,6 +3229,9 @@
3580 },
3581 "engines": {
3582 "node": ">=8"
3583+ },
3584+ "funding": {
3585+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
3586 }
3587 },
3588 "node_modules/concurrently/node_modules/chalk": {
3589 @@ -2882,6 +3245,9 @@
3590 },
3591 "engines": {
3592 "node": ">=10"
3593+ },
3594+ "funding": {
3595+ "url": "https://github.com/chalk/chalk?sponsor=1"
3596 }
3597 },
3598 "node_modules/concurrently/node_modules/chalk/node_modules/supports-color": {
3599 @@ -2933,6 +3299,9 @@
3600 },
3601 "engines": {
3602 "node": ">=10"
3603+ },
3604+ "funding": {
3605+ "url": "https://github.com/chalk/supports-color?sponsor=1"
3606 }
3607 },
3608 "node_modules/concurrently/node_modules/yargs": {
3609 @@ -3005,6 +3374,10 @@
3610 "dependencies": {
3611 "browserslist": "^4.17.1",
3612 "semver": "7.0.0"
3613+ },
3614+ "funding": {
3615+ "type": "opencollective",
3616+ "url": "https://opencollective.com/core-js"
3617 }
3618 },
3619 "node_modules/core-js-compat/node_modules/semver": {
3620 @@ -3068,6 +3441,10 @@
3621 },
3622 "engines": {
3623 "node": ">=6.0.0"
3624+ },
3625+ "funding": {
3626+ "type": "opencollective",
3627+ "url": "https://opencollective.com/postcss/"
3628 }
3629 },
3630 "node_modules/css-declaration-sorter": {
3631 @@ -3110,6 +3487,10 @@
3632 },
3633 "engines": {
3634 "node": ">=6.0.0"
3635+ },
3636+ "funding": {
3637+ "type": "opencollective",
3638+ "url": "https://opencollective.com/postcss/"
3639 }
3640 },
3641 "node_modules/css-prefers-color-scheme": {
3642 @@ -3139,6 +3520,10 @@
3643 },
3644 "engines": {
3645 "node": ">=6.0.0"
3646+ },
3647+ "funding": {
3648+ "type": "opencollective",
3649+ "url": "https://opencollective.com/postcss/"
3650 }
3651 },
3652 "node_modules/css-select": {
3653 @@ -3307,6 +3692,10 @@
3654 "dev": true,
3655 "engines": {
3656 "node": ">=0.11"
3657+ },
3658+ "funding": {
3659+ "type": "opencollective",
3660+ "url": "https://opencollective.com/date-fns"
3661 }
3662 },
3663 "node_modules/date-time": {
3664 @@ -3331,6 +3720,11 @@
3665 },
3666 "engines": {
3667 "node": ">=6.0"
3668+ },
3669+ "peerDependenciesMeta": {
3670+ "supports-color": {
3671+ "optional": true
3672+ }
3673 }
3674 },
3675 "node_modules/decompress-response": {
3676 @@ -3719,6 +4113,9 @@
3677 },
3678 "engines": {
3679 "node": ">=8"
3680+ },
3681+ "funding": {
3682+ "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
3683 }
3684 },
3685 "node_modules/find-up": {
3686 @@ -3738,6 +4135,7 @@
3687 "version": "1.0.3",
3688 "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.3.tgz",
3689 "integrity": "sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==",
3690+ "deprecated": "flatten is deprecated in favor of utility frameworks such as lodash.",
3691 "dev": true
3692 },
3693 "node_modules/fraction.js": {
3694 @@ -3747,6 +4145,10 @@
3695 "dev": true,
3696 "engines": {
3697 "node": "*"
3698+ },
3699+ "funding": {
3700+ "type": "patreon",
3701+ "url": "https://www.patreon.com/infusion"
3702 }
3703 },
3704 "node_modules/fs-extra": {
3705 @@ -3775,6 +4177,7 @@
3706 "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
3707 "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
3708 "dev": true,
3709+ "hasInstallScript": true,
3710 "optional": true,
3711 "os": [
3712 "darwin"
3713 @@ -3825,6 +4228,9 @@
3714 "function-bind": "^1.1.1",
3715 "has": "^1.0.3",
3716 "has-symbols": "^1.0.1"
3717+ },
3718+ "funding": {
3719+ "url": "https://github.com/sponsors/ljharb"
3720 }
3721 },
3722 "node_modules/get-stdin": {
3723 @@ -3834,6 +4240,9 @@
3724 "dev": true,
3725 "engines": {
3726 "node": ">=10"
3727+ },
3728+ "funding": {
3729+ "url": "https://github.com/sponsors/sindresorhus"
3730 }
3731 },
3732 "node_modules/get-stream": {
3733 @@ -3863,6 +4272,9 @@
3734 },
3735 "engines": {
3736 "node": "*"
3737+ },
3738+ "funding": {
3739+ "url": "https://github.com/sponsors/isaacs"
3740 }
3741 },
3742 "node_modules/glob-parent": {
3743 @@ -3922,6 +4334,9 @@
3744 },
3745 "engines": {
3746 "node": ">=10"
3747+ },
3748+ "funding": {
3749+ "url": "https://github.com/sponsors/sindresorhus"
3750 }
3751 },
3752 "node_modules/globrex": {
3753 @@ -3968,6 +4383,9 @@
3754 },
3755 "engines": {
3756 "node": ">=10"
3757+ },
3758+ "funding": {
3759+ "url": "https://github.com/sponsors/sindresorhus"
3760 }
3761 },
3762 "node_modules/gzip-size/node_modules/duplexer": {
3763 @@ -4025,6 +4443,9 @@
3764 "dev": true,
3765 "engines": {
3766 "node": ">= 0.4"
3767+ },
3768+ "funding": {
3769+ "url": "https://github.com/sponsors/ljharb"
3770 }
3771 },
3772 "node_modules/has-yarn": {
3773 @@ -4061,6 +4482,9 @@
3774 "dev": true,
3775 "engines": {
3776 "node": "^10 || ^12 || >= 14"
3777+ },
3778+ "peerDependencies": {
3779+ "postcss": "^8.1.0"
3780 }
3781 },
3782 "node_modules/ieee754": {
3783 @@ -4124,6 +4548,9 @@
3784 },
3785 "engines": {
3786 "node": ">=6"
3787+ },
3788+ "funding": {
3789+ "url": "https://github.com/sponsors/sindresorhus"
3790 }
3791 },
3792 "node_modules/import-fresh/node_modules/resolve-from": {
3793 @@ -4267,6 +4694,9 @@
3794 "dev": true,
3795 "dependencies": {
3796 "has": "^1.0.3"
3797+ },
3798+ "funding": {
3799+ "url": "https://github.com/sponsors/ljharb"
3800 }
3801 },
3802 "node_modules/is-error": {
3803 @@ -4558,8 +4988,10 @@
3804 "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
3805 "dev": true,
3806 "dependencies": {
3807- "graceful-fs": "^4.1.6",
3808 "universalify": "^2.0.0"
3809+ },
3810+ "optionalDependencies": {
3811+ "graceful-fs": "^4.1.6"
3812 }
3813 },
3814 "node_modules/keyv": {
3815 @@ -4655,9 +5087,9 @@
3816 }
3817 },
3818 "node_modules/loader-utils": {
3819- "version": "1.4.0",
3820- "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
3821- "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
3822+ "version": "1.4.2",
3823+ "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
3824+ "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
3825 "dev": true,
3826 "dependencies": {
3827 "big.js": "^5.2.2",
3828 @@ -4909,6 +5341,9 @@
3829 },
3830 "engines": {
3831 "node": ">=8"
3832+ },
3833+ "funding": {
3834+ "url": "https://github.com/sponsors/sindresorhus"
3835 }
3836 },
3837 "node_modules/make-dir/node_modules/semver": {
3838 @@ -5168,6 +5603,13 @@
3839 },
3840 "engines": {
3841 "node": "^10 || ^12 || >=14"
3842+ },
3843+ "funding": {
3844+ "type": "opencollective",
3845+ "url": "https://opencollective.com/postcss/"
3846+ },
3847+ "peerDependencies": {
3848+ "postcss": "^8.1.0"
3849 }
3850 },
3851 "node_modules/microbundle/node_modules/escape-string-regexp": {
3852 @@ -5177,6 +5619,9 @@
3853 "dev": true,
3854 "engines": {
3855 "node": ">=10"
3856+ },
3857+ "funding": {
3858+ "url": "https://github.com/sponsors/sindresorhus"
3859 }
3860 },
3861 "node_modules/micromatch": {
3862 @@ -5211,9 +5656,9 @@
3863 }
3864 },
3865 "node_modules/minimatch": {
3866- "version": "3.0.4",
3867- "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
3868- "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
3869+ "version": "3.1.2",
3870+ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
3871+ "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
3872 "dev": true,
3873 "dependencies": {
3874 "brace-expansion": "^1.1.7"
3875 @@ -5223,10 +5668,13 @@
3876 }
3877 },
3878 "node_modules/minimist": {
3879- "version": "1.2.5",
3880- "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
3881- "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
3882- "dev": true
3883+ "version": "1.2.7",
3884+ "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
3885+ "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
3886+ "dev": true,
3887+ "funding": {
3888+ "url": "https://github.com/sponsors/ljharb"
3889+ }
3890 },
3891 "node_modules/mri": {
3892 "version": "1.2.0",
3893 @@ -5244,9 +5692,9 @@
3894 "dev": true
3895 },
3896 "node_modules/nanoid": {
3897- "version": "3.1.28",
3898- "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.28.tgz",
3899- "integrity": "sha512-gSu9VZ2HtmoKYe/lmyPFES5nknFrHa+/DT9muUFWFMi6Jh9E1I7bkvlQ8xxf1Kos9pi9o8lBnIOkatMhKX/YUw==",
3900+ "version": "3.3.4",
3901+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
3902+ "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
3903 "dev": true,
3904 "bin": {
3905 "nanoid": "bin/nanoid.cjs"
3906 @@ -5361,6 +5809,9 @@
3907 },
3908 "engines": {
3909 "node": ">= 0.4"
3910+ },
3911+ "funding": {
3912+ "url": "https://github.com/sponsors/ljharb"
3913 }
3914 },
3915 "node_modules/once": {
3916 @@ -5547,6 +5998,9 @@
3917 },
3918 "engines": {
3919 "node": ">=6"
3920+ },
3921+ "funding": {
3922+ "url": "https://github.com/sponsors/sindresorhus"
3923 }
3924 },
3925 "node_modules/p-locate": {
3926 @@ -5587,6 +6041,9 @@
3927 },
3928 "engines": {
3929 "node": ">=8"
3930+ },
3931+ "funding": {
3932+ "url": "https://github.com/sponsors/sindresorhus"
3933 }
3934 },
3935 "node_modules/p-timeout": {
3936 @@ -5659,6 +6116,9 @@
3937 },
3938 "engines": {
3939 "node": ">=8"
3940+ },
3941+ "funding": {
3942+ "url": "https://github.com/sponsors/sindresorhus"
3943 }
3944 },
3945 "node_modules/parse-ms": {
3946 @@ -5716,6 +6176,9 @@
3947 "dev": true,
3948 "engines": {
3949 "node": ">=8.6"
3950+ },
3951+ "funding": {
3952+ "url": "https://github.com/sponsors/jonschlinkert"
3953 }
3954 },
3955 "node_modules/pify": {
3956 @@ -5825,6 +6288,10 @@
3957 },
3958 "engines": {
3959 "node": "^10 || ^12 || >=14"
3960+ },
3961+ "funding": {
3962+ "type": "opencollective",
3963+ "url": "https://opencollective.com/postcss/"
3964 }
3965 },
3966 "node_modules/postcss-attribute-case-insensitive": {
3967 @@ -5861,6 +6328,10 @@
3968 },
3969 "engines": {
3970 "node": ">=6.0.0"
3971+ },
3972+ "funding": {
3973+ "type": "opencollective",
3974+ "url": "https://opencollective.com/postcss/"
3975 }
3976 },
3977 "node_modules/postcss-attribute-case-insensitive/node_modules/postcss-selector-parser": {
3978 @@ -5940,6 +6411,9 @@
3979 },
3980 "engines": {
3981 "node": ">=10"
3982+ },
3983+ "peerDependencies": {
3984+ "postcss": "^8.0.0"
3985 }
3986 },
3987 "node_modules/postcss-cli/node_modules/ansi-styles": {
3988 @@ -5952,6 +6426,9 @@
3989 },
3990 "engines": {
3991 "node": ">=8"
3992+ },
3993+ "funding": {
3994+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
3995 }
3996 },
3997 "node_modules/postcss-cli/node_modules/chalk": {
3998 @@ -5965,6 +6442,9 @@
3999 },
4000 "engines": {
4001 "node": ">=10"
4002+ },
4003+ "funding": {
4004+ "url": "https://github.com/chalk/chalk?sponsor=1"
4005 }
4006 },
4007 "node_modules/postcss-cli/node_modules/color-convert": {
4008 @@ -6031,6 +6511,10 @@
4009 },
4010 "engines": {
4011 "node": ">=6.0.0"
4012+ },
4013+ "funding": {
4014+ "type": "opencollective",
4015+ "url": "https://opencollective.com/postcss/"
4016 }
4017 },
4018 "node_modules/postcss-color-gray": {
4019 @@ -6059,6 +6543,10 @@
4020 },
4021 "engines": {
4022 "node": ">=6.0.0"
4023+ },
4024+ "funding": {
4025+ "type": "opencollective",
4026+ "url": "https://opencollective.com/postcss/"
4027 }
4028 },
4029 "node_modules/postcss-color-hex-alpha": {
4030 @@ -6086,6 +6574,10 @@
4031 },
4032 "engines": {
4033 "node": ">=6.0.0"
4034+ },
4035+ "funding": {
4036+ "type": "opencollective",
4037+ "url": "https://opencollective.com/postcss/"
4038 }
4039 },
4040 "node_modules/postcss-color-mod-function": {
4041 @@ -6114,6 +6606,10 @@
4042 },
4043 "engines": {
4044 "node": ">=6.0.0"
4045+ },
4046+ "funding": {
4047+ "type": "opencollective",
4048+ "url": "https://opencollective.com/postcss/"
4049 }
4050 },
4051 "node_modules/postcss-color-rebeccapurple": {
4052 @@ -6141,6 +6637,10 @@
4053 },
4054 "engines": {
4055 "node": ">=6.0.0"
4056+ },
4057+ "funding": {
4058+ "type": "opencollective",
4059+ "url": "https://opencollective.com/postcss/"
4060 }
4061 },
4062 "node_modules/postcss-colormin": {
4063 @@ -6171,6 +6671,9 @@
4064 },
4065 "engines": {
4066 "node": "^10.0.0 || ^12.0.0 || >=14.0.0"
4067+ },
4068+ "peerDependencies": {
4069+ "postcss": "^8.1.0"
4070 }
4071 },
4072 "node_modules/postcss-combine-duplicated-selectors/node_modules/cssesc": {
4073 @@ -6238,6 +6741,10 @@
4074 },
4075 "engines": {
4076 "node": ">=6.0.0"
4077+ },
4078+ "funding": {
4079+ "type": "opencollective",
4080+ "url": "https://opencollective.com/postcss/"
4081 }
4082 },
4083 "node_modules/postcss-custom-properties": {
4084 @@ -6265,6 +6772,10 @@
4085 },
4086 "engines": {
4087 "node": ">=6.0.0"
4088+ },
4089+ "funding": {
4090+ "type": "opencollective",
4091+ "url": "https://opencollective.com/postcss/"
4092 }
4093 },
4094 "node_modules/postcss-custom-selectors": {
4095 @@ -6292,6 +6803,10 @@
4096 },
4097 "engines": {
4098 "node": ">=6.0.0"
4099+ },
4100+ "funding": {
4101+ "type": "opencollective",
4102+ "url": "https://opencollective.com/postcss/"
4103 }
4104 },
4105 "node_modules/postcss-dir-pseudo-class": {
4106 @@ -6319,6 +6834,10 @@
4107 },
4108 "engines": {
4109 "node": ">=6.0.0"
4110+ },
4111+ "funding": {
4112+ "type": "opencollective",
4113+ "url": "https://opencollective.com/postcss/"
4114 }
4115 },
4116 "node_modules/postcss-discard-comments": {
4117 @@ -6394,6 +6913,10 @@
4118 },
4119 "engines": {
4120 "node": ">=6.0.0"
4121+ },
4122+ "funding": {
4123+ "type": "opencollective",
4124+ "url": "https://opencollective.com/postcss/"
4125 }
4126 },
4127 "node_modules/postcss-env-function": {
4128 @@ -6421,6 +6944,10 @@
4129 },
4130 "engines": {
4131 "node": ">=6.0.0"
4132+ },
4133+ "funding": {
4134+ "type": "opencollective",
4135+ "url": "https://opencollective.com/postcss/"
4136 }
4137 },
4138 "node_modules/postcss-focus-visible": {
4139 @@ -6447,6 +6974,10 @@
4140 },
4141 "engines": {
4142 "node": ">=6.0.0"
4143+ },
4144+ "funding": {
4145+ "type": "opencollective",
4146+ "url": "https://opencollective.com/postcss/"
4147 }
4148 },
4149 "node_modules/postcss-focus-within": {
4150 @@ -6473,6 +7004,10 @@
4151 },
4152 "engines": {
4153 "node": ">=6.0.0"
4154+ },
4155+ "funding": {
4156+ "type": "opencollective",
4157+ "url": "https://opencollective.com/postcss/"
4158 }
4159 },
4160 "node_modules/postcss-font-variant": {
4161 @@ -6496,6 +7031,10 @@
4162 },
4163 "engines": {
4164 "node": ">=6.0.0"
4165+ },
4166+ "funding": {
4167+ "type": "opencollective",
4168+ "url": "https://opencollective.com/postcss/"
4169 }
4170 },
4171 "node_modules/postcss-gap-properties": {
4172 @@ -6522,6 +7061,10 @@
4173 },
4174 "engines": {
4175 "node": ">=6.0.0"
4176+ },
4177+ "funding": {
4178+ "type": "opencollective",
4179+ "url": "https://opencollective.com/postcss/"
4180 }
4181 },
4182 "node_modules/postcss-image-set-function": {
4183 @@ -6549,6 +7092,10 @@
4184 },
4185 "engines": {
4186 "node": ">=6.0.0"
4187+ },
4188+ "funding": {
4189+ "type": "opencollective",
4190+ "url": "https://opencollective.com/postcss/"
4191 }
4192 },
4193 "node_modules/postcss-import": {
4194 @@ -6563,6 +7110,9 @@
4195 },
4196 "engines": {
4197 "node": ">=10.0.0"
4198+ },
4199+ "peerDependencies": {
4200+ "postcss": "^8.0.0"
4201 }
4202 },
4203 "node_modules/postcss-initial": {
4204 @@ -6587,6 +7137,10 @@
4205 },
4206 "engines": {
4207 "node": ">=6.0.0"
4208+ },
4209+ "funding": {
4210+ "type": "opencollective",
4211+ "url": "https://opencollective.com/postcss/"
4212 }
4213 },
4214 "node_modules/postcss-lab-function": {
4215 @@ -6615,6 +7169,10 @@
4216 },
4217 "engines": {
4218 "node": ">=6.0.0"
4219+ },
4220+ "funding": {
4221+ "type": "opencollective",
4222+ "url": "https://opencollective.com/postcss/"
4223 }
4224 },
4225 "node_modules/postcss-load-config": {
4226 @@ -6629,6 +7187,18 @@
4227 },
4228 "engines": {
4229 "node": ">= 10"
4230+ },
4231+ "funding": {
4232+ "type": "opencollective",
4233+ "url": "https://opencollective.com/postcss/"
4234+ },
4235+ "peerDependencies": {
4236+ "ts-node": ">=9.0.0"
4237+ },
4238+ "peerDependenciesMeta": {
4239+ "ts-node": {
4240+ "optional": true
4241+ }
4242 }
4243 },
4244 "node_modules/postcss-logical": {
4245 @@ -6655,6 +7225,10 @@
4246 },
4247 "engines": {
4248 "node": ">=6.0.0"
4249+ },
4250+ "funding": {
4251+ "type": "opencollective",
4252+ "url": "https://opencollective.com/postcss/"
4253 }
4254 },
4255 "node_modules/postcss-media-minmax": {
4256 @@ -6681,6 +7255,10 @@
4257 },
4258 "engines": {
4259 "node": ">=6.0.0"
4260+ },
4261+ "funding": {
4262+ "type": "opencollective",
4263+ "url": "https://opencollective.com/postcss/"
4264 }
4265 },
4266 "node_modules/postcss-merge-longhand": {
4267 @@ -6845,6 +7423,9 @@
4268 "postcss-modules-scope": "^3.0.0",
4269 "postcss-modules-values": "^4.0.0",
4270 "string-hash": "^1.1.1"
4271+ },
4272+ "peerDependencies": {
4273+ "postcss": "^8.0.0"
4274 }
4275 },
4276 "node_modules/postcss-modules-extract-imports": {
4277 @@ -6854,6 +7435,9 @@
4278 "dev": true,
4279 "engines": {
4280 "node": "^10 || ^12 || >= 14"
4281+ },
4282+ "peerDependencies": {
4283+ "postcss": "^8.1.0"
4284 }
4285 },
4286 "node_modules/postcss-modules-local-by-default": {
4287 @@ -6868,6 +7452,9 @@
4288 },
4289 "engines": {
4290 "node": "^10 || ^12 || >= 14"
4291+ },
4292+ "peerDependencies": {
4293+ "postcss": "^8.1.0"
4294 }
4295 },
4296 "node_modules/postcss-modules-local-by-default/node_modules/cssesc": {
4297 @@ -6905,6 +7492,9 @@
4298 },
4299 "engines": {
4300 "node": "^10 || ^12 || >= 14"
4301+ },
4302+ "peerDependencies": {
4303+ "postcss": "^8.1.0"
4304 }
4305 },
4306 "node_modules/postcss-modules-scope/node_modules/cssesc": {
4307 @@ -6942,6 +7532,9 @@
4308 },
4309 "engines": {
4310 "node": "^10 || ^12 || >= 14"
4311+ },
4312+ "peerDependencies": {
4313+ "postcss": "^8.1.0"
4314 }
4315 },
4316 "node_modules/postcss-nesting": {
4317 @@ -6968,6 +7561,10 @@
4318 },
4319 "engines": {
4320 "node": ">=6.0.0"
4321+ },
4322+ "funding": {
4323+ "type": "opencollective",
4324+ "url": "https://opencollective.com/postcss/"
4325 }
4326 },
4327 "node_modules/postcss-normalize-charset": {
4328 @@ -7144,6 +7741,10 @@
4329 },
4330 "engines": {
4331 "node": ">=6.0.0"
4332+ },
4333+ "funding": {
4334+ "type": "opencollective",
4335+ "url": "https://opencollective.com/postcss/"
4336 }
4337 },
4338 "node_modules/postcss-page-break": {
4339 @@ -7167,6 +7768,10 @@
4340 },
4341 "engines": {
4342 "node": ">=6.0.0"
4343+ },
4344+ "funding": {
4345+ "type": "opencollective",
4346+ "url": "https://opencollective.com/postcss/"
4347 }
4348 },
4349 "node_modules/postcss-place": {
4350 @@ -7194,6 +7799,10 @@
4351 },
4352 "engines": {
4353 "node": ">=6.0.0"
4354+ },
4355+ "funding": {
4356+ "type": "opencollective",
4357+ "url": "https://opencollective.com/postcss/"
4358 }
4359 },
4360 "node_modules/postcss-preset-env": {
4361 @@ -7256,6 +7865,10 @@
4362 },
4363 "engines": {
4364 "node": ">=6.0.0"
4365+ },
4366+ "funding": {
4367+ "type": "opencollective",
4368+ "url": "https://opencollective.com/postcss/"
4369 }
4370 },
4371 "node_modules/postcss-pseudo-class-any-link": {
4372 @@ -7283,6 +7896,10 @@
4373 },
4374 "engines": {
4375 "node": ">=6.0.0"
4376+ },
4377+ "funding": {
4378+ "type": "opencollective",
4379+ "url": "https://opencollective.com/postcss/"
4380 }
4381 },
4382 "node_modules/postcss-reduce-initial": {
4383 @@ -7337,6 +7954,10 @@
4384 },
4385 "engines": {
4386 "node": ">=6.0.0"
4387+ },
4388+ "funding": {
4389+ "type": "opencollective",
4390+ "url": "https://opencollective.com/postcss/"
4391 }
4392 },
4393 "node_modules/postcss-reporter": {
4394 @@ -7354,6 +7975,13 @@
4395 },
4396 "engines": {
4397 "node": ">=10"
4398+ },
4399+ "funding": {
4400+ "type": "opencollective",
4401+ "url": "https://opencollective.com/postcss/"
4402+ },
4403+ "peerDependencies": {
4404+ "postcss": "^8.1.0"
4405 }
4406 },
4407 "node_modules/postcss-selector-matches": {
4408 @@ -7378,6 +8006,10 @@
4409 },
4410 "engines": {
4411 "node": ">=6.0.0"
4412+ },
4413+ "funding": {
4414+ "type": "opencollective",
4415+ "url": "https://opencollective.com/postcss/"
4416 }
4417 },
4418 "node_modules/postcss-selector-not": {
4419 @@ -7402,6 +8034,10 @@
4420 },
4421 "engines": {
4422 "node": ">=6.0.0"
4423+ },
4424+ "funding": {
4425+ "type": "opencollective",
4426+ "url": "https://opencollective.com/postcss/"
4427 }
4428 },
4429 "node_modules/postcss-selector-parser": {
4430 @@ -7510,6 +8146,9 @@
4431 "dev": true,
4432 "engines": {
4433 "node": ">=6"
4434+ },
4435+ "funding": {
4436+ "url": "https://github.com/sponsors/sindresorhus"
4437 }
4438 },
4439 "node_modules/pretty-hrtime": {
4440 @@ -7571,7 +8210,21 @@
4441 "version": "1.2.3",
4442 "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
4443 "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
4444- "dev": true
4445+ "dev": true,
4446+ "funding": [
4447+ {
4448+ "type": "github",
4449+ "url": "https://github.com/sponsors/feross"
4450+ },
4451+ {
4452+ "type": "patreon",
4453+ "url": "https://www.patreon.com/feross"
4454+ },
4455+ {
4456+ "type": "consulting",
4457+ "url": "https://feross.org/support"
4458+ }
4459+ ]
4460 },
4461 "node_modules/randombytes": {
4462 "version": "2.1.0",
4463 @@ -7771,6 +8424,9 @@
4464 "dependencies": {
4465 "is-core-module": "^2.1.0",
4466 "path-parse": "^1.0.6"
4467+ },
4468+ "funding": {
4469+ "url": "https://github.com/sponsors/ljharb"
4470 }
4471 },
4472 "node_modules/resolve-cwd": {
4473 @@ -7943,6 +8599,9 @@
4474 },
4475 "engines": {
4476 "node": ">=10"
4477+ },
4478+ "peerDependencies": {
4479+ "postcss": "8.x"
4480 }
4481 },
4482 "node_modules/rollup-plugin-postcss/node_modules/ansi-styles": {
4483 @@ -7955,6 +8614,9 @@
4484 },
4485 "engines": {
4486 "node": ">=8"
4487+ },
4488+ "funding": {
4489+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
4490 }
4491 },
4492 "node_modules/rollup-plugin-postcss/node_modules/chalk": {
4493 @@ -7968,6 +8630,9 @@
4494 },
4495 "engines": {
4496 "node": ">=10"
4497+ },
4498+ "funding": {
4499+ "url": "https://github.com/chalk/chalk?sponsor=1"
4500 }
4501 },
4502 "node_modules/rollup-plugin-postcss/node_modules/color-convert": {
4503 @@ -8004,6 +8669,9 @@
4504 "dev": true,
4505 "engines": {
4506 "node": ">=10"
4507+ },
4508+ "funding": {
4509+ "url": "https://github.com/sponsors/sindresorhus"
4510 }
4511 },
4512 "node_modules/rollup-plugin-postcss/node_modules/supports-color": {
4513 @@ -8028,6 +8696,9 @@
4514 "jest-worker": "^26.2.1",
4515 "serialize-javascript": "^4.0.0",
4516 "terser": "^5.0.0"
4517+ },
4518+ "peerDependencies": {
4519+ "rollup": "^2.0.0"
4520 }
4521 },
4522 "node_modules/rollup-plugin-typescript2": {
4523 @@ -8041,6 +8712,10 @@
4524 "fs-extra": "8.1.0",
4525 "resolve": "1.17.0",
4526 "tslib": "2.0.1"
4527+ },
4528+ "peerDependencies": {
4529+ "rollup": ">=1.26.3",
4530+ "typescript": ">=2.4.0"
4531 }
4532 },
4533 "node_modules/rollup-plugin-typescript2/node_modules/fs-extra": {
4534 @@ -8062,7 +8737,7 @@
4535 "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
4536 "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
4537 "dev": true,
4538- "dependencies": {
4539+ "optionalDependencies": {
4540 "graceful-fs": "^4.1.6"
4541 }
4542 },
4543 @@ -8073,6 +8748,9 @@
4544 "dev": true,
4545 "dependencies": {
4546 "path-parse": "^1.0.6"
4547+ },
4548+ "funding": {
4549+ "url": "https://github.com/sponsors/ljharb"
4550 }
4551 },
4552 "node_modules/rollup-plugin-typescript2/node_modules/tslib": {
4553 @@ -8110,6 +8788,20 @@
4554 "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
4555 "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
4556 "dev": true,
4557+ "funding": [
4558+ {
4559+ "type": "github",
4560+ "url": "https://github.com/sponsors/feross"
4561+ },
4562+ {
4563+ "type": "patreon",
4564+ "url": "https://www.patreon.com/feross"
4565+ },
4566+ {
4567+ "type": "consulting",
4568+ "url": "https://feross.org/support"
4569+ }
4570+ ],
4571 "dependencies": {
4572 "queue-microtask": "^1.2.2"
4573 }
4574 @@ -8363,6 +9055,7 @@
4575 "version": "0.1.8",
4576 "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
4577 "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
4578+ "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility",
4579 "dev": true
4580 },
4581 "node_modules/stack-utils": {
4582 @@ -8577,13 +9270,14 @@
4583 }
4584 },
4585 "node_modules/terser": {
4586- "version": "5.9.0",
4587- "resolved": "https://registry.npmjs.org/terser/-/terser-5.9.0.tgz",
4588- "integrity": "sha512-h5hxa23sCdpzcye/7b8YqbE5OwKca/ni0RQz1uRX3tGh8haaGHqcuSqbGRybuAKNdntZ0mDgFNXPJ48xQ2RXKQ==",
4589+ "version": "5.15.1",
4590+ "resolved": "https://registry.npmjs.org/terser/-/terser-5.15.1.tgz",
4591+ "integrity": "sha512-K1faMUvpm/FBxjBXud0LWVAGxmvoPbZbfTCYbSgaaYQaIXI3/TdI7a7ZGA73Zrou6Q8Zmz3oeUTsp/dj+ag2Xw==",
4592 "dev": true,
4593 "dependencies": {
4594+ "@jridgewell/source-map": "^0.3.2",
4595+ "acorn": "^8.5.0",
4596 "commander": "^2.20.0",
4597- "source-map": "~0.7.2",
4598 "source-map-support": "~0.5.20"
4599 },
4600 "bin": {
4601 @@ -8599,15 +9293,6 @@
4602 "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
4603 "dev": true
4604 },
4605- "node_modules/terser/node_modules/source-map": {
4606- "version": "0.7.3",
4607- "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
4608- "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
4609- "dev": true,
4610- "engines": {
4611- "node": ">= 8"
4612- }
4613- },
4614 "node_modules/time-zone": {
4615 "version": "1.0.0",
4616 "resolved": "https://registry.npmjs.org/time-zone/-/time-zone-1.0.0.tgz",
4617 @@ -8962,6 +9647,9 @@
4618 },
4619 "engines": {
4620 "node": ">=10"
4621+ },
4622+ "funding": {
4623+ "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
4624 }
4625 },
4626 "node_modules/wrap-ansi/node_modules/ansi-styles": {
4627 @@ -8974,6 +9662,9 @@
4628 },
4629 "engines": {
4630 "node": ">=8"
4631+ },
4632+ "funding": {
4633+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
4634 }
4635 },
4636 "node_modules/wrap-ansi/node_modules/color-convert": {
4637 @@ -10313,6 +11004,55 @@
4638 "integrity": "sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==",
4639 "dev": true
4640 },
4641+ "@jridgewell/gen-mapping": {
4642+ "version": "0.3.2",
4643+ "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
4644+ "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
4645+ "dev": true,
4646+ "requires": {
4647+ "@jridgewell/set-array": "^1.0.1",
4648+ "@jridgewell/sourcemap-codec": "^1.4.10",
4649+ "@jridgewell/trace-mapping": "^0.3.9"
4650+ }
4651+ },
4652+ "@jridgewell/resolve-uri": {
4653+ "version": "3.1.0",
4654+ "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
4655+ "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
4656+ "dev": true
4657+ },
4658+ "@jridgewell/set-array": {
4659+ "version": "1.1.2",
4660+ "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
4661+ "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
4662+ "dev": true
4663+ },
4664+ "@jridgewell/source-map": {
4665+ "version": "0.3.2",
4666+ "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
4667+ "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
4668+ "dev": true,
4669+ "requires": {
4670+ "@jridgewell/gen-mapping": "^0.3.0",
4671+ "@jridgewell/trace-mapping": "^0.3.9"
4672+ }
4673+ },
4674+ "@jridgewell/sourcemap-codec": {
4675+ "version": "1.4.14",
4676+ "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
4677+ "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
4678+ "dev": true
4679+ },
4680+ "@jridgewell/trace-mapping": {
4681+ "version": "0.3.17",
4682+ "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz",
4683+ "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==",
4684+ "dev": true,
4685+ "requires": {
4686+ "@jridgewell/resolve-uri": "3.1.0",
4687+ "@jridgewell/sourcemap-codec": "1.4.14"
4688+ }
4689+ },
4690 "@nodelib/fs.scandir": {
4691 "version": "2.1.5",
4692 "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
4693 @@ -11079,9 +11819,9 @@
4694 }
4695 },
4696 "caniuse-lite": {
4697- "version": "1.0.30001344",
4698- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001344.tgz",
4699- "integrity": "sha512-0ZFjnlCaXNOAYcV7i+TtdKBp0L/3XEU2MF/x6Du1lrh+SRX4IfzIVL4HNJg5pB2PmFb8rszIGyOvsZnqqRoc2g==",
4700+ "version": "1.0.30001431",
4701+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz",
4702+ "integrity": "sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ==",
4703 "dev": true
4704 },
4705 "chalk": {
4706 @@ -11245,6 +11985,12 @@
4707 "integrity": "sha512-ecORCqbSFP7Wm8Y6lyqMJjexBQqXSF7SSeaTyGGphogUjBlFP9m9o08wy86HL2uB7fMTxtOUzLMk7ogKcxMg1w==",
4708 "dev": true
4709 },
4710+ "colorjs.io": {
4711+ "version": "0.4.1-patch.1",
4712+ "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.4.1-patch.1.tgz",
4713+ "integrity": "sha512-7UWunVDvnUtWRvGD0hEuGyxIvZvw4QbV8/Hz5fhePZdzyvZ8/Ze3mVGxa/8B084jZGBKJDX0ZwHPL/FDn7PZZA==",
4714+ "dev": true
4715+ },
4716 "commander": {
4717 "version": "7.2.0",
4718 "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
4719 @@ -12249,7 +12995,8 @@
4720 "version": "5.1.0",
4721 "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
4722 "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
4723- "dev": true
4724+ "dev": true,
4725+ "requires": {}
4726 },
4727 "ieee754": {
4728 "version": "1.2.1",
4729 @@ -12691,9 +13438,9 @@
4730 }
4731 },
4732 "loader-utils": {
4733- "version": "1.4.0",
4734- "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
4735- "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
4736+ "version": "1.4.2",
4737+ "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
4738+ "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
4739 "dev": true,
4740 "requires": {
4741 "big.js": "^5.2.2",
4742 @@ -13142,18 +13889,18 @@
4743 "dev": true
4744 },
4745 "minimatch": {
4746- "version": "3.0.4",
4747- "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
4748- "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
4749+ "version": "3.1.2",
4750+ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
4751+ "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
4752 "dev": true,
4753 "requires": {
4754 "brace-expansion": "^1.1.7"
4755 }
4756 },
4757 "minimist": {
4758- "version": "1.2.5",
4759- "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
4760- "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==",
4761+ "version": "1.2.7",
4762+ "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
4763+ "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
4764 "dev": true
4765 },
4766 "mri": {
4767 @@ -13169,9 +13916,9 @@
4768 "dev": true
4769 },
4770 "nanoid": {
4771- "version": "3.1.28",
4772- "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.28.tgz",
4773- "integrity": "sha512-gSu9VZ2HtmoKYe/lmyPFES5nknFrHa+/DT9muUFWFMi6Jh9E1I7bkvlQ8xxf1Kos9pi9o8lBnIOkatMhKX/YUw==",
4774+ "version": "3.3.4",
4775+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
4776+ "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
4777 "dev": true
4778 },
4779 "node-releases": {
4780 @@ -14411,7 +15158,8 @@
4781 "version": "3.0.0",
4782 "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
4783 "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
4784- "dev": true
4785+ "dev": true,
4786+ "requires": {}
4787 },
4788 "postcss-modules-local-by-default": {
4789 "version": "4.0.0",
4790 @@ -15786,13 +16534,14 @@
4791 "dev": true
4792 },
4793 "terser": {
4794- "version": "5.9.0",
4795- "resolved": "https://registry.npmjs.org/terser/-/terser-5.9.0.tgz",
4796- "integrity": "sha512-h5hxa23sCdpzcye/7b8YqbE5OwKca/ni0RQz1uRX3tGh8haaGHqcuSqbGRybuAKNdntZ0mDgFNXPJ48xQ2RXKQ==",
4797+ "version": "5.15.1",
4798+ "resolved": "https://registry.npmjs.org/terser/-/terser-5.15.1.tgz",
4799+ "integrity": "sha512-K1faMUvpm/FBxjBXud0LWVAGxmvoPbZbfTCYbSgaaYQaIXI3/TdI7a7ZGA73Zrou6Q8Zmz3oeUTsp/dj+ag2Xw==",
4800 "dev": true,
4801 "requires": {
4802+ "@jridgewell/source-map": "^0.3.2",
4803+ "acorn": "^8.5.0",
4804 "commander": "^2.20.0",
4805- "source-map": "~0.7.2",
4806 "source-map-support": "~0.5.20"
4807 },
4808 "dependencies": {
4809 @@ -15801,12 +16550,6 @@
4810 "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
4811 "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
4812 "dev": true
4813- },
4814- "source-map": {
4815- "version": "0.7.3",
4816- "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
4817- "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
4818- "dev": true
4819 }
4820 }
4821 },
4822 diff --git a/package.json b/package.json
4823index 022a197..6ae587d 100644
4824--- a/package.json
4825+++ b/package.json
4826 @@ -3,7 +3,7 @@
4827 "name": "open-props",
4828 "author": "Adam Argyle",
4829 "license": "MIT",
4830- "version": "1.4.25",
4831+ "version": "1.5.0",
4832 "repository": {
4833 "type": "git",
4834 "url": "https://github.com/argyleink/open-props"
4835 @@ -60,6 +60,12 @@
4836 "./blue": "./blue.min.css",
4837 "./blue-hsl": "./blue-hsl.min.css",
4838 "./borders": "./borders.min.css",
4839+ "./brown": "./brown.min.css",
4840+ "./brown-hsl": "./brown-hsl.min.css",
4841+ "./camo": "./camo.min.css",
4842+ "./camo-hsl": "./camo-hsl.min.css",
4843+ "./choco": "./choco.min.css",
4844+ "./choco-hsl": "./choco-hsl.min.css",
4845 "./colors": "./colors.min.css",
4846 "./colors-hsl": "./colors-hsl.min.css",
4847 "./cyan": "./cyan.min.css",
4848 @@ -67,14 +73,14 @@
4849 "./easings": "./easings.min.css",
4850 "./fonts": "./fonts.min.css",
4851 "./gradients": "./gradients.min.css",
4852- "./grape": "./grape.min.css",
4853- "./grape-hsl": "./grape-hsl.min.css",
4854 "./gray": "./gray.min.css",
4855 "./gray-hsl": "./gray-hsl.min.css",
4856 "./green": "./green.min.css",
4857 "./green-hsl": "./green-hsl.min.css",
4858 "./indigo": "./indigo.min.css",
4859 "./indigo-hsl": "./indigo-hsl.min.css",
4860+ "./jungle": "./jungle.min.css",
4861+ "./jungle-hsl": "./jungle-hsl.min.css",
4862 "./lime": "./lime.min.css",
4863 "./lime-hsl": "./lime-hsl.min.css",
4864 "./masks/edges": "./masks.edges.min.css",
4865 @@ -84,10 +90,16 @@
4866 "./orange-hsl": "./orange-hsl.min.css",
4867 "./pink": "./pink.min.css",
4868 "./pink-hsl": "./pink-hsl.min.css",
4869+ "./purple": "./purple.min.css",
4870+ "./purple-hsl": "./purple-hsl.min.css",
4871 "./red": "./red.min.css",
4872 "./red-hsl": "./red-hsl.min.css",
4873+ "./sand": "./sand.min.css",
4874+ "./sand-hsl": "./sand-hsl.min.css",
4875 "./shadows": "./shadows.min.css",
4876 "./sizes": "./sizes.min.css",
4877+ "./stone": "./stone.min.css",
4878+ "./stone-hsl": "./stone-hsl.min.css",
4879 "./teal": "./teal.min.css",
4880 "./teal-hsl": "./teal-hsl.min.css",
4881 "./violet": "./violet.min.css",
4882 @@ -102,6 +114,12 @@
4883 "./shadow/blue": "./blue.shadow.min.css",
4884 "./shadow/blue-hsl": "./blue-hsl.shadow.min.css",
4885 "./shadow/borders": "./borders.shadow.min.css",
4886+ "./shadow/brown": "./brown.shadow.min.css",
4887+ "./shadow/brown-hsl": "./brown-hsl.shadow.min.css",
4888+ "./shadow/camo": "./camo.shadow.min.css",
4889+ "./shadow/camo-hsl": "./camo-hsl.shadow.min.css",
4890+ "./shadow/choco": "./choco.shadow.min.css",
4891+ "./shadow/choco-hsl": "./choco-hsl.shadow.min.css",
4892 "./shadow/colors": "./colors.shadow.min.css",
4893 "./shadow/colors-hsl": "./colors-hsl.shadow.min.css",
4894 "./shadow/cyan": "./cyan.shadow.min.css",
4895 @@ -109,14 +127,14 @@
4896 "./shadow/easings": "./easings.shadow.min.css",
4897 "./shadow/fonts": "./fonts.shadow.min.css",
4898 "./shadow/gradients": "./gradients.shadow.min.css",
4899- "./shadow/grape": "./grape.shadow.min.css",
4900- "./shadow/grape-hsl": "./grape-hsl.shadow.min.css",
4901 "./shadow/gray": "./gray.shadow.min.css",
4902 "./shadow/gray-hsl": "./gray-hsl.shadow.min.css",
4903 "./shadow/green": "./green.shadow.min.css",
4904 "./shadow/green-hsl": "./green-hsl.shadow.min.css",
4905 "./shadow/indigo": "./indigo.shadow.min.css",
4906 "./shadow/indigo-hsl": "./indigo-hsl.shadow.min.css",
4907+ "./shadow/jungle": "./jungle.shadow.min.css",
4908+ "./shadow/jungle-hsl": "./jungle-hsl.shadow.min.css",
4909 "./shadow/lime": "./lime.shadow.min.css",
4910 "./shadow/lime-hsl": "./lime-hsl.shadow.min.css",
4911 "./shadow/media": "./media.shadow.min.css",
4912 @@ -124,10 +142,16 @@
4913 "./shadow/orange-hsl": "./orange-hsl.shadow.min.css",
4914 "./shadow/pink": "./pink.shadow.min.css",
4915 "./shadow/pink-hsl": "./pink-hsl.shadow.min.css",
4916+ "./shadow/purple": "./purple.shadow.min.css",
4917+ "./shadow/purple-hsl": "./purple-hsl.shadow.min.css",
4918 "./shadow/red": "./red.shadow.min.css",
4919 "./shadow/red-hsl": "./red-hsl.shadow.min.css",
4920+ "./shadow/sand": "./sand.shadow.min.css",
4921+ "./shadow/sand-hsl": "./sand-hsl.shadow.min.css",
4922 "./shadow/shadows": "./shadows.shadow.min.css",
4923 "./shadow/sizes": "./sizes.shadow.min.css",
4924+ "./shadow/stone": "./stone.shadow.min.css",
4925+ "./shadow/stone-hsl": "./stone-hsl.shadow.min.css",
4926 "./shadow/teal": "./teal.shadow.min.css",
4927 "./shadow/teal-hsl": "./teal-hsl.shadow.min.css",
4928 "./shadow/violet": "./violet.shadow.min.css",
4929 @@ -184,12 +208,14 @@
4930 "lib:colors-hsl": "postcss src/props.colors-hsl.css -o colors-hsl.min.css",
4931 "lib:colors:gray": "postcss src/props.gray.css -o gray.min.css",
4932 "lib:colors:gray-hsl": "postcss src/props.gray-hsl.css -o gray-hsl.min.css",
4933+ "lib:colors:stone": "postcss src/props.stone.css -o stone.min.css",
4934+ "lib:colors:stone-hsl": "postcss src/props.stone-hsl.css -o stone-hsl.min.css",
4935 "lib:colors:red": "postcss src/props.red.css -o red.min.css",
4936 "lib:colors:red-hsl": "postcss src/props.red-hsl.css -o red-hsl.min.css",
4937 "lib:colors:pink": "postcss src/props.pink.css -o pink.min.css",
4938 "lib:colors:pink-hsl": "postcss src/props.pink-hsl.css -o pink-hsl.min.css",
4939- "lib:colors:grape": "postcss src/props.grape.css -o grape.min.css",
4940- "lib:colors:grape-hsl": "postcss src/props.grape-hsl.css -o grape-hsl.min.css",
4941+ "lib:colors:purple": "postcss src/props.purple.css -o purple.min.css",
4942+ "lib:colors:purple-hsl": "postcss src/props.purple-hsl.css -o purple-hsl.min.css",
4943 "lib:colors:violet": "postcss src/props.violet.css -o violet.min.css",
4944 "lib:colors:violet-hsl": "postcss src/props.violet-hsl.css -o violet-hsl.min.css",
4945 "lib:colors:indigo": "postcss src/props.indigo.css -o indigo.min.css",
4946 @@ -208,6 +234,16 @@
4947 "lib:colors:yellow-hsl": "postcss src/props.yellow-hsl.css -o yellow-hsl.min.css",
4948 "lib:colors:orange": "postcss src/props.orange.css -o orange.min.css",
4949 "lib:colors:orange-hsl": "postcss src/props.orange-hsl.css -o orange-hsl.min.css",
4950+ "lib:colors:choco": "postcss src/props.choco.css -o choco.min.css",
4951+ "lib:colors:choco-hsl": "postcss src/props.choco-hsl.css -o choco-hsl.min.css",
4952+ "lib:colors:brown": "postcss src/props.brown.css -o brown.min.css",
4953+ "lib:colors:brown-hsl": "postcss src/props.brown-hsl.css -o brown-hsl.min.css",
4954+ "lib:colors:sand": "postcss src/props.sand.css -o sand.min.css",
4955+ "lib:colors:sand-hsl": "postcss src/props.sand-hsl.css -o sand-hsl.min.css",
4956+ "lib:colors:camo": "postcss src/props.camo.css -o camo.min.css",
4957+ "lib:colors:camo-hsl": "postcss src/props.camo-hsl.css -o camo-hsl.min.css",
4958+ "lib:colors:jungle": "postcss src/props.jungle.css -o jungle.min.css",
4959+ "lib:colors:jungle-hsl": "postcss src/props.jungle-hsl.css -o jungle-hsl.min.css",
4960 "shadow:all": "postcss src/shadow.index.css -o open-props.shadow.min.css",
4961 "shadow:animations": "postcss src/shadow.props.animations.css -o animations.shadow.min.css",
4962 "shadow:aspects": "postcss src/shadow.props.aspects.css -o aspects.shadow.min.css",
4963 @@ -222,12 +258,14 @@
4964 "shadow:colors-hsl": "postcss src/shadow.props.colors-hsl.css -o colors-hsl.shadow.min.css",
4965 "shadow:colors:gray": "postcss src/shadow.props.gray.css -o gray.shadow.min.css",
4966 "shadow:colors:gray-hsl": "postcss src/shadow.props.gray-hsl.css -o gray-hsl.shadow.min.css",
4967+ "shadow:colors:stone": "postcss src/shadow.props.stone.css -o stone.shadow.min.css",
4968+ "shadow:colors:stone-hsl": "postcss src/shadow.props.stone-hsl.css -o stone-hsl.shadow.min.css",
4969 "shadow:colors:red": "postcss src/shadow.props.red.css -o red.shadow.min.css",
4970 "shadow:colors:red-hsl": "postcss src/shadow.props.red-hsl.css -o red-hsl.shadow.min.css",
4971 "shadow:colors:pink": "postcss src/shadow.props.pink.css -o pink.shadow.min.css",
4972 "shadow:colors:pink-hsl": "postcss src/shadow.props.pink-hsl.css -o pink-hsl.shadow.min.css",
4973- "shadow:colors:grape": "postcss src/shadow.props.grape.css -o grape.shadow.min.css",
4974- "shadow:colors:grape-hsl": "postcss src/shadow.props.grape-hsl.css -o grape-hsl.shadow.min.css",
4975+ "shadow:colors:purple": "postcss src/shadow.props.purple.css -o purple.shadow.min.css",
4976+ "shadow:colors:purple-hsl": "postcss src/shadow.props.purple-hsl.css -o purple-hsl.shadow.min.css",
4977 "shadow:colors:violet": "postcss src/shadow.props.violet.css -o violet.shadow.min.css",
4978 "shadow:colors:violet-hsl": "postcss src/shadow.props.violet-hsl.css -o violet-hsl.shadow.min.css",
4979 "shadow:colors:indigo": "postcss src/shadow.props.indigo.css -o indigo.shadow.min.css",
4980 @@ -245,10 +283,21 @@
4981 "shadow:colors:yellow": "postcss src/shadow.props.yellow.css -o yellow.shadow.min.css",
4982 "shadow:colors:yellow-hsl": "postcss src/shadow.props.yellow-hsl.css -o yellow-hsl.shadow.min.css",
4983 "shadow:colors:orange": "postcss src/shadow.props.orange.css -o orange.shadow.min.css",
4984- "shadow:colors:orange-hsl": "postcss src/shadow.props.orange-hsl.css -o orange-hsl.shadow.min.css"
4985+ "shadow:colors:orange-hsl": "postcss src/shadow.props.orange-hsl.css -o orange-hsl.shadow.min.css",
4986+ "shadow:colors:choco": "postcss src/shadow.props.choco.css -o choco.shadow.min.css",
4987+ "shadow:colors:choco-hsl": "postcss src/shadow.props.choco-hsl.css -o choco-hsl.shadow.min.css",
4988+ "shadow:colors:brown": "postcss src/shadow.props.brown.css -o brown.shadow.min.css",
4989+ "shadow:colors:brown-hsl": "postcss src/shadow.props.brown-hsl.css -o brown-hsl.shadow.min.css",
4990+ "shadow:colors:sand": "postcss src/shadow.props.sand.css -o sand.shadow.min.css",
4991+ "shadow:colors:sand-hsl": "postcss src/shadow.props.sand-hsl.css -o sand-hsl.shadow.min.css",
4992+ "shadow:colors:camo": "postcss src/shadow.props.camo.css -o camo.shadow.min.css",
4993+ "shadow:colors:camo-hsl": "postcss src/shadow.props.camo-hsl.css -o camo-hsl.shadow.min.css",
4994+ "shadow:colors:jungle": "postcss src/shadow.props.jungle.css -o jungle.shadow.min.css",
4995+ "shadow:colors:jungle-hsl": "postcss src/shadow.props.jungle-hsl.css -o jungle-hsl.shadow.min.css"
4996 },
4997 "devDependencies": {
4998 "ava": "^3.15.0",
4999+ "colorjs.io": "^0.4.1-patch.1",
5000 "concurrently": "^7.2.2",
5001 "cssnano": "^5.1.10",
5002 "json": "^11.0.0",
5003 diff --git a/src/extra/buttons.css b/src/extra/buttons.css
5004index 687a3aa..26e5c9a 100644
5005--- a/src/extra/buttons.css
5006+++ b/src/extra/buttons.css
5007 @@ -1,4 +1,5 @@
5008 @import "../props.media.css";
5009+ @import "../props.gray-hsl.css";
5010
5011 :where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]),
5012 :where(input[type="file"])::-webkit-file-upload-button,
5013 @@ -14,8 +15,8 @@
5014 --_border: var(--surface-3);
5015
5016 --_highlight-size: 0;
5017- --_highlight-light: hsl(210 10% 71% / 25%);
5018- --_highlight-dark: hsl(210 10% 5% / 25%);
5019+ --_highlight-light: hsl(var(--gray-5-hsl) / 25%);
5020+ --_highlight-dark: hsl(var(--gray-12-hsl) / 25%);
5021 --_highlight: var(--_highlight-light);
5022
5023 --_ink-shadow-light: 0 1px 0 var(--gray-3);
5024 diff --git a/src/extra/buttons.dark.css b/src/extra/buttons.dark.css
5025index 5f94542..5f892cb 100644
5026--- a/src/extra/buttons.dark.css
5027+++ b/src/extra/buttons.dark.css
5028 @@ -1,4 +1,5 @@
5029 @import "../props.media.css";
5030+ @import "../props.gray-hsl.css";
5031
5032 :where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]),
5033 :where(input[type="file"])::-webkit-file-upload-button,
5034 @@ -10,7 +11,7 @@
5035 --_bg: var(--surface-3);
5036 --_border: var(--surface-3);
5037 --_highlight-size: 0;
5038- --_highlight: hsl(210 10% 5% / 25%);
5039+ --_highlight: hsl(var(--gray-12-hsl) / 25%);
5040 --_ink-shadow: 0 1px 0 var(--surface-1);
5041
5042 --_icon-size: 2ch;
5043 diff --git a/src/extra/buttons.light.css b/src/extra/buttons.light.css
5044index 79f31d2..2c3329a 100644
5045--- a/src/extra/buttons.light.css
5046+++ b/src/extra/buttons.light.css
5047 @@ -1,4 +1,5 @@
5048 @import "../props.media.css";
5049+ @import "../props.gray-hsl.css";
5050
5051 :where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]),
5052 :where(input[type="file"])::-webkit-file-upload-button,
5053 @@ -11,7 +12,7 @@
5054 --_border: var(--surface-3);
5055
5056 --_highlight-size: 0;
5057- --_highlight: hsl(210 10% 71% / 25%);
5058+ --_highlight: hsl(var(--gray-5-hsl) / 25%);
5059
5060 --_ink-shadow: 0 1px 0 var(--gray-3);
5061
5062 diff --git a/src/extra/normalize.css b/src/extra/normalize.css
5063index fb9aec0..8e0cdad 100644
5064--- a/src/extra/normalize.css
5065+++ b/src/extra/normalize.css
5066 @@ -15,4 +15,8 @@
5067 --shadow-strength: 10%;
5068 --shadow-color: 220 40% 2%;
5069 }
5070+
5071+ ::placeholder {
5072+ color: var(--gray-6);
5073+ }
5074 }
5075\ No newline at end of file
5076 diff --git a/src/extra/normalize.dark.css b/src/extra/normalize.dark.css
5077index 9c4ddeb..e813d85 100644
5078--- a/src/extra/normalize.dark.css
5079+++ b/src/extra/normalize.dark.css
5080 @@ -3,7 +3,7 @@
5081 @import "normalize.src.css";
5082
5083 :where(textarea, select, input:not(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])) {
5084- background-color: hsl(210deg 11% 10%);
5085+ background-color: var(--gray-10);
5086 }
5087
5088 :where(dialog) {
5089 @@ -13,4 +13,9 @@
5090 :where(html) {
5091 --shadow-strength: 10%;
5092 --shadow-color: 220 40% 2%;
5093+ }
5094+
5095+ ::placeholder {
5096+ color: var(--gray-6);
5097+ opacity: .75;
5098 }
5099\ No newline at end of file
5100 diff --git a/src/extra/normalize.src.css b/src/extra/normalize.src.css
5101index fecef4e..94beac5 100644
5102--- a/src/extra/normalize.src.css
5103+++ b/src/extra/normalize.src.css
5104 @@ -92,7 +92,7 @@
5105 text-decoration-color: var(--indigo-2);
5106
5107 &:where(:visited) {
5108- text-decoration-color: var(--grape-2);
5109+ text-decoration-color: var(--purple-2);
5110 }
5111 }
5112
5113 @@ -118,6 +118,11 @@
5114 letter-spacing: inherit;
5115 }
5116
5117+ ::placeholder {
5118+ color: var(--gray-7);
5119+ opacity: .75;
5120+ }
5121+
5122 :where(input:not([type="range"]), textarea) {
5123 padding-inline: var(--size-2);
5124 padding-block: var(--size-1);
5125 diff --git a/src/extra/theme.css b/src/extra/theme.css
5126index 2657637..41e631b 100644
5127--- a/src/extra/theme.css
5128+++ b/src/extra/theme.css
5129 @@ -6,7 +6,7 @@
5130 color-scheme: dark;
5131
5132 --link: var(--indigo-3);
5133- --link-visited: var(--grape-3);
5134+ --link-visited: var(--purple-3);
5135
5136 --text-1: var(--gray-1);
5137 --text-2: var(--gray-4);
5138 diff --git a/src/extra/theme.dark.css b/src/extra/theme.dark.css
5139index 659fcf8..fe2bd27 100644
5140--- a/src/extra/theme.dark.css
5141+++ b/src/extra/theme.dark.css
5142 @@ -2,7 +2,7 @@
5143 color-scheme: dark;
5144
5145 --link: var(--indigo-3);
5146- --link-visited: var(--grape-3);
5147+ --link-visited: var(--purple-3);
5148
5149 --text-1: var(--gray-1);
5150 --text-2: var(--gray-4);
5151 diff --git a/src/extra/theme.dark.switch.css b/src/extra/theme.dark.switch.css
5152index 907be1b..4a1d801 100644
5153--- a/src/extra/theme.dark.switch.css
5154+++ b/src/extra/theme.dark.switch.css
5155 @@ -8,7 +8,7 @@
5156 color-scheme: dark;
5157
5158 --link: var(--indigo-3);
5159- --link-visited: var(--grape-3);
5160+ --link-visited: var(--purple-3);
5161
5162 --text-1: var(--gray-1);
5163 --text-2: var(--gray-4);
5164 diff --git a/src/extra/theme.light.css b/src/extra/theme.light.css
5165index ecabed5..e0a5220 100644
5166--- a/src/extra/theme.light.css
5167+++ b/src/extra/theme.light.css
5168 @@ -4,7 +4,7 @@
5169 color-scheme: light;
5170
5171 --link: var(--indigo-7);
5172- --link-visited: var(--grape-7);
5173+ --link-visited: var(--purple-7);
5174
5175 --text-1: var(--gray-9);
5176 --text-2: var(--gray-7);
5177 diff --git a/src/extra/theme.light.switch.css b/src/extra/theme.light.switch.css
5178index 9b27349..e113fc2 100644
5179--- a/src/extra/theme.light.switch.css
5180+++ b/src/extra/theme.light.switch.css
5181 @@ -8,7 +8,7 @@
5182 color-scheme: light;
5183
5184 --link: var(--indigo-7);
5185- --link-visited: var(--grape-7);
5186+ --link-visited: var(--purple-7);
5187
5188 --text-1: var(--gray-9);
5189 --text-2: var(--gray-7);
5190 diff --git a/src/props.blue-hsl.css b/src/props.blue-hsl.css
5191index d78d446..55515b9 100644
5192--- a/src/props.blue-hsl.css
5193+++ b/src/props.blue-hsl.css
5194 @@ -9,4 +9,7 @@
5195 --blue-7-hsl: 208 77% 47%;
5196 --blue-8-hsl: 209 77% 43%;
5197 --blue-9-hsl: 209 75% 38%;
5198+ --blue-10-hsl: 209 76% 32%;
5199+ --blue-11-hsl: 209 75% 27%;
5200+ --blue-12-hsl: 209 76% 21%;
5201 }
5202 diff --git a/src/props.blue.css b/src/props.blue.css
5203index 0572c4f..925e31c 100644
5204--- a/src/props.blue.css
5205+++ b/src/props.blue.css
5206 @@ -9,4 +9,7 @@
5207 --blue-7: #1c7ed6;
5208 --blue-8: #1971c2;
5209 --blue-9: #1864ab;
5210+ --blue-10: #145591;
5211+ --blue-11: #114678;
5212+ --blue-12: #0d375e;
5213 }
5214 diff --git a/src/props.brown-hsl.css b/src/props.brown-hsl.css
5215new file mode 100644
5216index 0000000..613189c
5217--- /dev/null
5218+++ b/src/props.brown-hsl.css
5219 @@ -0,0 +1,15 @@
5220+ :where(html) {
5221+ --brown-0-hsl: 36 60% 95%;
5222+ --brown-1-hsl: 32 44% 87%;
5223+ --brown-2-hsl: 28 40% 80%;
5224+ --brown-3-hsl: 28 38% 72%;
5225+ --brown-4-hsl: 27 36% 65%;
5226+ --brown-5-hsl: 28 34% 57%;
5227+ --brown-6-hsl: 28 32% 50%;
5228+ --brown-7-hsl: 28 35% 43%;
5229+ --brown-8-hsl: 28 38% 37%;
5230+ --brown-9-hsl: 27 42% 31%;
5231+ --brown-10-hsl: 25 48% 25%;
5232+ --brown-11-hsl: 23 58% 19%;
5233+ --brown-12-hsl: 22 57% 16%;
5234+ }
5235 diff --git a/src/props.brown.css b/src/props.brown.css
5236new file mode 100644
5237index 0000000..a27ad5b
5238--- /dev/null
5239+++ b/src/props.brown.css
5240 @@ -0,0 +1,15 @@
5241+ :where(html) {
5242+ --brown-0: #faf4eb;
5243+ --brown-1: #ede0d1;
5244+ --brown-2: #e0cab7;
5245+ --brown-3: #d3b79e;
5246+ --brown-4: #c5a285;
5247+ --brown-5: #b78f6d;
5248+ --brown-6: #a87c56;
5249+ --brown-7: #956b47;
5250+ --brown-8: #825b3a;
5251+ --brown-9: #6f4b2d;
5252+ --brown-10: #5e3a21;
5253+ --brown-11: #4e2b15;
5254+ --brown-12: #422412;
5255+ }
5256 diff --git a/src/props.camo-hsl.css b/src/props.camo-hsl.css
5257new file mode 100644
5258index 0000000..8c4f497
5259--- /dev/null
5260+++ b/src/props.camo-hsl.css
5261 @@ -0,0 +1,15 @@
5262+ :where(html) {
5263+ --camo-0-hsl: 66 71% 95%;
5264+ --camo-1-hsl: 64 69% 77%;
5265+ --camo-2-hsl: 65 69% 59%;
5266+ --camo-3-hsl: 65 61% 51%;
5267+ --camo-4-hsl: 63 61% 46%;
5268+ --camo-5-hsl: 60 62% 41%;
5269+ --camo-6-hsl: 59 65% 36%;
5270+ --camo-7-hsl: 56 67% 33%;
5271+ --camo-8-hsl: 54 70% 29%;
5272+ --camo-9-hsl: 54 69% 25%;
5273+ --camo-10-hsl: 53 69% 22%;
5274+ --camo-11-hsl: 53 69% 18%;
5275+ --camo-12-hsl: 52 69% 13%;
5276+ }
5277 diff --git a/src/props.camo.css b/src/props.camo.css
5278new file mode 100644
5279index 0000000..5e8cd94
5280--- /dev/null
5281+++ b/src/props.camo.css
5282 @@ -0,0 +1,15 @@
5283+ :where(html) {
5284+ --camo-0: #f9fbe7;
5285+ --camo-1: #e8ed9c;
5286+ --camo-2: #d2df4e;
5287+ --camo-3: #c2ce34;
5288+ --camo-4: #b5bb2e;
5289+ --camo-5: #a7a827;
5290+ --camo-6: #999621;
5291+ --camo-7: #8c851c;
5292+ --camo-8: #7e7416;
5293+ --camo-9: #6d6414;
5294+ --camo-10: #5d5411;
5295+ --camo-11: #4d460e;
5296+ --camo-12: #36300a;
5297+ }
5298 diff --git a/src/props.choco-hsl.css b/src/props.choco-hsl.css
5299new file mode 100644
5300index 0000000..7a5caa6
5301--- /dev/null
5302+++ b/src/props.choco-hsl.css
5303 @@ -0,0 +1,15 @@
5304+ :where(html) {
5305+ --choco-0-hsl: 48 100% 93%;
5306+ --choco-1-hsl: 35 91% 86%;
5307+ --choco-2-hsl: 30 85% 79%;
5308+ --choco-3-hsl: 27 80% 72%;
5309+ --choco-4-hsl: 25 75% 65%;
5310+ --choco-5-hsl: 25 71% 57%;
5311+ --choco-6-hsl: 25 70% 49%;
5312+ --choco-7-hsl: 25 75% 42%;
5313+ --choco-8-hsl: 25 75% 37%;
5314+ --choco-9-hsl: 25 76% 31%;
5315+ --choco-10-hsl: 25 71% 26%;
5316+ --choco-11-hsl: 25 66% 21%;
5317+ --choco-12-hsl: 25 65% 15%;
5318+ }
5319 diff --git a/src/props.choco.css b/src/props.choco.css
5320new file mode 100644
5321index 0000000..96a621a
5322--- /dev/null
5323+++ b/src/props.choco.css
5324 @@ -0,0 +1,15 @@
5325+ :where(html) {
5326+ --choco-0: #fff8dc;
5327+ --choco-1: #fce1bc;
5328+ --choco-2: #f7ca9e;
5329+ --choco-3: #f1b280;
5330+ --choco-4: #e99b62;
5331+ --choco-5: #df8545;
5332+ --choco-6: #d46e25;
5333+ --choco-7: #bd5f1b;
5334+ --choco-8: #a45117;
5335+ --choco-9: #8a4513;
5336+ --choco-10: #703a13;
5337+ --choco-11: #572f12;
5338+ --choco-12: #3d210d;
5339+ }
5340 diff --git a/src/props.colors-hsl.css b/src/props.colors-hsl.css
5341index f24b816..ddf7b1a 100644
5342--- a/src/props.colors-hsl.css
5343+++ b/src/props.colors-hsl.css
5344 @@ -9,6 +9,22 @@
5345 --gray-7-hsl: 210 9% 31%;
5346 --gray-8-hsl: 210 10% 23%;
5347 --gray-9-hsl: 210 11% 15%;
5348+ --gray-10-hsl: 214 14% 10%;
5349+ --gray-11-hsl: 216 16% 6%;
5350+ --gray-12-hsl: 210 40% 2%;
5351+ --stone-0-hsl: 200 27% 98%;
5352+ --stone-1-hsl: 210 18% 96%;
5353+ --stone-2-hsl: 210 11% 93%;
5354+ --stone-3-hsl: 192 9% 89%;
5355+ --stone-4-hsl: 197 8% 83%;
5356+ --stone-5-hsl: 202 5% 71%;
5357+ --stone-6-hsl: 200 3% 60%;
5358+ --stone-7-hsl: 180 2% 50%;
5359+ --stone-8-hsl: 160 1% 41%;
5360+ --stone-9-hsl: 90 1% 31%;
5361+ --stone-10-hsl: 60 3% 22%;
5362+ --stone-11-hsl: 60 6% 14%;
5363+ --stone-12-hsl: 60 6% 7%;
5364 --red-0-hsl: 0 100% 98%;
5365 --red-1-hsl: 0 100% 95%;
5366 --red-2-hsl: 0 100% 89%;
5367 @@ -19,6 +35,9 @@
5368 --red-7-hsl: 0 86% 59%;
5369 --red-8-hsl: 0 74% 54%;
5370 --red-9-hsl: 0 65% 48%;
5371+ --red-10-hsl: 0 65% 42%;
5372+ --red-11-hsl: 0 65% 36%;
5373+ --red-12-hsl: 0 66% 30%;
5374 --pink-0-hsl: 336 100% 97%;
5375 --pink-1-hsl: 336 100% 94%;
5376 --pink-2-hsl: 338 91% 87%;
5377 @@ -29,16 +48,22 @@
5378 --pink-7-hsl: 339 67% 52%;
5379 --pink-8-hsl: 339 68% 45%;
5380 --pink-9-hsl: 339 69% 38%;
5381- --grape-0-hsl: 280 67% 96%;
5382- --grape-1-hsl: 287 77% 92%;
5383- --grape-2-hsl: 288 86% 86%;
5384- --grape-3-hsl: 289 85% 78%;
5385- --grape-4-hsl: 288 83% 71%;
5386- --grape-5-hsl: 288 75% 64%;
5387- --grape-6-hsl: 288 67% 58%;
5388- --grape-7-hsl: 288 56% 52%;
5389- --grape-8-hsl: 288 54% 46%;
5390- --grape-9-hsl: 288 54% 40%;
5391+ --pink-10-hsl: 339 70% 32%;
5392+ --pink-11-hsl: 339 69% 27%;
5393+ --pink-12-hsl: 339 70% 21%;
5394+ --purple-0-hsl: 280 67% 96%;
5395+ --purple-1-hsl: 287 77% 92%;
5396+ --purple-2-hsl: 288 86% 86%;
5397+ --purple-3-hsl: 289 85% 78%;
5398+ --purple-4-hsl: 288 83% 71%;
5399+ --purple-5-hsl: 288 75% 64%;
5400+ --purple-6-hsl: 288 67% 58%;
5401+ --purple-7-hsl: 288 56% 52%;
5402+ --purple-8-hsl: 288 54% 46%;
5403+ --purple-9-hsl: 288 54% 40%;
5404+ --purple-10-hsl: 288 55% 33%;
5405+ --purple-11-hsl: 288 56% 26%;
5406+ --purple-12-hsl: 288 55% 20%;
5407 --violet-0-hsl: 252 100% 97%;
5408 --violet-1-hsl: 257 100% 93%;
5409 --violet-2-hsl: 256 100% 87%;
5410 @@ -49,6 +74,9 @@
5411 --violet-7-hsl: 255 78% 60%;
5412 --violet-8-hsl: 255 67% 55%;
5413 --violet-9-hsl: 255 53% 50%;
5414+ --violet-10-hsl: 255 53% 44%;
5415+ --violet-11-hsl: 255 53% 37%;
5416+ --violet-12-hsl: 255 53% 31%;
5417 --indigo-0-hsl: 223 100% 96%;
5418 --indigo-1-hsl: 225 100% 93%;
5419 --indigo-2-hsl: 228 100% 86%;
5420 @@ -59,6 +87,9 @@
5421 --indigo-7-hsl: 228 81% 59%;
5422 --indigo-8-hsl: 228 69% 55%;
5423 --indigo-9-hsl: 230 57% 50%;
5424+ --indigo-10-hsl: 230 57% 43%;
5425+ --indigo-11-hsl: 230 57% 37%;
5426+ --indigo-12-hsl: 230 57% 30%;
5427 --blue-0-hsl: 205 100% 95%;
5428 --blue-1-hsl: 206 100% 91%;
5429 --blue-2-hsl: 206 100% 82%;
5430 @@ -69,6 +100,9 @@
5431 --blue-7-hsl: 208 77% 47%;
5432 --blue-8-hsl: 209 77% 43%;
5433 --blue-9-hsl: 209 75% 38%;
5434+ --blue-10-hsl: 209 76% 32%;
5435+ --blue-11-hsl: 209 75% 27%;
5436+ --blue-12-hsl: 209 76% 21%;
5437 --cyan-0-hsl: 185 81% 94%;
5438 --cyan-1-hsl: 185 84% 88%;
5439 --cyan-2-hsl: 186 77% 77%;
5440 @@ -79,6 +113,9 @@
5441 --cyan-7-hsl: 188 83% 37%;
5442 --cyan-8-hsl: 189 85% 32%;
5443 --cyan-9-hsl: 189 85% 28%;
5444+ --cyan-10-hsl: 189 84% 23%;
5445+ --cyan-11-hsl: 190 84% 17%;
5446+ --cyan-12-hsl: 189 84% 12%;
5447 --teal-0-hsl: 161 79% 95%;
5448 --teal-1-hsl: 160 85% 87%;
5449 --teal-2-hsl: 162 78% 77%;
5450 @@ -89,6 +126,9 @@
5451 --teal-7-hsl: 162 87% 35%;
5452 --teal-8-hsl: 162 88% 30%;
5453 --teal-9-hsl: 162 88% 26%;
5454+ --teal-10-hsl: 162 89% 21%;
5455+ --teal-11-hsl: 162 88% 16%;
5456+ --teal-12-hsl: 163 89% 11%;
5457 --green-0-hsl: 131 67% 95%;
5458 --green-1-hsl: 128 76% 90%;
5459 --green-2-hsl: 128 71% 82%;
5460 @@ -99,6 +139,9 @@
5461 --green-7-hsl: 131 53% 46%;
5462 --green-8-hsl: 131 54% 40%;
5463 --green-9-hsl: 132 52% 35%;
5464+ --green-10-hsl: 132 52% 29%;
5465+ --green-11-hsl: 132 53% 22%;
5466+ --green-12-hsl: 131 53% 16%;
5467 --lime-0-hsl: 79 81% 94%;
5468 --lime-1-hsl: 80 83% 88%;
5469 --lime-2-hsl: 81 81% 80%;
5470 @@ -109,6 +152,9 @@
5471 --lime-7-hsl: 85 79% 40%;
5472 --lime-8-hsl: 86 84% 36%;
5473 --lime-9-hsl: 85 84% 32%;
5474+ --lime-10-hsl: 85 83% 26%;
5475+ --lime-11-hsl: 85 83% 21%;
5476+ --lime-12-hsl: 85 84% 15%;
5477 --yellow-0-hsl: 50 100% 93%;
5478 --yellow-1-hsl: 49 100% 87%;
5479 --yellow-2-hsl: 49 100% 80%;
5480 @@ -119,6 +165,9 @@
5481 --yellow-7-hsl: 39 100% 48%;
5482 --yellow-8-hsl: 35 100% 47%;
5483 --yellow-9-hsl: 31 100% 45%;
5484+ --yellow-10-hsl: 31 100% 35%;
5485+ --yellow-11-hsl: 31 100% 25%;
5486+ --yellow-12-hsl: 31 100% 20%;
5487 --orange-0-hsl: 34 100% 95%;
5488 --orange-1-hsl: 33 100% 90%;
5489 --orange-2-hsl: 33 100% 83%;
5490 @@ -129,4 +178,72 @@
5491 --orange-7-hsl: 24 94% 50%;
5492 --orange-8-hsl: 21 90% 48%;
5493 --orange-9-hsl: 17 87% 45%;
5494+ --orange-10-hsl: 17 87% 40%;
5495+ --orange-11-hsl: 17 87% 32%;
5496+ --orange-12-hsl: 17 87% 27%;
5497+ --choco-0-hsl: 48 100% 93%;
5498+ --choco-1-hsl: 35 91% 86%;
5499+ --choco-2-hsl: 30 85% 79%;
5500+ --choco-3-hsl: 27 80% 72%;
5501+ --choco-4-hsl: 25 75% 65%;
5502+ --choco-5-hsl: 25 71% 57%;
5503+ --choco-6-hsl: 25 70% 49%;
5504+ --choco-7-hsl: 25 75% 42%;
5505+ --choco-8-hsl: 25 75% 37%;
5506+ --choco-9-hsl: 25 76% 31%;
5507+ --choco-10-hsl: 25 71% 26%;
5508+ --choco-11-hsl: 25 66% 21%;
5509+ --choco-12-hsl: 25 65% 15%;
5510+ --brown-0-hsl: 36 60% 95%;
5511+ --brown-1-hsl: 32 44% 87%;
5512+ --brown-2-hsl: 28 40% 80%;
5513+ --brown-3-hsl: 28 38% 72%;
5514+ --brown-4-hsl: 27 36% 65%;
5515+ --brown-5-hsl: 28 34% 57%;
5516+ --brown-6-hsl: 28 32% 50%;
5517+ --brown-7-hsl: 28 35% 43%;
5518+ --brown-8-hsl: 28 38% 37%;
5519+ --brown-9-hsl: 27 42% 31%;
5520+ --brown-10-hsl: 25 48% 25%;
5521+ --brown-11-hsl: 23 58% 19%;
5522+ --brown-12-hsl: 22 57% 16%;
5523+ --sand-0-hsl: 200 27% 98%;
5524+ --sand-1-hsl: 48 17% 88%;
5525+ --sand-2-hsl: 45 22% 79%;
5526+ --sand-3-hsl: 44 22% 69%;
5527+ --sand-4-hsl: 44 17% 62%;
5528+ --sand-5-hsl: 44 14% 54%;
5529+ --sand-6-hsl: 42 14% 46%;
5530+ --sand-7-hsl: 43 16% 39%;
5531+ --sand-8-hsl: 41 15% 32%;
5532+ --sand-9-hsl: 43 14% 26%;
5533+ --sand-10-hsl: 44 11% 20%;
5534+ --sand-11-hsl: 60 6% 14%;
5535+ --sand-12-hsl: 60 6% 7%;
5536+ --camo-0-hsl: 66 71% 95%;
5537+ --camo-1-hsl: 64 69% 77%;
5538+ --camo-2-hsl: 65 69% 59%;
5539+ --camo-3-hsl: 65 61% 51%;
5540+ --camo-4-hsl: 63 61% 46%;
5541+ --camo-5-hsl: 60 62% 41%;
5542+ --camo-6-hsl: 59 65% 36%;
5543+ --camo-7-hsl: 56 67% 33%;
5544+ --camo-8-hsl: 54 70% 29%;
5545+ --camo-9-hsl: 54 69% 25%;
5546+ --camo-10-hsl: 53 69% 22%;
5547+ --camo-11-hsl: 53 69% 18%;
5548+ --camo-12-hsl: 52 69% 13%;
5549+ --jungle-0-hsl: 74 98% 84%;
5550+ --jungle-1-hsl: 74 79% 78%;
5551+ --jungle-2-hsl: 74 68% 71%;
5552+ --jungle-3-hsl: 75 62% 65%;
5553+ --jungle-4-hsl: 74 56% 59%;
5554+ --jungle-5-hsl: 74 53% 53%;
5555+ --jungle-6-hsl: 74 55% 47%;
5556+ --jungle-7-hsl: 74 66% 42%;
5557+ --jungle-8-hsl: 74 79% 36%;
5558+ --jungle-9-hsl: 73 90% 32%;
5559+ --jungle-10-hsl: 73 91% 26%;
5560+ --jungle-11-hsl: 73 91% 21%;
5561+ --jungle-12-hsl: 73 90% 16%;
5562 }
5563 diff --git a/src/props.colors-hsl.js b/src/props.colors-hsl.js
5564index 80cc139..93f9dbc 100644
5565--- a/src/props.colors-hsl.js
5566+++ b/src/props.colors-hsl.js
5567 @@ -10,6 +10,25 @@ export const Gray = {
5568 '--gray-7-hsl': '210 9% 31%',
5569 '--gray-8-hsl': '210 10% 23%',
5570 '--gray-9-hsl': '210 11% 15%',
5571+ '--gray-10-hsl': '214 14% 10%',
5572+ '--gray-11-hsl': '216 16% 6%',
5573+ '--gray-12-hsl': '210 40% 2%',
5574+ }
5575+
5576+ export const Stone = {
5577+ '--stone-0-hsl': '200 27% 98%',
5578+ '--stone-1-hsl': '210 18% 96%',
5579+ '--stone-2-hsl': '210 11% 93%',
5580+ '--stone-3-hsl': '192 9% 89%',
5581+ '--stone-4-hsl': '197 8% 83%',
5582+ '--stone-5-hsl': '202 5% 71%',
5583+ '--stone-6-hsl': '200 3% 60%',
5584+ '--stone-7-hsl': '180 2% 50%',
5585+ '--stone-8-hsl': '160 1% 41%',
5586+ '--stone-9-hsl': '90 1% 31%',
5587+ '--stone-10-hsl': '60 3% 22%',
5588+ '--stone-11-hsl': '60 6% 14%',
5589+ '--stone-12-hsl': '60 6% 7%',
5590 }
5591
5592 export const Red = {
5593 @@ -23,6 +42,9 @@ export const Red = {
5594 '--red-7-hsl': '0 86% 59%',
5595 '--red-8-hsl': '0 74% 54%',
5596 '--red-9-hsl': '0 65% 48%',
5597+ '--red-10-hsl': '0 65% 42%',
5598+ '--red-11-hsl': '0 65% 36%',
5599+ '--red-12-hsl': '0 66% 30%',
5600 }
5601
5602 export const Pink = {
5603 @@ -36,19 +58,25 @@ export const Pink = {
5604 '--pink-7-hsl': '339 67% 52%',
5605 '--pink-8-hsl': '339 68% 45%',
5606 '--pink-9-hsl': '339 69% 38%',
5607+ '--pink-10-hsl': '339 70% 32%',
5608+ '--pink-11-hsl': '339 69% 27%',
5609+ '--pink-12-hsl': '339 70% 21%',
5610 }
5611
5612- export const Grape = {
5613- '--grape-0-hsl': '280 67% 96%',
5614- '--grape-1-hsl': '287 77% 92%',
5615- '--grape-2-hsl': '288 86% 86%',
5616- '--grape-3-hsl': '289 85% 78%',
5617- '--grape-4-hsl': '288 83% 71%',
5618- '--grape-5-hsl': '288 75% 64%',
5619- '--grape-6-hsl': '288 67% 58%',
5620- '--grape-7-hsl': '288 56% 52%',
5621- '--grape-8-hsl': '288 54% 46%',
5622- '--grape-9-hsl': '288 54% 40%',
5623+ export const Purple = {
5624+ '--purple-0-hsl': '280 67% 96%',
5625+ '--purple-1-hsl': '287 77% 92%',
5626+ '--purple-2-hsl': '288 86% 86%',
5627+ '--purple-3-hsl': '289 85% 78%',
5628+ '--purple-4-hsl': '288 83% 71%',
5629+ '--purple-5-hsl': '288 75% 64%',
5630+ '--purple-6-hsl': '288 67% 58%',
5631+ '--purple-7-hsl': '288 56% 52%',
5632+ '--purple-8-hsl': '288 54% 46%',
5633+ '--purple-9-hsl': '288 54% 40%',
5634+ '--purple-10-hsl': '288 55% 33%',
5635+ '--purple-11-hsl': '288 56% 26%',
5636+ '--purple-12-hsl': '288 55% 20%',
5637 }
5638
5639 export const Violet = {
5640 @@ -62,6 +90,9 @@ export const Violet = {
5641 '--violet-7-hsl': '255 78% 60%',
5642 '--violet-8-hsl': '255 67% 55%',
5643 '--violet-9-hsl': '255 53% 50%',
5644+ '--violet-10-hsl': '255 53% 44%',
5645+ '--violet-11-hsl': '255 53% 37%',
5646+ '--violet-12-hsl': '255 53% 31%',
5647 }
5648
5649 export const Indigo = {
5650 @@ -75,6 +106,9 @@ export const Indigo = {
5651 '--indigo-7-hsl': '228 81% 59%',
5652 '--indigo-8-hsl': '228 69% 55%',
5653 '--indigo-9-hsl': '230 57% 50%',
5654+ '--indigo-10-hsl': '230 57% 43%',
5655+ '--indigo-11-hsl': '230 57% 37%',
5656+ '--indigo-12-hsl': '230 57% 30%',
5657 }
5658
5659 export const Blue = {
5660 @@ -88,6 +122,9 @@ export const Blue = {
5661 '--blue-7-hsl': '208 77% 47%',
5662 '--blue-8-hsl': '209 77% 43%',
5663 '--blue-9-hsl': '209 75% 38%',
5664+ '--blue-10-hsl': '209 76% 32%',
5665+ '--blue-11-hsl': '209 75% 27%',
5666+ '--blue-12-hsl': '209 76% 21%',
5667 }
5668
5669 export const Cyan = {
5670 @@ -101,6 +138,9 @@ export const Cyan = {
5671 '--cyan-7-hsl': '188 83% 37%',
5672 '--cyan-8-hsl': '189 85% 32%',
5673 '--cyan-9-hsl': '189 85% 28%',
5674+ '--cyan-10-hsl': '189 84% 23%',
5675+ '--cyan-11-hsl': '190 84% 17%',
5676+ '--cyan-12-hsl': '189 84% 12%',
5677 }
5678
5679 export const Teal = {
5680 @@ -114,6 +154,9 @@ export const Teal = {
5681 '--teal-7-hsl': '162 87% 35%',
5682 '--teal-8-hsl': '162 88% 30%',
5683 '--teal-9-hsl': '162 88% 26%',
5684+ '--teal-10-hsl': '162 89% 21%',
5685+ '--teal-11-hsl': '162 88% 16%',
5686+ '--teal-12-hsl': '163 89% 11%',
5687 }
5688
5689 export const Green = {
5690 @@ -127,6 +170,9 @@ export const Green = {
5691 '--green-7-hsl': '131 53% 46%',
5692 '--green-8-hsl': '131 54% 40%',
5693 '--green-9-hsl': '132 52% 35%',
5694+ '--green-10-hsl': '132 52% 29%',
5695+ '--green-11-hsl': '132 53% 22%',
5696+ '--green-12-hsl': '131 53% 16%',
5697 }
5698
5699 export const Lime = {
5700 @@ -140,6 +186,9 @@ export const Lime = {
5701 '--lime-7-hsl': '85 79% 40%',
5702 '--lime-8-hsl': '86 84% 36%',
5703 '--lime-9-hsl': '85 84% 32%',
5704+ '--lime-10-hsl': '85 83% 26%',
5705+ '--lime-11-hsl': '85 83% 21%',
5706+ '--lime-12-hsl': '85 84% 15%',
5707 }
5708
5709 export const Yellow = {
5710 @@ -153,6 +202,9 @@ export const Yellow = {
5711 '--yellow-7-hsl': '39 100% 48%',
5712 '--yellow-8-hsl': '35 100% 47%',
5713 '--yellow-9-hsl': '31 100% 45%',
5714+ '--yellow-10-hsl': '31 100% 35%',
5715+ '--yellow-11-hsl': '31 100% 25%',
5716+ '--yellow-12-hsl': '31 100% 20%',
5717 }
5718
5719 export const Orange = {
5720 @@ -166,13 +218,97 @@ export const Orange = {
5721 '--orange-7-hsl': '24 94% 50%',
5722 '--orange-8-hsl': '21 90% 48%',
5723 '--orange-9-hsl': '17 87% 45%',
5724+ '--orange-10-hsl': '17 87% 40%',
5725+ '--orange-11-hsl': '17 87% 32%',
5726+ '--orange-12-hsl': '17 87% 27%',
5727+ }
5728+
5729+ export const Choco = {
5730+ '--choco-0-hsl': '48 100% 93%',
5731+ '--choco-1-hsl': '35 91% 86%',
5732+ '--choco-2-hsl': '30 85% 79%',
5733+ '--choco-3-hsl': '27 80% 72%',
5734+ '--choco-4-hsl': '25 75% 65%',
5735+ '--choco-5-hsl': '25 71% 57%',
5736+ '--choco-6-hsl': '25 70% 49%',
5737+ '--choco-7-hsl': '25 75% 42%',
5738+ '--choco-8-hsl': '25 75% 37%',
5739+ '--choco-9-hsl': '25 76% 31%',
5740+ '--choco-10-hsl': '25 71% 26%',
5741+ '--choco-11-hsl': '25 66% 21%',
5742+ '--choco-12-hsl': '25 65% 15%',
5743+ }
5744+
5745+ export const Brown = {
5746+ '--brown-0-hsl': '36 60% 95%',
5747+ '--brown-1-hsl': '32 44% 87%',
5748+ '--brown-2-hsl': '28 40% 80%',
5749+ '--brown-3-hsl': '28 38% 72%',
5750+ '--brown-4-hsl': '27 36% 65%',
5751+ '--brown-5-hsl': '28 34% 57%',
5752+ '--brown-6-hsl': '28 32% 50%',
5753+ '--brown-7-hsl': '28 35% 43%',
5754+ '--brown-8-hsl': '28 38% 37%',
5755+ '--brown-9-hsl': '27 42% 31%',
5756+ '--brown-10-hsl': '25 48% 25%',
5757+ '--brown-11-hsl': '23 58% 19%',
5758+ '--brown-12-hsl': '22 57% 16%',
5759+ }
5760+
5761+ export const Sand = {
5762+ '--sand-0-hsl': '200 27% 98%',
5763+ '--sand-1-hsl': '48 17% 88%',
5764+ '--sand-2-hsl': '45 22% 79%',
5765+ '--sand-3-hsl': '44 22% 69%',
5766+ '--sand-4-hsl': '44 17% 62%',
5767+ '--sand-5-hsl': '44 14% 54%',
5768+ '--sand-6-hsl': '42 14% 46%',
5769+ '--sand-7-hsl': '43 16% 39%',
5770+ '--sand-8-hsl': '41 15% 32%',
5771+ '--sand-9-hsl': '43 14% 26%',
5772+ '--sand-10-hsl': '44 11% 20%',
5773+ '--sand-11-hsl': '60 6% 14%',
5774+ '--sand-12-hsl': '60 6% 7%',
5775+ }
5776+
5777+ export const Camo = {
5778+ '--camo-0-hsl': '66 71% 95%',
5779+ '--camo-1-hsl': '64 69% 77%',
5780+ '--camo-2-hsl': '65 69% 59%',
5781+ '--camo-3-hsl': '65 61% 51%',
5782+ '--camo-4-hsl': '63 61% 46%',
5783+ '--camo-5-hsl': '60 62% 41%',
5784+ '--camo-6-hsl': '59 65% 36%',
5785+ '--camo-7-hsl': '56 67% 33%',
5786+ '--camo-8-hsl': '54 70% 29%',
5787+ '--camo-9-hsl': '54 69% 25%',
5788+ '--camo-10-hsl': '53 69% 22%',
5789+ '--camo-11-hsl': '53 69% 18%',
5790+ '--camo-12-hsl': '52 69% 13%',
5791+ }
5792+
5793+ export const Jungle = {
5794+ '--jungle-0-hsl': '74 98% 84%',
5795+ '--jungle-1-hsl': '74 79% 78%',
5796+ '--jungle-2-hsl': '74 68% 71%',
5797+ '--jungle-3-hsl': '75 62% 65%',
5798+ '--jungle-4-hsl': '74 56% 59%',
5799+ '--jungle-5-hsl': '74 53% 53%',
5800+ '--jungle-6-hsl': '74 55% 47%',
5801+ '--jungle-7-hsl': '74 66% 42%',
5802+ '--jungle-8-hsl': '74 79% 36%',
5803+ '--jungle-9-hsl': '73 90% 32%',
5804+ '--jungle-10-hsl': '73 91% 26%',
5805+ '--jungle-11-hsl': '73 91% 21%',
5806+ '--jungle-12-hsl': '73 90% 16%',
5807 }
5808
5809 const ColorsHSL = {
5810 ...Gray,
5811+ ...Stone,
5812 ...Red,
5813 ...Pink,
5814- ...Grape,
5815+ ...Purple,
5816 ...Violet,
5817 ...Indigo,
5818 ...Blue,
5819 @@ -182,6 +318,11 @@ const ColorsHSL = {
5820 ...Lime,
5821 ...Yellow,
5822 ...Orange,
5823+ ...Choco,
5824+ ...Brown,
5825+ ...Sand,
5826+ ...Camo,
5827+ ...Jungle,
5828 }
5829
5830 export default ColorsHSL
5831\ No newline at end of file
5832 diff --git a/src/props.colors.css b/src/props.colors.css
5833index 5b6f5c1..5c7f2f1 100644
5834--- a/src/props.colors.css
5835+++ b/src/props.colors.css
5836 @@ -9,6 +9,22 @@
5837 --gray-7: #495057;
5838 --gray-8: #343a40;
5839 --gray-9: #212529;
5840+ --gray-10: #16191d;
5841+ --gray-11: #0d0f12;
5842+ --gray-12: #030507;
5843+ --stone-0: #f8fafb;
5844+ --stone-1: #f2f4f6;
5845+ --stone-2: #ebedef;
5846+ --stone-3: #e0e4e5;
5847+ --stone-4: #d1d6d8;
5848+ --stone-5: #b1b6b9;
5849+ --stone-6: #979b9d;
5850+ --stone-7: #7e8282;
5851+ --stone-8: #666968;
5852+ --stone-9: #50514f;
5853+ --stone-10: #3a3a37;
5854+ --stone-11: #252521;
5855+ --stone-12: #121210;
5856 --red-0: #fff5f5;
5857 --red-1: #ffe3e3;
5858 --red-2: #ffc9c9;
5859 @@ -19,6 +35,9 @@
5860 --red-7: #f03e3e;
5861 --red-8: #e03131;
5862 --red-9: #c92a2a;
5863+ --red-10: #b02525;
5864+ --red-11: #962020;
5865+ --red-12: #7d1a1a;
5866 --pink-0: #fff0f6;
5867 --pink-1: #ffdeeb;
5868 --pink-2: #fcc2d7;
5869 @@ -29,16 +48,22 @@
5870 --pink-7: #d6336c;
5871 --pink-8: #c2255c;
5872 --pink-9: #a61e4d;
5873- --grape-0: #f8f0fc;
5874- --grape-1: #f3d9fa;
5875- --grape-2: #eebefa;
5876- --grape-3: #e599f7;
5877- --grape-4: #da77f2;
5878- --grape-5: #cc5de8;
5879- --grape-6: #be4bdb;
5880- --grape-7: #ae3ec9;
5881- --grape-8: #9c36b5;
5882- --grape-9: #862e9c;
5883+ --pink-10: #8c1941;
5884+ --pink-11: #731536;
5885+ --pink-12: #59102a;
5886+ --purple-0: #f8f0fc;
5887+ --purple-1: #f3d9fa;
5888+ --purple-2: #eebefa;
5889+ --purple-3: #e599f7;
5890+ --purple-4: #da77f2;
5891+ --purple-5: #cc5de8;
5892+ --purple-6: #be4bdb;
5893+ --purple-7: #ae3ec9;
5894+ --purple-8: #9c36b5;
5895+ --purple-9: #862e9c;
5896+ --purple-10: #702682;
5897+ --purple-11: #5a1e69;
5898+ --purple-12: #44174f;
5899 --violet-0: #f3f0ff;
5900 --violet-1: #e5dbff;
5901 --violet-2: #d0bfff;
5902 @@ -49,6 +74,9 @@
5903 --violet-7: #7048e8;
5904 --violet-8: #6741d9;
5905 --violet-9: #5f3dc4;
5906+ --violet-10: #5235ab;
5907+ --violet-11: #462d91;
5908+ --violet-12: #3a2578;
5909 --indigo-0: #edf2ff;
5910 --indigo-1: #dbe4ff;
5911 --indigo-2: #bac8ff;
5912 @@ -59,6 +87,9 @@
5913 --indigo-7: #4263eb;
5914 --indigo-8: #3b5bdb;
5915 --indigo-9: #364fc7;
5916+ --indigo-10: #2f44ad;
5917+ --indigo-11: #283a94;
5918+ --indigo-12: #21307a;
5919 --blue-0: #e7f5ff;
5920 --blue-1: #d0ebff;
5921 --blue-2: #a5d8ff;
5922 @@ -69,6 +100,9 @@
5923 --blue-7: #1c7ed6;
5924 --blue-8: #1971c2;
5925 --blue-9: #1864ab;
5926+ --blue-10: #145591;
5927+ --blue-11: #114678;
5928+ --blue-12: #0d375e;
5929 --cyan-0: #e3fafc;
5930 --cyan-1: #c5f6fa;
5931 --cyan-2: #99e9f2;
5932 @@ -79,6 +113,9 @@
5933 --cyan-7: #1098ad;
5934 --cyan-8: #0c8599;
5935 --cyan-9: #0b7285;
5936+ --cyan-10: #095c6b;
5937+ --cyan-11: #074652;
5938+ --cyan-12: #053038;
5939 --teal-0: #e6fcf5;
5940 --teal-1: #c3fae8;
5941 --teal-2: #96f2d7;
5942 @@ -89,6 +126,9 @@
5943 --teal-7: #0ca678;
5944 --teal-8: #099268;
5945 --teal-9: #087f5b;
5946+ --teal-10: #066649;
5947+ --teal-11: #054d37;
5948+ --teal-12: #033325;
5949 --green-0: #ebfbee;
5950 --green-1: #d3f9d8;
5951 --green-2: #b2f2bb;
5952 @@ -99,6 +139,9 @@
5953 --green-7: #37b24d;
5954 --green-8: #2f9e44;
5955 --green-9: #2b8a3e;
5956+ --green-10: #237032;
5957+ --green-11: #1b5727;
5958+ --green-12: #133d1b;
5959 --lime-0: #f4fce3;
5960 --lime-1: #e9fac8;
5961 --lime-2: #d8f5a2;
5962 @@ -109,6 +152,9 @@
5963 --lime-7: #74b816;
5964 --lime-8: #66a80f;
5965 --lime-9: #5c940d;
5966+ --lime-10: #4c7a0b;
5967+ --lime-11: #3c6109;
5968+ --lime-12: #2c4706;
5969 --yellow-0: #fff9db;
5970 --yellow-1: #fff3bf;
5971 --yellow-2: #ffec99;
5972 @@ -119,6 +165,9 @@
5973 --yellow-7: #f59f00;
5974 --yellow-8: #f08c00;
5975 --yellow-9: #e67700;
5976+ --yellow-10: #b35c00;
5977+ --yellow-11: #804200;
5978+ --yellow-12: #663500;
5979 --orange-0: #fff4e6;
5980 --orange-1: #ffe8cc;
5981 --orange-2: #ffd8a8;
5982 @@ -129,4 +178,72 @@
5983 --orange-7: #f76707;
5984 --orange-8: #e8590c;
5985 --orange-9: #d9480f;
5986+ --orange-10: #bf400d;
5987+ --orange-11: #99330b;
5988+ --orange-12: #802b09;
5989+ --choco-0: #fff8dc;
5990+ --choco-1: #fce1bc;
5991+ --choco-2: #f7ca9e;
5992+ --choco-3: #f1b280;
5993+ --choco-4: #e99b62;
5994+ --choco-5: #df8545;
5995+ --choco-6: #d46e25;
5996+ --choco-7: #bd5f1b;
5997+ --choco-8: #a45117;
5998+ --choco-9: #8a4513;
5999+ --choco-10: #703a13;
6000+ --choco-11: #572f12;
6001+ --choco-12: #3d210d;
6002+ --brown-0: #faf4eb;
6003+ --brown-1: #ede0d1;
6004+ --brown-2: #e0cab7;
6005+ --brown-3: #d3b79e;
6006+ --brown-4: #c5a285;
6007+ --brown-5: #b78f6d;
6008+ --brown-6: #a87c56;
6009+ --brown-7: #956b47;
6010+ --brown-8: #825b3a;
6011+ --brown-9: #6f4b2d;
6012+ --brown-10: #5e3a21;
6013+ --brown-11: #4e2b15;
6014+ --brown-12: #422412;
6015+ --sand-0: #f8fafb;
6016+ --sand-1: #e6e4dc;
6017+ --sand-2: #d5cfbd;
6018+ --sand-3: #c2b9a0;
6019+ --sand-4: #aea58c;
6020+ --sand-5: #9a9178;
6021+ --sand-6: #867c65;
6022+ --sand-7: #736a53;
6023+ --sand-8: #5f5746;
6024+ --sand-9: #4b4639;
6025+ --sand-10: #38352d;
6026+ --sand-11: #252521;
6027+ --sand-12: #121210;
6028+ --camo-0: #f9fbe7;
6029+ --camo-1: #e8ed9c;
6030+ --camo-2: #d2df4e;
6031+ --camo-3: #c2ce34;
6032+ --camo-4: #b5bb2e;
6033+ --camo-5: #a7a827;
6034+ --camo-6: #999621;
6035+ --camo-7: #8c851c;
6036+ --camo-8: #7e7416;
6037+ --camo-9: #6d6414;
6038+ --camo-10: #5d5411;
6039+ --camo-11: #4d460e;
6040+ --camo-12: #36300a;
6041+ --jungle-0: #ecfeb0;
6042+ --jungle-1: #def39a;
6043+ --jungle-2: #d0e884;
6044+ --jungle-3: #c2dd6e;
6045+ --jungle-4: #b5d15b;
6046+ --jungle-5: #a8c648;
6047+ --jungle-6: #9bbb36;
6048+ --jungle-7: #8fb024;
6049+ --jungle-8: #84a513;
6050+ --jungle-9: #7a9908;
6051+ --jungle-10: #658006;
6052+ --jungle-11: #516605;
6053+ --jungle-12: #3d4d04;
6054 }
6055 diff --git a/src/props.colors.js b/src/props.colors.js
6056index 8da5167..0ac73cf 100644
6057--- a/src/props.colors.js
6058+++ b/src/props.colors.js
6059 @@ -10,6 +10,25 @@ export const Gray = {
6060 '--gray-7': '#495057',
6061 '--gray-8': '#343a40',
6062 '--gray-9': '#212529',
6063+ '--gray-10': '#16191d',
6064+ '--gray-11': '#0d0f12',
6065+ '--gray-12': '#030507',
6066+ }
6067+
6068+ export const Stone = {
6069+ '--stone-0': '#f8fafb',
6070+ '--stone-1': '#f2f4f6',
6071+ '--stone-2': '#ebedef',
6072+ '--stone-3': '#e0e4e5',
6073+ '--stone-4': '#d1d6d8',
6074+ '--stone-5': '#b1b6b9',
6075+ '--stone-6': '#979b9d',
6076+ '--stone-7': '#7e8282',
6077+ '--stone-8': '#666968',
6078+ '--stone-9': '#50514f',
6079+ '--stone-10': '#3a3a37',
6080+ '--stone-11': '#252521',
6081+ '--stone-12': '#121210',
6082 }
6083
6084 export const Red = {
6085 @@ -23,6 +42,9 @@ export const Red = {
6086 '--red-7': '#f03e3e',
6087 '--red-8': '#e03131',
6088 '--red-9': '#c92a2a',
6089+ '--red-10': '#b02525',
6090+ '--red-11': '#962020',
6091+ '--red-12': '#7d1a1a',
6092 }
6093
6094 export const Pink = {
6095 @@ -36,19 +58,25 @@ export const Pink = {
6096 '--pink-7': '#d6336c',
6097 '--pink-8': '#c2255c',
6098 '--pink-9': '#a61e4d',
6099+ '--pink-10': '#8c1941',
6100+ '--pink-11': '#731536',
6101+ '--pink-12': '#59102a',
6102 }
6103
6104- export const Grape = {
6105- '--grape-0': '#f8f0fc',
6106- '--grape-1': '#f3d9fa',
6107- '--grape-2': '#eebefa',
6108- '--grape-3': '#e599f7',
6109- '--grape-4': '#da77f2',
6110- '--grape-5': '#cc5de8',
6111- '--grape-6': '#be4bdb',
6112- '--grape-7': '#ae3ec9',
6113- '--grape-8': '#9c36b5',
6114- '--grape-9': '#862e9c',
6115+ export const Purple = {
6116+ '--purple-0': '#f8f0fc',
6117+ '--purple-1': '#f3d9fa',
6118+ '--purple-2': '#eebefa',
6119+ '--purple-3': '#e599f7',
6120+ '--purple-4': '#da77f2',
6121+ '--purple-5': '#cc5de8',
6122+ '--purple-6': '#be4bdb',
6123+ '--purple-7': '#ae3ec9',
6124+ '--purple-8': '#9c36b5',
6125+ '--purple-9': '#862e9c',
6126+ '--purple-10': '#702682',
6127+ '--purple-11': '#5a1e69',
6128+ '--purple-12': '#44174f',
6129 }
6130
6131 export const Violet = {
6132 @@ -62,6 +90,9 @@ export const Violet = {
6133 '--violet-7': '#7048e8',
6134 '--violet-8': '#6741d9',
6135 '--violet-9': '#5f3dc4',
6136+ '--violet-10': '#5235ab',
6137+ '--violet-11': '#462d91',
6138+ '--violet-12': '#3a2578',
6139 }
6140
6141 export const Indigo = {
6142 @@ -75,6 +106,9 @@ export const Indigo = {
6143 '--indigo-7': '#4263eb',
6144 '--indigo-8': '#3b5bdb',
6145 '--indigo-9': '#364fc7',
6146+ '--indigo-10': '#2f44ad',
6147+ '--indigo-11': '#283a94',
6148+ '--indigo-12': '#21307a',
6149 }
6150
6151 export const Blue = {
6152 @@ -88,6 +122,9 @@ export const Blue = {
6153 '--blue-7': '#1c7ed6',
6154 '--blue-8': '#1971c2',
6155 '--blue-9': '#1864ab',
6156+ '--blue-10': '#145591',
6157+ '--blue-11': '#114678',
6158+ '--blue-12': '#0d375e',
6159 }
6160
6161 export const Cyan = {
6162 @@ -101,6 +138,9 @@ export const Cyan = {
6163 '--cyan-7': '#1098ad',
6164 '--cyan-8': '#0c8599',
6165 '--cyan-9': '#0b7285',
6166+ '--cyan-10': '#095c6b',
6167+ '--cyan-11': '#074652',
6168+ '--cyan-12': '#053038',
6169 }
6170
6171 export const Teal = {
6172 @@ -114,6 +154,9 @@ export const Teal = {
6173 '--teal-7': '#0ca678',
6174 '--teal-8': '#099268',
6175 '--teal-9': '#087f5b',
6176+ '--teal-10': '#066649',
6177+ '--teal-11': '#054d37',
6178+ '--teal-12': '#033325',
6179 }
6180
6181 export const Green = {
6182 @@ -127,6 +170,9 @@ export const Green = {
6183 '--green-7': '#37b24d',
6184 '--green-8': '#2f9e44',
6185 '--green-9': '#2b8a3e',
6186+ '--green-10': '#237032',
6187+ '--green-11': '#1b5727',
6188+ '--green-12': '#133d1b',
6189 }
6190
6191 export const Lime = {
6192 @@ -140,6 +186,9 @@ export const Lime = {
6193 '--lime-7': '#74b816',
6194 '--lime-8': '#66a80f',
6195 '--lime-9': '#5c940d',
6196+ '--lime-10': '#4c7a0b',
6197+ '--lime-11': '#3c6109',
6198+ '--lime-12': '#2c4706',
6199 }
6200
6201 export const Yellow = {
6202 @@ -153,6 +202,9 @@ export const Yellow = {
6203 '--yellow-7': '#f59f00',
6204 '--yellow-8': '#f08c00',
6205 '--yellow-9': '#e67700',
6206+ '--yellow-10': '#b35c00',
6207+ '--yellow-11': '#804200',
6208+ '--yellow-12': '#663500',
6209 }
6210
6211 export const Orange = {
6212 @@ -166,6 +218,89 @@ export const Orange = {
6213 '--orange-7': '#f76707',
6214 '--orange-8': '#e8590c',
6215 '--orange-9': '#d9480f',
6216+ '--orange-10': '#bf400d',
6217+ '--orange-11': '#99330b',
6218+ '--orange-12': '#802b09',
6219+ }
6220+
6221+ export const Choco = {
6222+ '--choco-0': '#fff8dc',
6223+ '--choco-1': '#fce1bc',
6224+ '--choco-2': '#f7ca9e',
6225+ '--choco-3': '#f1b280',
6226+ '--choco-4': '#e99b62',
6227+ '--choco-5': '#df8545',
6228+ '--choco-6': '#d46e25',
6229+ '--choco-7': '#bd5f1b',
6230+ '--choco-8': '#a45117',
6231+ '--choco-9': '#8a4513',
6232+ '--choco-10': '#703a13',
6233+ '--choco-11': '#572f12',
6234+ '--choco-12': '#3d210d',
6235+ }
6236+
6237+ export const Brown = {
6238+ '--brown-0': '#faf4eb',
6239+ '--brown-1': '#ede0d1',
6240+ '--brown-2': '#e0cab7',
6241+ '--brown-3': '#d3b79e',
6242+ '--brown-4': '#c5a285',
6243+ '--brown-5': '#b78f6d',
6244+ '--brown-6': '#a87c56',
6245+ '--brown-7': '#956b47',
6246+ '--brown-8': '#825b3a',
6247+ '--brown-9': '#6f4b2d',
6248+ '--brown-10': '#5e3a21',
6249+ '--brown-11': '#4e2b15',
6250+ '--brown-12': '#422412',
6251+ }
6252+
6253+ export const Sand = {
6254+ '--sand-0': '#f8fafb',
6255+ '--sand-1': '#e6e4dc',
6256+ '--sand-2': '#d5cfbd',
6257+ '--sand-3': '#c2b9a0',
6258+ '--sand-4': '#aea58c',
6259+ '--sand-5': '#9a9178',
6260+ '--sand-6': '#867c65',
6261+ '--sand-7': '#736a53',
6262+ '--sand-8': '#5f5746',
6263+ '--sand-9': '#4b4639',
6264+ '--sand-10': '#38352d',
6265+ '--sand-11': '#252521',
6266+ '--sand-12': '#121210',
6267+ }
6268+
6269+ export const Camo = {
6270+ '--camo-0': '#f9fbe7',
6271+ '--camo-1': '#e8ed9c',
6272+ '--camo-2': '#d2df4e',
6273+ '--camo-3': '#c2ce34',
6274+ '--camo-4': '#b5bb2e',
6275+ '--camo-5': '#a7a827',
6276+ '--camo-6': '#999621',
6277+ '--camo-7': '#8c851c',
6278+ '--camo-8': '#7e7416',
6279+ '--camo-9': '#6d6414',
6280+ '--camo-10': '#5d5411',
6281+ '--camo-11': '#4d460e',
6282+ '--camo-12': '#36300a',
6283+ }
6284+
6285+ export const Jungle = {
6286+ '--jungle-0': '#ecfeb0',
6287+ '--jungle-1': '#def39a',
6288+ '--jungle-2': '#d0e884',
6289+ '--jungle-3': '#c2dd6e',
6290+ '--jungle-4': '#b5d15b',
6291+ '--jungle-5': '#a8c648',
6292+ '--jungle-6': '#9bbb36',
6293+ '--jungle-7': '#8fb024',
6294+ '--jungle-8': '#84a513',
6295+ '--jungle-9': '#7a9908',
6296+ '--jungle-10': '#658006',
6297+ '--jungle-11': '#516605',
6298+ '--jungle-12': '#3d4d04',
6299 }
6300
6301 /*
6302 @@ -174,7 +309,7 @@ https://codepen.io/argyleink/pen/VwrKRrY?
6303 --gray: #adb5bd;
6304 --red: #ff6b6b;
6305 --pink: #f06595;
6306- --grape: #cc5de8;
6307+ --purple: #cc5de8;
6308 --violet: #f3f0ff;
6309 --indigo: #5c7cfa;
6310 --blue: #339af0;
6311 @@ -208,9 +343,10 @@ https://codepen.io/argyleink/pen/VwrKRrY?
6312
6313 const Colors = {
6314 ...Gray,
6315+ ...Stone,
6316 ...Red,
6317 ...Pink,
6318- ...Grape,
6319+ ...Purple,
6320 ...Violet,
6321 ...Indigo,
6322 ...Blue,
6323 @@ -220,6 +356,11 @@ const Colors = {
6324 ...Lime,
6325 ...Yellow,
6326 ...Orange,
6327+ ...Choco,
6328+ ...Brown,
6329+ ...Sand,
6330+ ...Camo,
6331+ ...Jungle,
6332 }
6333
6334 export default Colors
6335\ No newline at end of file
6336 diff --git a/src/props.colors.src.js b/src/props.colors.src.js
6337index 840569c..c6f9777 100644
6338--- a/src/props.colors.src.js
6339+++ b/src/props.colors.src.js
6340 @@ -1,14 +1,62 @@
6341- const openColor = (await import('https://cdn.skypack.dev/open-color/open-color.js')).default
6342- const Color = (await import('https://colorjs.io/dist/color.esm.js')).default
6343+ // Load `colar` and restructure
6344+ // Result: colar.[hueName].[luminosityStep] => hexCode
6345+ const colarURL =
6346+ "https://raw.githubusercontent.com/fchristant/colar/master/colar/colar.json"
6347+ const colar = (await (await fetch(colarURL)).json()).reduce(
6348+ (root, { name, color }) => {
6349+ let [hueName, luminosityStep] = name.split("-")
6350
6351- const colors = Object
6352- .entries(openColor.theme.colors)
6353- .filter(group => typeof group[1] === 'object')
6354+ hueName = hueName.toLowerCase()
6355+ luminosityStep = parseInt(luminosityStep)
6356
6357- const customizeIncrements = num =>
6358- num === '50'
6359- ? num.replaceAll('50', '0')
6360- : num.replaceAll('0', '')
6361+ const hue = root?.[hueName] ?? {}
6362+
6363+ return {
6364+ ...root,
6365+ [hueName]: { ...hue, [luminosityStep]: color.toLowerCase() },
6366+ }
6367+ },
6368+ {}
6369+ )
6370+
6371+ // Load `open-color` and restructure
6372+ // Result: openColor.[hueName].[luminosityStep] => hexCode
6373+ const openColor = Object.entries(
6374+ (await import("open-color/open-color.js")).default.theme.colors
6375+ )
6376+ .filter((group) => typeof group[1] === "object")
6377+ .reduce(
6378+ (root, [hueName, luminosityStepsObject]) => ({
6379+ ...root,
6380+ [hueName]: Object.fromEntries(
6381+ Object.entries(luminosityStepsObject).map(([step, color]) => [
6382+ step.replace("00", "").replace("50", "0"),
6383+ color,
6384+ ])
6385+ ),
6386+ }),
6387+ {}
6388+ )
6389+
6390+ // Combine `open-color` and `colar` palettes
6391+ const colors = Object.entries({
6392+ // Extend `openColor.gray`
6393+ gray: {
6394+ ...openColor.gray,
6395+ 10: "#16191d",
6396+ 11: "#0d0f12",
6397+ 12: "#030507",
6398+ },
6399+ // Use `colar.gray` as "stone"
6400+ stone: colar.gray,
6401+ // Use all other colors in `colar`
6402+ ...Object.fromEntries(
6403+ Object.entries(colar).filter(([hueName]) => hueName != "gray")
6404+ ),
6405+ })
6406+
6407+
6408+ const Color = (await import('colorjs.io')).default
6409
6410 const hexTOhsl = hex =>
6411 new Color(hex).to('hsl')
6412 @@ -21,15 +69,17 @@ const hexTOhsl = hex =>
6413 }, '')
6414
6415 const capitalizeFirstLetter = string =>
6416- string.charAt(0).toUpperCase() + string.slice(1);
6417+ string.charAt(0).toUpperCase() + string.slice(1)
6418
6419 const groupedObject = colors.reduce((root, [color, shades]) => {
6420 let base = `--${color}-`
6421 root += `\n\nexport const ${capitalizeFirstLetter(color)} = {`
6422
6423- Object.entries(shades).forEach(([num, hex]) =>
6424+ Object.entries(shades).forEach(([num, hex]) =>
6425 root += `
6426- ${base}${customizeIncrements(num)}-hsl: '${hexTOhsl(hex)}',`
6427+ '${base}${num}-hsl': '${hexTOhsl(hex)}',`
6428+ // root += `
6429+ // '${base}${num}': '${hex}',`
6430 )
6431
6432 root += '\n}'
6433 @@ -40,9 +90,9 @@ const groupedObject = colors.reduce((root, [color, shades]) => {
6434 const channels = colors.reduce((root, [color, shades]) => {
6435 let base = `--${color}-`
6436
6437- Object.entries(shades).forEach(([num, hex]) =>
6438+ Object.entries(shades).forEach(([num, hex]) =>
6439 root += `
6440- ${base}${customizeIncrements(num)}-hsl: '${hexTOhsl(hex)}',`
6441+ '${base}${num}-hsl': '${hexTOhsl(hex)}',`
6442 )
6443
6444 return root
6445 @@ -51,9 +101,9 @@ const channels = colors.reduce((root, [color, shades]) => {
6446 const vars = colors.reduce((root, [color, shades]) => {
6447 let base = `--${color}-`
6448
6449- Object.entries(shades).forEach(([num, hex]) =>
6450+ Object.entries(shades).forEach(([num, hex]) =>
6451 root += `
6452- ${base}${customizeIncrements(num)}: ${hex};`
6453+ '${base}${num}': ${hex}`
6454 )
6455
6456 return root
6457 @@ -61,4 +111,4 @@ const vars = colors.reduce((root, [color, shades]) => {
6458
6459 console.log(groupedObject)
6460 // console.log(vars)
6461- // console.log(channels)
6462\ No newline at end of file
6463+ // console.log(channels)
6464 diff --git a/src/props.cyan-hsl.css b/src/props.cyan-hsl.css
6465index 935d6a6..b88afa2 100644
6466--- a/src/props.cyan-hsl.css
6467+++ b/src/props.cyan-hsl.css
6468 @@ -9,4 +9,7 @@
6469 --cyan-7-hsl: 188 83% 37%;
6470 --cyan-8-hsl: 189 85% 32%;
6471 --cyan-9-hsl: 189 85% 28%;
6472+ --cyan-10-hsl: 189 84% 23%;
6473+ --cyan-11-hsl: 190 84% 17%;
6474+ --cyan-12-hsl: 189 84% 12%;
6475 }
6476 diff --git a/src/props.cyan.css b/src/props.cyan.css
6477index b1ecf64..e7e4a5b 100644
6478--- a/src/props.cyan.css
6479+++ b/src/props.cyan.css
6480 @@ -9,4 +9,7 @@
6481 --cyan-7: #1098ad;
6482 --cyan-8: #0c8599;
6483 --cyan-9: #0b7285;
6484+ --cyan-10: #095c6b;
6485+ --cyan-11: #074652;
6486+ --cyan-12: #053038;
6487 }
6488 diff --git a/src/props.grape-hsl.css b/src/props.grape-hsl.css
6489deleted file mode 100644
6490index 0f23b89..0000000
6491--- a/src/props.grape-hsl.css
6492+++ /dev/null
6493 @@ -1,12 +0,0 @@
6494- :where(html) {
6495- --grape-0-hsl: 280 67% 96%;
6496- --grape-1-hsl: 287 77% 92%;
6497- --grape-2-hsl: 288 86% 86%;
6498- --grape-3-hsl: 289 85% 78%;
6499- --grape-4-hsl: 288 83% 71%;
6500- --grape-5-hsl: 288 75% 64%;
6501- --grape-6-hsl: 288 67% 58%;
6502- --grape-7-hsl: 288 56% 52%;
6503- --grape-8-hsl: 288 54% 46%;
6504- --grape-9-hsl: 288 54% 40%;
6505- }
6506 diff --git a/src/props.grape.css b/src/props.grape.css
6507deleted file mode 100644
6508index 84ae6d2..0000000
6509--- a/src/props.grape.css
6510+++ /dev/null
6511 @@ -1,12 +0,0 @@
6512- :where(html) {
6513- --grape-0: #f8f0fc;
6514- --grape-1: #f3d9fa;
6515- --grape-2: #eebefa;
6516- --grape-3: #e599f7;
6517- --grape-4: #da77f2;
6518- --grape-5: #cc5de8;
6519- --grape-6: #be4bdb;
6520- --grape-7: #ae3ec9;
6521- --grape-8: #9c36b5;
6522- --grape-9: #862e9c;
6523- }
6524 diff --git a/src/props.gray-hsl.css b/src/props.gray-hsl.css
6525index 547830b..ce0b5e2 100644
6526--- a/src/props.gray-hsl.css
6527+++ b/src/props.gray-hsl.css
6528 @@ -9,4 +9,7 @@
6529 --gray-7-hsl: 210 9% 31%;
6530 --gray-8-hsl: 210 10% 23%;
6531 --gray-9-hsl: 210 11% 15%;
6532+ --gray-10-hsl: 214 14% 10%;
6533+ --gray-11-hsl: 216 16% 6%;
6534+ --gray-12-hsl: 210 40% 2%;
6535 }
6536 diff --git a/src/props.gray.css b/src/props.gray.css
6537index 3d17654..41fa64e 100644
6538--- a/src/props.gray.css
6539+++ b/src/props.gray.css
6540 @@ -9,4 +9,7 @@
6541 --gray-7: #495057;
6542 --gray-8: #343a40;
6543 --gray-9: #212529;
6544+ --gray-10: #16191d;
6545+ --gray-11: #0d0f12;
6546+ --gray-12: #030507;
6547 }
6548 diff --git a/src/props.green-hsl.css b/src/props.green-hsl.css
6549index 90115a8..1fb906c 100644
6550--- a/src/props.green-hsl.css
6551+++ b/src/props.green-hsl.css
6552 @@ -9,4 +9,7 @@
6553 --green-7-hsl: 131 53% 46%;
6554 --green-8-hsl: 131 54% 40%;
6555 --green-9-hsl: 132 52% 35%;
6556+ --green-10-hsl: 132 52% 29%;
6557+ --green-11-hsl: 132 53% 22%;
6558+ --green-12-hsl: 131 53% 16%;
6559 }
6560 diff --git a/src/props.green.css b/src/props.green.css
6561index 8dfd6db..969817b 100644
6562--- a/src/props.green.css
6563+++ b/src/props.green.css
6564 @@ -9,4 +9,7 @@
6565 --green-7: #37b24d;
6566 --green-8: #2f9e44;
6567 --green-9: #2b8a3e;
6568+ --green-10: #237032;
6569+ --green-11: #1b5727;
6570+ --green-12: #133d1b;
6571 }
6572 diff --git a/src/props.indigo-hsl.css b/src/props.indigo-hsl.css
6573index c2a4cd9..b256a31 100644
6574--- a/src/props.indigo-hsl.css
6575+++ b/src/props.indigo-hsl.css
6576 @@ -9,4 +9,7 @@
6577 --indigo-7-hsl: 228 81% 59%;
6578 --indigo-8-hsl: 228 69% 55%;
6579 --indigo-9-hsl: 230 57% 50%;
6580+ --indigo-10-hsl: 230 57% 43%;
6581+ --indigo-11-hsl: 230 57% 37%;
6582+ --indigo-12-hsl: 230 57% 30%;
6583 }
6584 diff --git a/src/props.indigo.css b/src/props.indigo.css
6585index ef5fc91..be3ab58 100644
6586--- a/src/props.indigo.css
6587+++ b/src/props.indigo.css
6588 @@ -9,4 +9,7 @@
6589 --indigo-7: #4263eb;
6590 --indigo-8: #3b5bdb;
6591 --indigo-9: #364fc7;
6592+ --indigo-10: #2f44ad;
6593+ --indigo-11: #283a94;
6594+ --indigo-12: #21307a;
6595 }
6596 diff --git a/src/props.jungle-hsl.css b/src/props.jungle-hsl.css
6597new file mode 100644
6598index 0000000..8722c1c
6599--- /dev/null
6600+++ b/src/props.jungle-hsl.css
6601 @@ -0,0 +1,15 @@
6602+ :where(html) {
6603+ --jungle-0-hsl: 74 98% 84%;
6604+ --jungle-1-hsl: 74 79% 78%;
6605+ --jungle-2-hsl: 74 68% 71%;
6606+ --jungle-3-hsl: 75 62% 65%;
6607+ --jungle-4-hsl: 74 56% 59%;
6608+ --jungle-5-hsl: 74 53% 53%;
6609+ --jungle-6-hsl: 74 55% 47%;
6610+ --jungle-7-hsl: 74 66% 42%;
6611+ --jungle-8-hsl: 74 79% 36%;
6612+ --jungle-9-hsl: 73 90% 32%;
6613+ --jungle-10-hsl: 73 91% 26%;
6614+ --jungle-11-hsl: 73 91% 21%;
6615+ --jungle-12-hsl: 73 90% 16%;
6616+ }
6617 diff --git a/src/props.jungle.css b/src/props.jungle.css
6618new file mode 100644
6619index 0000000..d0d94a4
6620--- /dev/null
6621+++ b/src/props.jungle.css
6622 @@ -0,0 +1,15 @@
6623+ :where(html) {
6624+ --jungle-0: #ecfeb0;
6625+ --jungle-1: #def39a;
6626+ --jungle-2: #d0e884;
6627+ --jungle-3: #c2dd6e;
6628+ --jungle-4: #b5d15b;
6629+ --jungle-5: #a8c648;
6630+ --jungle-6: #9bbb36;
6631+ --jungle-7: #8fb024;
6632+ --jungle-8: #84a513;
6633+ --jungle-9: #7a9908;
6634+ --jungle-10: #658006;
6635+ --jungle-11: #516605;
6636+ --jungle-12: #3d4d04;
6637+ }
6638 diff --git a/src/props.lime-hsl.css b/src/props.lime-hsl.css
6639index db8fe78..b998852 100644
6640--- a/src/props.lime-hsl.css
6641+++ b/src/props.lime-hsl.css
6642 @@ -9,4 +9,7 @@
6643 --lime-7-hsl: 85 79% 40%;
6644 --lime-8-hsl: 86 84% 36%;
6645 --lime-9-hsl: 85 84% 32%;
6646+ --lime-10-hsl: 85 83% 26%;
6647+ --lime-11-hsl: 85 83% 21%;
6648+ --lime-12-hsl: 85 84% 15%;
6649 }
6650 diff --git a/src/props.lime.css b/src/props.lime.css
6651index 74321f7..d9e7893 100644
6652--- a/src/props.lime.css
6653+++ b/src/props.lime.css
6654 @@ -9,4 +9,7 @@
6655 --lime-7: #74b816;
6656 --lime-8: #66a80f;
6657 --lime-9: #5c940d;
6658+ --lime-10: #4c7a0b;
6659+ --lime-11: #3c6109;
6660+ --lime-12: #2c4706;
6661 }
6662 diff --git a/src/props.orange-hsl.css b/src/props.orange-hsl.css
6663index aa66fff..24d1d89 100644
6664--- a/src/props.orange-hsl.css
6665+++ b/src/props.orange-hsl.css
6666 @@ -9,4 +9,7 @@
6667 --orange-7-hsl: 24 94% 50%;
6668 --orange-8-hsl: 21 90% 48%;
6669 --orange-9-hsl: 17 87% 45%;
6670+ --orange-10-hsl: 17 87% 40%;
6671+ --orange-11-hsl: 17 87% 32%;
6672+ --orange-12-hsl: 17 87% 27%;
6673 }
6674 diff --git a/src/props.orange.css b/src/props.orange.css
6675index 9568a3b..cec1975 100644
6676--- a/src/props.orange.css
6677+++ b/src/props.orange.css
6678 @@ -9,4 +9,7 @@
6679 --orange-7: #f76707;
6680 --orange-8: #e8590c;
6681 --orange-9: #d9480f;
6682+ --orange-10: #bf400d;
6683+ --orange-11: #99330b;
6684+ --orange-12: #802b09;
6685 }
6686 diff --git a/src/props.pink-hsl.css b/src/props.pink-hsl.css
6687index b33b8be..61295f7 100644
6688--- a/src/props.pink-hsl.css
6689+++ b/src/props.pink-hsl.css
6690 @@ -9,4 +9,7 @@
6691 --pink-7-hsl: 339 67% 52%;
6692 --pink-8-hsl: 339 68% 45%;
6693 --pink-9-hsl: 339 69% 38%;
6694+ --pink-10-hsl: 339 70% 32%;
6695+ --pink-11-hsl: 339 69% 27%;
6696+ --pink-12-hsl: 339 70% 21%;
6697 }
6698 diff --git a/src/props.pink.css b/src/props.pink.css
6699index 747a758..2daca99 100644
6700--- a/src/props.pink.css
6701+++ b/src/props.pink.css
6702 @@ -9,4 +9,7 @@
6703 --pink-7: #d6336c;
6704 --pink-8: #c2255c;
6705 --pink-9: #a61e4d;
6706+ --pink-10: #8c1941;
6707+ --pink-11: #731536;
6708+ --pink-12: #59102a;
6709 }
6710 diff --git a/src/props.purple-hsl.css b/src/props.purple-hsl.css
6711new file mode 100644
6712index 0000000..576a247
6713--- /dev/null
6714+++ b/src/props.purple-hsl.css
6715 @@ -0,0 +1,15 @@
6716+ :where(html) {
6717+ --purple-0-hsl: 280 67% 96%;
6718+ --purple-1-hsl: 287 77% 92%;
6719+ --purple-2-hsl: 288 86% 86%;
6720+ --purple-3-hsl: 289 85% 78%;
6721+ --purple-4-hsl: 288 83% 71%;
6722+ --purple-5-hsl: 288 75% 64%;
6723+ --purple-6-hsl: 288 67% 58%;
6724+ --purple-7-hsl: 288 56% 52%;
6725+ --purple-8-hsl: 288 54% 46%;
6726+ --purple-9-hsl: 288 54% 40%;
6727+ --purple-10-hsl: 288 55% 33%;
6728+ --purple-11-hsl: 288 56% 26%;
6729+ --purple-12-hsl: 288 55% 20%;
6730+ }
6731 diff --git a/src/props.purple.css b/src/props.purple.css
6732new file mode 100644
6733index 0000000..f61b893
6734--- /dev/null
6735+++ b/src/props.purple.css
6736 @@ -0,0 +1,15 @@
6737+ :where(html) {
6738+ --purple-0: #f8f0fc;
6739+ --purple-1: #f3d9fa;
6740+ --purple-2: #eebefa;
6741+ --purple-3: #e599f7;
6742+ --purple-4: #da77f2;
6743+ --purple-5: #cc5de8;
6744+ --purple-6: #be4bdb;
6745+ --purple-7: #ae3ec9;
6746+ --purple-8: #9c36b5;
6747+ --purple-9: #862e9c;
6748+ --purple-10: #702682;
6749+ --purple-11: #5a1e69;
6750+ --purple-12: #44174f;
6751+ }
6752 diff --git a/src/props.red-hsl.css b/src/props.red-hsl.css
6753index 9fcf2ef..cef10d0 100644
6754--- a/src/props.red-hsl.css
6755+++ b/src/props.red-hsl.css
6756 @@ -9,4 +9,7 @@
6757 --red-7-hsl: 0 86% 59%;
6758 --red-8-hsl: 0 74% 54%;
6759 --red-9-hsl: 0 65% 48%;
6760+ --red-10-hsl: 0 65% 42%;
6761+ --red-11-hsl: 0 65% 36%;
6762+ --red-12-hsl: 0 66% 30%;
6763 }
6764 diff --git a/src/props.red.css b/src/props.red.css
6765index 9f3a8fe..9438fb4 100644
6766--- a/src/props.red.css
6767+++ b/src/props.red.css
6768 @@ -9,4 +9,7 @@
6769 --red-7: #f03e3e;
6770 --red-8: #e03131;
6771 --red-9: #c92a2a;
6772+ --red-10: #b02525;
6773+ --red-11: #962020;
6774+ --red-12: #7d1a1a;
6775 }
6776 diff --git a/src/props.sand-hsl.css b/src/props.sand-hsl.css
6777new file mode 100644
6778index 0000000..8f59ae6
6779--- /dev/null
6780+++ b/src/props.sand-hsl.css
6781 @@ -0,0 +1,15 @@
6782+ :where(html) {
6783+ --sand-0-hsl: 200 27% 98%;
6784+ --sand-1-hsl: 48 17% 88%;
6785+ --sand-2-hsl: 45 22% 79%;
6786+ --sand-3-hsl: 44 22% 69%;
6787+ --sand-4-hsl: 44 17% 62%;
6788+ --sand-5-hsl: 44 14% 54%;
6789+ --sand-6-hsl: 42 14% 46%;
6790+ --sand-7-hsl: 43 16% 39%;
6791+ --sand-8-hsl: 41 15% 32%;
6792+ --sand-9-hsl: 43 14% 26%;
6793+ --sand-10-hsl: 44 11% 20%;
6794+ --sand-11-hsl: 60 6% 14%;
6795+ --sand-12-hsl: 60 6% 7%;
6796+ }
6797 diff --git a/src/props.sand.css b/src/props.sand.css
6798new file mode 100644
6799index 0000000..dfa0702
6800--- /dev/null
6801+++ b/src/props.sand.css
6802 @@ -0,0 +1,15 @@
6803+ :where(html) {
6804+ --sand-0: #f8fafb;
6805+ --sand-1: #e6e4dc;
6806+ --sand-2: #d5cfbd;
6807+ --sand-3: #c2b9a0;
6808+ --sand-4: #aea58c;
6809+ --sand-5: #9a9178;
6810+ --sand-6: #867c65;
6811+ --sand-7: #736a53;
6812+ --sand-8: #5f5746;
6813+ --sand-9: #4b4639;
6814+ --sand-10: #38352d;
6815+ --sand-11: #252521;
6816+ --sand-12: #121210;
6817+ }
6818 diff --git a/src/props.stone-hsl.css b/src/props.stone-hsl.css
6819new file mode 100644
6820index 0000000..ba07a66
6821--- /dev/null
6822+++ b/src/props.stone-hsl.css
6823 @@ -0,0 +1,15 @@
6824+ :where(html) {
6825+ --stone-0-hsl: 200 27% 98%;
6826+ --stone-1-hsl: 210 18% 96%;
6827+ --stone-2-hsl: 210 11% 93%;
6828+ --stone-3-hsl: 192 9% 89%;
6829+ --stone-4-hsl: 197 8% 83%;
6830+ --stone-5-hsl: 202 5% 71%;
6831+ --stone-6-hsl: 200 3% 60%;
6832+ --stone-7-hsl: 180 2% 50%;
6833+ --stone-8-hsl: 160 1% 41%;
6834+ --stone-9-hsl: 90 1% 31%;
6835+ --stone-10-hsl: 60 3% 22%;
6836+ --stone-11-hsl: 60 6% 14%;
6837+ --stone-12-hsl: 60 6% 7%;
6838+ }
6839 diff --git a/src/props.stone.css b/src/props.stone.css
6840new file mode 100644
6841index 0000000..3bed374
6842--- /dev/null
6843+++ b/src/props.stone.css
6844 @@ -0,0 +1,15 @@
6845+ :where(html) {
6846+ --stone-0: #f8fafb;
6847+ --stone-1: #f2f4f6;
6848+ --stone-2: #ebedef;
6849+ --stone-3: #e0e4e5;
6850+ --stone-4: #d1d6d8;
6851+ --stone-5: #b1b6b9;
6852+ --stone-6: #979b9d;
6853+ --stone-7: #7e8282;
6854+ --stone-8: #666968;
6855+ --stone-9: #50514f;
6856+ --stone-10: #3a3a37;
6857+ --stone-11: #252521;
6858+ --stone-12: #121210;
6859+ }
6860 diff --git a/src/props.teal-hsl.css b/src/props.teal-hsl.css
6861index abc38c1..443f9b4 100644
6862--- a/src/props.teal-hsl.css
6863+++ b/src/props.teal-hsl.css
6864 @@ -9,4 +9,7 @@
6865 --teal-7-hsl: 162 87% 35%;
6866 --teal-8-hsl: 162 88% 30%;
6867 --teal-9-hsl: 162 88% 26%;
6868+ --teal-10-hsl: 162 89% 21%;
6869+ --teal-11-hsl: 162 88% 16%;
6870+ --teal-12-hsl: 163 89% 11%;
6871 }
6872 diff --git a/src/props.teal.css b/src/props.teal.css
6873index 96e775c..8308e1e 100644
6874--- a/src/props.teal.css
6875+++ b/src/props.teal.css
6876 @@ -9,4 +9,7 @@
6877 --teal-7: #0ca678;
6878 --teal-8: #099268;
6879 --teal-9: #087f5b;
6880+ --teal-10: #066649;
6881+ --teal-11: #054d37;
6882+ --teal-12: #033325;
6883 }
6884 diff --git a/src/props.violet-hsl.css b/src/props.violet-hsl.css
6885index 6c2a7bd..4d2e545 100644
6886--- a/src/props.violet-hsl.css
6887+++ b/src/props.violet-hsl.css
6888 @@ -9,4 +9,7 @@
6889 --violet-7-hsl: 255 78% 60%;
6890 --violet-8-hsl: 255 67% 55%;
6891 --violet-9-hsl: 255 53% 50%;
6892+ --violet-10-hsl: 255 53% 44%;
6893+ --violet-11-hsl: 255 53% 37%;
6894+ --violet-12-hsl: 255 53% 31%;
6895 }
6896 diff --git a/src/props.violet.css b/src/props.violet.css
6897index dddf442..5701833 100644
6898--- a/src/props.violet.css
6899+++ b/src/props.violet.css
6900 @@ -9,4 +9,7 @@
6901 --violet-7: #7048e8;
6902 --violet-8: #6741d9;
6903 --violet-9: #5f3dc4;
6904+ --violet-10: #5235ab;
6905+ --violet-11: #462d91;
6906+ --violet-12: #3a2578;
6907 }
6908 diff --git a/src/props.yellow-hsl.css b/src/props.yellow-hsl.css
6909index 5937049..bfd1b65 100644
6910--- a/src/props.yellow-hsl.css
6911+++ b/src/props.yellow-hsl.css
6912 @@ -9,4 +9,7 @@
6913 --yellow-7-hsl: 39 100% 48%;
6914 --yellow-8-hsl: 35 100% 47%;
6915 --yellow-9-hsl: 31 100% 45%;
6916+ --yellow-10-hsl: 31 100% 35%;
6917+ --yellow-11-hsl: 31 100% 25%;
6918+ --yellow-12-hsl: 31 100% 20%;
6919 }
6920 diff --git a/src/props.yellow.css b/src/props.yellow.css
6921index c7b4a4a..9c346fc 100644
6922--- a/src/props.yellow.css
6923+++ b/src/props.yellow.css
6924 @@ -9,4 +9,7 @@
6925 --yellow-7: #f59f00;
6926 --yellow-8: #f08c00;
6927 --yellow-9: #e67700;
6928+ --yellow-10: #b35c00;
6929+ --yellow-11: #804200;
6930+ --yellow-12: #663500;
6931 }
6932 diff --git a/test/basic.test.cjs b/test/basic.test.cjs
6933index f01d621..9122c44 100644
6934--- a/test/basic.test.cjs
6935+++ b/test/basic.test.cjs
6936 @@ -4,7 +4,7 @@ const OpenProps = require('../dist/open-props.cjs')
6937 const OPtokens = require('../open-props.tokens.json')
6938
6939 test('Should have an all included import', t => {
6940- t.is(Object.keys(OpenProps).length, 1098)
6941+ t.is(Object.keys(OpenProps).length, 1566)
6942 })
6943
6944 test('Import should have animations', async t => {
6945 @@ -24,7 +24,7 @@ test('Import should have colors', async t => {
6946 })
6947
6948 test('JSON Import should have colors', async t => {
6949- t.is(Object.keys(OPtokens).length, 280)
6950+ t.is(Object.keys(OPtokens).length, 397)
6951 t.assert(Object.keys(OPtokens).includes('--orange-0'))
6952 })
6953