@dscout/particle 1.0.0-alpha.1 → 1.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +10 -1
  2. package/lib/components/flex.js +11 -223
  3. package/lib/components/modifier.js +38 -592
  4. package/lib/stylesheets/particle.css +3 -3
  5. package/lib/stylesheets/particle.min.css +1 -1
  6. package/lib/stylesheets/particle.min.css.gz +0 -0
  7. package/lib/utils/props.js +5 -1
  8. package/package.json +1 -1
  9. package/styles/components/grid/_base.scss +3 -3
  10. package/styles/css_variables/_bandit.scss +1 -1
package/lib/components/modifier.js CHANGED
@@ -15,15 +15,17 @@ var _strings = require("../utils/strings");
15
15
 
16
16
  var _types = require("../utils/types");
17
17
 
18
+ var _props = require("../utils/props");
19
+
18
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
21
 
20
22
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
23
 
22
24
  var AUTO = 'auto';
23
25
  var FLEX_ENUMS = ['0', '1', '2', '3'];
24
- var SPACING_ENUMS = ['none', '0.25', '0.5', '0.75', '1', '1.5', '2', '3', '4'];
25
- var MARGIN_ENUMS = SPACING_ENUMS.concat(AUTO);
26
- var DIMENSION_ENUMS = ['none', '0.25', '0.5', '0.75', '1', '1.5', '2', '3', '4', '5', '6', '7', '8', '10', '12', '14', '16', '18', '20', '22', '24', '26', '28', '30', '32', '36', '40', '48', '60', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%'];
26
+
27
+ var MARGIN_ENUMS = _props.SPACING_ENUMS.concat(AUTO);
28
+
27
29
  var propTypes = {
28
30
  _modifierClass: _propTypes.default.string,
29
31
  margin: _propTypes.default.oneOfType([_propTypes.default.oneOf(MARGIN_ENUMS), _propTypes.default.shape({
@@ -35,18 +37,18 @@ var propTypes = {
35
37
  bottom: _propTypes.default.oneOf(MARGIN_ENUMS),
36
38
  left: _propTypes.default.oneOf(MARGIN_ENUMS)
37
39
  })]),
38
- padding: _propTypes.default.oneOfType([_propTypes.default.oneOf(SPACING_ENUMS), _propTypes.default.shape({
39
- all: _propTypes.default.oneOf(SPACING_ENUMS),
40
- horizontal: _propTypes.default.oneOf(SPACING_ENUMS),
41
- vertical: _propTypes.default.oneOf(SPACING_ENUMS),
42
- top: _propTypes.default.oneOf(SPACING_ENUMS),
43
- right: _propTypes.default.oneOf(SPACING_ENUMS),
44
- bottom: _propTypes.default.oneOf(SPACING_ENUMS),
45
- left: _propTypes.default.oneOf(SPACING_ENUMS)
40
+ padding: _propTypes.default.oneOfType([_propTypes.default.oneOf(_props.SPACING_ENUMS), _propTypes.default.shape({
41
+ all: _propTypes.default.oneOf(_props.SPACING_ENUMS),
42
+ horizontal: _propTypes.default.oneOf(_props.SPACING_ENUMS),
43
+ vertical: _propTypes.default.oneOf(_props.SPACING_ENUMS),
44
+ top: _propTypes.default.oneOf(_props.SPACING_ENUMS),
45
+ right: _propTypes.default.oneOf(_props.SPACING_ENUMS),
46
+ bottom: _propTypes.default.oneOf(_props.SPACING_ENUMS),
47
+ left: _propTypes.default.oneOf(_props.SPACING_ENUMS)
46
48
  })]),
47
- width: _propTypes.default.oneOf(DIMENSION_ENUMS),
48
- height: _propTypes.default.oneOf(DIMENSION_ENUMS),
49
- maxWidth: _propTypes.default.oneOf(DIMENSION_ENUMS),
49
+ width: _propTypes.default.oneOf(_props.DIMENSION_ENUMS),
50
+ height: _propTypes.default.oneOf(_props.DIMENSION_ENUMS),
51
+ maxWidth: _propTypes.default.oneOf(_props.DIMENSION_ENUMS),
50
52
  truncate: _propTypes.default.bool,
51
53
  flex: _propTypes.default.oneOfType([_propTypes.default.oneOf(FLEX_ENUMS), _propTypes.default.shape({
52
54
  grow: _propTypes.default.oneOf(FLEX_ENUMS),
@@ -184,259 +186,51 @@ Modifier.__docgenInfo = {
184
186
  "name": "union",
185
187
  "value": [{
186
188
  "name": "enum",
187
- "value": [{
188
- "value": "'none'",
189
- "computed": false
190
- }, {
191
- "value": "'0.25'",
192
- "computed": false
193
- }, {
194
- "value": "'0.5'",
195
- "computed": false
196
- }, {
197
- "value": "'0.75'",
198
- "computed": false
199
- }, {
200
- "value": "'1'",
201
- "computed": false
202
- }, {
203
- "value": "'1.5'",
204
- "computed": false
205
- }, {
206
- "value": "'2'",
207
- "computed": false
208
- }, {
209
- "value": "'3'",
210
- "computed": false
211
- }, {
212
- "value": "'4'",
213
- "computed": false
214
- }]
189
+ "computed": true,
190
+ "value": "SPACING_ENUMS"
215
191
  }, {
216
192
  "name": "shape",
217
193
  "value": {
218
194
  "all": {
219
195
  "name": "enum",
220
- "value": [{
221
- "value": "'none'",
222
- "computed": false
223
- }, {
224
- "value": "'0.25'",
225
- "computed": false
226
- }, {
227
- "value": "'0.5'",
228
- "computed": false
229
- }, {
230
- "value": "'0.75'",
231
- "computed": false
232
- }, {
233
- "value": "'1'",
234
- "computed": false
235
- }, {
236
- "value": "'1.5'",
237
- "computed": false
238
- }, {
239
- "value": "'2'",
240
- "computed": false
241
- }, {
242
- "value": "'3'",
243
- "computed": false
244
- }, {
245
- "value": "'4'",
246
- "computed": false
247
- }],
196
+ "computed": true,
197
+ "value": "SPACING_ENUMS",
248
198
  "required": false
249
199
  },
250
200
  "horizontal": {
251
201
  "name": "enum",
252
- "value": [{
253
- "value": "'none'",
254
- "computed": false
255
- }, {
256
- "value": "'0.25'",
257
- "computed": false
258
- }, {
259
- "value": "'0.5'",
260
- "computed": false
261
- }, {
262
- "value": "'0.75'",
263
- "computed": false
264
- }, {
265
- "value": "'1'",
266
- "computed": false
267
- }, {
268
- "value": "'1.5'",
269
- "computed": false
270
- }, {
271
- "value": "'2'",
272
- "computed": false
273
- }, {
274
- "value": "'3'",
275
- "computed": false
276
- }, {
277
- "value": "'4'",
278
- "computed": false
279
- }],
202
+ "computed": true,
203
+ "value": "SPACING_ENUMS",
280
204
  "required": false
281
205
  },
282
206
  "vertical": {
283
207
  "name": "enum",
284
- "value": [{
285
- "value": "'none'",
286
- "computed": false
287
- }, {
288
- "value": "'0.25'",
289
- "computed": false
290
- }, {
291
- "value": "'0.5'",
292
- "computed": false
293
- }, {
294
- "value": "'0.75'",
295
- "computed": false
296
- }, {
297
- "value": "'1'",
298
- "computed": false
299
- }, {
300
- "value": "'1.5'",
301
- "computed": false
302
- }, {
303
- "value": "'2'",
304
- "computed": false
305
- }, {
306
- "value": "'3'",
307
- "computed": false
308
- }, {
309
- "value": "'4'",
310
- "computed": false
311
- }],
208
+ "computed": true,
209
+ "value": "SPACING_ENUMS",
312
210
  "required": false
313
211
  },
314
212
  "top": {
315
213
  "name": "enum",
316
- "value": [{
317
- "value": "'none'",
318
- "computed": false
319
- }, {
320
- "value": "'0.25'",
321
- "computed": false
322
- }, {
323
- "value": "'0.5'",
324
- "computed": false
325
- }, {
326
- "value": "'0.75'",
327
- "computed": false
328
- }, {
329
- "value": "'1'",
330
- "computed": false
331
- }, {
332
- "value": "'1.5'",
333
- "computed": false
334
- }, {
335
- "value": "'2'",
336
- "computed": false
337
- }, {
338
- "value": "'3'",
339
- "computed": false
340
- }, {
341
- "value": "'4'",
342
- "computed": false
343
- }],
214
+ "computed": true,
215
+ "value": "SPACING_ENUMS",
344
216
  "required": false
345
217
  },
346
218
  "right": {
347
219
  "name": "enum",
348
- "value": [{
349
- "value": "'none'",
350
- "computed": false
351
- }, {
352
- "value": "'0.25'",
353
- "computed": false
354
- }, {
355
- "value": "'0.5'",
356
- "computed": false
357
- }, {
358
- "value": "'0.75'",
359
- "computed": false
360
- }, {
361
- "value": "'1'",
362
- "computed": false
363
- }, {
364
- "value": "'1.5'",
365
- "computed": false
366
- }, {
367
- "value": "'2'",
368
- "computed": false
369
- }, {
370
- "value": "'3'",
371
- "computed": false
372
- }, {
373
- "value": "'4'",
374
- "computed": false
375
- }],
220
+ "computed": true,
221
+ "value": "SPACING_ENUMS",
376
222
  "required": false
377
223
  },
378
224
  "bottom": {
379
225
  "name": "enum",
380
- "value": [{
381
- "value": "'none'",
382
- "computed": false
383
- }, {
384
- "value": "'0.25'",
385
- "computed": false
386
- }, {
387
- "value": "'0.5'",
388
- "computed": false
389
- }, {
390
- "value": "'0.75'",
391
- "computed": false
392
- }, {
393
- "value": "'1'",
394
- "computed": false
395
- }, {
396
- "value": "'1.5'",
397
- "computed": false
398
- }, {
399
- "value": "'2'",
400
- "computed": false
401
- }, {
402
- "value": "'3'",
403
- "computed": false
404
- }, {
405
- "value": "'4'",
406
- "computed": false
407
- }],
226
+ "computed": true,
227
+ "value": "SPACING_ENUMS",
408
228
  "required": false
409
229
  },
410
230
  "left": {
411
231
  "name": "enum",
412
- "value": [{
413
- "value": "'none'",
414
- "computed": false
415
- }, {
416
- "value": "'0.25'",
417
- "computed": false
418
- }, {
419
- "value": "'0.5'",
420
- "computed": false
421
- }, {
422
- "value": "'0.75'",
423
- "computed": false
424
- }, {
425
- "value": "'1'",
426
- "computed": false
427
- }, {
428
- "value": "'1.5'",
429
- "computed": false
430
- }, {
431
- "value": "'2'",
432
- "computed": false
433
- }, {
434
- "value": "'3'",
435
- "computed": false
436
- }, {
437
- "value": "'4'",
438
- "computed": false
439
- }],
232
+ "computed": true,
233
+ "value": "SPACING_ENUMS",
440
234
  "required": false
441
235
  }
442
236
  }
@@ -448,124 +242,8 @@ Modifier.__docgenInfo = {
448
242
  "width": {
449
243
  "type": {
450
244
  "name": "enum",
451
- "value": [{
452
- "value": "'none'",
453
- "computed": false
454
- }, {
455
- "value": "'0.25'",
456
- "computed": false
457
- }, {
458
- "value": "'0.5'",
459
- "computed": false
460
- }, {
461
- "value": "'0.75'",
462
- "computed": false
463
- }, {
464
- "value": "'1'",
465
- "computed": false
466
- }, {
467
- "value": "'1.5'",
468
- "computed": false
469
- }, {
470
- "value": "'2'",
471
- "computed": false
472
- }, {
473
- "value": "'3'",
474
- "computed": false
475
- }, {
476
- "value": "'4'",
477
- "computed": false
478
- }, {
479
- "value": "'5'",
480
- "computed": false
481
- }, {
482
- "value": "'6'",
483
- "computed": false
484
- }, {
485
- "value": "'7'",
486
- "computed": false
487
- }, {
488
- "value": "'8'",
489
- "computed": false
490
- }, {
491
- "value": "'10'",
492
- "computed": false
493
- }, {
494
- "value": "'12'",
495
- "computed": false
496
- }, {
497
- "value": "'14'",
498
- "computed": false
499
- }, {
500
- "value": "'16'",
501
- "computed": false
502
- }, {
503
- "value": "'18'",
504
- "computed": false
505
- }, {
506
- "value": "'20'",
507
- "computed": false
508
- }, {
509
- "value": "'22'",
510
- "computed": false
511
- }, {
512
- "value": "'24'",
513
- "computed": false
514
- }, {
515
- "value": "'26'",
516
- "computed": false
517
- }, {
518
- "value": "'28'",
519
- "computed": false
520
- }, {
521
- "value": "'30'",
522
- "computed": false
523
- }, {
524
- "value": "'32'",
525
- "computed": false
526
- }, {
527
- "value": "'36'",
528
- "computed": false
529
- }, {
530
- "value": "'40'",
531
- "computed": false
532
- }, {
533
- "value": "'48'",
534
- "computed": false
535
- }, {
536
- "value": "'60'",
537
- "computed": false
538
- }, {
539
- "value": "'10%'",
540
- "computed": false
541
- }, {
542
- "value": "'20%'",
543
- "computed": false
544
- }, {
545
- "value": "'30%'",
546
- "computed": false
547
- }, {
548
- "value": "'40%'",
549
- "computed": false
550
- }, {
551
- "value": "'50%'",
552
- "computed": false
553
- }, {
554
- "value": "'60%'",
555
- "computed": false
556
- }, {
557
- "value": "'70%'",
558
- "computed": false
559
- }, {
560
- "value": "'80%'",
561
- "computed": false
562
- }, {
563
- "value": "'90%'",
564
- "computed": false
565
- }, {
566
- "value": "'100%'",
567
- "computed": false
568
- }]
245
+ "computed": true,
246
+ "value": "DIMENSION_ENUMS"
569
247
  },
570
248
  "required": false,
571
249
  "description": ""
@@ -573,124 +251,8 @@ Modifier.__docgenInfo = {
573
251
  "height": {
574
252
  "type": {
575
253
  "name": "enum",
576
- "value": [{
577
- "value": "'none'",
578
- "computed": false
579
- }, {
580
- "value": "'0.25'",
581
- "computed": false
582
- }, {
583
- "value": "'0.5'",
584
- "computed": false
585
- }, {
586
- "value": "'0.75'",
587
- "computed": false
588
- }, {
589
- "value": "'1'",
590
- "computed": false
591
- }, {
592
- "value": "'1.5'",
593
- "computed": false
594
- }, {
595
- "value": "'2'",
596
- "computed": false
597
- }, {
598
- "value": "'3'",
599
- "computed": false
600
- }, {
601
- "value": "'4'",
602
- "computed": false
603
- }, {
604
- "value": "'5'",
605
- "computed": false
606
- }, {
607
- "value": "'6'",
608
- "computed": false
609
- }, {
610
- "value": "'7'",
611
- "computed": false
612
- }, {
613
- "value": "'8'",
614
- "computed": false
615
- }, {
616
- "value": "'10'",
617
- "computed": false
618
- }, {
619
- "value": "'12'",
620
- "computed": false
621
- }, {
622
- "value": "'14'",
623
- "computed": false
624
- }, {
625
- "value": "'16'",
626
- "computed": false
627
- }, {
628
- "value": "'18'",
629
- "computed": false
630
- }, {
631
- "value": "'20'",
632
- "computed": false
633
- }, {
634
- "value": "'22'",
635
- "computed": false
636
- }, {
637
- "value": "'24'",
638
- "computed": false
639
- }, {
640
- "value": "'26'",
641
- "computed": false
642
- }, {
643
- "value": "'28'",
644
- "computed": false
645
- }, {
646
- "value": "'30'",
647
- "computed": false
648
- }, {
649
- "value": "'32'",
650
- "computed": false
651
- }, {
652
- "value": "'36'",
653
- "computed": false
654
- }, {
655
- "value": "'40'",
656
- "computed": false
657
- }, {
658
- "value": "'48'",
659
- "computed": false
660
- }, {
661
- "value": "'60'",
662
- "computed": false
663
- }, {
664
- "value": "'10%'",
665
- "computed": false
666
- }, {
667
- "value": "'20%'",
668
- "computed": false
669
- }, {
670
- "value": "'30%'",
671
- "computed": false
672
- }, {
673
- "value": "'40%'",
674
- "computed": false
675
- }, {
676
- "value": "'50%'",
677
- "computed": false
678
- }, {
679
- "value": "'60%'",
680
- "computed": false
681
- }, {
682
- "value": "'70%'",
683
- "computed": false
684
- }, {
685
- "value": "'80%'",
686
- "computed": false
687
- }, {
688
- "value": "'90%'",
689
- "computed": false
690
- }, {
691
- "value": "'100%'",
692
- "computed": false
693
- }]
254
+ "computed": true,
255
+ "value": "DIMENSION_ENUMS"
694
256
  },
695
257
  "required": false,
696
258
  "description": ""
@@ -698,124 +260,8 @@ Modifier.__docgenInfo = {
698
260
  "maxWidth": {
699
261
  "type": {
700
262
  "name": "enum",
701
- "value": [{
702
- "value": "'none'",
703
- "computed": false
704
- }, {
705
- "value": "'0.25'",
706
- "computed": false
707
- }, {
708
- "value": "'0.5'",
709
- "computed": false
710
- }, {
711
- "value": "'0.75'",
712
- "computed": false
713
- }, {
714
- "value": "'1'",
715
- "computed": false
716
- }, {
717
- "value": "'1.5'",
718
- "computed": false
719
- }, {
720
- "value": "'2'",
721
- "computed": false
722
- }, {
723
- "value": "'3'",
724
- "computed": false
725
- }, {
726
- "value": "'4'",
727
- "computed": false
728
- }, {
729
- "value": "'5'",
730
- "computed": false
731
- }, {
732
- "value": "'6'",
733
- "computed": false
734
- }, {
735
- "value": "'7'",
736
- "computed": false
737
- }, {
738
- "value": "'8'",
739
- "computed": false
740
- }, {
741
- "value": "'10'",
742
- "computed": false
743
- }, {
744
- "value": "'12'",
745
- "computed": false
746
- }, {
747
- "value": "'14'",
748
- "computed": false
749
- }, {
750
- "value": "'16'",
751
- "computed": false
752
- }, {
753
- "value": "'18'",
754
- "computed": false
755
- }, {
756
- "value": "'20'",
757
- "computed": false
758
- }, {
759
- "value": "'22'",
760
- "computed": false
761
- }, {
762
- "value": "'24'",
763
- "computed": false
764
- }, {
765
- "value": "'26'",
766
- "computed": false
767
- }, {
768
- "value": "'28'",
769
- "computed": false
770
- }, {
771
- "value": "'30'",
772
- "computed": false
773
- }, {
774
- "value": "'32'",
775
- "computed": false
776
- }, {
777
- "value": "'36'",
778
- "computed": false
779
- }, {
780
- "value": "'40'",
781
- "computed": false
782
- }, {
783
- "value": "'48'",
784
- "computed": false
785
- }, {
786
- "value": "'60'",
787
- "computed": false
788
- }, {
789
- "value": "'10%'",
790
- "computed": false
791
- }, {
792
- "value": "'20%'",
793
- "computed": false
794
- }, {
795
- "value": "'30%'",
796
- "computed": false
797
- }, {
798
- "value": "'40%'",
799
- "computed": false
800
- }, {
801
- "value": "'50%'",
802
- "computed": false
803
- }, {
804
- "value": "'60%'",
805
- "computed": false
806
- }, {
807
- "value": "'70%'",
808
- "computed": false
809
- }, {
810
- "value": "'80%'",
811
- "computed": false
812
- }, {
813
- "value": "'90%'",
814
- "computed": false
815
- }, {
816
- "value": "'100%'",
817
- "computed": false
818
- }]
263
+ "computed": true,
264
+ "value": "DIMENSION_ENUMS"
819
265
  },
820
266
  "required": false,
821
267
  "description": ""