@library/color 0.0.5 → 0.0.6

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.
@@ -1,173 +1,24 @@
1
-
2
- Determining test suites to run...
3
-
4
-
5
-  RUNS  src/rgbToCssString.spec.ts
6
-
7
-  RUNS  src/rgbToCssString.spec.ts
8
-
9
-  RUNS  src/rgbToCssString.spec.ts
10
-
11
-  RUNS  src/rgbToCssString.spec.ts
12
-
13
-  RUNS  src/rgbToCssString.spec.ts
14
-
15
-
16
-  RUNS  src/rgbToCssString.spec.ts
17
-
18
-
19
-  RUNS  src/rgbToCssString.spec.ts
20
-
21
-
22
-  RUNS  src/rgbToCssString.spec.ts
23
-
24
-
25
-  RUNS  src/rgbToCssString.spec.ts
26
-
27
-
28
-  RUNS  src/rgbToCssString.spec.ts
29
-
30
-
31
-  RUNS  src/rgbToCssString.spec.ts
32
-
33
-
34
-  RUNS  src/rgbToCssString.spec.ts
35
-
36
-  RUNS  src/rgbToHex.spec.ts
37
-
38
-  RUNS  src/rgbToHex.spec.ts
39
-
40
-  RUNS  src/rgbToHex.spec.ts
41
-
42
-  RUNS  src/rgbToHex.spec.ts
43
-
44
-  RUNS  src/rgbToHex.spec.ts
45
-
46
-  RUNS  src/rgbToHex.spec.ts
47
-
48
-  RUNS  src/rgbToHex.spec.ts
49
-
50
-  RUNS  src/rgbToHex.spec.ts
51
-
52
-  RUNS  src/rgbToHex.spec.ts
53
-
54
-  RUNS  src/rgbToHex.spec.ts
55
-
56
-  RUNS  src/rgbToHex.spec.ts
57
-
58
-  RUNS  src/rgbToHex.spec.ts
59
-
60
-
61
-  RUNS  src/rgbToHex.spec.ts
62
-
63
-
64
-  RUNS  src/rgbToHex.spec.ts
65
-
66
-
67
-  RUNS  src/rgbToHex.spec.ts
68
-
69
-
70
-  RUNS  src/rgbToHex.spec.ts
71
-
72
-
73
-  RUNS  src/rgbToHex.spec.ts
74
-
75
-
76
-  RUNS  src/rgbToHex.spec.ts
77
-
78
-
79
-  RUNS  src/rgbToHex.spec.ts
80
-
81
-
82
-  RUNS  src/rgbToHex.spec.ts
83
-
84
-
85
-  RUNS  src/rgbToHex.spec.ts
86
-
87
-
88
-  RUNS  src/rgbToHex.spec.ts
89
-
90
-
91
-  RUNS  src/rgbToHex.spec.ts
92
-
93
-
94
-  RUNS  src/rgbToHex.spec.ts
95
-
96
-
97
-  RUNS  src/rgbToHex.spec.ts
98
-
99
-  RUNS  src/hexToRgb.spec.ts
100
-
101
-  RUNS  src/hexToRgb.spec.ts
102
-
103
-  RUNS  src/hexToRgb.spec.ts
104
-
105
-  RUNS  src/hexToRgb.spec.ts
106
-
107
-  RUNS  src/hexToRgb.spec.ts
108
-
109
-  RUNS  src/hexToRgb.spec.ts
110
-
111
-  RUNS  src/hexToRgb.spec.ts
112
-
113
-  RUNS  src/hexToRgb.spec.ts
114
-
115
-  RUNS  src/hexToRgb.spec.ts
116
-
117
-  RUNS  src/hexToRgb.spec.ts
118
-
119
-  RUNS  src/hexToRgb.spec.ts
120
-
121
-  RUNS  src/hexToRgb.spec.ts
122
-
123
-  RUNS  src/hexToRgb.spec.ts
124
-
125
-
126
-  RUNS  src/hexToRgb.spec.ts
127
-
128
-
129
-  RUNS  src/hexToRgb.spec.ts
130
-
131
-
132
-  RUNS  src/hexToRgb.spec.ts
133
-
134
-
135
-  RUNS  src/hexToRgb.spec.ts
136
-
137
-
138
-  RUNS  src/hexToRgb.spec.ts
139
-
140
-
141
-  RUNS  src/hexToRgb.spec.ts
142
-
143
-
144
-  RUNS  src/hexToRgb.spec.ts
145
-
146
-
147
-  RUNS  src/hexToRgb.spec.ts
148
-
149
-
150
-  RUNS  src/hexToRgb.spec.ts
151
-
152
-
153
-  RUNS  src/hexToRgb.spec.ts
154
-
155
-
156
-  RUNS  src/hexToRgb.spec.ts
157
-
158
-
159
-  RUNS  src/hexToRgb.spec.ts
160
-
161
-
162
-  RUNS  src/hexToRgb.spec.ts
163
-
164
-
165
-  RUNS  src/hexToRgb.spec.ts
166
-
167
-
168
-  RUNS  src/hexToRgb.spec.ts
169
-
170
- Tests: 26 passed, 26 total
171
- Snapshots: 0 total
172
- Time: 0.33 s, estimated 1 s
173
- Ran all test suites.
1
+
2
+  RUN  v5.0.3 /Users/yeonjuan/Desktop/projects/library/packages/color
3
+ Coverage enabled with v8
4
+
5
+ ✓ src/rgbToCssString.spec.ts (4 tests) 2ms
6
+ ✓ src/rgbToHex.spec.ts (10 tests) 2ms
7
+ ✓ src/hexToRgb.spec.ts (12 tests) 3ms
8
+
9
+  Test Files  3 passed (3)
10
+  Tests  26 passed (26)
11
+  Start at  18:23:26
12
+  Duration  115ms (transform 57%, worker 24%, import 13%, tests 6%)
13
+
14
+  % Coverage report from v8
15
+ -------------------|---------|----------|---------|---------|-------------------
16
+ File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s
17
+ -------------------|---------|----------|---------|---------|-------------------
18
+ All files | 100 | 100 | 100 | 100 |
19
+ hexToRgb.ts | 100 | 100 | 100 | 100 |
20
+ index.ts | 0 | 0 | 0 | 0 |
21
+ rgbToCssString.ts | 100 | 100 | 100 | 100 |
22
+ rgbToHex.ts | 100 | 100 | 100 | 100 |
23
+ types.ts | 0 | 0 | 0 | 0 |
24
+ -------------------|---------|----------|---------|---------|-------------------
package/README.md CHANGED
@@ -29,4 +29,4 @@ hexToRgb("#f00"); // { r: 255, g: 0, b: 0, a: 1 }
29
29
  hexToRgb("#f000"); // { r: 255, g: 0, b: 0, a: 0 }
30
30
  hexToRgb("#7f11e0"); // { r: 127, g: 17, b: 224, a: 1 }
31
31
  hexToRgb("#11223344"); // { r: 17, g: 34, b: 51, a: 0.27 }
32
- ```
32
+ ```
@@ -1,71 +1,129 @@
1
- body, html {
2
- margin:0; padding: 0;
1
+ body,
2
+ html {
3
+ margin: 0;
4
+ padding: 0;
3
5
  height: 100%;
4
6
  }
5
7
  body {
6
- font-family: Helvetica Neue, Helvetica, Arial;
7
- font-size: 14px;
8
- color:#333;
9
- }
10
- .small { font-size: 12px; }
11
- *, *:after, *:before {
12
- -webkit-box-sizing:border-box;
13
- -moz-box-sizing:border-box;
14
- box-sizing:border-box;
15
- }
16
- h1 { font-size: 20px; margin: 0;}
17
- h2 { font-size: 14px; }
8
+ font-family:
9
+ Helvetica Neue,
10
+ Helvetica,
11
+ Arial;
12
+ font-size: 14px;
13
+ color: #333;
14
+ }
15
+ .small {
16
+ font-size: 12px;
17
+ }
18
+ *,
19
+ *:after,
20
+ *:before {
21
+ -webkit-box-sizing: border-box;
22
+ -moz-box-sizing: border-box;
23
+ box-sizing: border-box;
24
+ }
25
+ h1 {
26
+ font-size: 20px;
27
+ margin: 0;
28
+ }
29
+ h2 {
30
+ font-size: 14px;
31
+ }
18
32
  pre {
19
- font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
20
- margin: 0;
21
- padding: 0;
22
- -moz-tab-size: 2;
23
- -o-tab-size: 2;
24
- tab-size: 2;
25
- }
26
- a { color:#0074D9; text-decoration:none; }
27
- a:hover { text-decoration:underline; }
28
- .strong { font-weight: bold; }
29
- .space-top1 { padding: 10px 0 0 0; }
30
- .pad2y { padding: 20px 0; }
31
- .pad1y { padding: 10px 0; }
32
- .pad2x { padding: 0 20px; }
33
- .pad2 { padding: 20px; }
34
- .pad1 { padding: 10px; }
35
- .space-left2 { padding-left:55px; }
36
- .space-right2 { padding-right:20px; }
37
- .center { text-align:center; }
38
- .clearfix { display:block; }
33
+ font:
34
+ 12px/1.4 Consolas,
35
+ "Liberation Mono",
36
+ Menlo,
37
+ Courier,
38
+ monospace;
39
+ margin: 0;
40
+ padding: 0;
41
+ -moz-tab-size: 2;
42
+ -o-tab-size: 2;
43
+ tab-size: 2;
44
+ }
45
+ a {
46
+ color: #0074d9;
47
+ text-decoration: none;
48
+ }
49
+ a:hover {
50
+ text-decoration: underline;
51
+ }
52
+ .strong {
53
+ font-weight: bold;
54
+ }
55
+ .space-top1 {
56
+ padding: 10px 0 0 0;
57
+ }
58
+ .pad2y {
59
+ padding: 20px 0;
60
+ }
61
+ .pad1y {
62
+ padding: 10px 0;
63
+ }
64
+ .pad2x {
65
+ padding: 0 20px;
66
+ }
67
+ .pad2 {
68
+ padding: 20px;
69
+ }
70
+ .pad1 {
71
+ padding: 10px;
72
+ }
73
+ .space-left2 {
74
+ padding-left: 55px;
75
+ }
76
+ .space-right2 {
77
+ padding-right: 20px;
78
+ }
79
+ .center {
80
+ text-align: center;
81
+ }
82
+ .clearfix {
83
+ display: block;
84
+ }
39
85
  .clearfix:after {
40
- content:'';
41
- display:block;
42
- height:0;
43
- clear:both;
44
- visibility:hidden;
86
+ content: "";
87
+ display: block;
88
+ height: 0;
89
+ clear: both;
90
+ visibility: hidden;
91
+ }
92
+ .fl {
93
+ float: left;
94
+ }
95
+ @media only screen and (max-width: 640px) {
96
+ .col3 {
97
+ width: 100%;
98
+ max-width: 100%;
99
+ }
100
+ .hide-mobile {
101
+ display: none !important;
45
102
  }
46
- .fl { float: left; }
47
- @media only screen and (max-width:640px) {
48
- .col3 { width:100%; max-width:100%; }
49
- .hide-mobile { display:none!important; }
50
103
  }
51
104
 
52
105
  .quiet {
53
106
  color: #7f7f7f;
54
- color: rgba(0,0,0,0.5);
107
+ color: rgba(0, 0, 0, 0.5);
108
+ }
109
+ .quiet a {
110
+ opacity: 0.7;
55
111
  }
56
- .quiet a { opacity: 0.7; }
57
112
 
58
113
  .fraction {
59
- font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
114
+ font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
60
115
  font-size: 10px;
61
116
  color: #555;
62
- background: #E8E8E8;
117
+ background: #e8e8e8;
63
118
  padding: 4px 5px;
64
119
  border-radius: 3px;
65
120
  vertical-align: middle;
66
121
  }
67
122
 
68
- div.path a:link, div.path a:visited { color: #333; }
123
+ div.path a:link,
124
+ div.path a:visited {
125
+ color: #333;
126
+ }
69
127
  table.coverage {
70
128
  border-collapse: collapse;
71
129
  margin: 10px 0 0 0;
@@ -78,140 +136,219 @@ table.coverage td {
78
136
  vertical-align: top;
79
137
  }
80
138
  table.coverage td.line-count {
81
- text-align: right;
82
- padding: 0 5px 0 20px;
139
+ text-align: right;
140
+ padding: 0 5px 0 20px;
83
141
  }
84
142
  table.coverage td.line-coverage {
85
- text-align: right;
86
- padding-right: 10px;
87
- min-width:20px;
143
+ text-align: right;
144
+ padding-right: 10px;
145
+ min-width: 20px;
88
146
  }
89
147
 
90
148
  table.coverage td span.cline-any {
91
- display: inline-block;
92
- padding: 0 5px;
93
- width: 100%;
149
+ display: inline-block;
150
+ padding: 0 5px;
151
+ width: 100%;
94
152
  }
95
153
  .missing-if-branch {
96
- display: inline-block;
97
- margin-right: 5px;
98
- border-radius: 3px;
99
- position: relative;
100
- padding: 0 4px;
101
- background: #333;
102
- color: yellow;
154
+ display: inline-block;
155
+ margin-right: 5px;
156
+ border-radius: 3px;
157
+ position: relative;
158
+ padding: 0 4px;
159
+ background: #333;
160
+ color: yellow;
103
161
  }
104
162
 
105
163
  .skip-if-branch {
106
- display: none;
107
- margin-right: 10px;
108
- position: relative;
109
- padding: 0 4px;
110
- background: #ccc;
111
- color: white;
164
+ display: none;
165
+ margin-right: 10px;
166
+ position: relative;
167
+ padding: 0 4px;
168
+ background: #ccc;
169
+ color: white;
112
170
  }
113
- .missing-if-branch .typ, .skip-if-branch .typ {
114
- color: inherit !important;
171
+ .missing-if-branch .typ,
172
+ .skip-if-branch .typ {
173
+ color: inherit !important;
115
174
  }
116
175
  .coverage-summary {
117
176
  border-collapse: collapse;
118
177
  width: 100%;
119
178
  }
120
- .coverage-summary tr { border-bottom: 1px solid #bbb; }
121
- .keyline-all { border: 1px solid #ddd; }
122
- .coverage-summary td, .coverage-summary th { padding: 10px; }
123
- .coverage-summary tbody { border: 1px solid #bbb; }
124
- .coverage-summary td { border-right: 1px solid #bbb; }
125
- .coverage-summary td:last-child { border-right: none; }
179
+ .coverage-summary tr {
180
+ border-bottom: 1px solid #bbb;
181
+ }
182
+ .keyline-all {
183
+ border: 1px solid #ddd;
184
+ }
185
+ .coverage-summary td,
186
+ .coverage-summary th {
187
+ padding: 10px;
188
+ }
189
+ .coverage-summary tbody {
190
+ border: 1px solid #bbb;
191
+ }
192
+ .coverage-summary td {
193
+ border-right: 1px solid #bbb;
194
+ }
195
+ .coverage-summary td:last-child {
196
+ border-right: none;
197
+ }
126
198
  .coverage-summary th {
127
199
  text-align: left;
128
200
  font-weight: normal;
129
201
  white-space: nowrap;
130
202
  }
131
- .coverage-summary th.file { border-right: none !important; }
132
- .coverage-summary th.pct { }
203
+ .coverage-summary th.file {
204
+ border-right: none !important;
205
+ }
206
+ .coverage-summary th.pct {
207
+ }
133
208
  .coverage-summary th.pic,
134
209
  .coverage-summary th.abs,
135
210
  .coverage-summary td.pct,
136
- .coverage-summary td.abs { text-align: right; }
137
- .coverage-summary td.file { white-space: nowrap; }
138
- .coverage-summary td.pic { min-width: 120px !important; }
139
- .coverage-summary tfoot td { }
211
+ .coverage-summary td.abs {
212
+ text-align: right;
213
+ }
214
+ .coverage-summary td.file {
215
+ white-space: nowrap;
216
+ }
217
+ .coverage-summary td.pic {
218
+ min-width: 120px !important;
219
+ }
220
+ .coverage-summary tfoot td {
221
+ }
140
222
 
141
223
  .coverage-summary .sorter {
142
- height: 10px;
143
- width: 7px;
144
- display: inline-block;
145
- margin-left: 0.5em;
146
- background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
224
+ height: 10px;
225
+ width: 7px;
226
+ display: inline-block;
227
+ margin-left: 0.5em;
228
+ background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
147
229
  }
148
230
  .coverage-summary .sorted .sorter {
149
- background-position: 0 -20px;
231
+ background-position: 0 -20px;
150
232
  }
151
233
  .coverage-summary .sorted-desc .sorter {
152
- background-position: 0 -10px;
234
+ background-position: 0 -10px;
235
+ }
236
+ .status-line {
237
+ height: 10px;
153
238
  }
154
- .status-line { height: 10px; }
155
239
  /* yellow */
156
- .cbranch-no { background: yellow !important; color: #111; }
240
+ .cbranch-no {
241
+ background: yellow !important;
242
+ color: #111;
243
+ }
157
244
  /* dark red */
158
- .red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
159
- .low .chart { border:1px solid #C21F39 }
245
+ .red.solid,
246
+ .status-line.low,
247
+ .low .cover-fill {
248
+ background: #c21f39;
249
+ }
250
+ .low .chart {
251
+ border: 1px solid #c21f39;
252
+ }
160
253
  .highlighted,
161
- .highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
162
- background: #C21F39 !important;
254
+ .highlighted .cstat-no,
255
+ .highlighted .fstat-no,
256
+ .highlighted .cbranch-no {
257
+ background: #c21f39 !important;
163
258
  }
164
259
  /* medium red */
165
- .cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
260
+ .cstat-no,
261
+ .fstat-no,
262
+ .cbranch-no,
263
+ .cbranch-no {
264
+ background: #f6c6ce;
265
+ }
166
266
  /* light red */
167
- .low, .cline-no { background:#FCE1E5 }
267
+ .low,
268
+ .cline-no {
269
+ background: #fce1e5;
270
+ }
168
271
  /* light green */
169
- .high, .cline-yes { background:rgb(230,245,208) }
272
+ .high,
273
+ .cline-yes {
274
+ background: rgb(230, 245, 208);
275
+ }
170
276
  /* medium green */
171
- .cstat-yes { background:rgb(161,215,106) }
277
+ .cstat-yes {
278
+ background: rgb(161, 215, 106);
279
+ }
172
280
  /* dark green */
173
- .status-line.high, .high .cover-fill { background:rgb(77,146,33) }
174
- .high .chart { border:1px solid rgb(77,146,33) }
281
+ .status-line.high,
282
+ .high .cover-fill {
283
+ background: rgb(77, 146, 33);
284
+ }
285
+ .high .chart {
286
+ border: 1px solid rgb(77, 146, 33);
287
+ }
175
288
  /* dark yellow (gold) */
176
- .status-line.medium, .medium .cover-fill { background: #f9cd0b; }
177
- .medium .chart { border:1px solid #f9cd0b; }
289
+ .status-line.medium,
290
+ .medium .cover-fill {
291
+ background: #f9cd0b;
292
+ }
293
+ .medium .chart {
294
+ border: 1px solid #f9cd0b;
295
+ }
178
296
  /* light yellow */
179
- .medium { background: #fff4c2; }
297
+ .medium {
298
+ background: #fff4c2;
299
+ }
180
300
 
181
- .cstat-skip { background: #ddd; color: #111; }
182
- .fstat-skip { background: #ddd; color: #111 !important; }
183
- .cbranch-skip { background: #ddd !important; color: #111; }
301
+ .cstat-skip {
302
+ background: #ddd;
303
+ color: #111;
304
+ }
305
+ .fstat-skip {
306
+ background: #ddd;
307
+ color: #111 !important;
308
+ }
309
+ .cbranch-skip {
310
+ background: #ddd !important;
311
+ color: #111;
312
+ }
184
313
 
185
- span.cline-neutral { background: #eaeaea; }
314
+ span.cline-neutral {
315
+ background: #eaeaea;
316
+ }
186
317
 
187
318
  .coverage-summary td.empty {
188
- opacity: .5;
189
- padding-top: 4px;
190
- padding-bottom: 4px;
191
- line-height: 1;
192
- color: #888;
319
+ opacity: 0.5;
320
+ padding-top: 4px;
321
+ padding-bottom: 4px;
322
+ line-height: 1;
323
+ color: #888;
193
324
  }
194
325
 
195
- .cover-fill, .cover-empty {
196
- display:inline-block;
326
+ .cover-fill,
327
+ .cover-empty {
328
+ display: inline-block;
197
329
  height: 12px;
198
330
  }
199
331
  .chart {
200
332
  line-height: 0;
201
333
  }
202
334
  .cover-empty {
203
- background: white;
335
+ background: white;
204
336
  }
205
337
  .cover-full {
206
- border-right: none !important;
338
+ border-right: none !important;
207
339
  }
208
340
  pre.prettyprint {
209
- border: none !important;
210
- padding: 0 !important;
211
- margin: 0 !important;
341
+ border: none !important;
342
+ padding: 0 !important;
343
+ margin: 0 !important;
344
+ }
345
+ .com {
346
+ color: #999 !important;
347
+ }
348
+ .ignore-none {
349
+ color: #999;
350
+ font-weight: normal;
212
351
  }
213
- .com { color: #999 !important; }
214
- .ignore-none { color: #999; font-weight: normal; }
215
352
 
216
353
  .wrapper {
217
354
  min-height: 100%;
@@ -219,6 +356,7 @@ pre.prettyprint {
219
356
  height: 100%;
220
357
  margin: 0 auto -48px;
221
358
  }
222
- .footer, .push {
359
+ .footer,
360
+ .push {
223
361
  height: 48px;
224
362
  }