testio-tailwind 0.1.0 → 0.2.1

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 (380) hide show
  1. package/.circleci/config.yml +217 -0
  2. package/.dockerignore +4 -0
  3. package/.eleventy.js +57 -57
  4. package/Dockerfile +27 -0
  5. package/LICENSE +21 -21
  6. package/README.md +43 -43
  7. package/icon-classes-extractor.js +29 -29
  8. package/index.html +399 -478
  9. package/package.json +66 -66
  10. package/src/_data/navigation.json +44 -44
  11. package/src/_data/site.js +12 -12
  12. package/src/_includes/card_popover.haml +7 -7
  13. package/src/_includes/example-header-customer.pug +99 -99
  14. package/src/_includes/example-header-manager.njk +53 -53
  15. package/src/_includes/example-header-tester.njk +99 -99
  16. package/src/_includes/example-header.njk +50 -50
  17. package/src/_includes/page-with-sidebar-nocode.njk +46 -46
  18. package/src/_includes/page-with-sidebar.njk +46 -46
  19. package/src/_includes/page.njk +38 -38
  20. package/src/_layouts/base.njk +83 -83
  21. package/src/_layouts/email-template.njk +90 -90
  22. package/src/_layouts/page-example-customer.njk +74 -74
  23. package/src/_layouts/page-example-manager.njk +74 -74
  24. package/src/_layouts/page-example-tester.njk +75 -75
  25. package/src/_layouts/page-example.njk +83 -83
  26. package/src/assets/images/Cirro-App-Defaultimage.svg +25 -25
  27. package/src/assets/images/arrow-down.svg +13 -13
  28. package/src/assets/images/arrow-left.svg +13 -13
  29. package/src/assets/images/arrow-right.svg +13 -13
  30. package/src/assets/images/arrow-thick-left.svg +13 -13
  31. package/src/assets/images/arrow-thick-right.svg +13 -13
  32. package/src/assets/images/arrow-up.svg +13 -13
  33. package/src/assets/images/at-sign.svg +12 -12
  34. package/src/assets/images/attachment-fallbackimage.svg +19 -19
  35. package/src/assets/images/attachment.svg +8 -8
  36. package/src/assets/images/bell-smile-xl.svg +18 -18
  37. package/src/assets/images/blocked.svg +7 -7
  38. package/src/assets/images/bug-chat-xl.svg +15 -15
  39. package/src/assets/images/bug-deceased-xl.svg +15 -15
  40. package/src/assets/images/bug-reproduction.svg +14 -14
  41. package/src/assets/images/bug-sad-xl.svg +13 -13
  42. package/src/assets/images/bug-search-xl.svg +18 -18
  43. package/src/assets/images/bug-sleeping-xl.svg +14 -14
  44. package/src/assets/images/bug-smile-xl.svg +9 -9
  45. package/src/assets/images/calendar.svg +15 -15
  46. package/src/assets/images/caret-down-centered.svg +6 -6
  47. package/src/assets/images/caret-down.svg +11 -11
  48. package/src/assets/images/caret-left-centered.svg +6 -6
  49. package/src/assets/images/caret-left.svg +6 -6
  50. package/src/assets/images/caret-right-centered.svg +6 -6
  51. package/src/assets/images/caret-right.svg +6 -6
  52. package/src/assets/images/caret-up-centered.svg +6 -6
  53. package/src/assets/images/caret-up.svg +11 -11
  54. package/src/assets/images/check-circle-filled-white.svg +9 -9
  55. package/src/assets/images/check-circle-filled.svg +12 -12
  56. package/src/assets/images/check-circle.svg +7 -7
  57. package/src/assets/images/check-selectable-items.svg +11 -11
  58. package/src/assets/images/check-thick-outline.svg +11 -11
  59. package/src/assets/images/check-thick.svg +6 -6
  60. package/src/assets/images/check.svg +17 -17
  61. package/src/assets/images/checkbox-background-black.svg +6 -6
  62. package/src/assets/images/checkbox-background-sm.svg +12 -12
  63. package/src/assets/images/checkbox-background-white.svg +6 -6
  64. package/src/assets/images/checkbox-background.svg +6 -6
  65. package/src/assets/images/checkbox-sm-checked.svg +11 -11
  66. package/src/assets/images/circle-empty-white.svg +6 -6
  67. package/src/assets/images/circle-sm-filled.svg +6 -6
  68. package/src/assets/images/clock.svg +12 -12
  69. package/src/assets/images/cross-circle-filled.svg +6 -6
  70. package/src/assets/images/cross-circle.svg +7 -7
  71. package/src/assets/images/cross-thick.svg +15 -15
  72. package/src/assets/images/cross.svg +7 -7
  73. package/src/assets/images/exclamation-circle-filled.svg +11 -11
  74. package/src/assets/images/exclamation-circle.svg +12 -12
  75. package/src/assets/images/feature-check.svg +9 -9
  76. package/src/assets/images/feature-cross.svg +10 -10
  77. package/src/assets/images/feature-draft.svg +14 -14
  78. package/src/assets/images/feature.svg +8 -8
  79. package/src/assets/images/file-image-plus-lg.svg +19 -19
  80. package/src/assets/images/file-image-plus-xl.svg +20 -20
  81. package/src/assets/images/format-bold.svg +11 -11
  82. package/src/assets/images/format-code.svg +12 -12
  83. package/src/assets/images/format-heading.svg +11 -11
  84. package/src/assets/images/format-indent-decrease.svg +11 -11
  85. package/src/assets/images/format-indent-increase.svg +11 -11
  86. package/src/assets/images/format-italic.svg +11 -11
  87. package/src/assets/images/format-link.svg +11 -11
  88. package/src/assets/images/format-list-bulleted.svg +17 -17
  89. package/src/assets/images/format-list-numbered.svg +17 -17
  90. package/src/assets/images/format-mark.svg +13 -13
  91. package/src/assets/images/format-quote.svg +17 -17
  92. package/src/assets/images/format-strikethrough.svg +11 -11
  93. package/src/assets/images/forward.svg +11 -11
  94. package/src/assets/images/google_signin.svg +22 -22
  95. package/src/assets/images/info-circle-cirro.svg +21 -21
  96. package/src/assets/images/info-circle-ux.svg +21 -21
  97. package/src/assets/images/lock.svg +15 -15
  98. package/src/assets/images/logo-mobile-cloud.svg +12 -12
  99. package/src/assets/images/logo-testio/testio_horizontal_black.svg +14 -14
  100. package/src/assets/images/logo-testio/testio_horizontal_icon_black.svg +25 -25
  101. package/src/assets/images/logo-testio/testio_horizontal_icon_purple_black.svg +27 -27
  102. package/src/assets/images/logo-testio/testio_horizontal_icon_purple_white.svg +25 -25
  103. package/src/assets/images/logo-testio/testio_horizontal_icon_white.svg +25 -25
  104. package/src/assets/images/logo-testio/testio_horizontal_purple_black.svg +9 -9
  105. package/src/assets/images/logo-testio/testio_horizontal_purple_white.svg +14 -14
  106. package/src/assets/images/logo-testio/testio_horizontal_purpleteal_black.svg +21 -21
  107. package/src/assets/images/logo-testio/testio_horizontal_purpleteal_white.svg +19 -19
  108. package/src/assets/images/logo-testio/testio_horizontal_teal_black.svg +14 -14
  109. package/src/assets/images/logo-testio/testio_horizontal_teal_white.svg +14 -14
  110. package/src/assets/images/logo-testio/testio_horizontal_tealpurple_black.svg +21 -21
  111. package/src/assets/images/logo-testio/testio_horizontal_tealpurple_white.svg +21 -21
  112. package/src/assets/images/logo-testio/testio_horizontal_white.svg +14 -14
  113. package/src/assets/images/logo-testio/testio_symbol_black_round.svg +11 -11
  114. package/src/assets/images/logo-testio/testio_symbol_purple.svg +15 -15
  115. package/src/assets/images/logo-testio/testio_symbol_purpleteal_round.svg +18 -18
  116. package/src/assets/images/logo-testio/testio_symbol_purpleteal_square.svg +18 -18
  117. package/src/assets/images/logo-testio/testio_symbol_teal.svg +15 -15
  118. package/src/assets/images/logo-testio/testio_symbol_tealpurple_round.svg +18 -18
  119. package/src/assets/images/logo-testio/testio_symbol_tealpurple_square.svg +18 -18
  120. package/src/assets/images/logo-testio/testio_symbol_white_round.svg +11 -11
  121. package/src/assets/images/logo-testio/testio_typo_black.svg +11 -11
  122. package/src/assets/images/logo-testio/testio_typo_white.svg +11 -11
  123. package/src/assets/images/logo-testio/testio_vertical_purpleteal_black.svg +19 -19
  124. package/src/assets/images/logo-testio/testio_vertical_purpleteal_white.svg +19 -19
  125. package/src/assets/images/logo-testio/testio_vertical_tealpurple_black.svg +19 -19
  126. package/src/assets/images/logo-testio/testio_vertical_tealpurple_white.svg +19 -19
  127. package/src/assets/images/message-feedback.svg +10 -10
  128. package/src/assets/images/message-question-filled.svg +6 -6
  129. package/src/assets/images/message-question.svg +8 -8
  130. package/src/assets/images/message.svg +11 -11
  131. package/src/assets/images/question-circle.svg +24 -24
  132. package/src/assets/images/radio-checked-black.svg +5 -5
  133. package/src/assets/images/redo.svg +7 -7
  134. package/src/assets/images/remove.svg +6 -6
  135. package/src/assets/images/search.svg +11 -11
  136. package/src/assets/images/seat.svg +14 -14
  137. package/src/assets/images/section.svg +8 -8
  138. package/src/assets/images/sendmessage.svg +15 -15
  139. package/src/assets/images/speaker.svg +10 -10
  140. package/src/assets/images/test-archived.svg +12 -12
  141. package/src/assets/images/test-automation.svg +8 -8
  142. package/src/assets/images/test-check.svg +9 -9
  143. package/src/assets/images/test-ended.svg +9 -9
  144. package/src/assets/images/test-failed.svg +10 -10
  145. package/src/assets/images/test-initialized.svg +10 -10
  146. package/src/assets/images/test-locked.svg +15 -15
  147. package/src/assets/images/test-plus.svg +11 -11
  148. package/src/assets/images/test-promoted.svg +9 -9
  149. package/src/assets/images/test-running.svg +9 -9
  150. package/src/assets/images/test-stopped.svg +17 -17
  151. package/src/assets/images/test.svg +8 -8
  152. package/src/assets/images/testcase.svg +10 -10
  153. package/src/assets/images/triangle-centered-down.svg +12 -12
  154. package/src/assets/images/triangle-centered-left.svg +12 -12
  155. package/src/assets/images/triangle-centered-right.svg +12 -12
  156. package/src/assets/images/triangle-centered-up.svg +12 -12
  157. package/src/assets/images/triangle-down.svg +5 -5
  158. package/src/assets/images/triangle-up.svg +5 -5
  159. package/src/assets/images/undo.svg +7 -7
  160. package/src/assets/images/verify-exclamation.svg +11 -11
  161. package/src/assets/scripts/app.js +150 -150
  162. package/src/assets/scripts/modules/colors.js +10 -10
  163. package/src/assets/scripts/modules/echarts_area.js +94 -94
  164. package/src/assets/scripts/modules/echarts_donut.js +85 -85
  165. package/src/assets/scripts/modules/echarts_exampledata.js +105 -105
  166. package/src/assets/scripts/modules/echarts_exampleseries.js +146 -146
  167. package/src/assets/scripts/modules/echarts_gauge.js +74 -74
  168. package/src/assets/scripts/modules/echarts_horizontal.js +80 -80
  169. package/src/assets/scripts/modules/echarts_legend.js +12 -12
  170. package/src/assets/scripts/modules/echarts_vertical.js +80 -80
  171. package/src/assets/stylesheets/app.css +77 -76
  172. package/src/assets/stylesheets/components/actionbar.css +41 -41
  173. package/src/assets/stylesheets/components/alerts.css +50 -50
  174. package/src/assets/stylesheets/components/banner_card.css +56 -56
  175. package/src/assets/stylesheets/components/buttons.css +192 -192
  176. package/src/assets/stylesheets/components/cards.css +148 -148
  177. package/src/assets/stylesheets/components/chat.css +265 -265
  178. package/src/assets/stylesheets/components/checkboxes_radiobuttons.css +173 -173
  179. package/src/assets/stylesheets/components/customer/customer_header.css +97 -97
  180. package/src/assets/stylesheets/components/customer/customer_productcards.css +212 -212
  181. package/src/assets/stylesheets/components/customer/customer_sidebar.css +76 -76
  182. package/src/assets/stylesheets/components/devices.css +77 -83
  183. package/src/assets/stylesheets/components/drawer.css +99 -99
  184. package/src/assets/stylesheets/components/dropdown.css +92 -92
  185. package/src/assets/stylesheets/components/emptystate_message.css +41 -41
  186. package/src/assets/stylesheets/components/form_card.css +20 -20
  187. package/src/assets/stylesheets/components/form_grid.css +11 -11
  188. package/src/assets/stylesheets/components/forms.css +106 -106
  189. package/src/assets/stylesheets/components/header.css +220 -220
  190. package/src/assets/stylesheets/components/iconfont.css +3303 -3303
  191. package/src/assets/stylesheets/components/icons.css +142 -142
  192. package/src/assets/stylesheets/components/images.css +27 -27
  193. package/src/assets/stylesheets/components/layout.css +37 -82
  194. package/src/assets/stylesheets/components/list_item.css +285 -281
  195. package/src/assets/stylesheets/components/lists.css +67 -67
  196. package/src/assets/stylesheets/components/loading_spinner.css +104 -104
  197. package/src/assets/stylesheets/components/manager/manager_header.css +50 -50
  198. package/src/assets/stylesheets/components/manager/manager_sidebar.css +76 -76
  199. package/src/assets/stylesheets/components/markdown_trix_styles.css +200 -200
  200. package/src/assets/stylesheets/components/metasidebar.css +56 -56
  201. package/src/assets/stylesheets/components/metrics.css +12 -12
  202. package/src/assets/stylesheets/components/modals.css +105 -105
  203. package/src/assets/stylesheets/components/notifications.css +154 -154
  204. package/src/assets/stylesheets/components/popover.css +120 -120
  205. package/src/assets/stylesheets/components/progress.css +69 -69
  206. package/src/assets/stylesheets/components/radio_tabs.css +59 -59
  207. package/src/assets/stylesheets/components/reset.css +26 -26
  208. package/src/assets/stylesheets/components/resultmodule.css +132 -132
  209. package/src/assets/stylesheets/components/search.css +110 -110
  210. package/src/assets/stylesheets/components/sections.css +97 -97
  211. package/src/assets/stylesheets/components/select.css +50 -50
  212. package/src/assets/stylesheets/components/select2.css +252 -252
  213. package/src/assets/stylesheets/components/selectable_token.css +223 -223
  214. package/src/assets/stylesheets/components/sidebar.css +480 -480
  215. package/src/assets/stylesheets/components/splitview.css +307 -304
  216. package/src/assets/stylesheets/components/tables.css +108 -108
  217. package/src/assets/stylesheets/components/tabs.css +121 -121
  218. package/src/assets/stylesheets/components/tags.css +28 -28
  219. package/src/assets/stylesheets/components/task_issue_item.css +78 -78
  220. package/src/assets/stylesheets/components/test_header.css +167 -0
  221. package/src/assets/stylesheets/components/test_item.css +89 -89
  222. package/src/assets/stylesheets/components/tester/tester_cards.css +143 -143
  223. package/src/assets/stylesheets/components/tester/tester_header.css +37 -37
  224. package/src/assets/stylesheets/components/tester/tester_sidebar.css +92 -92
  225. package/src/assets/stylesheets/components/toggleswitch.css +118 -118
  226. package/src/assets/stylesheets/components/tom_select.css +186 -186
  227. package/src/assets/stylesheets/components/trix_editor.css +174 -174
  228. package/src/assets/stylesheets/components/typography.css +81 -81
  229. package/src/assets/stylesheets/components/uploads.css +194 -194
  230. package/src/assets/stylesheets/components/user_item.css +57 -57
  231. package/src/assets/stylesheets/designsystem-styles.css +81 -81
  232. package/src/assets/stylesheets/postcss.config.js +16 -16
  233. package/src/assets/stylesheets/tailwind.config.js +331 -331
  234. package/src/humans.txt.njk +10 -10
  235. package/src/index.pug +16 -16
  236. package/src/pages/buttons/block.haml +39 -39
  237. package/src/pages/buttons/buttons-lg.haml +20 -20
  238. package/src/pages/buttons/buttons-sm.haml +41 -41
  239. package/src/pages/buttons/buttons-xl.haml +23 -23
  240. package/src/pages/buttons/buttons.haml +58 -58
  241. package/src/pages/buttons/buttons_input.haml +39 -39
  242. package/src/pages/buttons/dropdown-menu.haml +73 -73
  243. package/src/pages/buttons/index.njk +7 -7
  244. package/src/pages/buttons/info_popover.haml +32 -32
  245. package/src/pages/buttons/link-with-icon.haml +13 -13
  246. package/src/pages/buttons/square-buttons.haml +55 -55
  247. package/src/pages/charts/area.haml +215 -215
  248. package/src/pages/charts/bar_horizontal.haml +335 -335
  249. package/src/pages/charts/bar_vertical.haml +391 -391
  250. package/src/pages/charts/donut.haml +269 -269
  251. package/src/pages/charts/gauge.haml +214 -214
  252. package/src/pages/charts/index.njk +6 -6
  253. package/src/pages/ci.pug +8 -8
  254. package/src/pages/colors.pug +147 -147
  255. package/src/pages/components/alerts.haml +31 -31
  256. package/src/pages/components/banner_cards.haml +45 -45
  257. package/src/pages/components/cards.haml +111 -111
  258. package/src/pages/components/cards_customer.haml +487 -487
  259. package/src/pages/components/cards_fixedwidth.haml +135 -135
  260. package/src/pages/components/cards_iconheader.haml +57 -57
  261. package/src/pages/components/cards_tester.haml +159 -159
  262. package/src/pages/components/chat_window.haml +240 -240
  263. package/src/pages/components/comments_bug_preview.haml +29 -29
  264. package/src/pages/components/comments_chatmessages.haml +229 -229
  265. package/src/pages/components/descriptionlist.haml +47 -47
  266. package/src/pages/components/devices.haml +115 -115
  267. package/src/pages/components/drawer.haml +49 -49
  268. package/src/pages/components/drawer_filter.haml +76 -76
  269. package/src/pages/components/emptystate.haml +15 -15
  270. package/src/pages/components/index.njk +6 -6
  271. package/src/pages/components/issue-item.haml +18 -18
  272. package/src/pages/components/listitem_with_footer.haml +208 -208
  273. package/src/pages/components/listitems.haml +136 -136
  274. package/src/pages/components/listitems_badge.haml +36 -36
  275. package/src/pages/components/listitems_collapsable.haml +117 -117
  276. package/src/pages/components/listitems_nested.haml +50 -50
  277. package/src/pages/components/listitems_selectable.haml +59 -59
  278. package/src/pages/components/listitems_white.haml +82 -82
  279. package/src/pages/components/loading_spinner.haml +11 -11
  280. package/src/pages/components/metasidebar.haml +13 -13
  281. package/src/pages/components/modal_details.haml +68 -68
  282. package/src/pages/components/notification_center.haml +48 -48
  283. package/src/pages/components/notifications.haml +42 -42
  284. package/src/pages/components/profilethumb.haml +27 -27
  285. package/src/pages/components/progress.haml +23 -23
  286. package/src/pages/components/resultmodule.haml +150 -150
  287. package/src/pages/components/resultmodule_testcase.haml +125 -125
  288. package/src/pages/components/section_collapsable.haml +24 -24
  289. package/src/pages/components/splitview_item.haml +111 -111
  290. package/src/pages/components/splitview_item_collapsable.haml +65 -65
  291. package/src/pages/components/tables.haml +57 -57
  292. package/src/pages/components/tables_linked.haml +29 -29
  293. package/src/pages/components/tags.haml +12 -12
  294. package/src/pages/components/task_item.haml +33 -33
  295. package/src/pages/components/test_item.haml +119 -119
  296. package/src/pages/components/tester_levels.haml +70 -70
  297. package/src/pages/components/user_item.haml +49 -49
  298. package/src/pages/examples/layout-actionbar.haml +267 -267
  299. package/src/pages/examples/layout-basic.haml +28 -28
  300. package/src/pages/examples/layout-chat.haml +327 -327
  301. package/src/pages/examples/layout-customer.haml +189 -189
  302. package/src/pages/examples/layout-form-sidebar-actionbar-metasidebar.haml +312 -312
  303. package/src/pages/examples/layout-manager.haml +98 -98
  304. package/src/pages/examples/layout-metasidebar.haml +269 -269
  305. package/src/pages/examples/layout-sidebar-actionbar-metasidebar.haml +308 -308
  306. package/src/pages/examples/layout-sidebar-actionbar.haml +308 -308
  307. package/src/pages/examples/layout-sidebar.haml +296 -296
  308. package/src/pages/examples/layout-tester.haml +105 -105
  309. package/src/pages/examples/splitview-testcases.haml +477 -477
  310. package/src/pages/examples/splitview.haml +389 -389
  311. package/src/pages/forms/checkboxes.haml +64 -64
  312. package/src/pages/forms/checkboxes_devices.haml +45 -45
  313. package/src/pages/forms/form-addon.haml +16 -16
  314. package/src/pages/forms/form-card.haml +36 -36
  315. package/src/pages/forms/form-grid.haml +16 -16
  316. package/src/pages/forms/form_grid_narrow.haml +18 -18
  317. package/src/pages/forms/forms.haml +22 -22
  318. package/src/pages/forms/index.njk +6 -6
  319. package/src/pages/forms/radiobuttons.haml +50 -50
  320. package/src/pages/forms/rating_scale.haml +62 -62
  321. package/src/pages/forms/search.haml +71 -71
  322. package/src/pages/forms/select2.haml +72 -72
  323. package/src/pages/forms/select_native.haml +74 -74
  324. package/src/pages/forms/selectable_token.haml +49 -49
  325. package/src/pages/forms/selectable_token_browsers.haml +66 -66
  326. package/src/pages/forms/selectable_token_lg.haml +49 -49
  327. package/src/pages/forms/selectable_token_xl.haml +49 -49
  328. package/src/pages/forms/textarea.haml +24 -24
  329. package/src/pages/forms/toggle-buttons.haml +94 -94
  330. package/src/pages/forms/toggle-switch.haml +31 -31
  331. package/src/pages/forms/tomselect.haml +76 -76
  332. package/src/pages/forms/trix_editor.pug +10 -10
  333. package/src/pages/forms/uploads.pug +101 -101
  334. package/src/pages/icons/bug-icons.haml +75 -75
  335. package/src/pages/icons/index.njk +83 -83
  336. package/src/pages/icons/marketingicons.haml +15 -15
  337. package/src/pages/icons/status-icons.haml +38 -38
  338. package/src/pages/layout/app_layout.haml +27 -27
  339. package/src/pages/layout/index.njk +6 -6
  340. package/src/pages/layout/max_width.haml +49 -49
  341. package/src/pages/layout/spacing.haml +30 -30
  342. package/src/pages/navigation/header-manager.haml +73 -73
  343. package/src/pages/navigation/header-tester.haml +100 -100
  344. package/src/pages/navigation/header.haml +76 -76
  345. package/src/pages/navigation/header_customer.haml +77 -77
  346. package/src/pages/navigation/header_tester_epam.haml +108 -108
  347. package/src/pages/navigation/index.njk +7 -7
  348. package/src/pages/navigation/product_dropdown.haml +65 -65
  349. package/src/pages/navigation/radio_tabs.haml +22 -22
  350. package/src/pages/navigation/sidebar-manager.haml +46 -46
  351. package/src/pages/navigation/sidebar-tester-elements.haml +105 -105
  352. package/src/pages/navigation/sidebar-tester-seatlimitation.haml +108 -108
  353. package/src/pages/navigation/sidebar-tester.haml +75 -75
  354. package/src/pages/navigation/sidebar.haml +46 -46
  355. package/src/pages/navigation/sidebar_collapsables.haml +136 -136
  356. package/src/pages/navigation/sidebar_customer.haml +146 -146
  357. package/src/pages/navigation/tabnavigation.haml +12 -12
  358. package/src/pages/navigation/tabnavigation_actions.haml +21 -21
  359. package/src/pages/navigation/tabnavigation_pills.haml +12 -12
  360. package/src/pages/navigation/test-header-tester.haml +178 -0
  361. package/src/pages/typography/index.njk +7 -7
  362. package/src/pages/typography/link_with_icon.haml +12 -12
  363. package/src/pages/typography/linked_icon.haml +10 -10
  364. package/src/pages/typography/markdown.md +112 -112
  365. package/src/pages/typography/section_header.haml +25 -25
  366. package/src/pages/typography/section_header_actions.haml +59 -59
  367. package/src/pages/typography/text_with_icon.haml +12 -12
  368. package/src/pages/typography/trix_styles.haml +127 -127
  369. package/src/pages/typography/typography.haml +51 -51
  370. package/src/sitemap.xml.njk +13 -13
  371. package/src/static/app.compiled.css +536 -208
  372. package/src/static/app.compiled.css.map +1 -1
  373. package/src/static/browserconfig.xml +9 -9
  374. package/src/static/site.webmanifest +3 -3
  375. package/utils/collections.js +29 -29
  376. package/utils/filters.js +11 -11
  377. package/utils/markdown.js +9 -9
  378. package/utils/shortcodes.js +6 -6
  379. package/utils/transforms.js +19 -19
  380. package/webpack.config.js +24 -24
package/src/pages/examples/splitview.haml CHANGED
@@ -1,390 +1,390 @@
1
- ---
2
- layout: page-example.njk
3
- title: "Splitview Layout"
4
- tags: "examples"
5
- ---
6
- %nav.sidebar{arialabel:'Sidebar'}
7
- %a.navlink.active{href:'#'}
8
- %span.navlink-badge.icon.icon-home
9
- Navlink active
10
- %a.navlink{href:'#'}
11
- %span.navlink-badge.icon.icon-bug
12
- Navlink
13
- %details
14
- %summary.navlink-container
15
- .navlink
16
- %span.navlink-badge.icon.icon-product
17
- Navlink collapsable
18
- %a.navlink{href:'#'}
19
- %span.navlink-badge.icon.icon-test
20
- Navlink children
21
- %a.navlink{href:'#'}
22
- %span.navlink-badge.icon.icon-test
23
- Navlink children
24
- %a.navlink{href:'#'}
25
- %span.navlink-badge.icon.icon-test
26
- Navlink children
27
- %a.navlink{href:'#'}
28
- %span.navlink-badge.icon.icon-test
29
- Navlink children
30
- %a.navlink{href:'#'}
31
- %span.navlink-badge.icon.icon-bug-reproduction
32
- Navlink with a long title to see how things are breaking into several lines and don't cause a broken layout
33
-
34
- %main.splitview-layout#ds-splitview-demo
35
- .splitview-header
36
- %h1 Splitview layout
37
- %p This is the header which will be independent from the 2 columns.
38
- .splitview-list-header
39
- .form-check.sm
40
- %input{type:'checkbox'}
41
- %h3.splitview-list-header-title 18 Bugs
42
- .splitview-list-header-actions
43
- %details.dropdown-actions.dropright
44
- %summary
45
- %a.link-with-icon{href:""}
46
- .icon.icon-sort-descending
47
- Severity (desc)
48
- .popover-menu
49
- %a.popover-action{href:'#'}
50
- %span.icon.icon-sort-descending
51
- Severity (desc)
52
- %a.popover-action{href:'#'}
53
- %span.icon.icon-sort-ascending
54
- Severity (asc)
55
- %a.popover-action{href:'#'}
56
- %span.icon.icon-sort-number-ascending
57
- Age (old to new)
58
- %a.popover-action{href:'#'}
59
- %span.icon.icon-sort-number-descending
60
- Age (new to old)
61
- %a.popover-action{href:'#'}
62
- %span.icon.icon-sort-az
63
- Title A-Z
64
- %a.popover-action{href:'#'}
65
- %span.icon.icon-sort-za
66
- Title Z-A
67
- %a.linked-icon{href:""}
68
- .icon.icon-filter
69
- %a.linked-icon{href:""}
70
- .icon.icon-search
71
- .splitview-list
72
- .splitview-item#ds-splitview-demo-item
73
- .splitview-item-checkbox.form-check.sm
74
- %input{type:'checkbox'}
75
- .splitview-item-icon.icon.icon-critical
76
- .splitview-item-text
77
- .splitview-item-title Select this splitscreen item to view a demo of the behavior
78
- .splitview-item-metainfo
79
- = "#123321321 | Product Detail Page"
80
- %br
81
- = "by ÜberTester | Submitted"
82
- .splitview-item-status
83
- .status-icon.status-submitted
84
- .splitview-item
85
- .splitview-item-checkbox.form-check.sm
86
- %input{type:'checkbox'}
87
- .splitview-item-icon.icon.icon-critical
88
- .splitview-item-text
89
- .splitview-item-title Selected splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
90
- .splitview-item-metainfo
91
- = "#123321321 | Product Detail Page"
92
- %br
93
- = "by ÜberTester | Submitted"
94
- .splitview-item-status
95
- .status-icon.status-submitted
96
- .status-icon.status-manager-question
97
- .status-icon.status-reproduction
98
- .splitview-item
99
- .splitview-item-checkbox.form-check.sm
100
- %input{type:'checkbox'}
101
- .splitview-item-icon.icon.icon-critical
102
- .splitview-item-text
103
- .splitview-item-title Splitview item title
104
- .splitview-item-metainfo
105
- = "#123321321 | Product Detail Page"
106
- %br
107
- = "by ÜberTester | Submitted"
108
- .splitview-item-status
109
- .status-icon.status-manager-approved
110
- .splitview-item
111
- .splitview-item-checkbox.form-check.sm
112
- %input{type:'checkbox'}
113
- .splitview-item-icon.icon.icon-critical
114
- .splitview-item-text
115
- .splitview-item-title Splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
116
- .splitview-item-metainfo
117
- = "#123321321 | Product Detail Page"
118
- %br
119
- = "by ÜberTester | Submitted"
120
- .splitview-item-status
121
- .status-icon.status-customer-approved
122
- .splitview-item
123
- .splitview-item-checkbox.form-check.sm
124
- %input{type:'checkbox'}
125
- .splitview-item-icon.icon.icon-critical
126
- .splitview-item-text
127
- .splitview-item-title Splitview item title
128
- .splitview-item-metainfo
129
- = "#123321321 | Product Detail Page"
130
- %br
131
- = "by ÜberTester | Submitted"
132
- .splitview-item-status
133
- .status-icon.status-customer-rejected
134
- .splitview-item
135
- .splitview-item-checkbox.form-check.sm
136
- %input{type:'checkbox'}
137
- .splitview-item-icon.icon.icon-critical
138
- .splitview-item-text
139
- .splitview-item-title Splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
140
- .splitview-item-metainfo
141
- = "#123321321 | Product Detail Page"
142
- %br
143
- = "by ÜberTester | Submitted"
144
- .list-tags
145
- .tag-item.focus-group Focus-group tag
146
- .splitview-item
147
- .splitview-item-checkbox.form-check.sm
148
- %input{type:'checkbox'}
149
- .splitview-item-icon.icon.icon-critical
150
- .splitview-item-text
151
- .splitview-item-title Splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
152
- .splitview-item-metainfo
153
- = "#123321321 | Product Detail Page"
154
- %br
155
- = "by ÜberTester | Submitted"
156
- .splitview-item
157
- .splitview-item-checkbox.form-check.sm
158
- %input{type:'checkbox'}
159
- .splitview-item-icon.icon.icon-critical
160
- .splitview-item-text
161
- .splitview-item-title Selected splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
162
- .splitview-item-metainfo
163
- = "#123321321 | Product Detail Page"
164
- %br
165
- = "by ÜberTester | Submitted"
166
- .splitview-item-status
167
- .status-icon.status-submitted
168
- .status-icon.status-manager-question
169
- .status-icon.status-reproduction
170
- .splitview-item
171
- .splitview-item-checkbox.form-check.sm
172
- %input{type:'checkbox'}
173
- .splitview-item-icon.icon.icon-critical
174
- .splitview-item-text
175
- .splitview-item-title Splitview item title
176
- .splitview-item-metainfo
177
- = "#123321321 | Product Detail Page"
178
- %br
179
- = "by ÜberTester | Submitted"
180
- .splitview-item-status
181
- .status-icon.status-manager-approved
182
- .splitview-item
183
- .splitview-item-checkbox.form-check.sm
184
- %input{type:'checkbox'}
185
- .splitview-item-icon.icon.icon-critical
186
- .splitview-item-text
187
- .splitview-item-title Splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
188
- .splitview-item-metainfo
189
- = "#123321321 | Product Detail Page"
190
- %br
191
- = "by ÜberTester | Submitted"
192
- .splitview-item-status
193
- .status-icon.status-customer-approved
194
- .splitview-item
195
- .splitview-item-checkbox.form-check.sm
196
- %input{type:'checkbox'}
197
- .splitview-item-icon.icon.icon-critical
198
- .splitview-item-text
199
- .splitview-item-title Splitview item title
200
- .splitview-item-metainfo
201
- = "#123321321 | Product Detail Page"
202
- %br
203
- = "by ÜberTester | Submitted"
204
- .splitview-item-status
205
- .status-icon.status-customer-rejected
206
- .splitview-item
207
- .splitview-item-checkbox.form-check.sm
208
- %input{type:'checkbox'}
209
- .splitview-item-icon.icon.icon-critical
210
- .splitview-item-text
211
- .splitview-item-title Splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
212
- .splitview-item-metainfo
213
- = "#123321321 | Product Detail Page"
214
- %br
215
- = "by ÜberTester | Submitted"
216
- .list-tags
217
- .tag-item.focus-group Focus-group tag
218
- .splitview-details
219
- .splitview-details-emptystate.empty-state-message.search Please select an item from the list to view its details.
220
- .splitview-details-content
221
- .splitview-details-header
222
- .icon.icon-critical
223
- %h3.splitview-details-title Error page is shown if Project Owner reject review after Automator left the project
224
- %a.btn.btn-sm.btn-square.btn-close-detailview#ds-demo-close-splitview{href: "#"}
225
- .icon.icon-cross
226
- .splitview-details-meta
227
- %dl.list-splitview-meta
228
- %dt Status
229
- %dd
230
- .text-with-icon
231
- .status-icon.status-submitted
232
- Submitted
233
- %dt Bug ID
234
- %dd #1799709
235
- %details.meta-collapsable
236
- %summary
237
- .summary-closed Show more
238
- .summary-open Show less
239
- %dl.list-splitview-meta
240
- %dt Bug Type
241
- %dd
242
- .text-with-icon
243
- .icon.icon-bug
244
- Functional
245
- %dt Reported on
246
- %dd October 5, 2021 11:48 AM
247
- %dt Severity
248
- %dd
249
- .text-with-icon
250
- .icon.icon-critical
251
- Critical
252
- %dt Feature
253
- %dd
254
- %a{href: ""} Feature name
255
- %dt Known Bug
256
- %dd
257
- .text-with-icon
258
- .icon.icon-bug-known
259
- No
260
- %dt Test ID
261
- %dd #88219
262
- %dt Tester
263
- %dd
264
- %details.dropdown-actions
265
- %summary
266
- .user-item.linked.sm
267
- %img{src:"/assets/images/placeholders/profile_supergirl.png"}
268
- User item with actions
269
- .popover-menu
270
- %a.popover-action{href:'#'}
271
- %span.icon.text-icon-default.icon-user-story-test
272
- Tester profile
273
- %a.popover-action{href:'#'}
274
- %span.icon.text-icon-default.icon-review-exclamation
275
- Report tester
276
- .gallery-single-line
277
- .gallery-nav-left
278
- %span.icon-arrow-left
279
- .gallery-nav-right
280
- %span.icon-arrow-right
281
- %ul.slides
282
- %li.list-inline-item.active
283
- %a{href: ""}
284
- %img{src:"/assets/images/placeholders/Approaches-desktop.png"}
285
- %section.splitview-details-content-grid
286
- .label URL
287
- %a{href: ""} https://www.url.com
288
- .label Steps
289
- .markdown
290
- %ol
291
- %li
292
- Go to
293
- %a{href: ""} https://www.url.com
294
- and login as crowd AUTOMATOR (
295
- %a{href: ""} email@qa.team
296
- \/ abc123 was in my case)
297
- %li Join a project, complete some automation task, and LEAVE the project
298
- %li
299
- Login
300
- %a{href: ""} https://www.url.com
301
- as project owner to perform review (
302
- %a{href: ""} email@qa.team
303
- \/ abc123 was in my case)
304
- %li Start to review the automated task and reject it approval
305
- .label Actual result
306
- .markdown
307
- %p Actual Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
308
- .label Expected result
309
- .markdown
310
- %p Expected Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
311
- %section
312
- .section-header
313
- %h5.section-title Attachments
314
- .attachments
315
- .attachment
316
- %a.attachment-thumb{href:"/assets/images/placeholders/bugdetails.png"}
317
- %img{src:'/assets/images/placeholders/bugdetails.png'}
318
- %a.attachment-name{href:"/assets/images/placeholders/bugdetails.png"} myfile-name.png
319
- .attachment
320
- %a.attachment-thumb{href:"/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png"}
321
- %img{src:'/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png'}
322
- %a.attachment-name{href:"/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png"} myfile-name-kjashdflkajsdflkjadsflkjhadsf.png
323
- .attachment
324
- %a.attachment-thumb{href:"/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png"}
325
- .attachment-icon.icon-xl.icon-review-xl
326
- %a.attachment-name{href:"/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png"} myfile-name-kjashdflkajsdflkjadsflkjhadsf.png
327
- %section
328
- .section-header
329
- %h5.section-title Reported on
330
- .list-devices.mb-sm
331
- .device
332
- .device-icon.icon-lg.icon-computer-windows-lg
333
- .device-info
334
- Desktop | Windows 11
335
- %ul.browser-list
336
- %li.icon.icon-chrome
337
- %li.icon.icon-edge-chromium
338
- %section
339
- .section-header
340
- %h5.section-title Comments
341
- .empty-state-message.chat No comments yet
342
- %footer.splitview-list-actionbar
343
- %button.btn.btn-default.btn-primary
344
- %span.icon.icon-check-circle-filled.mr-icon-spacing
345
- Primary
346
- %button.btn.btn-default.btn-secondary
347
- %span.icon.icon-check-circle-filled.mr-icon-spacing
348
- Secondary
349
- %button.btn.btn-default.btn-info
350
- %span.icon.icon-check-circle-filled.mr-icon-spacing
351
- Info
352
- %details.dropdown-actions.dropup.dropright
353
- %summary
354
- .btn.btn-square.btn-secondary
355
- .icon.text-icon-default.icon-more
356
- .popover-menu
357
- %a.popover-action{href:'#'}
358
- %span.icon.text-icon-default.icon-pencil
359
- Edit
360
- %a.popover-action{href:'#'}
361
- %span.icon.text-icon-default.icon-duplicate
362
- Duplicate
363
- %a.popover-action{href:'#'}
364
- %span.icon.text-icon-default.icon-remove
365
- Delete
366
- %button.btn-intercom
367
- %span.icon.icon-intercom
368
- %footer.splitview-details-actionbar
369
- %button.btn.btn-default.btn-primary
370
- %span.icon.icon-check-circle-filled.mr-icon-spacing
371
- Primary
372
- %button.btn.btn-default.btn-secondary
373
- %span.icon.icon-check-circle-filled.mr-icon-spacing
374
- Secondary
375
- %details.dropdown-actions.dropup.dropright
376
- %summary
377
- .btn.btn-square.btn-secondary
378
- .icon.text-icon-default.icon-more
379
- .popover-menu
380
- %a.popover-action{href:'#'}
381
- %span.icon.text-icon-default.icon-pencil
382
- Edit
383
- %a.popover-action{href:'#'}
384
- %span.icon.text-icon-default.icon-duplicate
385
- Duplicate
386
- %a.popover-action{href:'#'}
387
- %span.icon.text-icon-default.icon-remove
388
- Delete
389
- %button.btn-intercom
1
+ ---
2
+ layout: page-example.njk
3
+ title: "Splitview Layout"
4
+ tags: "examples"
5
+ ---
6
+ %nav.sidebar{arialabel:'Sidebar'}
7
+ %a.navlink.active{href:'#'}
8
+ %span.navlink-badge.icon.icon-home
9
+ Navlink active
10
+ %a.navlink{href:'#'}
11
+ %span.navlink-badge.icon.icon-bug
12
+ Navlink
13
+ %details
14
+ %summary.navlink-container
15
+ .navlink
16
+ %span.navlink-badge.icon.icon-product
17
+ Navlink collapsable
18
+ %a.navlink{href:'#'}
19
+ %span.navlink-badge.icon.icon-test
20
+ Navlink children
21
+ %a.navlink{href:'#'}
22
+ %span.navlink-badge.icon.icon-test
23
+ Navlink children
24
+ %a.navlink{href:'#'}
25
+ %span.navlink-badge.icon.icon-test
26
+ Navlink children
27
+ %a.navlink{href:'#'}
28
+ %span.navlink-badge.icon.icon-test
29
+ Navlink children
30
+ %a.navlink{href:'#'}
31
+ %span.navlink-badge.icon.icon-bug-reproduction
32
+ Navlink with a long title to see how things are breaking into several lines and don't cause a broken layout
33
+
34
+ %main.splitview-layout#ds-splitview-demo
35
+ .splitview-header
36
+ %h1 Splitview layout
37
+ %p This is the header which will be independent from the 2 columns.
38
+ .splitview-list-header
39
+ .form-check.sm
40
+ %input{type:'checkbox'}
41
+ %h3.splitview-list-header-title 18 Bugs
42
+ .splitview-list-header-actions
43
+ %details.dropdown-actions.dropright
44
+ %summary
45
+ %a.link-with-icon{href:""}
46
+ .icon.icon-sort-descending
47
+ Severity (desc)
48
+ .popover-menu
49
+ %a.popover-action{href:'#'}
50
+ %span.icon.icon-sort-descending
51
+ Severity (desc)
52
+ %a.popover-action{href:'#'}
53
+ %span.icon.icon-sort-ascending
54
+ Severity (asc)
55
+ %a.popover-action{href:'#'}
56
+ %span.icon.icon-sort-number-ascending
57
+ Age (old to new)
58
+ %a.popover-action{href:'#'}
59
+ %span.icon.icon-sort-number-descending
60
+ Age (new to old)
61
+ %a.popover-action{href:'#'}
62
+ %span.icon.icon-sort-az
63
+ Title A-Z
64
+ %a.popover-action{href:'#'}
65
+ %span.icon.icon-sort-za
66
+ Title Z-A
67
+ %a.linked-icon{href:""}
68
+ .icon.icon-filter
69
+ %a.linked-icon{href:""}
70
+ .icon.icon-search
71
+ .splitview-list
72
+ .splitview-item#ds-splitview-demo-item
73
+ .splitview-item-checkbox.form-check.sm
74
+ %input{type:'checkbox'}
75
+ .splitview-item-icon.icon.icon-critical
76
+ .splitview-item-text
77
+ .splitview-item-title Select this splitscreen item to view a demo of the behavior
78
+ .splitview-item-metainfo
79
+ = "#123321321 | Product Detail Page"
80
+ %br
81
+ = "by ÜberTester | Submitted"
82
+ .splitview-item-status
83
+ .status-icon.status-submitted
84
+ .splitview-item
85
+ .splitview-item-checkbox.form-check.sm
86
+ %input{type:'checkbox'}
87
+ .splitview-item-icon.icon.icon-critical
88
+ .splitview-item-text
89
+ .splitview-item-title Selected splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
90
+ .splitview-item-metainfo
91
+ = "#123321321 | Product Detail Page"
92
+ %br
93
+ = "by ÜberTester | Submitted"
94
+ .splitview-item-status
95
+ .status-icon.status-submitted
96
+ .status-icon.status-manager-question
97
+ .status-icon.status-reproduction
98
+ .splitview-item
99
+ .splitview-item-checkbox.form-check.sm
100
+ %input{type:'checkbox'}
101
+ .splitview-item-icon.icon.icon-critical
102
+ .splitview-item-text
103
+ .splitview-item-title Splitview item title
104
+ .splitview-item-metainfo
105
+ = "#123321321 | Product Detail Page"
106
+ %br
107
+ = "by ÜberTester | Submitted"
108
+ .splitview-item-status
109
+ .status-icon.status-manager-approved
110
+ .splitview-item
111
+ .splitview-item-checkbox.form-check.sm
112
+ %input{type:'checkbox'}
113
+ .splitview-item-icon.icon.icon-critical
114
+ .splitview-item-text
115
+ .splitview-item-title Splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
116
+ .splitview-item-metainfo
117
+ = "#123321321 | Product Detail Page"
118
+ %br
119
+ = "by ÜberTester | Submitted"
120
+ .splitview-item-status
121
+ .status-icon.status-customer-approved
122
+ .splitview-item
123
+ .splitview-item-checkbox.form-check.sm
124
+ %input{type:'checkbox'}
125
+ .splitview-item-icon.icon.icon-critical
126
+ .splitview-item-text
127
+ .splitview-item-title Splitview item title
128
+ .splitview-item-metainfo
129
+ = "#123321321 | Product Detail Page"
130
+ %br
131
+ = "by ÜberTester | Submitted"
132
+ .splitview-item-status
133
+ .status-icon.status-customer-rejected
134
+ .splitview-item
135
+ .splitview-item-checkbox.form-check.sm
136
+ %input{type:'checkbox'}
137
+ .splitview-item-icon.icon.icon-critical
138
+ .splitview-item-text
139
+ .splitview-item-title Splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
140
+ .splitview-item-metainfo
141
+ = "#123321321 | Product Detail Page"
142
+ %br
143
+ = "by ÜberTester | Submitted"
144
+ .list-tags
145
+ .tag-item.focus-group Focus-group tag
146
+ .splitview-item
147
+ .splitview-item-checkbox.form-check.sm
148
+ %input{type:'checkbox'}
149
+ .splitview-item-icon.icon.icon-critical
150
+ .splitview-item-text
151
+ .splitview-item-title Splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
152
+ .splitview-item-metainfo
153
+ = "#123321321 | Product Detail Page"
154
+ %br
155
+ = "by ÜberTester | Submitted"
156
+ .splitview-item
157
+ .splitview-item-checkbox.form-check.sm
158
+ %input{type:'checkbox'}
159
+ .splitview-item-icon.icon.icon-critical
160
+ .splitview-item-text
161
+ .splitview-item-title Selected splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
162
+ .splitview-item-metainfo
163
+ = "#123321321 | Product Detail Page"
164
+ %br
165
+ = "by ÜberTester | Submitted"
166
+ .splitview-item-status
167
+ .status-icon.status-submitted
168
+ .status-icon.status-manager-question
169
+ .status-icon.status-reproduction
170
+ .splitview-item
171
+ .splitview-item-checkbox.form-check.sm
172
+ %input{type:'checkbox'}
173
+ .splitview-item-icon.icon.icon-critical
174
+ .splitview-item-text
175
+ .splitview-item-title Splitview item title
176
+ .splitview-item-metainfo
177
+ = "#123321321 | Product Detail Page"
178
+ %br
179
+ = "by ÜberTester | Submitted"
180
+ .splitview-item-status
181
+ .status-icon.status-manager-approved
182
+ .splitview-item
183
+ .splitview-item-checkbox.form-check.sm
184
+ %input{type:'checkbox'}
185
+ .splitview-item-icon.icon.icon-critical
186
+ .splitview-item-text
187
+ .splitview-item-title Splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
188
+ .splitview-item-metainfo
189
+ = "#123321321 | Product Detail Page"
190
+ %br
191
+ = "by ÜberTester | Submitted"
192
+ .splitview-item-status
193
+ .status-icon.status-customer-approved
194
+ .splitview-item
195
+ .splitview-item-checkbox.form-check.sm
196
+ %input{type:'checkbox'}
197
+ .splitview-item-icon.icon.icon-critical
198
+ .splitview-item-text
199
+ .splitview-item-title Splitview item title
200
+ .splitview-item-metainfo
201
+ = "#123321321 | Product Detail Page"
202
+ %br
203
+ = "by ÜberTester | Submitted"
204
+ .splitview-item-status
205
+ .status-icon.status-customer-rejected
206
+ .splitview-item
207
+ .splitview-item-checkbox.form-check.sm
208
+ %input{type:'checkbox'}
209
+ .splitview-item-icon.icon.icon-critical
210
+ .splitview-item-text
211
+ .splitview-item-title Splitview item title Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
212
+ .splitview-item-metainfo
213
+ = "#123321321 | Product Detail Page"
214
+ %br
215
+ = "by ÜberTester | Submitted"
216
+ .list-tags
217
+ .tag-item.focus-group Focus-group tag
218
+ .splitview-details
219
+ .splitview-details-emptystate.empty-state-message.search Please select an item from the list to view its details.
220
+ .splitview-details-content
221
+ .splitview-details-header
222
+ .icon.icon-critical
223
+ %h3.splitview-details-title Error page is shown if Project Owner reject review after Automator left the project
224
+ %a.btn.btn-sm.btn-square.btn-close-detailview#ds-demo-close-splitview{href: "#"}
225
+ .icon.icon-cross
226
+ .splitview-details-meta
227
+ %dl.list-splitview-meta
228
+ %dt Status
229
+ %dd
230
+ .text-with-icon
231
+ .status-icon.status-submitted
232
+ Submitted
233
+ %dt Bug ID
234
+ %dd #1799709
235
+ %details.meta-collapsable
236
+ %summary
237
+ .summary-closed Show more
238
+ .summary-open Show less
239
+ %dl.list-splitview-meta
240
+ %dt Bug Type
241
+ %dd
242
+ .text-with-icon
243
+ .icon.icon-bug
244
+ Functional
245
+ %dt Reported on
246
+ %dd October 5, 2021 11:48 AM
247
+ %dt Severity
248
+ %dd
249
+ .text-with-icon
250
+ .icon.icon-critical
251
+ Critical
252
+ %dt Feature
253
+ %dd
254
+ %a{href: ""} Feature name
255
+ %dt Known Bug
256
+ %dd
257
+ .text-with-icon
258
+ .icon.icon-bug-known
259
+ No
260
+ %dt Test ID
261
+ %dd #88219
262
+ %dt Tester
263
+ %dd
264
+ %details.dropdown-actions
265
+ %summary
266
+ .user-item.linked.sm
267
+ %img{src:"/assets/images/placeholders/profile_supergirl.png"}
268
+ User item with actions
269
+ .popover-menu
270
+ %a.popover-action{href:'#'}
271
+ %span.icon.text-icon-default.icon-user-story-test
272
+ Tester profile
273
+ %a.popover-action{href:'#'}
274
+ %span.icon.text-icon-default.icon-review-exclamation
275
+ Report tester
276
+ .gallery-single-line
277
+ .gallery-nav-left
278
+ %span.icon-arrow-left
279
+ .gallery-nav-right
280
+ %span.icon-arrow-right
281
+ %ul.slides
282
+ %li.list-inline-item.active
283
+ %a{href: ""}
284
+ %img{src:"/assets/images/placeholders/Approaches-desktop.png"}
285
+ %section.splitview-details-content-grid
286
+ .label URL
287
+ %a{href: ""} https://www.url.com
288
+ .label Steps
289
+ .markdown
290
+ %ol
291
+ %li
292
+ Go to
293
+ %a{href: ""} https://www.url.com
294
+ and login as crowd AUTOMATOR (
295
+ %a{href: ""} email@qa.team
296
+ \/ abc123 was in my case)
297
+ %li Join a project, complete some automation task, and LEAVE the project
298
+ %li
299
+ Login
300
+ %a{href: ""} https://www.url.com
301
+ as project owner to perform review (
302
+ %a{href: ""} email@qa.team
303
+ \/ abc123 was in my case)
304
+ %li Start to review the automated task and reject it approval
305
+ .label Actual result
306
+ .markdown
307
+ %p Actual Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
308
+ .label Expected result
309
+ .markdown
310
+ %p Expected Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
311
+ %section
312
+ .section-header
313
+ %h5.section-title Attachments
314
+ .attachments
315
+ .attachment
316
+ %a.attachment-thumb{href:"/assets/images/placeholders/bugdetails.png"}
317
+ %img{src:'/assets/images/placeholders/bugdetails.png'}
318
+ %a.attachment-name{href:"/assets/images/placeholders/bugdetails.png"} myfile-name.png
319
+ .attachment
320
+ %a.attachment-thumb{href:"/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png"}
321
+ %img{src:'/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png'}
322
+ %a.attachment-name{href:"/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png"} myfile-name-kjashdflkajsdflkjadsflkjhadsf.png
323
+ .attachment
324
+ %a.attachment-thumb{href:"/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png"}
325
+ .attachment-icon.icon-xl.icon-review-xl
326
+ %a.attachment-name{href:"/assets/images/placeholders/CustomerUI-Mobile-Sidebar.png"} myfile-name-kjashdflkajsdflkjadsflkjhadsf.png
327
+ %section
328
+ .section-header
329
+ %h5.section-title Reported on
330
+ .list-devices.mb-sm
331
+ .device
332
+ .device-icon.icon-lg.icon-computer-windows-lg
333
+ .device-info
334
+ Desktop | Windows 11
335
+ %ul.browser-list
336
+ %li.icon.icon-chrome
337
+ %li.icon.icon-edge-chromium
338
+ %section
339
+ .section-header
340
+ %h5.section-title Comments
341
+ .empty-state-message.chat No comments yet
342
+ %footer.splitview-list-actionbar
343
+ %button.btn.btn-default.btn-primary
344
+ %span.icon.icon-check-circle-filled.mr-icon-spacing
345
+ Primary
346
+ %button.btn.btn-default.btn-secondary
347
+ %span.icon.icon-check-circle-filled.mr-icon-spacing
348
+ Secondary
349
+ %button.btn.btn-default.btn-info
350
+ %span.icon.icon-check-circle-filled.mr-icon-spacing
351
+ Info
352
+ %details.dropdown-actions.dropup.dropright
353
+ %summary
354
+ .btn.btn-square.btn-secondary
355
+ .icon.text-icon-default.icon-more
356
+ .popover-menu
357
+ %a.popover-action{href:'#'}
358
+ %span.icon.text-icon-default.icon-pencil
359
+ Edit
360
+ %a.popover-action{href:'#'}
361
+ %span.icon.text-icon-default.icon-duplicate
362
+ Duplicate
363
+ %a.popover-action{href:'#'}
364
+ %span.icon.text-icon-default.icon-remove
365
+ Delete
366
+ %button.btn-intercom
367
+ %span.icon.icon-intercom
368
+ %footer.splitview-details-actionbar
369
+ %button.btn.btn-default.btn-primary
370
+ %span.icon.icon-check-circle-filled.mr-icon-spacing
371
+ Primary
372
+ %button.btn.btn-default.btn-secondary
373
+ %span.icon.icon-check-circle-filled.mr-icon-spacing
374
+ Secondary
375
+ %details.dropdown-actions.dropup.dropright
376
+ %summary
377
+ .btn.btn-square.btn-secondary
378
+ .icon.text-icon-default.icon-more
379
+ .popover-menu
380
+ %a.popover-action{href:'#'}
381
+ %span.icon.text-icon-default.icon-pencil
382
+ Edit
383
+ %a.popover-action{href:'#'}
384
+ %span.icon.text-icon-default.icon-duplicate
385
+ Duplicate
386
+ %a.popover-action{href:'#'}
387
+ %span.icon.text-icon-default.icon-remove
388
+ Delete
389
+ %button.btn-intercom
390
390
  %span.icon.icon-intercom