@dscout/particle 0.46.2 → 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 (401) hide show
  1. package/CHANGELOG.md +125 -11
  2. package/lib/components/advanced_options.js +92 -3
  3. package/lib/components/attribute_input.js +215 -0
  4. package/lib/components/attribute_selector.js +106 -22
  5. package/lib/components/avatar.js +98 -7
  6. package/lib/components/blitz.js +118 -8
  7. package/lib/components/button.js +261 -2
  8. package/lib/components/button_control.js +108 -2
  9. package/lib/components/button_icon.js +192 -0
  10. package/lib/components/button_mode.js +174 -2
  11. package/lib/components/button_plain.js +187 -0
  12. package/lib/components/card.js +237 -4
  13. package/lib/components/card_body.js +58 -1
  14. package/lib/components/card_footer.js +76 -2
  15. package/lib/components/cards.js +58 -1
  16. package/lib/components/checkbox_input.js +141 -6
  17. package/lib/components/chip.js +184 -0
  18. package/lib/components/collapsible.js +45 -10
  19. package/lib/components/collapsible_content.js +92 -9
  20. package/lib/components/collapsing_menu.js +102 -4
  21. package/lib/components/column.js +72 -1
  22. package/lib/components/common_button.js +172 -0
  23. package/lib/components/common_input.js +221 -18
  24. package/lib/components/common_menu_item.js +160 -9
  25. package/lib/components/container.js +65 -1
  26. package/lib/components/container_header.js +81 -1
  27. package/lib/components/container_inner.js +50 -1
  28. package/lib/components/controls.js +57 -0
  29. package/lib/components/drag_and_drop.js +173 -10
  30. package/lib/components/dropdown.js +228 -13
  31. package/lib/components/dropdown_input_toggle.js +127 -9
  32. package/lib/components/editing_container.js +157 -14
  33. package/lib/components/email_input.js +207 -0
  34. package/lib/components/file_input.js +125 -3
  35. package/lib/components/flex.js +216 -28
  36. package/lib/components/focus_intent.js +84 -10
  37. package/lib/components/focus_trap.js +103 -2
  38. package/lib/components/footnote.js +60 -1
  39. package/lib/components/formatted_text.js +61 -0
  40. package/lib/components/heading.js +219 -3
  41. package/lib/components/input_addon.js +115 -0
  42. package/lib/components/input_group.js +81 -0
  43. package/lib/components/input_group_item.js +132 -0
  44. package/lib/components/list.js +92 -3
  45. package/lib/components/list_inline.js +91 -3
  46. package/lib/components/media_query.js +52 -5
  47. package/lib/components/menu.js +91 -2
  48. package/lib/components/menu_item.js +116 -1
  49. package/lib/components/menu_item_li.js +152 -11
  50. package/lib/components/menu_link.js +162 -1
  51. package/lib/components/menu_list.js +79 -4
  52. package/lib/components/menu_section.js +66 -2
  53. package/lib/components/menu_title.js +58 -1
  54. package/lib/components/modal.js +223 -22
  55. package/lib/components/modifier.js +241 -14
  56. package/lib/components/number_input.js +215 -0
  57. package/lib/components/password_input.js +207 -0
  58. package/lib/components/pill.js +96 -1
  59. package/lib/components/radio_input.js +133 -5
  60. package/lib/components/range_input.js +128 -5
  61. package/lib/components/row.js +86 -1
  62. package/lib/components/search_input.js +175 -0
  63. package/lib/components/segmented_controls.js +58 -1
  64. package/lib/components/select_input.js +173 -15
  65. package/lib/components/separator.js +137 -6
  66. package/lib/components/speech_bubble.js +126 -8
  67. package/lib/components/swappable_content.js +99 -9
  68. package/lib/components/tags_input.js +199 -15
  69. package/lib/components/text_input.js +207 -0
  70. package/lib/components/textarea.js +187 -11
  71. package/lib/components/theme_provider.js +172 -0
  72. package/lib/components/thumbnail.js +94 -8
  73. package/lib/components/togglable_fieldset.js +110 -14
  74. package/lib/components/toggle.js +93 -1
  75. package/lib/components/tooltip.js +144 -4
  76. package/lib/components/tooltip_container.js +144 -5
  77. package/lib/components/with_addons.js +121 -0
  78. package/lib/icons/alert.js +6 -0
  79. package/lib/icons/amazing_emoticon.js +6 -0
  80. package/lib/icons/analysis.js +6 -0
  81. package/lib/icons/approve_payment.js +6 -0
  82. package/lib/icons/archive.js +6 -0
  83. package/lib/icons/arrow_up.js +6 -0
  84. package/lib/icons/autotag.js +88 -0
  85. package/lib/icons/bell.js +6 -0
  86. package/lib/icons/bookmark.js +26 -2
  87. package/lib/icons/camera.js +6 -0
  88. package/lib/icons/checkbox_check.js +44 -2
  89. package/lib/icons/checkbox_indeterminate.js +44 -2
  90. package/lib/icons/checkmark.js +6 -0
  91. package/lib/icons/{speaker_on.js → checkpoint.js} +14 -13
  92. package/lib/icons/chevron.js +6 -0
  93. package/lib/icons/choice.js +6 -0
  94. package/lib/icons/circle.js +6 -0
  95. package/lib/icons/circle_checkmark.js +88 -0
  96. package/lib/icons/circle_chevron.js +6 -0
  97. package/lib/icons/circle_clone.js +6 -0
  98. package/lib/icons/circle_i.js +6 -0
  99. package/lib/icons/circle_minus.js +6 -0
  100. package/lib/icons/circle_plus.js +6 -0
  101. package/lib/icons/circle_question.js +6 -0
  102. package/lib/icons/circle_x.js +6 -0
  103. package/lib/icons/clip.js +122 -34
  104. package/lib/icons/clock.js +93 -1
  105. package/lib/icons/clone.js +6 -0
  106. package/lib/icons/column.js +81 -0
  107. package/lib/icons/common_svg.js +172 -19
  108. package/lib/icons/download.js +6 -0
  109. package/lib/icons/drag_dots.js +6 -0
  110. package/lib/icons/dscout.js +6 -0
  111. package/lib/icons/edit.js +6 -0
  112. package/lib/icons/email.js +6 -0
  113. package/lib/icons/export.js +6 -0
  114. package/lib/icons/express_mission.js +11 -1
  115. package/lib/icons/express_mission_card.js +6 -0
  116. package/lib/icons/external_link.js +6 -0
  117. package/lib/icons/eye.js +95 -0
  118. package/lib/icons/file_type_text.js +6 -0
  119. package/lib/icons/filter.js +6 -0
  120. package/lib/icons/fit.js +6 -0
  121. package/lib/icons/folder.js +88 -0
  122. package/lib/icons/good_emoticon.js +6 -0
  123. package/lib/icons/grid.js +6 -0
  124. package/lib/icons/grip.js +6 -0
  125. package/lib/icons/heart.js +95 -0
  126. package/lib/icons/highlighter.js +6 -0
  127. package/lib/icons/icon_with_count.js +82 -5
  128. package/lib/icons/image_file.js +6 -0
  129. package/lib/icons/key.js +6 -0
  130. package/lib/icons/knockout.js +6 -0
  131. package/lib/icons/link.js +6 -0
  132. package/lib/icons/live_mission.js +11 -1
  133. package/lib/icons/live_mission_card.js +6 -0
  134. package/lib/icons/live_notes.js +88 -0
  135. package/lib/icons/location.js +88 -0
  136. package/lib/icons/lock.js +88 -0
  137. package/lib/icons/map.js +6 -0
  138. package/lib/icons/media.js +6 -0
  139. package/lib/icons/media_upload.js +6 -0
  140. package/lib/icons/mic.js +95 -0
  141. package/lib/icons/minus.js +6 -0
  142. package/lib/icons/mission.js +11 -1
  143. package/lib/icons/mission_card.js +6 -0
  144. package/lib/icons/mobile.js +88 -0
  145. package/lib/icons/more.js +6 -0
  146. package/lib/icons/note.js +88 -0
  147. package/lib/icons/number.js +6 -0
  148. package/lib/icons/observer.js +6 -0
  149. package/lib/icons/open_ended.js +6 -0
  150. package/lib/icons/payment.js +6 -0
  151. package/lib/icons/pen.js +6 -0
  152. package/lib/icons/pin.js +88 -0
  153. package/lib/icons/play.js +6 -0
  154. package/lib/icons/plus.js +6 -0
  155. package/lib/icons/poor_emoticon.js +6 -0
  156. package/lib/icons/power.js +6 -0
  157. package/lib/icons/profile.js +6 -0
  158. package/lib/icons/prop_types.js +9 -6
  159. package/lib/icons/quotation_mark.js +6 -0
  160. package/lib/icons/radio_circle.js +87 -0
  161. package/lib/icons/randomize.js +6 -0
  162. package/lib/icons/remote.js +6 -0
  163. package/lib/icons/responses.js +6 -0
  164. package/lib/icons/rocket.js +6 -0
  165. package/lib/icons/round_arrow_down_left.js +6 -0
  166. package/lib/icons/round_arrow_right.js +6 -0
  167. package/lib/icons/row.js +81 -0
  168. package/lib/icons/scale.js +6 -0
  169. package/lib/icons/screen.js +95 -0
  170. package/lib/icons/screen_share.js +6 -0
  171. package/lib/icons/screener.js +11 -1
  172. package/lib/icons/screener_card.js +6 -0
  173. package/lib/icons/screener_small.js +6 -0
  174. package/lib/icons/send_payment.js +6 -0
  175. package/lib/icons/settings.js +6 -0
  176. package/lib/icons/settings_alt.js +6 -0
  177. package/lib/icons/share.js +6 -0
  178. package/lib/icons/sidebar.js +6 -0
  179. package/lib/icons/skip_end.js +6 -0
  180. package/lib/icons/sort_asc.js +6 -0
  181. package/lib/icons/sort_desc.js +6 -0
  182. package/lib/icons/speech_bubble.js +95 -0
  183. package/lib/icons/spinner.js +88 -0
  184. package/lib/icons/spinner_progress.js +6 -0
  185. package/lib/icons/spreadsheet_file.js +6 -0
  186. package/lib/icons/stacked_missions.js +6 -0
  187. package/lib/icons/star.js +95 -0
  188. package/lib/icons/stim.js +88 -0
  189. package/lib/icons/summary.js +6 -0
  190. package/lib/icons/tag.js +95 -0
  191. package/lib/icons/tag_group.js +81 -0
  192. package/lib/icons/team.js +6 -0
  193. package/lib/icons/thumbs_down.js +6 -0
  194. package/lib/icons/thumbs_up.js +6 -0
  195. package/lib/icons/translate.js +6 -0
  196. package/lib/icons/trash.js +6 -0
  197. package/lib/icons/triangle_inverted.js +90 -0
  198. package/lib/icons/type_video.js +6 -0
  199. package/lib/icons/upload.js +6 -0
  200. package/lib/icons/video_fast_forward.js +85 -0
  201. package/lib/icons/video_next.js +85 -0
  202. package/lib/icons/video_pause.js +85 -0
  203. package/lib/icons/video_play.js +85 -0
  204. package/lib/icons/video_skip.js +85 -0
  205. package/lib/icons/videocamera.js +95 -0
  206. package/lib/icons/wand.js +6 -0
  207. package/lib/icons/wifi.js +6 -0
  208. package/lib/icons/x.js +6 -0
  209. package/lib/index.js +64 -68
  210. package/lib/stylesheets/particle.css +3710 -4065
  211. package/lib/stylesheets/particle.min.css +1 -2
  212. package/lib/stylesheets/particle.min.css.gz +0 -0
  213. package/lib/utils/class_names.js +8 -4
  214. package/lib/utils/dom.js +8 -4
  215. package/lib/utils/props.js +26 -2
  216. package/lib/utils/strings.js +6 -0
  217. package/lib/utils/types.js +1 -1
  218. package/package.json +10 -6
  219. package/styles/_base.scss +57 -9
  220. package/styles/_mixins.scss +10 -290
  221. package/styles/_reset.scss +12 -21
  222. package/styles/_theme_builder.scss +356 -0
  223. package/styles/_variables.scss +67 -36
  224. package/styles/components/_focus-intent.scss +3 -3
  225. package/styles/components/_icons.scss +0 -7
  226. package/styles/components/_links.scss +0 -36
  227. package/styles/components/attribute_selector/_base.scss +60 -0
  228. package/styles/components/attribute_selector/themes/_bandit.scss +18 -0
  229. package/styles/components/attribute_selector/themes/_researcher.scss +6 -0
  230. package/styles/components/attribute_selector/themes/_theme_builder.scss +33 -0
  231. package/styles/components/{_avatar.scss → avatar/_base.scss} +8 -10
  232. package/styles/components/avatar/themes/_bandit.scss +5 -0
  233. package/styles/components/avatar/themes/_researcher.scss +5 -0
  234. package/styles/components/avatar/themes/_theme_builder.scss +7 -0
  235. package/styles/components/{_blitz.scss → blitz/_base.scss} +14 -10
  236. package/styles/components/blitz/themes/_bandit.scss +5 -0
  237. package/styles/components/blitz/themes/_researcher.scss +6 -0
  238. package/styles/components/blitz/themes/_theme_builder.scss +1 -0
  239. package/styles/components/buttons/_base.scss +510 -0
  240. package/styles/components/buttons/themes/_bandit.scss +25 -0
  241. package/styles/components/buttons/themes/_researcher.scss +6 -0
  242. package/styles/components/buttons/themes/_theme_builder.scss +89 -0
  243. package/styles/components/card/_base.scss +88 -0
  244. package/styles/components/card/themes/_bandit.scss +5 -0
  245. package/styles/components/card/themes/_researcher.scss +5 -0
  246. package/styles/components/card/themes/_theme_builder.scss +25 -0
  247. package/styles/components/chip/_base.scss +38 -0
  248. package/styles/components/chip/themes/_bandit.scss +12 -0
  249. package/styles/components/chip/themes/_researcher.scss +5 -0
  250. package/styles/components/chip/themes/_theme_builder.scss +19 -0
  251. package/styles/components/collapsible/_base.scss +33 -0
  252. package/styles/components/collapsible/themes/_bandit.scss +5 -0
  253. package/styles/components/collapsible/themes/_researcher.scss +5 -0
  254. package/styles/components/collapsible/themes/_theme_builder.scss +1 -0
  255. package/styles/components/container/_base.scss +49 -0
  256. package/styles/components/container/themes/_bandit.scss +6 -0
  257. package/styles/components/container/themes/_researcher.scss +6 -0
  258. package/styles/components/container/themes/_theme_builder.scss +15 -0
  259. package/styles/components/drag_and_drop/_base.scss +46 -0
  260. package/styles/components/drag_and_drop/themes/_bandit.scss +7 -0
  261. package/styles/components/drag_and_drop/themes/_researcher.scss +6 -0
  262. package/styles/components/drag_and_drop/themes/_theme_builder.scss +21 -0
  263. package/styles/components/dropdown/_base.scss +62 -0
  264. package/styles/components/dropdown/themes/_bandit.scss +7 -0
  265. package/styles/components/dropdown/themes/_researcher.scss +6 -0
  266. package/styles/components/dropdown/themes/_theme_builder.scss +5 -0
  267. package/styles/components/footnote/_base.scss +11 -0
  268. package/styles/components/footnote/themes/_bandit.scss +5 -0
  269. package/styles/components/footnote/themes/_researcher.scss +5 -0
  270. package/styles/components/footnote/themes/_theme_builder.scss +1 -0
  271. package/styles/components/grid/_base.scss +41 -0
  272. package/styles/components/grid/themes/_bandit.scss +5 -0
  273. package/styles/components/grid/themes/_researcher.scss +5 -0
  274. package/styles/components/grid/themes/_theme_builder.scss +1 -0
  275. package/styles/components/input_group/_base.scss +74 -0
  276. package/styles/components/input_group/themes/_bandit.scss +7 -0
  277. package/styles/components/input_group/themes/_researcher.scss +6 -0
  278. package/styles/components/input_group/themes/_theme_builder.scss +5 -0
  279. package/styles/components/inputs/_base.scss +84 -0
  280. package/styles/components/inputs/themes/_bandit.scss +30 -0
  281. package/styles/components/inputs/themes/_researcher.scss +6 -0
  282. package/styles/components/inputs/themes/_theme_builder.scss +62 -0
  283. package/styles/components/{_list.scss → list/_base.scss} +39 -47
  284. package/styles/components/list/themes/_bandit.scss +5 -0
  285. package/styles/components/list/themes/_researcher.scss +6 -0
  286. package/styles/components/list/themes/_theme_builder.scss +1 -0
  287. package/styles/components/menu/_base.scss +184 -0
  288. package/styles/components/menu/themes/_bandit.scss +6 -0
  289. package/styles/components/menu/themes/_researcher.scss +6 -0
  290. package/styles/components/menu/themes/_theme_builder.scss +13 -0
  291. package/styles/components/modal/base.scss +69 -0
  292. package/styles/components/modal/themes/_bandit.scss +5 -0
  293. package/styles/components/modal/themes/_researcher.scss +6 -0
  294. package/styles/components/modal/themes/_theme_builder.scss +9 -0
  295. package/styles/components/pill/_base.scss +42 -0
  296. package/styles/components/pill/themes/_bandit.scss +6 -0
  297. package/styles/components/pill/themes/_researcher.scss +6 -0
  298. package/styles/components/pill/themes/_theme_builder.scss +11 -0
  299. package/styles/components/range/_base.scss +85 -0
  300. package/styles/components/range/themes/_bandit.scss +15 -0
  301. package/styles/components/range/themes/_researcher.scss +6 -0
  302. package/styles/components/range/themes/_theme_builder.scss +35 -0
  303. package/styles/components/segmented_controls/_base.scss +71 -0
  304. package/styles/components/segmented_controls/themes/_bandit.scss +6 -0
  305. package/styles/components/segmented_controls/themes/_researcher.scss +6 -0
  306. package/styles/components/segmented_controls/themes/_theme_builder.scss +1 -0
  307. package/styles/components/selectors/_base.scss +153 -0
  308. package/styles/components/selectors/themes/_bandit.scss +49 -0
  309. package/styles/components/selectors/themes/_researcher.scss +6 -0
  310. package/styles/components/selectors/themes/_theme_builder.scss +93 -0
  311. package/styles/components/separator/_base.scss +11 -0
  312. package/styles/components/separator/themes/_bandit.scss +5 -0
  313. package/styles/components/separator/themes/_researcher.scss +6 -0
  314. package/styles/components/separator/themes/_theme_builder.scss +1 -0
  315. package/styles/components/speech_bubble/_base.scss +34 -0
  316. package/styles/components/speech_bubble/themes/_bandit.scss +5 -0
  317. package/styles/components/speech_bubble/themes/_researcher.scss +6 -0
  318. package/styles/components/speech_bubble/themes/_theme_builder.scss +1 -0
  319. package/styles/components/swappable/_base.scss +41 -0
  320. package/styles/components/swappable/themes/_bandit.scss +5 -0
  321. package/styles/components/swappable/themes/_researcher.scss +6 -0
  322. package/styles/components/swappable/themes/_theme_builder.scss +1 -0
  323. package/styles/components/tags/_base.scss +27 -0
  324. package/styles/components/tags/themes/_bandit.scss +5 -0
  325. package/styles/components/tags/themes/_researcher.scss +6 -0
  326. package/styles/components/tags/themes/_theme_builder.scss +1 -0
  327. package/styles/components/thumbnail/_base.scss +32 -0
  328. package/styles/components/thumbnail/themes/_bandit.scss +5 -0
  329. package/styles/components/thumbnail/themes/_researcher.scss +5 -0
  330. package/styles/components/thumbnail/themes/_theme_builder.scss +5 -0
  331. package/styles/components/toggle/_base.scss +83 -0
  332. package/styles/components/toggle/themes/_bandit.scss +26 -0
  333. package/styles/components/toggle/themes/_researcher.scss +6 -0
  334. package/styles/components/toggle/themes/_theme_builder.scss +51 -0
  335. package/styles/components/tooltip/_base.scss +127 -0
  336. package/styles/components/tooltip/themes/_bandit.scss +5 -0
  337. package/styles/components/tooltip/themes/_researcher.scss +6 -0
  338. package/styles/components/tooltip/themes/_theme_builder.scss +1 -0
  339. package/styles/css_variables/_bandit.scss +45 -0
  340. package/styles/css_variables/_researcher.scss +5 -0
  341. package/styles/particle.scss +48 -36
  342. package/styles/themes/_bandit.scss +9 -0
  343. package/styles/themes/_researcher.scss +9 -0
  344. package/styles/utilities/_alignment.scss +199 -0
  345. package/styles/utilities/_borders.scss +50 -0
  346. package/styles/utilities/_colors.scss +606 -0
  347. package/styles/utilities/_dimensions.scss +265 -0
  348. package/styles/utilities/_display.scss +71 -0
  349. package/styles/utilities/_overflow.scss +74 -0
  350. package/styles/utilities/_position.scss +107 -0
  351. package/styles/utilities/_radii.scss +70 -0
  352. package/styles/utilities/_resizing.scss +42 -0
  353. package/styles/utilities/_shadows.scss +74 -0
  354. package/styles/utilities/_spacing.scss +579 -0
  355. package/styles/utilities/_typography.scss +409 -0
  356. package/styles/utilities/_visibility.scss +36 -0
  357. package/styles/utilities/_z_index.scss +24 -0
  358. package/lib/components/bug.js +0 -61
  359. package/lib/components/button_group.js +0 -55
  360. package/lib/components/button_link.js +0 -70
  361. package/lib/components/button_primary.js +0 -112
  362. package/lib/components/button_secondary.js +0 -93
  363. package/lib/components/fieldset.js +0 -59
  364. package/lib/components/scene.js +0 -68
  365. package/lib/components/validation_message.js +0 -49
  366. package/lib/components/with_affix.js +0 -114
  367. package/lib/icons/checkpoint/_checkpoint_filled.js +0 -32
  368. package/lib/icons/checkpoint/_checkpoint_unfilled.js +0 -29
  369. package/lib/icons/checkpoint/checkpoint.js +0 -57
  370. package/lib/utils/colors.js +0 -32
  371. package/styles/_borders.scss +0 -204
  372. package/styles/_colors.scss +0 -847
  373. package/styles/_helpers.scss +0 -660
  374. package/styles/_spacing.scss +0 -753
  375. package/styles/_typography.scss +0 -340
  376. package/styles/components/_affix.scss +0 -74
  377. package/styles/components/_attribute-selector.scss +0 -38
  378. package/styles/components/_bug.scss +0 -285
  379. package/styles/components/_buttons.scss +0 -1366
  380. package/styles/components/_card.scss +0 -113
  381. package/styles/components/_collapsible.scss +0 -30
  382. package/styles/components/_container.scss +0 -62
  383. package/styles/components/_drag_and_drop.scss +0 -42
  384. package/styles/components/_dropdown-input.scss +0 -45
  385. package/styles/components/_dropdown.scss +0 -31
  386. package/styles/components/_file-input.scss +0 -11
  387. package/styles/components/_flex.scss +0 -130
  388. package/styles/components/_footnote.scss +0 -15
  389. package/styles/components/_forms.scss +0 -474
  390. package/styles/components/_grid.scss +0 -90
  391. package/styles/components/_menu.scss +0 -183
  392. package/styles/components/_modal.scss +0 -74
  393. package/styles/components/_pill.scss +0 -101
  394. package/styles/components/_preview.scss +0 -30
  395. package/styles/components/_scene.scss +0 -46
  396. package/styles/components/_segmented-controls.scss +0 -51
  397. package/styles/components/_separator.scss +0 -48
  398. package/styles/components/_speech-bubble.scss +0 -29
  399. package/styles/components/_swappable.scss +0 -38
  400. package/styles/components/_tags.scss +0 -20
  401. package/styles/components/_tooltip.scss +0 -135
package/styles/components/_bug.scss DELETED
@@ -1,285 +0,0 @@
1
- @import '../variables';
2
-
3
- .bug {
4
- background-color: $color--main;
5
- border-radius: $radius--tiny;
6
- display: inline-block;
7
- font-size: $font-size--xs;
8
- letter-spacing: $tracked--loose;
9
- line-height: $line-height--solid;
10
- padding: grid-units(2) $space--m;
11
- position: relative;
12
- text-transform: uppercase;
13
-
14
- .btn & {
15
- font-size: $font-size--xs;
16
- margin: 0 0 0 $space--m;
17
- padding: grid-units(1.5) grid-units(2);
18
- }
19
-
20
- .btn--priority-1 &,
21
- .btn--priority-2 & {
22
- font-size: $font-size--xs;
23
- }
24
- }
25
-
26
- // === COLORS === //
27
-
28
- .bug--archived {
29
- background-color: $color--archive;
30
- color: $color--invert;
31
-
32
- &.bug--outline {
33
- background: none;
34
- box-shadow: inset 0 0 0 1px rgba($color--archive, 0.5);
35
- color: $color--archive;
36
- }
37
- }
38
-
39
- .bug--closed {
40
- background-color: $color--close;
41
- color: $color--invert;
42
-
43
- &.bug--outline {
44
- background: none;
45
- box-shadow: inset 0 0 0 1px rgba($color--close, 0.5);
46
- color: $color--close;
47
- }
48
- }
49
-
50
- .bug--coachmark {
51
- background-color: $color--coachmark;
52
- color: $color--invert;
53
-
54
- &.bug--outline {
55
- background: none;
56
- box-shadow: inset 0 0 0 1px rgba($color--coachmark, 0.5);
57
- color: $color--coachmark;
58
- }
59
- }
60
-
61
- .bug--default {
62
- background-color: $color--main;
63
- color: $color--invert;
64
-
65
- &.bug--outline {
66
- background: none;
67
- box-shadow: inset 0 0 0 1px rgba($color--main, 0.4);
68
- color: $color--main;
69
- }
70
- }
71
-
72
- .bug--draft {
73
- background-color: $color--dem;
74
- color: $color--invert;
75
-
76
- &.bug--outline {
77
- background: none;
78
- box-shadow: inset 0 0 0 1px rgba($color--dem, 0.2);
79
- color: $color--main-light;
80
- }
81
- }
82
-
83
- .bug--dscout {
84
- background-color: $color--dscout;
85
- color: $color--invert;
86
-
87
- &.bug--outline {
88
- background: none;
89
- box-shadow: inset 0 0 0 1px rgba($color--dscout, 0.5);
90
- color: $color--dscout;
91
- }
92
- }
93
-
94
- .bug--open {
95
- background-color: $color--success;
96
- color: $color--invert;
97
-
98
- &.bug--outline {
99
- background: none;
100
- box-shadow: inset 0 0 0 1px rgba($color--success, 0.5);
101
- color: $color--success;
102
- }
103
- }
104
-
105
- .bug--screener {
106
- background-color: $color--screener;
107
- color: $color--invert;
108
-
109
- &.bug--outline {
110
- background: none;
111
- box-shadow: inset 0 0 0 1px rgba($color--screener, 0.5);
112
- color: $color--screener;
113
- }
114
- }
115
-
116
- .bug--main-light {
117
- background-color: $color--main-light;
118
- color: $color--invert;
119
-
120
- &.bug--outline {
121
- background: none;
122
- box-shadow: inset 0 0 0 1px rgba($color--main-light, 0.4);
123
- color: $color--main-light;
124
- }
125
- }
126
-
127
- .bug--diary {
128
- background-color: $color--diary;
129
- color: $color--invert;
130
-
131
- &.bug--outline {
132
- background: none;
133
- box-shadow: inset 0 0 0 1px rgba($color--diary, 0.5);
134
- color: $color--diary;
135
- }
136
- }
137
-
138
- .bug--live {
139
- background-color: $color--live;
140
- color: $color--invert;
141
-
142
- &.bug--outline {
143
- background: none;
144
- box-shadow: inset 0 0 0 1px rgba($color--live, 0.5);
145
- color: $color--live;
146
- }
147
- }
148
-
149
- .bug--test {
150
- background-color: $color--test;
151
- color: $color--invert;
152
-
153
- &.bug--outline {
154
- background: none;
155
- box-shadow: inset 0 0 0 1px rgba($color--test, 0.5);
156
- color: $color--test;
157
- }
158
- }
159
-
160
- @for $num from 0 through 9 {
161
- .bug--part-#{$num} {
162
- @include link-part-color($num);
163
-
164
- color: $color--invert;
165
-
166
- &.bug--outline {
167
- background: none;
168
- box-shadow: inset 0 0 0 1px rgba(nth($part-colors, $num + 1), 0.5);
169
- color: nth($part-colors, $num + 1);
170
- }
171
- }
172
- }
173
-
174
- // === SCENES === //
175
-
176
- .day-scene {
177
- .bug {
178
- background-color: $color--main;
179
-
180
- &.bug--outline {
181
- background: none;
182
- box-shadow: inset 0 0 0 1px rgba($color--main, 0.5);
183
- color: $color--main;
184
- }
185
- }
186
-
187
- .bug--draft {
188
- background-color: rgba($color--main, 0.5) !important;
189
- color: $color--main;
190
-
191
- &.bug--outline {
192
- background: none !important;
193
- box-shadow: inset 0 0 0 1px rgba($color--main, 0.2);
194
- color: rgba($color--main, 0.5);
195
- }
196
- }
197
- }
198
-
199
- .night-scene {
200
- .bug,
201
- .bug--default {
202
- background-color: $color--invert;
203
-
204
- &.bug--outline {
205
- background: none;
206
- box-shadow: inset 0 0 0 1px rgba($color--invert, 0.5);
207
- color: $color--invert;
208
- }
209
- }
210
-
211
- .bug--draft {
212
- background-color: rgba($color--invert, 0.5) !important;
213
- color: $color--invert;
214
-
215
- &.bug--outline {
216
- background: none !important;
217
- box-shadow: inset 0 0 0 1px rgba($color--invert, 0.2);
218
- color: rgba($color--invert, 0.5);
219
- }
220
- }
221
- }
222
-
223
- // === HUES === //
224
-
225
- .hue--alert {
226
- .bug,
227
- .bug--default {
228
- background-color: $color--invert;
229
- color: $color--alert;
230
- }
231
- }
232
-
233
- .hue--closed {
234
- .bug,
235
- .bug--default {
236
- background-color: $color--invert;
237
- color: $color--close;
238
- }
239
- }
240
-
241
- .hue--coachmark {
242
- .bug,
243
- .bug--default {
244
- background-color: $color--invert;
245
- color: $color--coachmark;
246
- }
247
- }
248
-
249
- .hue--dscout {
250
- .bug,
251
- .bug--default {
252
- background-color: $color--invert;
253
- color: $color--dscout;
254
- }
255
- }
256
-
257
- .hue--main {
258
- .bug,
259
- .bug--default {
260
- color: $color--main;
261
- }
262
- }
263
-
264
- .hue--note {
265
- .bug,
266
- .bug--default {
267
- color: $color--note;
268
- }
269
- }
270
-
271
- .hue--success {
272
- .bug,
273
- .bug--default {
274
- background-color: $color--invert;
275
- color: $color--success;
276
- }
277
- }
278
-
279
- .hue--test {
280
- .bug,
281
- .bug--default {
282
- background-color: $color--invert;
283
- color: $color--test;
284
- }
285
- }