testio-tailwind 0.2.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 -77
  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 -77
  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 -285
  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 -96
  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 -307
  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 -167
  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 +177 -177
  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 +159 -197
  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/components/resultmodule_testcase.haml CHANGED
@@ -1,125 +1,125 @@
1
- ---
2
- tags: components
3
- title: Resultmodule Test Cases
4
- ---
5
-
6
- .result-module
7
- .result-header
8
- .result-header-item.vertical-labels
9
- .icon.icon-computer-windows
10
- .label Windows 11
11
- .result-header-item.vertical-labels
12
- .icon.icon-computer-apple
13
- .label mac OS X
14
- .result-header-item.vertical-labels
15
- .icon.icon-smartphone-apple
16
- .label iOS X
17
- .result-header-item.vertical-labels
18
- .icon.icon-smartphone-android
19
- .label Android X
20
- %details.result-item.feature-failed
21
- %summary
22
- .result-item-title Result title
23
- .result-item-buttons
24
- %a.btn{href:""}
25
- .icon.icon-check-circle-filled.success
26
- %a.btn{href:""}
27
- .icon.icon-check-circle-filled.success
28
- %a.btn{href:""}
29
- .icon.icon-cross-circle-filled.danger
30
- %a.btn{href:""}
31
- .icon.icon-check-circle-filled.success
32
- .btn.collapse-btn
33
- .result-item.testcase
34
- .result-item-title Result title
35
- .result-item-buttons
36
- %a.btn{href:""}
37
- .icon.icon-check-circle-filled.success
38
- %a.btn{href:""}
39
- .icon.icon-check-circle-filled.success
40
- %a.btn{href:""}
41
- .icon.icon-cross-circle-filled.danger
42
- %a.btn{href:""}
43
- .icon.icon-check-circle-filled.success
44
- .result-item.testcase
45
- .result-item-title Result title
46
- .result-item-buttons
47
- %a.btn{href:""}
48
- .icon.icon-check-circle-filled.success
49
- %a.btn{href:""}
50
- .icon.icon-check-circle-filled.success
51
- %a.btn{href:""}
52
- .icon.icon-cross-circle-filled.danger
53
- %a.btn{href:""}
54
- .icon.icon-check-circle-filled.success
55
- %details.result-item.feature-passed
56
- %summary
57
- .result-item-title Result title
58
- .result-item-buttons
59
- %a.btn{href:""}
60
- .icon.icon-check-circle-filled.success
61
- %a.btn{href:""}
62
- .icon.icon-check-circle-filled.success
63
- %a.btn{href:""}
64
- .icon.icon-check-circle-filled.success
65
- %a.btn{href:""}
66
- .icon.icon-check-circle-filled.success
67
- .btn.collapse-btn
68
- .result-item.testcase
69
- .result-item-title Result title
70
- .result-item-buttons
71
- %a.btn{href:""}
72
- .icon.icon-check-circle-filled.success
73
- %a.btn{href:""}
74
- .icon.icon-check-circle-filled.success
75
- %a.btn{href:""}
76
- .icon.icon-check-circle-filled.success
77
- %a.btn{href:""}
78
- .icon.icon-check-circle-filled.success
79
- .result-item.testcase
80
- .result-item-title Result title
81
- .result-item-buttons
82
- %a.btn{href:""}
83
- .icon.icon-check-circle-filled.success
84
- %a.btn{href:""}
85
- .icon.icon-check-circle-filled.success
86
- %a.btn{href:""}
87
- .icon.icon-check-circle-filled.success
88
- %a.btn{href:""}
89
- .icon.icon-check-circle-filled.success
90
- %details.result-item.feature-failed
91
- %summary
92
- .result-item-title Result title
93
- .result-item-buttons
94
- %a.btn{href:""}
95
- .icon.icon-cross-circle-filled.danger
96
- %a.btn{href:""}
97
- .icon.icon-cross-circle-filled.danger
98
- %a.btn{href:""}
99
- .icon.icon-cross-circle-filled.danger
100
- %a.btn{href:""}
101
- .icon.icon-cross-circle-filled.danger
102
- .btn.collapse-btn
103
- .result-item.testcase
104
- .result-item-title Result title
105
- .result-item-buttons
106
- %a.btn{href:""}
107
- .icon.icon-cross-circle-filled.danger
108
- %a.btn{href:""}
109
- .icon.icon-check-circle-filled.success
110
- %a.btn{href:""}
111
- .icon.icon-cross-circle-filled.danger
112
- %a.btn{href:""}
113
- .icon.icon-check-circle-filled.success
114
- .result-item.testcase
115
- .result-item-title Result title
116
- .result-item-buttons
117
- %a.btn{href:""}
118
- .icon.icon-check-circle-filled.success
119
- %a.btn{href:""}
120
- .icon.icon-cross-circle-filled.danger
121
- %a.btn{href:""}
122
- .icon.icon-cross-circle-filled.danger
123
- %a.btn{href:""}
124
- .icon.icon-cross-circle-filled.danger
125
-
1
+ ---
2
+ tags: components
3
+ title: Resultmodule Test Cases
4
+ ---
5
+
6
+ .result-module
7
+ .result-header
8
+ .result-header-item.vertical-labels
9
+ .icon.icon-computer-windows
10
+ .label Windows 11
11
+ .result-header-item.vertical-labels
12
+ .icon.icon-computer-apple
13
+ .label mac OS X
14
+ .result-header-item.vertical-labels
15
+ .icon.icon-smartphone-apple
16
+ .label iOS X
17
+ .result-header-item.vertical-labels
18
+ .icon.icon-smartphone-android
19
+ .label Android X
20
+ %details.result-item.feature-failed
21
+ %summary
22
+ .result-item-title Result title
23
+ .result-item-buttons
24
+ %a.btn{href:""}
25
+ .icon.icon-check-circle-filled.success
26
+ %a.btn{href:""}
27
+ .icon.icon-check-circle-filled.success
28
+ %a.btn{href:""}
29
+ .icon.icon-cross-circle-filled.danger
30
+ %a.btn{href:""}
31
+ .icon.icon-check-circle-filled.success
32
+ .btn.collapse-btn
33
+ .result-item.testcase
34
+ .result-item-title Result title
35
+ .result-item-buttons
36
+ %a.btn{href:""}
37
+ .icon.icon-check-circle-filled.success
38
+ %a.btn{href:""}
39
+ .icon.icon-check-circle-filled.success
40
+ %a.btn{href:""}
41
+ .icon.icon-cross-circle-filled.danger
42
+ %a.btn{href:""}
43
+ .icon.icon-check-circle-filled.success
44
+ .result-item.testcase
45
+ .result-item-title Result title
46
+ .result-item-buttons
47
+ %a.btn{href:""}
48
+ .icon.icon-check-circle-filled.success
49
+ %a.btn{href:""}
50
+ .icon.icon-check-circle-filled.success
51
+ %a.btn{href:""}
52
+ .icon.icon-cross-circle-filled.danger
53
+ %a.btn{href:""}
54
+ .icon.icon-check-circle-filled.success
55
+ %details.result-item.feature-passed
56
+ %summary
57
+ .result-item-title Result title
58
+ .result-item-buttons
59
+ %a.btn{href:""}
60
+ .icon.icon-check-circle-filled.success
61
+ %a.btn{href:""}
62
+ .icon.icon-check-circle-filled.success
63
+ %a.btn{href:""}
64
+ .icon.icon-check-circle-filled.success
65
+ %a.btn{href:""}
66
+ .icon.icon-check-circle-filled.success
67
+ .btn.collapse-btn
68
+ .result-item.testcase
69
+ .result-item-title Result title
70
+ .result-item-buttons
71
+ %a.btn{href:""}
72
+ .icon.icon-check-circle-filled.success
73
+ %a.btn{href:""}
74
+ .icon.icon-check-circle-filled.success
75
+ %a.btn{href:""}
76
+ .icon.icon-check-circle-filled.success
77
+ %a.btn{href:""}
78
+ .icon.icon-check-circle-filled.success
79
+ .result-item.testcase
80
+ .result-item-title Result title
81
+ .result-item-buttons
82
+ %a.btn{href:""}
83
+ .icon.icon-check-circle-filled.success
84
+ %a.btn{href:""}
85
+ .icon.icon-check-circle-filled.success
86
+ %a.btn{href:""}
87
+ .icon.icon-check-circle-filled.success
88
+ %a.btn{href:""}
89
+ .icon.icon-check-circle-filled.success
90
+ %details.result-item.feature-failed
91
+ %summary
92
+ .result-item-title Result title
93
+ .result-item-buttons
94
+ %a.btn{href:""}
95
+ .icon.icon-cross-circle-filled.danger
96
+ %a.btn{href:""}
97
+ .icon.icon-cross-circle-filled.danger
98
+ %a.btn{href:""}
99
+ .icon.icon-cross-circle-filled.danger
100
+ %a.btn{href:""}
101
+ .icon.icon-cross-circle-filled.danger
102
+ .btn.collapse-btn
103
+ .result-item.testcase
104
+ .result-item-title Result title
105
+ .result-item-buttons
106
+ %a.btn{href:""}
107
+ .icon.icon-cross-circle-filled.danger
108
+ %a.btn{href:""}
109
+ .icon.icon-check-circle-filled.success
110
+ %a.btn{href:""}
111
+ .icon.icon-cross-circle-filled.danger
112
+ %a.btn{href:""}
113
+ .icon.icon-check-circle-filled.success
114
+ .result-item.testcase
115
+ .result-item-title Result title
116
+ .result-item-buttons
117
+ %a.btn{href:""}
118
+ .icon.icon-check-circle-filled.success
119
+ %a.btn{href:""}
120
+ .icon.icon-cross-circle-filled.danger
121
+ %a.btn{href:""}
122
+ .icon.icon-cross-circle-filled.danger
123
+ %a.btn{href:""}
124
+ .icon.icon-cross-circle-filled.danger
125
+
package/src/pages/components/section_collapsable.haml CHANGED
@@ -1,25 +1,25 @@
1
- ---
2
- tags: components
3
- title: Section collapsable
4
- ---
5
-
6
- %details.section-collapsable
7
- %summary.section-header
8
- %h1.section-title Section header h1
9
- .card.bg-gray-lighter.p-sm Example content 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. 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.
10
- %details.section-collapsable
11
- %summary.section-header
12
- %h2.section-title Section header h2
13
- .card.bg-gray-lighter.p-sm Example content 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. 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.
14
- %details.section-collapsable
15
- %summary.section-header
16
- %h3.section-title Section header h3
17
- .card.bg-gray-lighter.p-sm Example content 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. 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.
18
- %details.section-collapsable
19
- %summary.section-header
20
- %h4.section-title Section header h4
21
- .card.bg-gray-lighter.p-sm Example content 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. 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.
22
- %details.section-collapsable
23
- %summary.section-header
24
- %h5.section-title Section header h5
1
+ ---
2
+ tags: components
3
+ title: Section collapsable
4
+ ---
5
+
6
+ %details.section-collapsable
7
+ %summary.section-header
8
+ %h1.section-title Section header h1
9
+ .card.bg-gray-lighter.p-sm Example content 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. 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.
10
+ %details.section-collapsable
11
+ %summary.section-header
12
+ %h2.section-title Section header h2
13
+ .card.bg-gray-lighter.p-sm Example content 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. 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.
14
+ %details.section-collapsable
15
+ %summary.section-header
16
+ %h3.section-title Section header h3
17
+ .card.bg-gray-lighter.p-sm Example content 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. 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.
18
+ %details.section-collapsable
19
+ %summary.section-header
20
+ %h4.section-title Section header h4
21
+ .card.bg-gray-lighter.p-sm Example content 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. 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.
22
+ %details.section-collapsable
23
+ %summary.section-header
24
+ %h5.section-title Section header h5
25
25
  .card.bg-gray-lighter.p-sm Example content 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. 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.
package/src/pages/components/splitview_item.haml CHANGED
@@ -1,111 +1,111 @@
1
- ---
2
- tags: components
3
- title: Splitview item
4
- ---
5
-
6
- .splitview-list-header
7
- .form-check.sm
8
- %input{type:'checkbox'}
9
- %h3.splitview-list-header-title 18 Bugs
10
- .splitview-list-header-actions
11
- %details.dropdown-actions.dropright
12
- %summary
13
- %a.link-with-icon{href:""}
14
- .icon.icon-sort-descending
15
- Severity (desc)
16
- .popover-menu
17
- %a.popover-action{href:'#'}
18
- %span.icon.icon-sort-descending
19
- Severity (desc)
20
- %a.popover-action{href:'#'}
21
- %span.icon.icon-sort-ascending
22
- Severity (asc)
23
- %a.popover-action{href:'#'}
24
- %span.icon.icon-sort-number-ascending
25
- Age (old to new)
26
- %a.popover-action{href:'#'}
27
- %span.icon.icon-sort-number-descending
28
- Age (new to old)
29
- %a.popover-action{href:'#'}
30
- %span.icon.icon-sort-az
31
- Title A-Z
32
- %a.popover-action{href:'#'}
33
- %span.icon.icon-sort-za
34
- Title Z-A
35
- %a.linked-icon{href:""}
36
- .icon.icon-filter
37
- %a.linked-icon{href:""}
38
- .icon.icon-search
39
- .splitview-list
40
- .splitview-item
41
- .splitview-item-checkbox.form-check.sm
42
- %input{type:'checkbox'}
43
- .splitview-item-icon.icon.icon-critical
44
- .splitview-item-text
45
- .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.
46
- .splitview-item-metainfo
47
- = "#123321321 | Product Detail Page"
48
- %br
49
- = "by ÜberTester | Submitted"
50
- .splitview-item.selected
51
- .splitview-item-checkbox.form-check.sm
52
- %input{type:'checkbox'}
53
- .splitview-item-icon.icon.icon-critical
54
- .splitview-item-text
55
- .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.
56
- .splitview-item-metainfo
57
- = "#123321321 | Product Detail Page"
58
- %br
59
- = "by ÜberTester | Submitted"
60
- .splitview-item-status
61
- .status-icon.status-submitted
62
- .status-icon.status-manager-question
63
- .status-icon.status-reproduction
64
- .splitview-item
65
- .splitview-item-checkbox.form-check.sm
66
- %input{type:'checkbox'}
67
- .splitview-item-icon.icon.icon-critical
68
- .splitview-item-text
69
- .splitview-item-title Splitview item title
70
- .splitview-item-metainfo
71
- = "#123321321 | Product Detail Page"
72
- %br
73
- = "by ÜberTester | Submitted"
74
- .splitview-item-status
75
- .status-icon.status-manager-approved
76
- .splitview-item
77
- .splitview-item-checkbox.form-check.sm
78
- %input{type:'checkbox'}
79
- .splitview-item-icon.icon.icon-critical
80
- .splitview-item-text
81
- .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.
82
- .splitview-item-metainfo
83
- = "#123321321 | Product Detail Page"
84
- %br
85
- = "by ÜberTester | Submitted"
86
- .splitview-item-status
87
- .status-icon.status-customer-approved
88
- .splitview-item
89
- .splitview-item-checkbox.form-check.sm
90
- %input{type:'checkbox'}
91
- .splitview-item-icon.icon.icon-critical
92
- .splitview-item-text
93
- .splitview-item-title Splitview item title
94
- .splitview-item-metainfo
95
- = "#123321321 | Product Detail Page"
96
- %br
97
- = "by ÜberTester | Submitted"
98
- .splitview-item-status
99
- .status-icon.status-customer-rejected
100
- .splitview-item
101
- .splitview-item-checkbox.form-check.sm
102
- %input{type:'checkbox'}
103
- .splitview-item-icon.icon.icon-critical
104
- .splitview-item-text
105
- .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.
106
- .splitview-item-metainfo
107
- = "#123321321 | Product Detail Page"
108
- %br
109
- = "by ÜberTester | Submitted"
110
- .list-tags
111
- .tag-item.focus-group Focus-group tag
1
+ ---
2
+ tags: components
3
+ title: Splitview item
4
+ ---
5
+
6
+ .splitview-list-header
7
+ .form-check.sm
8
+ %input{type:'checkbox'}
9
+ %h3.splitview-list-header-title 18 Bugs
10
+ .splitview-list-header-actions
11
+ %details.dropdown-actions.dropright
12
+ %summary
13
+ %a.link-with-icon{href:""}
14
+ .icon.icon-sort-descending
15
+ Severity (desc)
16
+ .popover-menu
17
+ %a.popover-action{href:'#'}
18
+ %span.icon.icon-sort-descending
19
+ Severity (desc)
20
+ %a.popover-action{href:'#'}
21
+ %span.icon.icon-sort-ascending
22
+ Severity (asc)
23
+ %a.popover-action{href:'#'}
24
+ %span.icon.icon-sort-number-ascending
25
+ Age (old to new)
26
+ %a.popover-action{href:'#'}
27
+ %span.icon.icon-sort-number-descending
28
+ Age (new to old)
29
+ %a.popover-action{href:'#'}
30
+ %span.icon.icon-sort-az
31
+ Title A-Z
32
+ %a.popover-action{href:'#'}
33
+ %span.icon.icon-sort-za
34
+ Title Z-A
35
+ %a.linked-icon{href:""}
36
+ .icon.icon-filter
37
+ %a.linked-icon{href:""}
38
+ .icon.icon-search
39
+ .splitview-list
40
+ .splitview-item
41
+ .splitview-item-checkbox.form-check.sm
42
+ %input{type:'checkbox'}
43
+ .splitview-item-icon.icon.icon-critical
44
+ .splitview-item-text
45
+ .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.
46
+ .splitview-item-metainfo
47
+ = "#123321321 | Product Detail Page"
48
+ %br
49
+ = "by ÜberTester | Submitted"
50
+ .splitview-item.selected
51
+ .splitview-item-checkbox.form-check.sm
52
+ %input{type:'checkbox'}
53
+ .splitview-item-icon.icon.icon-critical
54
+ .splitview-item-text
55
+ .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.
56
+ .splitview-item-metainfo
57
+ = "#123321321 | Product Detail Page"
58
+ %br
59
+ = "by ÜberTester | Submitted"
60
+ .splitview-item-status
61
+ .status-icon.status-submitted
62
+ .status-icon.status-manager-question
63
+ .status-icon.status-reproduction
64
+ .splitview-item
65
+ .splitview-item-checkbox.form-check.sm
66
+ %input{type:'checkbox'}
67
+ .splitview-item-icon.icon.icon-critical
68
+ .splitview-item-text
69
+ .splitview-item-title Splitview item title
70
+ .splitview-item-metainfo
71
+ = "#123321321 | Product Detail Page"
72
+ %br
73
+ = "by ÜberTester | Submitted"
74
+ .splitview-item-status
75
+ .status-icon.status-manager-approved
76
+ .splitview-item
77
+ .splitview-item-checkbox.form-check.sm
78
+ %input{type:'checkbox'}
79
+ .splitview-item-icon.icon.icon-critical
80
+ .splitview-item-text
81
+ .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.
82
+ .splitview-item-metainfo
83
+ = "#123321321 | Product Detail Page"
84
+ %br
85
+ = "by ÜberTester | Submitted"
86
+ .splitview-item-status
87
+ .status-icon.status-customer-approved
88
+ .splitview-item
89
+ .splitview-item-checkbox.form-check.sm
90
+ %input{type:'checkbox'}
91
+ .splitview-item-icon.icon.icon-critical
92
+ .splitview-item-text
93
+ .splitview-item-title Splitview item title
94
+ .splitview-item-metainfo
95
+ = "#123321321 | Product Detail Page"
96
+ %br
97
+ = "by ÜberTester | Submitted"
98
+ .splitview-item-status
99
+ .status-icon.status-customer-rejected
100
+ .splitview-item
101
+ .splitview-item-checkbox.form-check.sm
102
+ %input{type:'checkbox'}
103
+ .splitview-item-icon.icon.icon-critical
104
+ .splitview-item-text
105
+ .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.
106
+ .splitview-item-metainfo
107
+ = "#123321321 | Product Detail Page"
108
+ %br
109
+ = "by ÜberTester | Submitted"
110
+ .list-tags
111
+ .tag-item.focus-group Focus-group tag
package/src/pages/components/splitview_item_collapsable.haml CHANGED
@@ -1,65 +1,65 @@
1
- ---
2
- tags: components
3
- title: Splitview item collapsable
4
- ---
5
-
6
- .splitview-list-header
7
- %h3.splitview-list-header-title 2 Executions
8
- .splitview-list-header-actions
9
- %details.dropdown-actions.dropright
10
- %summary
11
- %a.link-with-icon{href:""}
12
- .icon.icon-sort-descending
13
- Severity (desc)
14
- .popover-menu
15
- %a.popover-action{href:'#'}
16
- %span.icon.icon-sort-descending
17
- Severity (desc)
18
- %a.popover-action{href:'#'}
19
- %span.icon.icon-sort-ascending
20
- Severity (asc)
21
- %a.popover-action{href:'#'}
22
- %span.icon.icon-sort-number-ascending
23
- Age (old to new)
24
- %a.popover-action{href:'#'}
25
- %span.icon.icon-sort-number-descending
26
- Age (new to old)
27
- %a.popover-action{href:'#'}
28
- %span.icon.icon-sort-az
29
- Title A-Z
30
- %a.popover-action{href:'#'}
31
- %span.icon.icon-sort-za
32
- Title Z-A
33
- %a.linked-icon{href:""}
34
- .icon.icon-filter
35
- %a.linked-icon{href:""}
36
- .icon.icon-search
37
- .splitview-list
38
- %details.splitview-group
39
- %summary.splitview-item
40
- .splitview-item-icon.icon.icon-circle.danger
41
- .splitview-item-text
42
- .splitview-item-title Splitview group title / Test Case title
43
- .splitview-item-metainfo
44
- = "#123321321 | Meta info"
45
- .splitview-item-status
46
- .splitview-item-status
47
- .text-with-icon
48
- .icon.icon-testcase-bug
49
- 2
50
- .splitview-item
51
- .splitview-item-icon.status-icon.status-testcase-passed
52
- .splitview-item-text
53
- %span.icon.icon-computer-windows.mr-icon-spacing
54
- %span.icon.icon-chrome.mr-icon-spacing
55
- Windows 10 | Chrome
56
- .splitview-item
57
- .splitview-item-icon.status-icon.status-testcase-failed
58
- .splitview-item-text
59
- %span.icon.icon-computer-windows.mr-icon-spacing
60
- %span.icon.icon-chrome.mr-icon-spacing
61
- Windows 10 | Chrome
62
- .splitview-item-status
63
- .text-with-icon
64
- .icon.icon-testcase-bug
65
- 2
1
+ ---
2
+ tags: components
3
+ title: Splitview item collapsable
4
+ ---
5
+
6
+ .splitview-list-header
7
+ %h3.splitview-list-header-title 2 Executions
8
+ .splitview-list-header-actions
9
+ %details.dropdown-actions.dropright
10
+ %summary
11
+ %a.link-with-icon{href:""}
12
+ .icon.icon-sort-descending
13
+ Severity (desc)
14
+ .popover-menu
15
+ %a.popover-action{href:'#'}
16
+ %span.icon.icon-sort-descending
17
+ Severity (desc)
18
+ %a.popover-action{href:'#'}
19
+ %span.icon.icon-sort-ascending
20
+ Severity (asc)
21
+ %a.popover-action{href:'#'}
22
+ %span.icon.icon-sort-number-ascending
23
+ Age (old to new)
24
+ %a.popover-action{href:'#'}
25
+ %span.icon.icon-sort-number-descending
26
+ Age (new to old)
27
+ %a.popover-action{href:'#'}
28
+ %span.icon.icon-sort-az
29
+ Title A-Z
30
+ %a.popover-action{href:'#'}
31
+ %span.icon.icon-sort-za
32
+ Title Z-A
33
+ %a.linked-icon{href:""}
34
+ .icon.icon-filter
35
+ %a.linked-icon{href:""}
36
+ .icon.icon-search
37
+ .splitview-list
38
+ %details.splitview-group
39
+ %summary.splitview-item
40
+ .splitview-item-icon.icon.icon-circle.danger
41
+ .splitview-item-text
42
+ .splitview-item-title Splitview group title / Test Case title
43
+ .splitview-item-metainfo
44
+ = "#123321321 | Meta info"
45
+ .splitview-item-status
46
+ .splitview-item-status
47
+ .text-with-icon
48
+ .icon.icon-testcase-bug
49
+ 2
50
+ .splitview-item
51
+ .splitview-item-icon.status-icon.status-testcase-passed
52
+ .splitview-item-text
53
+ %span.icon.icon-computer-windows.mr-icon-spacing
54
+ %span.icon.icon-chrome.mr-icon-spacing
55
+ Windows 10 | Chrome
56
+ .splitview-item
57
+ .splitview-item-icon.status-icon.status-testcase-failed
58
+ .splitview-item-text
59
+ %span.icon.icon-computer-windows.mr-icon-spacing
60
+ %span.icon.icon-chrome.mr-icon-spacing
61
+ Windows 10 | Chrome
62
+ .splitview-item-status
63
+ .text-with-icon
64
+ .icon.icon-testcase-bug
65
+ 2