npm - style-dictionary - Versions diffs - 3.7.2 → 3.8.0 - Mend

style-dictionary 3.7.2 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2160) hide show

package/examples/advanced/custom-file-header/node_modules/tinycolor2/index.html DELETED Viewed

@@ -1,248 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<meta charset='utf-8'>
-	<title>TinyColor - Fast, small color manipulation in JavaScript</title>
-	<link rel="stylesheet" href="demo/demo.css" type="text/css" media="screen" />
-	<script type='text/javascript' src='tinycolor.js'></script>
-	<script type='text/javascript'>
-		function colorChange(color) {
-			var tiny = tinycolor(color);
-			var output = [
-				"hex:\t" + tiny.toHexString(),
-				"hex8:\t" + tiny.toHex8String(),
-				"rgb:\t" + tiny.toRgbString(),
-				"hsl:\t" + tiny.toHslString(),
-				"hsv:\t" + tiny.toHsvString(),
-				"name:\t" + (tiny.toName() || "none"),
-				"format:\t" + (tiny.getFormat()),
-				"format string:\t" + tiny.toString(),
-			].join("\n");
-			let codeOutput = document.querySelector("#code-output");
-			codeOutput.textContent = output;
-			codeOutput.style.borderColor = tiny.toHexString();
-			var filters = document.querySelector("#filter-output");
-			filters.classList.toggle("invisible", !tiny.isValid());
-			filters.querySelector(".lighten").style.backgroundColor =
-				tinycolor(color).lighten(20).toHexString();
-			filters.querySelector(".darken").style.backgroundColor =
-				tinycolor(color).darken(20).toHexString();
-			filters.querySelector(".saturate").style.backgroundColor =
-				tinycolor(color).saturate(20).toHexString();
-			filters.querySelector(".desaturate").style.backgroundColor =
-				tinycolor(color).desaturate(20).toHexString();
-			filters.querySelector(".greyscale").style.backgroundColor =
-				tinycolor(color).greyscale().toHexString();
-			filters.querySelector(".brighten").style.backgroundColor =
-				tinycolor(color).brighten(20).toHexString();
-			var allColors = [];
-			for (var i in tinycolor.names) {
-				allColors.push(i);
-			}
-			var mostReadable = tinycolor.mostReadable(color, allColors);
-			document.querySelector("#mostReadable").style.backgroundColor =
-				mostReadable.toHexString();
-			var combines = document.querySelector("#combine-output");
-			combines.classList.toggle("invisible", !tiny.isValid());
-			function colorArrayToHTML(arr) {
-				return arr.map(function (e) {
-					return '<span style="background:' + e.toHexString() + '"></span>'
-				}).join('');
-			}
-			var triad = tiny.triad();
-			combines.querySelector(".triad").innerHTML = colorArrayToHTML(triad);
-			console.log(triad.map(function (f) { return f.toHexString(); }));
-			var tetrad = tiny.tetrad();
-			combines.querySelector(".tetrad").innerHTML = colorArrayToHTML(tetrad);
-			var mono = tiny.monochromatic();
-			combines.querySelector(".mono").innerHTML = colorArrayToHTML(mono);
-			var analogous = tiny.analogous();
-			combines.querySelector(".analogous").innerHTML = colorArrayToHTML(analogous);
-			var splitcomplement = tiny.splitcomplement();
-			combines.querySelector(".sc").innerHTML = colorArrayToHTML(splitcomplement);
-		}
-		document.addEventListener("DOMContentLoaded", function () {
-			var color = document.querySelector("#color");
-			color.addEventListener("keyup", onchange);
-			color.addEventListener("change", onchange);
-			function onchange() {
-				colorChange(color.value);
-			}
-			colorChange({ r: 150, g: 0, b: 100 });
-			document.querySelector("#inputter").addEventListener("click", function (e) {
-				if (e.target.matches("a")) {
-					color.value = e.target.textContent;
-					onchange();
-					e.preventDefault();
-				}
-			});
-		});
-	</script>
-</head>
-<body>
-	<div id="container">
-		<h1>TinyColor</h1>
-		<h2>Fast, small color manipulation and conversion for JavaScript</h2>
-		<p>
-			<a href="https://github.com/bgrins/TinyColor">TinyColor</a> is a micro framework for inputting colors and
-			outputting colors as different formats.
-			Input is meant to be as permissive as possible.
-		</p>
-		<h3>Usage Documentation</h3>
-		<p>Read all the documentation on the <a href='https://github.com/bgrins/TinyColor'>TinyColor project page</a> on
-			github.</p>
-		<h3>Code</h3>
-		<p><a href='docs/tinycolor.html'>View the annotated source code</a> or <a
-				href='https://github.com/bgrins/TinyColor/blob/master/tinycolor.js'>see the full source on github</a>.</p>
-		<h3>Tests</h3>
-		<p><a href='test/'>View the QUnit Tests</a>.</p>
-		<h3>Demo</h3>
-		<div id='demo'>
-			<div id='inputter'>
-				<p>
-					Enter a color: <input type="text" placeholder="any color." id='color' />
-				</p>
-				<p>
-					Or try these:
-					<a href="#">red</a>
-					<a href="#">0f0</a>
-					<a href="#">rgb 255 128 128</a>
-					<a href='#'>hsl(0, 100%, 50%)</a>
-					<a href='#'>hsv 0, 100%, 50%</a>
-				</p>
-				<p>And I'll tell you what I know about it:</p>
-			</div>
-			<pre id='code-output'></pre>
-			<div id='filter-output'>
-				<table>
-					<tr>
-						<th>Lighten</th>
-						<td>
-							<div class='lighten'></div>
-						</td>
-					</tr>
-					<tr>
-						<th>Darken</th>
-						<td>
-							<div class='darken'></div>
-						</td>
-					</tr>
-					<tr>
-						<th>Saturate</th>
-						<td>
-							<div class='saturate'></div>
-						</td>
-					</tr>
-					<tr>
-						<th>Desaturate</th>
-						<td>
-							<div class='desaturate'></div>
-						</td>
-					</tr>
-					<tr>
-						<th>Greyscale</th>
-						<td>
-							<div class='greyscale'></div>
-						</td>
-					</tr>
-					<tr>
-						<th>Brighten</th>
-						<td>
-							<div class='brighten'></div>
-						</td>
-					</tr>
-					<tr>
-						<th>Most Readable</th>
-						<td>
-							<div id='mostReadable'></div>
-						</td>
-					</tr>
-				</table>
-			</div>
-			<div id='combine-output'>
-				<table>
-					<tr>
-						<th>Triad</th>
-						<td>
-							<div class='triad'></div>
-						</td>
-					</tr>
-					<tr>
-						<th>Tetrad</th>
-						<td>
-							<div class='tetrad'></div>
-						</td>
-					</tr>
-					<tr>
-						<th>Monochromatic</th>
-						<td>
-							<div class='mono'></div>
-						</td>
-					</tr>
-					<tr>
-						<th>Analogous</th>
-						<td>
-							<div class='analogous'></div>
-						</td>
-					</tr>
-					<tr>
-						<th>Split Complements</th>
-						<td>
-							<div class='sc'></div>
-						</td>
-					</tr>
-				</table>
-			</div>
-		</div>
-		<h3>Credit</h3>
-		<p>
-			Developed by <a href='http://briangrinstead.com'>Brian Grinstead</a>. Big thanks to the following places:
-		</p>
-		<ul>
-			<li><a href='https://github.com/cloudhead/less.js/blob/master/lib/less/functions.js'>less.js</a> for some of the
-				modification functions</li>
-			<li><a href='https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js'>jQuery xColor</a> for some of
-				the combination functions</li>
-			<li><a href='http://www.w3.org/TR/css3-color/#svg-color'>w3.org</a> for the color list and parsing rules</li>
-			<li><a
-					href='http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript'>mjijackson.com</a>
-				for the first stab at RGB / HSL / HSV converters</li>
-		</ul>
-	</div>
-</body>
-</html>

package/examples/advanced/custom-file-header/node_modules/tinycolor2/package.json DELETED Viewed

@@ -1,29 +0,0 @@
-{
-  "version": "1.4.2",
-  "name": "tinycolor2",
-  "description": "Fast Color Parsing and Manipulation",
-  "url": "http://bgrins.github.com/TinyColor",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/bgrins/TinyColor.git"
-  },
-  "keywords": [
-    "color",
-    "parser",
-    "tinycolor"
-  ],
-  "author": "Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)",
-  "main": "./tinycolor.js",
-  "engines": {
-    "node": "*"
-  },
-  "devDependencies": {
-    "grunt": "~0.4.1",
-    "grunt-contrib-concat": "~0.1.3",
-    "grunt-contrib-jshint": "~0.1.1",
-    "grunt-contrib-qunit": "^4.0.0",
-    "grunt-contrib-uglify": "~0.2.0",
-    "grunt-docco": "~0.2.0"
-  }
-}

package/examples/advanced/custom-file-header/node_modules/tinycolor2/test/index.html DELETED Viewed

@@ -1,18 +0,0 @@
-<!doctype html>
-<html>
-<head>
-	<link rel="stylesheet" href="qunit.css" type="text/css" media="screen" />
-	<script type='text/javascript' src='qunit.js'></script>
-	<script type='text/javascript' src='../tinycolor.js'></script>
-</head>
-<body>
- <h1 id="qunit-header">TinyColor Tests</h1>
- <h2 id="qunit-banner"></h2>
- <div id="qunit-testrunner-toolbar"></div>
- <h2 id="qunit-userAgent"></h2>
- <ol id="qunit-tests"></ol>
- <div id="qunit-fixture">test markup, will be hidden</div>
- <script type='text/javascript' src='test.js'></script>
-</body>
-</html>

package/examples/advanced/custom-file-header/node_modules/tinycolor2/test/qunit.css DELETED Viewed

@@ -1,244 +0,0 @@
-/**
- * QUnit v1.11.0 - A JavaScript Unit Testing Framework
- *
- * http://qunitjs.com
- *
- * Copyright 2012 jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- */
-/** Font Family and Sizes */
-#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
-	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
-}
-#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
-#qunit-tests { font-size: smaller; }
-/** Resets */
-#qunit-tests, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult, #qunit-modulefilter {
-	margin: 0;
-	padding: 0;
-}
-/** Header */
-#qunit-header {
-	padding: 0.5em 0 0.5em 1em;
-	color: #8699a4;
-	background-color: #0d3349;
-	font-size: 1.5em;
-	line-height: 1em;
-	font-weight: normal;
-	border-radius: 5px 5px 0 0;
-	-moz-border-radius: 5px 5px 0 0;
-	-webkit-border-top-right-radius: 5px;
-	-webkit-border-top-left-radius: 5px;
-}
-#qunit-header a {
-	text-decoration: none;
-	color: #c2ccd1;
-}
-#qunit-header a:hover,
-#qunit-header a:focus {
-	color: #fff;
-}
-#qunit-testrunner-toolbar label {
-	display: inline-block;
-	padding: 0 .5em 0 .1em;
-}
-#qunit-banner {
-	height: 5px;
-}
-#qunit-testrunner-toolbar {
-	padding: 0.5em 0 0.5em 2em;
-	color: #5E740B;
-	background-color: #eee;
-	overflow: hidden;
-}
-#qunit-userAgent {
-	padding: 0.5em 0 0.5em 2.5em;
-	background-color: #2b81af;
-	color: #fff;
-	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
-}
-#qunit-modulefilter-container {
-	float: right;
-}
-/** Tests: Pass/Fail */
-#qunit-tests {
-	list-style-position: inside;
-}
-#qunit-tests li {
-	padding: 0.4em 0.5em 0.4em 2.5em;
-	border-bottom: 1px solid #fff;
-	list-style-position: inside;
-}
-#qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running  {
-	display: none;
-}
-#qunit-tests li strong {
-	cursor: pointer;
-}
-#qunit-tests li a {
-	padding: 0.5em;
-	color: #c2ccd1;
-	text-decoration: none;
-}
-#qunit-tests li a:hover,
-#qunit-tests li a:focus {
-	color: #000;
-}
-#qunit-tests li .runtime {
-	float: right;
-	font-size: smaller;
-}
-.qunit-assert-list {
-	margin-top: 0.5em;
-	padding: 0.5em;
-	background-color: #fff;
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-}
-.qunit-collapsed {
-	display: none;
-}
-#qunit-tests table {
-	border-collapse: collapse;
-	margin-top: .2em;
-}
-#qunit-tests th {
-	text-align: right;
-	vertical-align: top;
-	padding: 0 .5em 0 0;
-}
-#qunit-tests td {
-	vertical-align: top;
-}
-#qunit-tests pre {
-	margin: 0;
-	white-space: pre-wrap;
-	word-wrap: break-word;
-}
-#qunit-tests del {
-	background-color: #e0f2be;
-	color: #374e0c;
-	text-decoration: none;
-}
-#qunit-tests ins {
-	background-color: #ffcaca;
-	color: #500;
-	text-decoration: none;
-}
-/*** Test Counts */
-#qunit-tests b.counts                       { color: black; }
-#qunit-tests b.passed                       { color: #5E740B; }
-#qunit-tests b.failed                       { color: #710909; }
-#qunit-tests li li {
-	padding: 5px;
-	background-color: #fff;
-	border-bottom: none;
-	list-style-position: inside;
-}
-/*** Passing Styles */
-#qunit-tests li li.pass {
-	color: #3c510c;
-	background-color: #fff;
-	border-left: 10px solid #C6E746;
-}
-#qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
-#qunit-tests .pass .test-name               { color: #366097; }
-#qunit-tests .pass .test-actual,
-#qunit-tests .pass .test-expected           { color: #999999; }
-#qunit-banner.qunit-pass                    { background-color: #C6E746; }
-/*** Failing Styles */
-#qunit-tests li li.fail {
-	color: #710909;
-	background-color: #fff;
-	border-left: 10px solid #EE5757;
-	white-space: pre;
-}
-#qunit-tests > li:last-child {
-	border-radius: 0 0 5px 5px;
-	-moz-border-radius: 0 0 5px 5px;
-	-webkit-border-bottom-right-radius: 5px;
-	-webkit-border-bottom-left-radius: 5px;
-}
-#qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
-#qunit-tests .fail .test-name,
-#qunit-tests .fail .module-name             { color: #000000; }
-#qunit-tests .fail .test-actual             { color: #EE5757; }
-#qunit-tests .fail .test-expected           { color: green;   }
-#qunit-banner.qunit-fail                    { background-color: #EE5757; }
-/** Result */
-#qunit-testresult {
-	padding: 0.5em 0.5em 0.5em 2.5em;
-	color: #2b81af;
-	background-color: #D2E0E6;
-	border-bottom: 1px solid white;
-}
-#qunit-testresult .module-name {
-	font-weight: bold;
-}
-/** Fixture */
-#qunit-fixture {
-	position: absolute;
-	top: -10000px;
-	left: -10000px;
-	width: 1000px;
-	height: 1000px;
-}