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_collapsables.haml CHANGED
@@ -1,136 +1,136 @@
1
- ---
2
- tags: navigation
3
- title: Sidebar colored collapsables
4
- ---
5
-
6
- %nav.sidebar.customer.ds-removethisclass-flex{arialabel:'Sidebar'}
7
- .navlinks
8
- %details
9
- %summary.navlink
10
- %span.icon.icon-product
11
- Collapse
12
- %a.navlink{href:'#'}
13
- %span.icon.icon-test
14
- Navlink child
15
- %a.navlink{href:'#'}
16
- %span.icon.icon-test
17
- Navlink child
18
- %a.navlink{href:'#'}
19
- %span.icon.icon-test
20
- Navlink child
21
- %a.navlink.active{href:'#'}
22
- %span.icon.icon-test
23
- Active child
24
- %details.marked-collapse.purple
25
- %summary.navlink
26
- %span.icon.icon-product
27
- Collapse purple
28
- %a.navlink{href:'#'}
29
- %span.icon.icon-test
30
- Navlink child
31
- %a.navlink{href:'#'}
32
- %span.icon.icon-test
33
- Navlink child
34
- %a.navlink{href:'#'}
35
- %span.icon.icon-test
36
- Navlink child
37
- %a.navlink.active{href:'#'}
38
- %span.icon.icon-test
39
- Active child
40
- %details.marked-collapse.orange
41
- %summary.navlink
42
- %span.icon.icon-product
43
- Collapse orange
44
- %a.navlink{href:'#'}
45
- %span.icon.icon-test
46
- Navlink child
47
- %a.navlink{href:'#'}
48
- %span.icon.icon-test
49
- Navlink child
50
- %a.navlink{href:'#'}
51
- %span.icon.icon-test
52
- Navlink child
53
- %a.navlink.active{href:'#'}
54
- %span.icon.icon-test
55
- Active child
56
- %details.marked-collapse.yellow
57
- %summary.navlink
58
- %span.icon.icon-product
59
- Collapse yellow
60
- %a.navlink{href:'#'}
61
- %span.icon.icon-test
62
- Navlink child
63
- %a.navlink{href:'#'}
64
- %span.icon.icon-test
65
- Navlink child
66
- %a.navlink{href:'#'}
67
- %span.icon.icon-test
68
- Navlink child
69
- %a.navlink.active{href:'#'}
70
- %span.icon.icon-test
71
- Active child
72
- %details.marked-collapse.red-light
73
- %summary.navlink
74
- %span.icon.icon-product
75
- Collapse red-light
76
- %a.navlink{href:'#'}
77
- %span.icon.icon-test
78
- Navlink child
79
- %a.navlink{href:'#'}
80
- %span.icon.icon-test
81
- Navlink child
82
- %a.navlink{href:'#'}
83
- %span.icon.icon-test
84
- Navlink child
85
- %a.navlink.active{href:'#'}
86
- %span.icon.icon-test
87
- Active child
88
- %details.marked-collapse.pink
89
- %summary.navlink
90
- %span.icon.icon-product
91
- Collapse pink
92
- %a.navlink{href:'#'}
93
- %span.icon.icon-test
94
- Navlink child
95
- %a.navlink{href:'#'}
96
- %span.icon.icon-test
97
- Navlink child
98
- %a.navlink{href:'#'}
99
- %span.icon.icon-test
100
- Navlink child
101
- %a.navlink.active{href:'#'}
102
- %span.icon.icon-test
103
- Active child
104
- %details.marked-collapse.blue
105
- %summary.navlink
106
- %span.icon.icon-product
107
- Collapse blue
108
- %a.navlink{href:'#'}
109
- %span.icon.icon-test
110
- Navlink child
111
- %a.navlink{href:'#'}
112
- %span.icon.icon-test
113
- Navlink child
114
- %a.navlink{href:'#'}
115
- %span.icon.icon-test
116
- Navlink child
117
- %a.navlink.active{href:'#'}
118
- %span.icon.icon-test
119
- Active child
120
- %details.marked-collapse.green
121
- %summary.navlink
122
- %span.icon.icon-product
123
- Collapse green
124
- %a.navlink{href:'#'}
125
- %span.icon.icon-test
126
- Navlink child
127
- %a.navlink{href:'#'}
128
- %span.icon.icon-test
129
- Navlink child
130
- %a.navlink{href:'#'}
131
- %span.icon.icon-test
132
- Navlink child
133
- %a.navlink.active{href:'#'}
134
- %span.icon.icon-test
135
- Active child
136
-
1
+ ---
2
+ tags: navigation
3
+ title: Sidebar colored collapsables
4
+ ---
5
+
6
+ %nav.sidebar.customer.ds-removethisclass-flex{arialabel:'Sidebar'}
7
+ .navlinks
8
+ %details
9
+ %summary.navlink
10
+ %span.icon.icon-product
11
+ Collapse
12
+ %a.navlink{href:'#'}
13
+ %span.icon.icon-test
14
+ Navlink child
15
+ %a.navlink{href:'#'}
16
+ %span.icon.icon-test
17
+ Navlink child
18
+ %a.navlink{href:'#'}
19
+ %span.icon.icon-test
20
+ Navlink child
21
+ %a.navlink.active{href:'#'}
22
+ %span.icon.icon-test
23
+ Active child
24
+ %details.marked-collapse.purple
25
+ %summary.navlink
26
+ %span.icon.icon-product
27
+ Collapse purple
28
+ %a.navlink{href:'#'}
29
+ %span.icon.icon-test
30
+ Navlink child
31
+ %a.navlink{href:'#'}
32
+ %span.icon.icon-test
33
+ Navlink child
34
+ %a.navlink{href:'#'}
35
+ %span.icon.icon-test
36
+ Navlink child
37
+ %a.navlink.active{href:'#'}
38
+ %span.icon.icon-test
39
+ Active child
40
+ %details.marked-collapse.orange
41
+ %summary.navlink
42
+ %span.icon.icon-product
43
+ Collapse orange
44
+ %a.navlink{href:'#'}
45
+ %span.icon.icon-test
46
+ Navlink child
47
+ %a.navlink{href:'#'}
48
+ %span.icon.icon-test
49
+ Navlink child
50
+ %a.navlink{href:'#'}
51
+ %span.icon.icon-test
52
+ Navlink child
53
+ %a.navlink.active{href:'#'}
54
+ %span.icon.icon-test
55
+ Active child
56
+ %details.marked-collapse.yellow
57
+ %summary.navlink
58
+ %span.icon.icon-product
59
+ Collapse yellow
60
+ %a.navlink{href:'#'}
61
+ %span.icon.icon-test
62
+ Navlink child
63
+ %a.navlink{href:'#'}
64
+ %span.icon.icon-test
65
+ Navlink child
66
+ %a.navlink{href:'#'}
67
+ %span.icon.icon-test
68
+ Navlink child
69
+ %a.navlink.active{href:'#'}
70
+ %span.icon.icon-test
71
+ Active child
72
+ %details.marked-collapse.red-light
73
+ %summary.navlink
74
+ %span.icon.icon-product
75
+ Collapse red-light
76
+ %a.navlink{href:'#'}
77
+ %span.icon.icon-test
78
+ Navlink child
79
+ %a.navlink{href:'#'}
80
+ %span.icon.icon-test
81
+ Navlink child
82
+ %a.navlink{href:'#'}
83
+ %span.icon.icon-test
84
+ Navlink child
85
+ %a.navlink.active{href:'#'}
86
+ %span.icon.icon-test
87
+ Active child
88
+ %details.marked-collapse.pink
89
+ %summary.navlink
90
+ %span.icon.icon-product
91
+ Collapse pink
92
+ %a.navlink{href:'#'}
93
+ %span.icon.icon-test
94
+ Navlink child
95
+ %a.navlink{href:'#'}
96
+ %span.icon.icon-test
97
+ Navlink child
98
+ %a.navlink{href:'#'}
99
+ %span.icon.icon-test
100
+ Navlink child
101
+ %a.navlink.active{href:'#'}
102
+ %span.icon.icon-test
103
+ Active child
104
+ %details.marked-collapse.blue
105
+ %summary.navlink
106
+ %span.icon.icon-product
107
+ Collapse blue
108
+ %a.navlink{href:'#'}
109
+ %span.icon.icon-test
110
+ Navlink child
111
+ %a.navlink{href:'#'}
112
+ %span.icon.icon-test
113
+ Navlink child
114
+ %a.navlink{href:'#'}
115
+ %span.icon.icon-test
116
+ Navlink child
117
+ %a.navlink.active{href:'#'}
118
+ %span.icon.icon-test
119
+ Active child
120
+ %details.marked-collapse.green
121
+ %summary.navlink
122
+ %span.icon.icon-product
123
+ Collapse green
124
+ %a.navlink{href:'#'}
125
+ %span.icon.icon-test
126
+ Navlink child
127
+ %a.navlink{href:'#'}
128
+ %span.icon.icon-test
129
+ Navlink child
130
+ %a.navlink{href:'#'}
131
+ %span.icon.icon-test
132
+ Navlink child
133
+ %a.navlink.active{href:'#'}
134
+ %span.icon.icon-test
135
+ Active child
136
+
package/src/pages/navigation/sidebar_customer.haml CHANGED
@@ -1,146 +1,146 @@
1
- ---
2
- tags: navigation
3
- title: Sidebar - Customer
4
- ---
5
-
6
- %nav.sidebar.customer.ds-removethisclass-flex{arialabel:'Sidebar'}
7
- .profilepicture-wrapper
8
- %details.profilepicture-actions
9
- %summary
10
- %img.profilepicture{src:'/assets/images/logo-testio/testio_symbol_purpleteal_square.png', alt:''}
11
- .popover-menu
12
- %a.popover-action{href:'#'}
13
- %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
14
- Upload picture
15
- %a.popover-action{href:'#'}
16
- %span.icon.text-icon-default.icon-remove.mr-icon-spacing
17
- Remove picture
18
- .sidebar-title Purple IO
19
- .navlinks
20
- %a.navlink.active{href:'#'}
21
- %span.icon.icon-home
22
- Navlink active
23
- %a.navlink{href:'#'}
24
- %span.icon.icon-bug
25
- Navlink
26
- %details
27
- %summary.navlink
28
- %span.icon.icon-product
29
- Collapse
30
- %a.navlink{href:'#'}
31
- %span.icon.icon-test
32
- Navlink child
33
- %a.navlink{href:'#'}
34
- %span.icon.icon-test
35
- Navlink child
36
- %a.navlink{href:'#'}
37
- %span.icon.icon-test
38
- Navlink child
39
- %a.navlink.active{href:'#'}
40
- %span.icon.icon-test
41
- Active child
42
- %details.marked-collapse.purple
43
- %summary.navlink
44
- %span.icon.icon-product
45
- Collapse purple
46
- %a.navlink{href:'#'}
47
- %span.icon.icon-test
48
- Navlink child
49
- %a.navlink{href:'#'}
50
- %span.icon.icon-test
51
- Navlink child
52
- %a.navlink{href:'#'}
53
- %span.icon.icon-test
54
- Navlink child
55
- %a.navlink.active{href:'#'}
56
- %span.icon.icon-test
57
- Active child
58
- %details.marked-collapse.orange
59
- %summary.navlink
60
- %span.icon.icon-product
61
- Collapse orange
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{href:'#'}
69
- %span.icon.icon-test
70
- Navlink child
71
- %a.navlink.active{href:'#'}
72
- %span.icon.icon-test
73
- Active child
74
- %details.marked-collapse.yellow
75
- %summary.navlink
76
- %span.icon.icon-product
77
- Collapse yellow
78
- %a.navlink{href:'#'}
79
- %span.icon.icon-test
80
- Navlink child
81
- %a.navlink{href:'#'}
82
- %span.icon.icon-test
83
- Navlink child
84
- %a.navlink{href:'#'}
85
- %span.icon.icon-test
86
- Navlink child
87
- %a.navlink.active{href:'#'}
88
- %span.icon.icon-test
89
- Active child
90
- %details.marked-collapse.red-light
91
- %summary.navlink
92
- %span.icon.icon-product
93
- Collapse red-light
94
- %a.navlink{href:'#'}
95
- %span.icon.icon-test
96
- Navlink child
97
- %a.navlink{href:'#'}
98
- %span.icon.icon-test
99
- Navlink child
100
- %a.navlink{href:'#'}
101
- %span.icon.icon-test
102
- Navlink child
103
- %a.navlink.active{href:'#'}
104
- %span.icon.icon-test
105
- Active child
106
- %details.marked-collapse.pink
107
- %summary.navlink
108
- %span.icon.icon-product
109
- Collapse pink
110
- %a.navlink{href:'#'}
111
- %span.icon.icon-test
112
- Navlink child
113
- %a.navlink{href:'#'}
114
- %span.icon.icon-test
115
- Navlink child
116
- %a.navlink{href:'#'}
117
- %span.icon.icon-test
118
- Navlink child
119
- %a.navlink.active{href:'#'}
120
- %span.icon.icon-test
121
- Active child
122
- %details.marked-collapse.blue
123
- %summary.navlink
124
- %span.icon.icon-product
125
- Collapse blue
126
- %a.navlink{href:'#'}
127
- %span.icon.icon-test
128
- Navlink child
129
- %a.navlink{href:'#'}
130
- %span.icon.icon-test
131
- Navlink child
132
- %a.navlink{href:'#'}
133
- %span.icon.icon-test
134
- Navlink child
135
- %a.navlink.active{href:'#'}
136
- %span.icon.icon-test
137
- Active child
138
- .sidebar-divider
139
- %a.navlink{href:'#'}
140
- %span.icon.icon-bug-reproduction
141
- Navlink with a long title to see how things are breaking into several lines and don't cause a broken layout
142
- .sidebar-label Sidebar-label
143
- %a.navlink{href:'#'}
144
- %span.icon.icon-check-circle-filled
145
- Navlink
146
- %a.navlink{href:'#'} Navlink without icon
1
+ ---
2
+ tags: navigation
3
+ title: Sidebar - Customer
4
+ ---
5
+
6
+ %nav.sidebar.customer.ds-removethisclass-flex{arialabel:'Sidebar'}
7
+ .profilepicture-wrapper
8
+ %details.profilepicture-actions
9
+ %summary
10
+ %img.profilepicture{src:'/assets/images/logo-testio/testio_symbol_purpleteal_square.png', alt:''}
11
+ .popover-menu
12
+ %a.popover-action{href:'#'}
13
+ %span.icon.text-icon-default.icon-cloud-upload.mr-icon-spacing
14
+ Upload picture
15
+ %a.popover-action{href:'#'}
16
+ %span.icon.text-icon-default.icon-remove.mr-icon-spacing
17
+ Remove picture
18
+ .sidebar-title Purple IO
19
+ .navlinks
20
+ %a.navlink.active{href:'#'}
21
+ %span.icon.icon-home
22
+ Navlink active
23
+ %a.navlink{href:'#'}
24
+ %span.icon.icon-bug
25
+ Navlink
26
+ %details
27
+ %summary.navlink
28
+ %span.icon.icon-product
29
+ Collapse
30
+ %a.navlink{href:'#'}
31
+ %span.icon.icon-test
32
+ Navlink child
33
+ %a.navlink{href:'#'}
34
+ %span.icon.icon-test
35
+ Navlink child
36
+ %a.navlink{href:'#'}
37
+ %span.icon.icon-test
38
+ Navlink child
39
+ %a.navlink.active{href:'#'}
40
+ %span.icon.icon-test
41
+ Active child
42
+ %details.marked-collapse.purple
43
+ %summary.navlink
44
+ %span.icon.icon-product
45
+ Collapse purple
46
+ %a.navlink{href:'#'}
47
+ %span.icon.icon-test
48
+ Navlink child
49
+ %a.navlink{href:'#'}
50
+ %span.icon.icon-test
51
+ Navlink child
52
+ %a.navlink{href:'#'}
53
+ %span.icon.icon-test
54
+ Navlink child
55
+ %a.navlink.active{href:'#'}
56
+ %span.icon.icon-test
57
+ Active child
58
+ %details.marked-collapse.orange
59
+ %summary.navlink
60
+ %span.icon.icon-product
61
+ Collapse orange
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{href:'#'}
69
+ %span.icon.icon-test
70
+ Navlink child
71
+ %a.navlink.active{href:'#'}
72
+ %span.icon.icon-test
73
+ Active child
74
+ %details.marked-collapse.yellow
75
+ %summary.navlink
76
+ %span.icon.icon-product
77
+ Collapse yellow
78
+ %a.navlink{href:'#'}
79
+ %span.icon.icon-test
80
+ Navlink child
81
+ %a.navlink{href:'#'}
82
+ %span.icon.icon-test
83
+ Navlink child
84
+ %a.navlink{href:'#'}
85
+ %span.icon.icon-test
86
+ Navlink child
87
+ %a.navlink.active{href:'#'}
88
+ %span.icon.icon-test
89
+ Active child
90
+ %details.marked-collapse.red-light
91
+ %summary.navlink
92
+ %span.icon.icon-product
93
+ Collapse red-light
94
+ %a.navlink{href:'#'}
95
+ %span.icon.icon-test
96
+ Navlink child
97
+ %a.navlink{href:'#'}
98
+ %span.icon.icon-test
99
+ Navlink child
100
+ %a.navlink{href:'#'}
101
+ %span.icon.icon-test
102
+ Navlink child
103
+ %a.navlink.active{href:'#'}
104
+ %span.icon.icon-test
105
+ Active child
106
+ %details.marked-collapse.pink
107
+ %summary.navlink
108
+ %span.icon.icon-product
109
+ Collapse pink
110
+ %a.navlink{href:'#'}
111
+ %span.icon.icon-test
112
+ Navlink child
113
+ %a.navlink{href:'#'}
114
+ %span.icon.icon-test
115
+ Navlink child
116
+ %a.navlink{href:'#'}
117
+ %span.icon.icon-test
118
+ Navlink child
119
+ %a.navlink.active{href:'#'}
120
+ %span.icon.icon-test
121
+ Active child
122
+ %details.marked-collapse.blue
123
+ %summary.navlink
124
+ %span.icon.icon-product
125
+ Collapse blue
126
+ %a.navlink{href:'#'}
127
+ %span.icon.icon-test
128
+ Navlink child
129
+ %a.navlink{href:'#'}
130
+ %span.icon.icon-test
131
+ Navlink child
132
+ %a.navlink{href:'#'}
133
+ %span.icon.icon-test
134
+ Navlink child
135
+ %a.navlink.active{href:'#'}
136
+ %span.icon.icon-test
137
+ Active child
138
+ .sidebar-divider
139
+ %a.navlink{href:'#'}
140
+ %span.icon.icon-bug-reproduction
141
+ Navlink with a long title to see how things are breaking into several lines and don't cause a broken layout
142
+ .sidebar-label Sidebar-label
143
+ %a.navlink{href:'#'}
144
+ %span.icon.icon-check-circle-filled
145
+ Navlink
146
+ %a.navlink{href:'#'} Navlink without icon
package/src/pages/navigation/tabnavigation.haml CHANGED
@@ -1,13 +1,13 @@
1
- ---
2
- tags: navigation
3
- title: Tab navigation
4
- ---
5
-
6
- %nav.nav-tabs
7
- .navlink.active{href:""} Navlink active
8
- .navlink{href:""} Navlink
9
- .navlink{href:""} Navlink
10
- .navlink{href:""}
11
- Counter
12
- .counter 99
1
+ ---
2
+ tags: navigation
3
+ title: Tab navigation
4
+ ---
5
+
6
+ %nav.nav-tabs
7
+ .navlink.active{href:""} Navlink active
8
+ .navlink{href:""} Navlink
9
+ .navlink{href:""} Navlink
10
+ .navlink{href:""}
11
+ Counter
12
+ .counter 99
13
13
  .navlink.disabled{href:""} Disabled
package/src/pages/navigation/tabnavigation_actions.haml CHANGED
@@ -1,22 +1,22 @@
1
- ---
2
- tags: navigation
3
- title: Tab navigation with actions
4
- ---
5
-
6
- %nav.nav-tabs
7
- .navlinks
8
- .navlink.active{href:""} Navlink active
9
- .navlink{href:""} Navlink
10
- .navlink{href:""} Navlink
11
- .navlink{href:""}
12
- Counter
13
- .counter 99
14
- .navlink.disabled{href:""} Disabled
15
- .nav-actions
16
- %a.link-with-icon{href:""}
17
- .icon.icon-sort-descending
18
- Severity (desc)
19
- %a.linked-icon{href:""}
20
- .icon.icon-filter
21
- %a.linked-icon{href:""}
1
+ ---
2
+ tags: navigation
3
+ title: Tab navigation with actions
4
+ ---
5
+
6
+ %nav.nav-tabs
7
+ .navlinks
8
+ .navlink.active{href:""} Navlink active
9
+ .navlink{href:""} Navlink
10
+ .navlink{href:""} Navlink
11
+ .navlink{href:""}
12
+ Counter
13
+ .counter 99
14
+ .navlink.disabled{href:""} Disabled
15
+ .nav-actions
16
+ %a.link-with-icon{href:""}
17
+ .icon.icon-sort-descending
18
+ Severity (desc)
19
+ %a.linked-icon{href:""}
20
+ .icon.icon-filter
21
+ %a.linked-icon{href:""}
22
22
  .icon.icon-search
package/src/pages/navigation/tabnavigation_pills.haml CHANGED
@@ -1,13 +1,13 @@
1
- ---
2
- tags: navigation
3
- title: Tab pill navigation
4
- ---
5
-
6
- %nav.nav-pills
7
- .navlink.active{href:""} Navlink active
8
- .navlink{href:""} Navlink
9
- .navlink{href:""} Navlink
10
- .navlink{href:""}
11
- Counter
12
- .counter 99
1
+ ---
2
+ tags: navigation
3
+ title: Tab pill navigation
4
+ ---
5
+
6
+ %nav.nav-pills
7
+ .navlink.active{href:""} Navlink active
8
+ .navlink{href:""} Navlink
9
+ .navlink{href:""} Navlink
10
+ .navlink{href:""}
11
+ Counter
12
+ .counter 99
13
13
  .navlink.disabled{href:""} Disabled