@dscout/particle 1.0.0-alpha.3 → 1.0.0-alpha.4

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 (59) hide show
  1. package/lib/components/attribute_input.js +6 -3
  2. package/lib/components/attribute_selector.js +33 -17
  3. package/lib/components/avatar.js +2 -2
  4. package/lib/components/button.js +7 -1
  5. package/lib/components/button_control.js +1 -1
  6. package/lib/components/button_icon.js +3 -1
  7. package/lib/components/container.js +3 -1
  8. package/lib/components/file_input.js +1 -1
  9. package/lib/components/input_group.js +13 -2
  10. package/lib/components/modal.js +47 -20
  11. package/lib/components/tags_input.js +3 -3
  12. package/lib/components/theme_provider.js +170 -39
  13. package/lib/components/tooltip_container.js +1 -1
  14. package/lib/icons/circle_plus.js +4 -3
  15. package/lib/icons/exclude.js +81 -0
  16. package/lib/icons/multi_exclude.js +93 -0
  17. package/lib/icons/prop_types.js +1 -0
  18. package/lib/icons/reinclude.js +81 -0
  19. package/lib/icons/speaker_on.js +68 -0
  20. package/lib/index.js +32 -0
  21. package/lib/stylesheets/particle.css +628 -200
  22. package/lib/stylesheets/particle.css.map +1 -1
  23. package/lib/stylesheets/particle.min.css +1 -1
  24. package/lib/stylesheets/particle.min.css.gz +0 -0
  25. package/lib/utils/props.js +1 -1
  26. package/package.json +1 -1
  27. package/styles/_base.scss +0 -1
  28. package/styles/color_schemes/_bandit_dark.scss +53 -0
  29. package/styles/color_schemes/_bandit_dark_colors.scss +20 -0
  30. package/styles/color_schemes/_bandit_light.scss +6 -0
  31. package/styles/color_schemes/_bandit_light_colors.scss +20 -0
  32. package/styles/{themes/_researcher_colors.scss → color_schemes/_base_colors.scss} +8 -8
  33. package/styles/color_schemes/_color_scheme_builder.scss +169 -0
  34. package/styles/color_schemes/_index.scss +12 -0
  35. package/styles/color_schemes/_researcher_dark.scss +52 -0
  36. package/styles/color_schemes/_researcher_dark_colors.scss +14 -0
  37. package/styles/color_schemes/_researcher_light.scss +6 -0
  38. package/styles/color_schemes/_researcher_light_colors.scss +4 -0
  39. package/styles/components/_focus-intent.scss +2 -2
  40. package/styles/components/attribute_selector/_base.scss +23 -3
  41. package/styles/components/attribute_selector/themes/_theme_builder.scss +8 -6
  42. package/styles/components/avatar/_base.scss +4 -3
  43. package/styles/components/buttons/_base.scss +92 -12
  44. package/styles/components/buttons/themes/_theme_builder.scss +3 -3
  45. package/styles/components/dropdown/_base.scss +1 -0
  46. package/styles/components/grid/_base.scss +2 -1
  47. package/styles/components/input_group/_base.scss +3 -3
  48. package/styles/components/modal/base.scss +7 -10
  49. package/styles/components/pill/_base.scss +1 -1
  50. package/styles/components/toggle/_base.scss +1 -1
  51. package/styles/components/tooltip/_base.scss +8 -1
  52. package/styles/functions/_colors.scss +33 -0
  53. package/styles/particle.scss +3 -22
  54. package/styles/themes/_bandit.scss +5 -7
  55. package/styles/themes/_researcher.scss +1 -3
  56. package/styles/themes/_theme_builder.scss +4 -149
  57. package/styles/utilities/_colors.scss +61 -58
  58. package/styles/utilities/_typography.scss +5 -0
  59. package/styles/themes/_bandit_colors.scss +0 -9
package/styles/utilities/_colors.scss CHANGED
@@ -1,73 +1,76 @@
1
1
  $colors: (
2
- main,
3
- gray-1,
4
- gray-2,
5
- gray-3,
6
- gray-4,
7
- gray-5,
8
- gray-6,
9
- invert,
10
- none,
2
+ 'main',
3
+ 'gray-1',
4
+ 'gray-2',
5
+ 'gray-3',
6
+ 'gray-4',
7
+ 'gray-5',
8
+ 'gray-6',
9
+ 'invert',
10
+ 'none',
11
11
 
12
- dscout-light,
13
- dscout,
14
- dscout-dark,
15
- dscout-darkest,
12
+ 'black',
13
+ 'white',
14
+
15
+ 'dscout-light',
16
+ 'dscout',
17
+ 'dscout-dark',
18
+ 'dscout-darkest',
16
19
 
17
- alert-light,
18
- alert,
19
- alert-dark,
20
- alert-darkest,
20
+ 'alert-light',
21
+ 'alert',
22
+ 'alert-dark',
23
+ 'alert-darkest',
21
24
 
22
- coachmark-light,
23
- coachmark,
24
- coachmark-dark,
25
- coachmark-darkest,
25
+ 'coachmark-light',
26
+ 'coachmark',
27
+ 'coachmark-dark',
28
+ 'coachmark-darkest',
26
29
 
27
- close-light,
28
- close,
29
- close-dark,
30
- close-darkest,
30
+ 'close-light',
31
+ 'close',
32
+ 'close-dark',
33
+ 'close-darkest',
31
34
 
32
- success-light,
33
- success,
34
- success-dark,
35
- success-darkest,
35
+ 'success-light',
36
+ 'success',
37
+ 'success-dark',
38
+ 'success-darkest',
36
39
 
37
- archive-light,
38
- archive,
39
- archive-dark,
40
- archive-darkest,
40
+ 'archive-light',
41
+ 'archive',
42
+ 'archive-dark',
43
+ 'archive-darkest',
41
44
 
42
- note-light,
43
- note,
44
- note-dark,
45
- note-darkest,
45
+ 'note-light',
46
+ 'note',
47
+ 'note-dark',
48
+ 'note-darkest',
46
49
 
47
- marker-light,
48
- marker,
49
- marker-dark,
50
- marker-darkest,
50
+ 'marker-light',
51
+ 'marker',
52
+ 'marker-dark',
53
+ 'marker-darkest',
51
54
 
52
- test-light,
53
- test,
54
- test-dark,
55
- test-darkest,
55
+ 'test-light',
56
+ 'test',
57
+ 'test-dark',
58
+ 'test-darkest',
56
59
 
57
- diary,
58
- live,
59
- screener,
60
+ 'diary',
61
+ 'live',
62
+ 'screener',
60
63
 
61
- part-0,
62
- part-1,
63
- part-2,
64
- part-3,
65
- part-4,
66
- part-5,
67
- part-6,
68
- part-7,
69
- part-8,
70
- part-9
64
+ 'part-0',
65
+ 'part-1',
66
+ 'part-2',
67
+ 'part-3',
68
+ 'part-4',
69
+ 'part-5',
70
+ 'part-6',
71
+ 'part-7',
72
+ 'part-8',
73
+ 'part-9'
71
74
  );
72
75
 
73
76
  @each $enum in $colors {
package/styles/utilities/_typography.scss CHANGED
@@ -51,6 +51,11 @@
51
51
  .font-weight--9 { font-weight: 900; }
52
52
 
53
53
 
54
+ /*=== Font style ===*/
55
+
56
+ .font-style--italic { font-style: italic; }
57
+ .font-style--normal { font-style: normal; }
58
+
54
59
  /*=== Text transform ===*/
55
60
 
56
61
  .text-transform--c { text-transform: capitalize; }
package/styles/themes/_bandit_colors.scss DELETED
@@ -1,9 +0,0 @@
1
- // The Bandit theme extends the Researcher theme's color palette.
2
- @import 'researcher_colors';
3
-
4
- $color--gray-1: #323232;
5
- $color--gray-2: #646464;
6
- $color--gray-3: #aeaeae;
7
- $color--gray-4: #dedede;
8
- $color--gray-5: #f0f0f0;
9
- $color--gray-6: #fafafa;