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/navigation/sidebar-tester-elements.haml CHANGED
@@ -1,105 +1,105 @@
1
- ---
2
- tags: navigation
3
- title: Sidebar - Tester - Elements
4
- ---
5
-
6
- %nav.sidebar.tester.ds-removethisclass-flex{arialabel:'Sidebar'}
7
- .profilepicture-wrapper
8
- %details.profilepicture-actions
9
- %summary
10
- %img.testerlevel-medal{src:'/assets/images/testerlevel-medals/medal_testerlevel_1_md.png', alt:''}
11
- %img.profilepicture{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
12
- .popover-menu
13
- %a.popover-action{href:'#'}
14
- %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
15
- Upload picture
16
- %a.popover-action{href:'#'}
17
- %span.icon.text-icon-default.icon-remove.mr-icon-spacing
18
- Remove picture
19
- .sidebar-title Anja Berger
20
- .navlinks
21
- %a.navlink.active{href:'#'}
22
- %span.icon.icon-home
23
- Navlink active
24
- %a.navlink{href:'#'}
25
- %span.icon.icon-bug
26
- Navlink
27
- %a.navlink{href:'#'}
28
- .icon-wrapper
29
- %span.icon.icon-test
30
- %span.icon.icon-circle-sm-filled.recording-icon
31
- .text-wrapper
32
- .div #123321 Customer
33
- .label-sm Test Session active 00:15
34
- %a.navlink.active{href:'#'}
35
- .icon-wrapper
36
- %span.icon.icon-test
37
- %span.icon.icon-circle-sm-filled.recording-icon
38
- .text-wrapper
39
- .div #123321 Active
40
- .label-sm Test Session active 00:15
41
- %a.navlink{href:'#'}
42
- .icon-wrapper
43
- %span.icon.icon-bug-reproduction-recording
44
- %span.icon.icon-bug-reproduction-recording-part.recording-icon
45
- .text-wrapper
46
- .div #123321 Customer
47
- .label-sm Test Session active 00:15
48
- %a.navlink.active{href:'#'}
49
- .icon-wrapper
50
- %span.icon.icon-bug-reproduction-recording
51
- %span.icon.icon-bug-reproduction-recording-part.recording-icon
52
- .text-wrapper
53
- .div #123321 Active
54
- .label-sm Test Session active 00:15
55
- %details
56
- %summary.navlink
57
- %span.icon.icon-product
58
- Collapsable
59
- %a.navlink{href:'#'}
60
- %span.icon.icon-test
61
- Navlink child
62
- %a.navlink{href:'#'}
63
- %span.icon.icon-test
64
- Navlink child
65
- %a.navlink{href:'#'}
66
- %span.icon.icon-test
67
- Navlink child
68
- %a.navlink.active{href:'#'}
69
- %span.icon.icon-test
70
- Active child
71
- .sidebar-divider
72
- .sidebar-label 2/3 SEATS USED
73
- .seatslot Seat available
74
- .navlink.test-cycle
75
- %a.navlink-wrapper{href:'#'}
76
- %span.icon.icon-test-running
77
- .navlink-info
78
- .navlink-title Customer name
79
- .navlink-meta No contribution
80
- .navlink-meta #999999
81
- %details.dropdown-actions.dropright
82
- %summary.btn
83
- %span.icon.icon-more
84
- .popover-menu
85
- %a.popover-action{href:'#'}
86
- %span.icon.icon-cross
87
- Quit test cycle and free seat
88
- .navlink.test-cycle.active
89
- %a.navlink-wrapper{href:'#'}
90
- %span.icon.icon-test-running
91
- .navlink-info
92
- .navlink-title Customer name
93
- .navlink-meta No contribution
94
- .navlink-meta #999999
95
- %details.dropdown-actions.dropright
96
- %summary.btn
97
- %span.icon.icon-more
98
- .popover-menu
99
- %a.popover-action{href:'#'}
100
- %span.icon.icon-cross
101
- Quit test cycle and free seat
102
- .banner-install-testnow
103
- Install testNow
104
- %a.icon.icon-apple.ml-auto{href:'#'}
105
- %a.icon.icon-android.ml-xs{href:'#'}
1
+ ---
2
+ tags: navigation
3
+ title: Sidebar - Tester - Elements
4
+ ---
5
+
6
+ %nav.sidebar.tester.ds-removethisclass-flex{arialabel:'Sidebar'}
7
+ .profilepicture-wrapper
8
+ %details.profilepicture-actions
9
+ %summary
10
+ %img.testerlevel-medal{src:'/assets/images/testerlevel-medals/medal_testerlevel_1_md.png', alt:''}
11
+ %img.profilepicture{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
12
+ .popover-menu
13
+ %a.popover-action{href:'#'}
14
+ %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
15
+ Upload picture
16
+ %a.popover-action{href:'#'}
17
+ %span.icon.text-icon-default.icon-remove.mr-icon-spacing
18
+ Remove picture
19
+ .sidebar-title Anja Berger
20
+ .navlinks
21
+ %a.navlink.active{href:'#'}
22
+ %span.icon.icon-home
23
+ Navlink active
24
+ %a.navlink{href:'#'}
25
+ %span.icon.icon-bug
26
+ Navlink
27
+ %a.navlink{href:'#'}
28
+ .icon-wrapper
29
+ %span.icon.icon-test
30
+ %span.icon.icon-circle-sm-filled.recording-icon
31
+ .text-wrapper
32
+ .div #123321 Customer
33
+ .label-sm Test Session active 00:15
34
+ %a.navlink.active{href:'#'}
35
+ .icon-wrapper
36
+ %span.icon.icon-test
37
+ %span.icon.icon-circle-sm-filled.recording-icon
38
+ .text-wrapper
39
+ .div #123321 Active
40
+ .label-sm Test Session active 00:15
41
+ %a.navlink{href:'#'}
42
+ .icon-wrapper
43
+ %span.icon.icon-bug-reproduction-recording
44
+ %span.icon.icon-bug-reproduction-recording-part.recording-icon
45
+ .text-wrapper
46
+ .div #123321 Customer
47
+ .label-sm Test Session active 00:15
48
+ %a.navlink.active{href:'#'}
49
+ .icon-wrapper
50
+ %span.icon.icon-bug-reproduction-recording
51
+ %span.icon.icon-bug-reproduction-recording-part.recording-icon
52
+ .text-wrapper
53
+ .div #123321 Active
54
+ .label-sm Test Session active 00:15
55
+ %details
56
+ %summary.navlink
57
+ %span.icon.icon-product
58
+ Collapsable
59
+ %a.navlink{href:'#'}
60
+ %span.icon.icon-test
61
+ Navlink child
62
+ %a.navlink{href:'#'}
63
+ %span.icon.icon-test
64
+ Navlink child
65
+ %a.navlink{href:'#'}
66
+ %span.icon.icon-test
67
+ Navlink child
68
+ %a.navlink.active{href:'#'}
69
+ %span.icon.icon-test
70
+ Active child
71
+ .sidebar-divider
72
+ .sidebar-label 2/3 SEATS USED
73
+ .seatslot Seat available
74
+ .navlink.test-cycle
75
+ %a.navlink-wrapper{href:'#'}
76
+ %span.icon.icon-test-running
77
+ .navlink-info
78
+ .navlink-title Customer name
79
+ .navlink-meta No contribution
80
+ .navlink-meta #999999
81
+ %details.dropdown-actions.dropright
82
+ %summary.btn
83
+ %span.icon.icon-more
84
+ .popover-menu
85
+ %a.popover-action{href:'#'}
86
+ %span.icon.icon-cross
87
+ Quit test cycle and free seat
88
+ .navlink.test-cycle.active
89
+ %a.navlink-wrapper{href:'#'}
90
+ %span.icon.icon-test-running
91
+ .navlink-info
92
+ .navlink-title Customer name
93
+ .navlink-meta No contribution
94
+ .navlink-meta #999999
95
+ %details.dropdown-actions.dropright
96
+ %summary.btn
97
+ %span.icon.icon-more
98
+ .popover-menu
99
+ %a.popover-action{href:'#'}
100
+ %span.icon.icon-cross
101
+ Quit test cycle and free seat
102
+ .banner-install-testnow
103
+ Install testNow
104
+ %a.icon.icon-apple.ml-auto{href:'#'}
105
+ %a.icon.icon-android.ml-xs{href:'#'}
package/src/pages/navigation/sidebar-tester-seatlimitation.haml CHANGED
@@ -1,108 +1,108 @@
1
- ---
2
- tags: navigation
3
- title: Sidebar - Tester - seat limitation
4
- ---
5
-
6
- %p.mb-heading Tester sidebar with seat limitation.
7
- %nav.sidebar.tester.ds-removethisclass-flex{arialabel:'Sidebar'}
8
- .profilepicture-wrapper
9
- %details.profilepicture-actions
10
- %summary
11
- %img.testerlevel-medal{src:'/assets/images/testerlevel-medals/medal_testerlevel_1_md.png', alt:''}
12
- %img.profilepicture{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
13
- .popover-menu
14
- %a.popover-action{href:'#'}
15
- %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
16
- Upload picture
17
- %a.popover-action{href:'#'}
18
- %span.icon.text-icon-default.icon-remove.mr-icon-spacing
19
- Remove picture
20
- .sidebar-title Anja Berger
21
- .navlinks
22
- %a.navlink{href:'#'}
23
- %span.icon.icon-home
24
- Dashboard
25
- %a.navlink{href:'#'}
26
- %span.icon.icon-ranking
27
- Ranking
28
- %a.navlink{href:'#'}
29
- %span.icon.icon-review-bug
30
- Available tasks 10
31
- .sidebar-divider
32
- .sidebar-label 1/2 SEATS USED
33
- .navlink.test-cycle
34
- %a.navlink-wrapper{href:'#'}
35
- %span.icon.icon-test-running
36
- .navlink-info
37
- .navlink-title Customer name
38
- .navlink-meta No contribution
39
- .navlink-meta #999999
40
- %details.dropdown-actions.dropright
41
- %summary.btn
42
- %span.icon.icon-more
43
- .popover-menu
44
- %a.popover-action{href:'#'}
45
- %span.icon.icon-cross
46
- Quit test cycle and free seat
47
- .seatslot Seat available
48
- .sidebar-divider
49
- %details
50
- %summary.navlink
51
- %span.icon.icon-seat
52
- Additional Seats
53
- .navlink.test-cycle
54
- %a.navlink-wrapper{href:'#'}
55
- %span.icon.icon-test-running
56
- .navlink-info
57
- .navlink-title Customer name
58
- .navlink-meta No contribution
59
- .navlink-meta #999999
60
- %details.dropdown-actions.dropright
61
- %summary.btn
62
- %span.icon.icon-more
63
- .popover-menu
64
- %a.popover-action{href:'#'}
65
- %span.icon.icon-cross
66
- Quit test cycle and free seat
67
- .navlink.test-cycle
68
- %a.navlink-wrapper{href:'#'}
69
- %span.icon.icon-test-running
70
- .navlink-info
71
- .navlink-title Customer name
72
- .navlink-meta No contribution
73
- .navlink-meta #999999
74
- %details.dropdown-actions.dropright
75
- %summary.btn
76
- %span.icon.icon-more
77
- .popover-menu
78
- %a.popover-action{href:'#'}
79
- %span.icon.icon-cross
80
- Quit test cycle and free seat
81
- .navlink.test-cycle
82
- %a.navlink-wrapper{href:'#'}
83
- %span.icon.icon-test-running
84
- .navlink-info
85
- .navlink-title Customer name
86
- .navlink-meta No contribution
87
- .navlink-meta #999999
88
- %details.dropdown-actions.dropright
89
- %summary.btn
90
- %span.icon.icon-more
91
- .popover-menu
92
- %a.popover-action{href:'#'}
93
- %span.icon.icon-cross
94
- Quit test cycle and free seat
95
- %details
96
- %summary.navlink
97
- %span.icon.icon-test-ended
98
- Past Test Cycles
99
- %a.navlink{href:'#'}
100
- %span.icon.icon-test-ended
101
- #123321 Customer
102
- %a.navlink{href:'#'}
103
- %span.icon.icon-test-locked
104
- #123321 Customer
105
- .banner-install-testnow
106
- Install testNow
107
- %a.icon.icon-apple.ml-auto{href:'#'}
108
- %a.icon.icon-android.ml-xs{href:'#'}
1
+ ---
2
+ tags: navigation
3
+ title: Sidebar - Tester - seat limitation
4
+ ---
5
+
6
+ %p.mb-heading Tester sidebar with seat limitation.
7
+ %nav.sidebar.tester.ds-removethisclass-flex{arialabel:'Sidebar'}
8
+ .profilepicture-wrapper
9
+ %details.profilepicture-actions
10
+ %summary
11
+ %img.testerlevel-medal{src:'/assets/images/testerlevel-medals/medal_testerlevel_1_md.png', alt:''}
12
+ %img.profilepicture{src:'/assets/images/placeholders/profile_supergirl.png', alt:''}
13
+ .popover-menu
14
+ %a.popover-action{href:'#'}
15
+ %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
16
+ Upload picture
17
+ %a.popover-action{href:'#'}
18
+ %span.icon.text-icon-default.icon-remove.mr-icon-spacing
19
+ Remove picture
20
+ .sidebar-title Anja Berger
21
+ .navlinks
22
+ %a.navlink{href:'#'}
23
+ %span.icon.icon-home
24
+ Dashboard
25
+ %a.navlink{href:'#'}
26
+ %span.icon.icon-ranking
27
+ Ranking
28
+ %a.navlink{href:'#'}
29
+ %span.icon.icon-review-bug
30
+ Available tasks 10
31
+ .sidebar-divider
32
+ .sidebar-label 1/2 SEATS USED
33
+ .navlink.test-cycle
34
+ %a.navlink-wrapper{href:'#'}
35
+ %span.icon.icon-test-running
36
+ .navlink-info
37
+ .navlink-title Customer name
38
+ .navlink-meta No contribution
39
+ .navlink-meta #999999
40
+ %details.dropdown-actions.dropright
41
+ %summary.btn
42
+ %span.icon.icon-more
43
+ .popover-menu
44
+ %a.popover-action{href:'#'}
45
+ %span.icon.icon-cross
46
+ Quit test cycle and free seat
47
+ .seatslot Seat available
48
+ .sidebar-divider
49
+ %details
50
+ %summary.navlink
51
+ %span.icon.icon-seat
52
+ Additional Seats
53
+ .navlink.test-cycle
54
+ %a.navlink-wrapper{href:'#'}
55
+ %span.icon.icon-test-running
56
+ .navlink-info
57
+ .navlink-title Customer name
58
+ .navlink-meta No contribution
59
+ .navlink-meta #999999
60
+ %details.dropdown-actions.dropright
61
+ %summary.btn
62
+ %span.icon.icon-more
63
+ .popover-menu
64
+ %a.popover-action{href:'#'}
65
+ %span.icon.icon-cross
66
+ Quit test cycle and free seat
67
+ .navlink.test-cycle
68
+ %a.navlink-wrapper{href:'#'}
69
+ %span.icon.icon-test-running
70
+ .navlink-info
71
+ .navlink-title Customer name
72
+ .navlink-meta No contribution
73
+ .navlink-meta #999999
74
+ %details.dropdown-actions.dropright
75
+ %summary.btn
76
+ %span.icon.icon-more
77
+ .popover-menu
78
+ %a.popover-action{href:'#'}
79
+ %span.icon.icon-cross
80
+ Quit test cycle and free seat
81
+ .navlink.test-cycle
82
+ %a.navlink-wrapper{href:'#'}
83
+ %span.icon.icon-test-running
84
+ .navlink-info
85
+ .navlink-title Customer name
86
+ .navlink-meta No contribution
87
+ .navlink-meta #999999
88
+ %details.dropdown-actions.dropright
89
+ %summary.btn
90
+ %span.icon.icon-more
91
+ .popover-menu
92
+ %a.popover-action{href:'#'}
93
+ %span.icon.icon-cross
94
+ Quit test cycle and free seat
95
+ %details
96
+ %summary.navlink
97
+ %span.icon.icon-test-ended
98
+ Past Test Cycles
99
+ %a.navlink{href:'#'}
100
+ %span.icon.icon-test-ended
101
+ #123321 Customer
102
+ %a.navlink{href:'#'}
103
+ %span.icon.icon-test-locked
104
+ #123321 Customer
105
+ .banner-install-testnow
106
+ Install testNow
107
+ %a.icon.icon-apple.ml-auto{href:'#'}
108
+ %a.icon.icon-android.ml-xs{href:'#'}
package/src/pages/navigation/sidebar-tester.haml CHANGED
@@ -1,75 +1,75 @@
1
- ---
2
- tags: navigation
3
- title: Sidebar - Tester
4
- ---
5
-
6
- %p.mb-heading Tester sidebar with no seat limitation
7
- %nav.sidebar.tester.ds-removethisclass-flex{arialabel:'Sidebar'}
8
- .profilepicture-wrapper
9
- %details.profilepicture-actions
10
- %summary
11
- %img.testerlevel-medal{src:'/assets/images/testerlevel-medals/medal_testerlevel_3_md.png', alt:''}
12
- %img.profilepicture{src:'/assets/images/placeholders/profile_boxer.png', alt:''}
13
- .popover-menu
14
- %a.popover-action{href:'#'}
15
- %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
16
- Upload picture
17
- %a.popover-action{href:'#'}
18
- %span.icon.text-icon-default.icon-remove.mr-icon-spacing
19
- Remove picture
20
- .sidebar-title Thomas Tester
21
- .navlinks
22
- %a.navlink{href:'#'}
23
- %span.icon.icon-home
24
- Dashboard
25
- %a.navlink{href:'#'}
26
- %span.icon.icon-ranking
27
- Ranking
28
- %a.navlink{href:'#'}
29
- %span.icon.icon-review-bug
30
- Available tasks 10
31
- .sidebar-divider
32
- .sidebar-label SEATS USED
33
- .navlink.test-cycle
34
- %a.navlink-wrapper{href:'#'}
35
- %span.icon.icon-test-running
36
- .navlink-info
37
- .navlink-title Customer name
38
- .navlink-meta No contribution
39
- .navlink-meta #999999
40
- %details.dropdown-actions.dropright
41
- %summary.btn
42
- %span.icon.icon-more
43
- .popover-menu
44
- %a.popover-action{href:'#'}
45
- %span.icon.icon-cross
46
- Quit test cycle and free seat
47
- .navlink.test-cycle
48
- %a.navlink-wrapper{href:'#'}
49
- %span.icon.icon-test-running
50
- .navlink-info
51
- .navlink-title Customer name
52
- .navlink-meta No contribution
53
- .navlink-meta #999999
54
- %details.dropdown-actions.dropright
55
- %summary.btn
56
- %span.icon.icon-more
57
- .popover-menu
58
- %a.popover-action{href:'#'}
59
- %span.icon.icon-cross
60
- Quit test cycle and free seat
61
- .sidebar-divider
62
- %details
63
- %summary.navlink
64
- %span.icon.icon-test-ended
65
- Past Test Cycles
66
- %a.navlink{href:'#'}
67
- %span.icon.icon-test-ended
68
- #123321 Customer
69
- %a.navlink{href:'#'}
70
- %span.icon.icon-test-locked
71
- #123321 Customer
72
- .banner-install-testnow
73
- Install testNow
74
- %a.icon.icon-apple.ml-auto{href:'#'}
75
- %a.icon.icon-android.ml-xs{href:'#'}
1
+ ---
2
+ tags: navigation
3
+ title: Sidebar - Tester
4
+ ---
5
+
6
+ %p.mb-heading Tester sidebar with no seat limitation
7
+ %nav.sidebar.tester.ds-removethisclass-flex{arialabel:'Sidebar'}
8
+ .profilepicture-wrapper
9
+ %details.profilepicture-actions
10
+ %summary
11
+ %img.testerlevel-medal{src:'/assets/images/testerlevel-medals/medal_testerlevel_3_md.png', alt:''}
12
+ %img.profilepicture{src:'/assets/images/placeholders/profile_boxer.png', alt:''}
13
+ .popover-menu
14
+ %a.popover-action{href:'#'}
15
+ %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
16
+ Upload picture
17
+ %a.popover-action{href:'#'}
18
+ %span.icon.text-icon-default.icon-remove.mr-icon-spacing
19
+ Remove picture
20
+ .sidebar-title Thomas Tester
21
+ .navlinks
22
+ %a.navlink{href:'#'}
23
+ %span.icon.icon-home
24
+ Dashboard
25
+ %a.navlink{href:'#'}
26
+ %span.icon.icon-ranking
27
+ Ranking
28
+ %a.navlink{href:'#'}
29
+ %span.icon.icon-review-bug
30
+ Available tasks 10
31
+ .sidebar-divider
32
+ .sidebar-label SEATS USED
33
+ .navlink.test-cycle
34
+ %a.navlink-wrapper{href:'#'}
35
+ %span.icon.icon-test-running
36
+ .navlink-info
37
+ .navlink-title Customer name
38
+ .navlink-meta No contribution
39
+ .navlink-meta #999999
40
+ %details.dropdown-actions.dropright
41
+ %summary.btn
42
+ %span.icon.icon-more
43
+ .popover-menu
44
+ %a.popover-action{href:'#'}
45
+ %span.icon.icon-cross
46
+ Quit test cycle and free seat
47
+ .navlink.test-cycle
48
+ %a.navlink-wrapper{href:'#'}
49
+ %span.icon.icon-test-running
50
+ .navlink-info
51
+ .navlink-title Customer name
52
+ .navlink-meta No contribution
53
+ .navlink-meta #999999
54
+ %details.dropdown-actions.dropright
55
+ %summary.btn
56
+ %span.icon.icon-more
57
+ .popover-menu
58
+ %a.popover-action{href:'#'}
59
+ %span.icon.icon-cross
60
+ Quit test cycle and free seat
61
+ .sidebar-divider
62
+ %details
63
+ %summary.navlink
64
+ %span.icon.icon-test-ended
65
+ Past Test Cycles
66
+ %a.navlink{href:'#'}
67
+ %span.icon.icon-test-ended
68
+ #123321 Customer
69
+ %a.navlink{href:'#'}
70
+ %span.icon.icon-test-locked
71
+ #123321 Customer
72
+ .banner-install-testnow
73
+ Install testNow
74
+ %a.icon.icon-apple.ml-auto{href:'#'}
75
+ %a.icon.icon-android.ml-xs{href:'#'}
package/src/pages/navigation/sidebar.haml CHANGED
@@ -1,46 +1,46 @@
1
- ---
2
- tags: navigation
3
- title: Sidebar
4
- ---
5
-
6
- %nav.sidebar.ds-removethisclass-flex{arialabel:'Sidebar'}
7
- %a.navlink.active{href:'#'}
8
- %span.icon.icon-home
9
- Navlink active
10
- %a.navlink{href:'#'}
11
- %span.icon.icon-bug
12
- Navlink
13
- %details
14
- %summary.navlink
15
- %span.icon.icon-product
16
- Collapsable
17
- %a.navlink{href:'#'}
18
- %span.icon.icon-test
19
- Navlink child
20
- %a.navlink{href:'#'}
21
- %span.icon.icon-test
22
- Navlink child
23
- %a.navlink{href:'#'}
24
- %span.icon.icon-test
25
- Navlink child
26
- %a.navlink.active{href:'#'}
27
- %span.icon.icon-test
28
- Active child
29
- %a.navlink{href:'#'}
30
- %span.icon.icon-bug-reproduction
31
- Navlink with a long title to see how things are breaking into several lines and don't cause a broken layout
32
- .sidebar-divider
33
- %a.navlink{href:'#'}
34
- %span.icon.icon-check-circle-filled
35
- Navlink
36
- %a.navlink{href:'#'}
37
- %span.icon.icon-check-circle-filled
38
- Navlink
39
- %a.navlink{href:'#'}
40
- %span.icon.icon-check-circle-filled
41
- Navlink
42
- .sidebar-label Sidebar-label
43
- %a.navlink{href:'#'}
44
- %span.icon.icon-check-circle-filled
45
- Navlink
46
- %a.navlink{href:'#'} Navlink without icon
1
+ ---
2
+ tags: navigation
3
+ title: Sidebar
4
+ ---
5
+
6
+ %nav.sidebar.ds-removethisclass-flex{arialabel:'Sidebar'}
7
+ %a.navlink.active{href:'#'}
8
+ %span.icon.icon-home
9
+ Navlink active
10
+ %a.navlink{href:'#'}
11
+ %span.icon.icon-bug
12
+ Navlink
13
+ %details
14
+ %summary.navlink
15
+ %span.icon.icon-product
16
+ Collapsable
17
+ %a.navlink{href:'#'}
18
+ %span.icon.icon-test
19
+ Navlink child
20
+ %a.navlink{href:'#'}
21
+ %span.icon.icon-test
22
+ Navlink child
23
+ %a.navlink{href:'#'}
24
+ %span.icon.icon-test
25
+ Navlink child
26
+ %a.navlink.active{href:'#'}
27
+ %span.icon.icon-test
28
+ Active child
29
+ %a.navlink{href:'#'}
30
+ %span.icon.icon-bug-reproduction
31
+ Navlink with a long title to see how things are breaking into several lines and don't cause a broken layout
32
+ .sidebar-divider
33
+ %a.navlink{href:'#'}
34
+ %span.icon.icon-check-circle-filled
35
+ Navlink
36
+ %a.navlink{href:'#'}
37
+ %span.icon.icon-check-circle-filled
38
+ Navlink
39
+ %a.navlink{href:'#'}
40
+ %span.icon.icon-check-circle-filled
41
+ Navlink
42
+ .sidebar-label Sidebar-label
43
+ %a.navlink{href:'#'}
44
+ %span.icon.icon-check-circle-filled
45
+ Navlink
46
+ %a.navlink{href:'#'} Navlink without icon