testio-tailwind 0.1.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (380) hide show
  1. package/.circleci/config.yml +217 -0
  2. package/.dockerignore +4 -0
  3. package/.eleventy.js +57 -57
  4. package/Dockerfile +27 -0
  5. package/LICENSE +21 -21
  6. package/README.md +43 -43
  7. package/icon-classes-extractor.js +29 -29
  8. package/index.html +399 -478
  9. package/package.json +66 -66
  10. package/src/_data/navigation.json +44 -44
  11. package/src/_data/site.js +12 -12
  12. package/src/_includes/card_popover.haml +7 -7
  13. package/src/_includes/example-header-customer.pug +99 -99
  14. package/src/_includes/example-header-manager.njk +53 -53
  15. package/src/_includes/example-header-tester.njk +99 -99
  16. package/src/_includes/example-header.njk +50 -50
  17. package/src/_includes/page-with-sidebar-nocode.njk +46 -46
  18. package/src/_includes/page-with-sidebar.njk +46 -46
  19. package/src/_includes/page.njk +38 -38
  20. package/src/_layouts/base.njk +83 -83
  21. package/src/_layouts/email-template.njk +90 -90
  22. package/src/_layouts/page-example-customer.njk +74 -74
  23. package/src/_layouts/page-example-manager.njk +74 -74
  24. package/src/_layouts/page-example-tester.njk +75 -75
  25. package/src/_layouts/page-example.njk +83 -83
  26. package/src/assets/images/Cirro-App-Defaultimage.svg +25 -25
  27. package/src/assets/images/arrow-down.svg +13 -13
  28. package/src/assets/images/arrow-left.svg +13 -13
  29. package/src/assets/images/arrow-right.svg +13 -13
  30. package/src/assets/images/arrow-thick-left.svg +13 -13
  31. package/src/assets/images/arrow-thick-right.svg +13 -13
  32. package/src/assets/images/arrow-up.svg +13 -13
  33. package/src/assets/images/at-sign.svg +12 -12
  34. package/src/assets/images/attachment-fallbackimage.svg +19 -19
  35. package/src/assets/images/attachment.svg +8 -8
  36. package/src/assets/images/bell-smile-xl.svg +18 -18
  37. package/src/assets/images/blocked.svg +7 -7
  38. package/src/assets/images/bug-chat-xl.svg +15 -15
  39. package/src/assets/images/bug-deceased-xl.svg +15 -15
  40. package/src/assets/images/bug-reproduction.svg +14 -14
  41. package/src/assets/images/bug-sad-xl.svg +13 -13
  42. package/src/assets/images/bug-search-xl.svg +18 -18
  43. package/src/assets/images/bug-sleeping-xl.svg +14 -14
  44. package/src/assets/images/bug-smile-xl.svg +9 -9
  45. package/src/assets/images/calendar.svg +15 -15
  46. package/src/assets/images/caret-down-centered.svg +6 -6
  47. package/src/assets/images/caret-down.svg +11 -11
  48. package/src/assets/images/caret-left-centered.svg +6 -6
  49. package/src/assets/images/caret-left.svg +6 -6
  50. package/src/assets/images/caret-right-centered.svg +6 -6
  51. package/src/assets/images/caret-right.svg +6 -6
  52. package/src/assets/images/caret-up-centered.svg +6 -6
  53. package/src/assets/images/caret-up.svg +11 -11
  54. package/src/assets/images/check-circle-filled-white.svg +9 -9
  55. package/src/assets/images/check-circle-filled.svg +12 -12
  56. package/src/assets/images/check-circle.svg +7 -7
  57. package/src/assets/images/check-selectable-items.svg +11 -11
  58. package/src/assets/images/check-thick-outline.svg +11 -11
  59. package/src/assets/images/check-thick.svg +6 -6
  60. package/src/assets/images/check.svg +17 -17
  61. package/src/assets/images/checkbox-background-black.svg +6 -6
  62. package/src/assets/images/checkbox-background-sm.svg +12 -12
  63. package/src/assets/images/checkbox-background-white.svg +6 -6
  64. package/src/assets/images/checkbox-background.svg +6 -6
  65. package/src/assets/images/checkbox-sm-checked.svg +11 -11
  66. package/src/assets/images/circle-empty-white.svg +6 -6
  67. package/src/assets/images/circle-sm-filled.svg +6 -6
  68. package/src/assets/images/clock.svg +12 -12
  69. package/src/assets/images/cross-circle-filled.svg +6 -6
  70. package/src/assets/images/cross-circle.svg +7 -7
  71. package/src/assets/images/cross-thick.svg +15 -15
  72. package/src/assets/images/cross.svg +7 -7
  73. package/src/assets/images/exclamation-circle-filled.svg +11 -11
  74. package/src/assets/images/exclamation-circle.svg +12 -12
  75. package/src/assets/images/feature-check.svg +9 -9
  76. package/src/assets/images/feature-cross.svg +10 -10
  77. package/src/assets/images/feature-draft.svg +14 -14
  78. package/src/assets/images/feature.svg +8 -8
  79. package/src/assets/images/file-image-plus-lg.svg +19 -19
  80. package/src/assets/images/file-image-plus-xl.svg +20 -20
  81. package/src/assets/images/format-bold.svg +11 -11
  82. package/src/assets/images/format-code.svg +12 -12
  83. package/src/assets/images/format-heading.svg +11 -11
  84. package/src/assets/images/format-indent-decrease.svg +11 -11
  85. package/src/assets/images/format-indent-increase.svg +11 -11
  86. package/src/assets/images/format-italic.svg +11 -11
  87. package/src/assets/images/format-link.svg +11 -11
  88. package/src/assets/images/format-list-bulleted.svg +17 -17
  89. package/src/assets/images/format-list-numbered.svg +17 -17
  90. package/src/assets/images/format-mark.svg +13 -13
  91. package/src/assets/images/format-quote.svg +17 -17
  92. package/src/assets/images/format-strikethrough.svg +11 -11
  93. package/src/assets/images/forward.svg +11 -11
  94. package/src/assets/images/google_signin.svg +22 -22
  95. package/src/assets/images/info-circle-cirro.svg +21 -21
  96. package/src/assets/images/info-circle-ux.svg +21 -21
  97. package/src/assets/images/lock.svg +15 -15
  98. package/src/assets/images/logo-mobile-cloud.svg +12 -12
  99. package/src/assets/images/logo-testio/testio_horizontal_black.svg +14 -14
  100. package/src/assets/images/logo-testio/testio_horizontal_icon_black.svg +25 -25
  101. package/src/assets/images/logo-testio/testio_horizontal_icon_purple_black.svg +27 -27
  102. package/src/assets/images/logo-testio/testio_horizontal_icon_purple_white.svg +25 -25
  103. package/src/assets/images/logo-testio/testio_horizontal_icon_white.svg +25 -25
  104. package/src/assets/images/logo-testio/testio_horizontal_purple_black.svg +9 -9
  105. package/src/assets/images/logo-testio/testio_horizontal_purple_white.svg +14 -14
  106. package/src/assets/images/logo-testio/testio_horizontal_purpleteal_black.svg +21 -21
  107. package/src/assets/images/logo-testio/testio_horizontal_purpleteal_white.svg +19 -19
  108. package/src/assets/images/logo-testio/testio_horizontal_teal_black.svg +14 -14
  109. package/src/assets/images/logo-testio/testio_horizontal_teal_white.svg +14 -14
  110. package/src/assets/images/logo-testio/testio_horizontal_tealpurple_black.svg +21 -21
  111. package/src/assets/images/logo-testio/testio_horizontal_tealpurple_white.svg +21 -21
  112. package/src/assets/images/logo-testio/testio_horizontal_white.svg +14 -14
  113. package/src/assets/images/logo-testio/testio_symbol_black_round.svg +11 -11
  114. package/src/assets/images/logo-testio/testio_symbol_purple.svg +15 -15
  115. package/src/assets/images/logo-testio/testio_symbol_purpleteal_round.svg +18 -18
  116. package/src/assets/images/logo-testio/testio_symbol_purpleteal_square.svg +18 -18
  117. package/src/assets/images/logo-testio/testio_symbol_teal.svg +15 -15
  118. package/src/assets/images/logo-testio/testio_symbol_tealpurple_round.svg +18 -18
  119. package/src/assets/images/logo-testio/testio_symbol_tealpurple_square.svg +18 -18
  120. package/src/assets/images/logo-testio/testio_symbol_white_round.svg +11 -11
  121. package/src/assets/images/logo-testio/testio_typo_black.svg +11 -11
  122. package/src/assets/images/logo-testio/testio_typo_white.svg +11 -11
  123. package/src/assets/images/logo-testio/testio_vertical_purpleteal_black.svg +19 -19
  124. package/src/assets/images/logo-testio/testio_vertical_purpleteal_white.svg +19 -19
  125. package/src/assets/images/logo-testio/testio_vertical_tealpurple_black.svg +19 -19
  126. package/src/assets/images/logo-testio/testio_vertical_tealpurple_white.svg +19 -19
  127. package/src/assets/images/message-feedback.svg +10 -10
  128. package/src/assets/images/message-question-filled.svg +6 -6
  129. package/src/assets/images/message-question.svg +8 -8
  130. package/src/assets/images/message.svg +11 -11
  131. package/src/assets/images/question-circle.svg +24 -24
  132. package/src/assets/images/radio-checked-black.svg +5 -5
  133. package/src/assets/images/redo.svg +7 -7
  134. package/src/assets/images/remove.svg +6 -6
  135. package/src/assets/images/search.svg +11 -11
  136. package/src/assets/images/seat.svg +14 -14
  137. package/src/assets/images/section.svg +8 -8
  138. package/src/assets/images/sendmessage.svg +15 -15
  139. package/src/assets/images/speaker.svg +10 -10
  140. package/src/assets/images/test-archived.svg +12 -12
  141. package/src/assets/images/test-automation.svg +8 -8
  142. package/src/assets/images/test-check.svg +9 -9
  143. package/src/assets/images/test-ended.svg +9 -9
  144. package/src/assets/images/test-failed.svg +10 -10
  145. package/src/assets/images/test-initialized.svg +10 -10
  146. package/src/assets/images/test-locked.svg +15 -15
  147. package/src/assets/images/test-plus.svg +11 -11
  148. package/src/assets/images/test-promoted.svg +9 -9
  149. package/src/assets/images/test-running.svg +9 -9
  150. package/src/assets/images/test-stopped.svg +17 -17
  151. package/src/assets/images/test.svg +8 -8
  152. package/src/assets/images/testcase.svg +10 -10
  153. package/src/assets/images/triangle-centered-down.svg +12 -12
  154. package/src/assets/images/triangle-centered-left.svg +12 -12
  155. package/src/assets/images/triangle-centered-right.svg +12 -12
  156. package/src/assets/images/triangle-centered-up.svg +12 -12
  157. package/src/assets/images/triangle-down.svg +5 -5
  158. package/src/assets/images/triangle-up.svg +5 -5
  159. package/src/assets/images/undo.svg +7 -7
  160. package/src/assets/images/verify-exclamation.svg +11 -11
  161. package/src/assets/scripts/app.js +150 -150
  162. package/src/assets/scripts/modules/colors.js +10 -10
  163. package/src/assets/scripts/modules/echarts_area.js +94 -94
  164. package/src/assets/scripts/modules/echarts_donut.js +85 -85
  165. package/src/assets/scripts/modules/echarts_exampledata.js +105 -105
  166. package/src/assets/scripts/modules/echarts_exampleseries.js +146 -146
  167. package/src/assets/scripts/modules/echarts_gauge.js +74 -74
  168. package/src/assets/scripts/modules/echarts_horizontal.js +80 -80
  169. package/src/assets/scripts/modules/echarts_legend.js +12 -12
  170. package/src/assets/scripts/modules/echarts_vertical.js +80 -80
  171. package/src/assets/stylesheets/app.css +77 -76
  172. package/src/assets/stylesheets/components/actionbar.css +41 -41
  173. package/src/assets/stylesheets/components/alerts.css +50 -50
  174. package/src/assets/stylesheets/components/banner_card.css +56 -56
  175. package/src/assets/stylesheets/components/buttons.css +192 -192
  176. package/src/assets/stylesheets/components/cards.css +148 -148
  177. package/src/assets/stylesheets/components/chat.css +265 -265
  178. package/src/assets/stylesheets/components/checkboxes_radiobuttons.css +173 -173
  179. package/src/assets/stylesheets/components/customer/customer_header.css +97 -97
  180. package/src/assets/stylesheets/components/customer/customer_productcards.css +212 -212
  181. package/src/assets/stylesheets/components/customer/customer_sidebar.css +76 -76
  182. package/src/assets/stylesheets/components/devices.css +77 -83
  183. package/src/assets/stylesheets/components/drawer.css +99 -99
  184. package/src/assets/stylesheets/components/dropdown.css +92 -92
  185. package/src/assets/stylesheets/components/emptystate_message.css +41 -41
  186. package/src/assets/stylesheets/components/form_card.css +20 -20
  187. package/src/assets/stylesheets/components/form_grid.css +11 -11
  188. package/src/assets/stylesheets/components/forms.css +106 -106
  189. package/src/assets/stylesheets/components/header.css +220 -220
  190. package/src/assets/stylesheets/components/iconfont.css +3303 -3303
  191. package/src/assets/stylesheets/components/icons.css +142 -142
  192. package/src/assets/stylesheets/components/images.css +27 -27
  193. package/src/assets/stylesheets/components/layout.css +37 -82
  194. package/src/assets/stylesheets/components/list_item.css +285 -281
  195. package/src/assets/stylesheets/components/lists.css +67 -67
  196. package/src/assets/stylesheets/components/loading_spinner.css +104 -104
  197. package/src/assets/stylesheets/components/manager/manager_header.css +50 -50
  198. package/src/assets/stylesheets/components/manager/manager_sidebar.css +76 -76
  199. package/src/assets/stylesheets/components/markdown_trix_styles.css +200 -200
  200. package/src/assets/stylesheets/components/metasidebar.css +56 -56
  201. package/src/assets/stylesheets/components/metrics.css +12 -12
  202. package/src/assets/stylesheets/components/modals.css +105 -105
  203. package/src/assets/stylesheets/components/notifications.css +154 -154
  204. package/src/assets/stylesheets/components/popover.css +120 -120
  205. package/src/assets/stylesheets/components/progress.css +69 -69
  206. package/src/assets/stylesheets/components/radio_tabs.css +59 -59
  207. package/src/assets/stylesheets/components/reset.css +26 -26
  208. package/src/assets/stylesheets/components/resultmodule.css +132 -132
  209. package/src/assets/stylesheets/components/search.css +110 -110
  210. package/src/assets/stylesheets/components/sections.css +97 -97
  211. package/src/assets/stylesheets/components/select.css +50 -50
  212. package/src/assets/stylesheets/components/select2.css +252 -252
  213. package/src/assets/stylesheets/components/selectable_token.css +223 -223
  214. package/src/assets/stylesheets/components/sidebar.css +480 -480
  215. package/src/assets/stylesheets/components/splitview.css +307 -304
  216. package/src/assets/stylesheets/components/tables.css +108 -108
  217. package/src/assets/stylesheets/components/tabs.css +121 -121
  218. package/src/assets/stylesheets/components/tags.css +28 -28
  219. package/src/assets/stylesheets/components/task_issue_item.css +78 -78
  220. package/src/assets/stylesheets/components/test_header.css +167 -0
  221. package/src/assets/stylesheets/components/test_item.css +89 -89
  222. package/src/assets/stylesheets/components/tester/tester_cards.css +143 -143
  223. package/src/assets/stylesheets/components/tester/tester_header.css +37 -37
  224. package/src/assets/stylesheets/components/tester/tester_sidebar.css +92 -92
  225. package/src/assets/stylesheets/components/toggleswitch.css +118 -118
  226. package/src/assets/stylesheets/components/tom_select.css +186 -186
  227. package/src/assets/stylesheets/components/trix_editor.css +174 -174
  228. package/src/assets/stylesheets/components/typography.css +81 -81
  229. package/src/assets/stylesheets/components/uploads.css +194 -194
  230. package/src/assets/stylesheets/components/user_item.css +57 -57
  231. package/src/assets/stylesheets/designsystem-styles.css +81 -81
  232. package/src/assets/stylesheets/postcss.config.js +16 -16
  233. package/src/assets/stylesheets/tailwind.config.js +331 -331
  234. package/src/humans.txt.njk +10 -10
  235. package/src/index.pug +16 -16
  236. package/src/pages/buttons/block.haml +39 -39
  237. package/src/pages/buttons/buttons-lg.haml +20 -20
  238. package/src/pages/buttons/buttons-sm.haml +41 -41
  239. package/src/pages/buttons/buttons-xl.haml +23 -23
  240. package/src/pages/buttons/buttons.haml +58 -58
  241. package/src/pages/buttons/buttons_input.haml +39 -39
  242. package/src/pages/buttons/dropdown-menu.haml +73 -73
  243. package/src/pages/buttons/index.njk +7 -7
  244. package/src/pages/buttons/info_popover.haml +32 -32
  245. package/src/pages/buttons/link-with-icon.haml +13 -13
  246. package/src/pages/buttons/square-buttons.haml +55 -55
  247. package/src/pages/charts/area.haml +215 -215
  248. package/src/pages/charts/bar_horizontal.haml +335 -335
  249. package/src/pages/charts/bar_vertical.haml +391 -391
  250. package/src/pages/charts/donut.haml +269 -269
  251. package/src/pages/charts/gauge.haml +214 -214
  252. package/src/pages/charts/index.njk +6 -6
  253. package/src/pages/ci.pug +8 -8
  254. package/src/pages/colors.pug +147 -147
  255. package/src/pages/components/alerts.haml +31 -31
  256. package/src/pages/components/banner_cards.haml +45 -45
  257. package/src/pages/components/cards.haml +111 -111
  258. package/src/pages/components/cards_customer.haml +487 -487
  259. package/src/pages/components/cards_fixedwidth.haml +135 -135
  260. package/src/pages/components/cards_iconheader.haml +57 -57
  261. package/src/pages/components/cards_tester.haml +159 -159
  262. package/src/pages/components/chat_window.haml +240 -240
  263. package/src/pages/components/comments_bug_preview.haml +29 -29
  264. package/src/pages/components/comments_chatmessages.haml +229 -229
  265. package/src/pages/components/descriptionlist.haml +47 -47
  266. package/src/pages/components/devices.haml +115 -115
  267. package/src/pages/components/drawer.haml +49 -49
  268. package/src/pages/components/drawer_filter.haml +76 -76
  269. package/src/pages/components/emptystate.haml +15 -15
  270. package/src/pages/components/index.njk +6 -6
  271. package/src/pages/components/issue-item.haml +18 -18
  272. package/src/pages/components/listitem_with_footer.haml +208 -208
  273. package/src/pages/components/listitems.haml +136 -136
  274. package/src/pages/components/listitems_badge.haml +36 -36
  275. package/src/pages/components/listitems_collapsable.haml +117 -117
  276. package/src/pages/components/listitems_nested.haml +50 -50
  277. package/src/pages/components/listitems_selectable.haml +59 -59
  278. package/src/pages/components/listitems_white.haml +82 -82
  279. package/src/pages/components/loading_spinner.haml +11 -11
  280. package/src/pages/components/metasidebar.haml +13 -13
  281. package/src/pages/components/modal_details.haml +68 -68
  282. package/src/pages/components/notification_center.haml +48 -48
  283. package/src/pages/components/notifications.haml +42 -42
  284. package/src/pages/components/profilethumb.haml +27 -27
  285. package/src/pages/components/progress.haml +23 -23
  286. package/src/pages/components/resultmodule.haml +150 -150
  287. package/src/pages/components/resultmodule_testcase.haml +125 -125
  288. package/src/pages/components/section_collapsable.haml +24 -24
  289. package/src/pages/components/splitview_item.haml +111 -111
  290. package/src/pages/components/splitview_item_collapsable.haml +65 -65
  291. package/src/pages/components/tables.haml +57 -57
  292. package/src/pages/components/tables_linked.haml +29 -29
  293. package/src/pages/components/tags.haml +12 -12
  294. package/src/pages/components/task_item.haml +33 -33
  295. package/src/pages/components/test_item.haml +119 -119
  296. package/src/pages/components/tester_levels.haml +70 -70
  297. package/src/pages/components/user_item.haml +49 -49
  298. package/src/pages/examples/layout-actionbar.haml +267 -267
  299. package/src/pages/examples/layout-basic.haml +28 -28
  300. package/src/pages/examples/layout-chat.haml +327 -327
  301. package/src/pages/examples/layout-customer.haml +189 -189
  302. package/src/pages/examples/layout-form-sidebar-actionbar-metasidebar.haml +312 -312
  303. package/src/pages/examples/layout-manager.haml +98 -98
  304. package/src/pages/examples/layout-metasidebar.haml +269 -269
  305. package/src/pages/examples/layout-sidebar-actionbar-metasidebar.haml +308 -308
  306. package/src/pages/examples/layout-sidebar-actionbar.haml +308 -308
  307. package/src/pages/examples/layout-sidebar.haml +296 -296
  308. package/src/pages/examples/layout-tester.haml +105 -105
  309. package/src/pages/examples/splitview-testcases.haml +477 -477
  310. package/src/pages/examples/splitview.haml +389 -389
  311. package/src/pages/forms/checkboxes.haml +64 -64
  312. package/src/pages/forms/checkboxes_devices.haml +45 -45
  313. package/src/pages/forms/form-addon.haml +16 -16
  314. package/src/pages/forms/form-card.haml +36 -36
  315. package/src/pages/forms/form-grid.haml +16 -16
  316. package/src/pages/forms/form_grid_narrow.haml +18 -18
  317. package/src/pages/forms/forms.haml +22 -22
  318. package/src/pages/forms/index.njk +6 -6
  319. package/src/pages/forms/radiobuttons.haml +50 -50
  320. package/src/pages/forms/rating_scale.haml +62 -62
  321. package/src/pages/forms/search.haml +71 -71
  322. package/src/pages/forms/select2.haml +72 -72
  323. package/src/pages/forms/select_native.haml +74 -74
  324. package/src/pages/forms/selectable_token.haml +49 -49
  325. package/src/pages/forms/selectable_token_browsers.haml +66 -66
  326. package/src/pages/forms/selectable_token_lg.haml +49 -49
  327. package/src/pages/forms/selectable_token_xl.haml +49 -49
  328. package/src/pages/forms/textarea.haml +24 -24
  329. package/src/pages/forms/toggle-buttons.haml +94 -94
  330. package/src/pages/forms/toggle-switch.haml +31 -31
  331. package/src/pages/forms/tomselect.haml +76 -76
  332. package/src/pages/forms/trix_editor.pug +10 -10
  333. package/src/pages/forms/uploads.pug +101 -101
  334. package/src/pages/icons/bug-icons.haml +75 -75
  335. package/src/pages/icons/index.njk +83 -83
  336. package/src/pages/icons/marketingicons.haml +15 -15
  337. package/src/pages/icons/status-icons.haml +38 -38
  338. package/src/pages/layout/app_layout.haml +27 -27
  339. package/src/pages/layout/index.njk +6 -6
  340. package/src/pages/layout/max_width.haml +49 -49
  341. package/src/pages/layout/spacing.haml +30 -30
  342. package/src/pages/navigation/header-manager.haml +73 -73
  343. package/src/pages/navigation/header-tester.haml +100 -100
  344. package/src/pages/navigation/header.haml +76 -76
  345. package/src/pages/navigation/header_customer.haml +77 -77
  346. package/src/pages/navigation/header_tester_epam.haml +108 -108
  347. package/src/pages/navigation/index.njk +7 -7
  348. package/src/pages/navigation/product_dropdown.haml +65 -65
  349. package/src/pages/navigation/radio_tabs.haml +22 -22
  350. package/src/pages/navigation/sidebar-manager.haml +46 -46
  351. package/src/pages/navigation/sidebar-tester-elements.haml +105 -105
  352. package/src/pages/navigation/sidebar-tester-seatlimitation.haml +108 -108
  353. package/src/pages/navigation/sidebar-tester.haml +75 -75
  354. package/src/pages/navigation/sidebar.haml +46 -46
  355. package/src/pages/navigation/sidebar_collapsables.haml +136 -136
  356. package/src/pages/navigation/sidebar_customer.haml +146 -146
  357. package/src/pages/navigation/tabnavigation.haml +12 -12
  358. package/src/pages/navigation/tabnavigation_actions.haml +21 -21
  359. package/src/pages/navigation/tabnavigation_pills.haml +12 -12
  360. package/src/pages/navigation/test-header-tester.haml +178 -0
  361. package/src/pages/typography/index.njk +7 -7
  362. package/src/pages/typography/link_with_icon.haml +12 -12
  363. package/src/pages/typography/linked_icon.haml +10 -10
  364. package/src/pages/typography/markdown.md +112 -112
  365. package/src/pages/typography/section_header.haml +25 -25
  366. package/src/pages/typography/section_header_actions.haml +59 -59
  367. package/src/pages/typography/text_with_icon.haml +12 -12
  368. package/src/pages/typography/trix_styles.haml +127 -127
  369. package/src/pages/typography/typography.haml +51 -51
  370. package/src/sitemap.xml.njk +13 -13
  371. package/src/static/app.compiled.css +536 -208
  372. package/src/static/app.compiled.css.map +1 -1
  373. package/src/static/browserconfig.xml +9 -9
  374. package/src/static/site.webmanifest +3 -3
  375. package/utils/collections.js +29 -29
  376. package/utils/filters.js +11 -11
  377. package/utils/markdown.js +9 -9
  378. package/utils/shortcodes.js +6 -6
  379. package/utils/transforms.js +19 -19
  380. package/webpack.config.js +24 -24
package/src/assets/stylesheets/components/tester/tester_header.css CHANGED
@@ -1,37 +1,37 @@
1
-
2
- /*///////// tester Header /////////*/
3
-
4
- .header.tester .header-logo::before {
5
- content: url("/assets/images/logo-testio/testio_horizontal_purpleteal_white.svg");
6
- }
7
-
8
- .header.tester {
9
- @apply bg-navigation-tester-color;
10
- }
11
- .header.tester .navlink.active {
12
- @apply text-navigation-tester-color bg-navlink-tester-active-bg;
13
- }
14
-
15
- .header.tester .navlink.active .icon {
16
- @apply text-navigation-tester-color;
17
- }
18
-
19
- .header.tester .navlink:hover,
20
- .header.tester .navlink:focus,
21
- .header.tester .navlink.active:focus,
22
- .header.tester .navlink.active:hover,
23
- .header.tester .dropdown-link:focus,
24
- .header.tester .header-dropdown .dropdown-link:hover {
25
- @apply text-navlink-tester-hover-color bg-navlink-tester-hover-bg;
26
-
27
- & .icon {
28
- @apply text-navlink-tester-hover-color;
29
- }
30
- }
31
-
32
- .header.tester .header-dropdown summary:hover:after,
33
- .header.tester .header-dropdown summary:focus:after {
34
- @apply bg-navlink-tester-hover-color;
35
- }
36
-
37
-
1
+
2
+ /*///////// tester Header /////////*/
3
+
4
+ .header.tester .header-logo::before {
5
+ content: url("/assets/images/logo-testio/testio_horizontal_purpleteal_white.svg");
6
+ }
7
+
8
+ .header.tester {
9
+ @apply bg-navigation-tester-color;
10
+ }
11
+ .header.tester .navlink.active {
12
+ @apply text-navigation-tester-color bg-navlink-tester-active-bg;
13
+ }
14
+
15
+ .header.tester .navlink.active .icon {
16
+ @apply text-navigation-tester-color;
17
+ }
18
+
19
+ .header.tester .navlink:hover,
20
+ .header.tester .navlink:focus,
21
+ .header.tester .navlink.active:focus,
22
+ .header.tester .navlink.active:hover,
23
+ .header.tester .dropdown-link:focus,
24
+ .header.tester .header-dropdown .dropdown-link:hover {
25
+ @apply text-navlink-tester-hover-color bg-navlink-tester-hover-bg;
26
+
27
+ & .icon {
28
+ @apply text-navlink-tester-hover-color;
29
+ }
30
+ }
31
+
32
+ .header.tester .header-dropdown summary:hover:after,
33
+ .header.tester .header-dropdown summary:focus:after {
34
+ @apply bg-navlink-tester-hover-color;
35
+ }
36
+
37
+
package/src/assets/stylesheets/components/tester/tester_sidebar.css CHANGED
@@ -1,93 +1,93 @@
1
-
2
- /*///////// tester Sidebar /////////*/
3
-
4
- .sidebar.tester,
5
- .header.tester .sidebar {
6
- @apply bg-navigation-tester-color;
7
- }
8
-
9
- .sidebar.tester .navlink,
10
- .sidebar.tester .navlink .icon,
11
- .header.tester .sidebar .navlink,
12
- .header.tester .sidebar .navlink .icon {
13
- @apply text-white;
14
- }
15
-
16
- .sidebar.tester summary:after,
17
- .header.tester summary:after {
18
- @apply bg-white;
19
- }
20
-
21
- .sidebar.tester .navlink.active,
22
- .header.tester .navlink.active {
23
- @apply text-white bg-navlink-tester-active-bg;
24
- & .icon {
25
- @apply text-white;
26
- }
27
- }
28
-
29
- .sidebar.tester .navlink:hover,
30
- .sidebar.tester .navlink:focus,
31
- .sidebar.tester .navlink.active:focus,
32
- .sidebar.tester .navlink.active:hover,
33
- .header.tester .sidebar .navlink:hover,
34
- .header.tester .sidebar .navlink:focus,
35
- .header.tester .sidebar .navlink.active:focus,
36
- .header.tester .sidebar .navlink.active:hover {
37
- @apply text-navlink-tester-hover-color bg-navlink-tester-hover-bg;
38
-
39
- & .icon {
40
- @apply text-navlink-tester-hover-color;
41
- }
42
- }
43
-
44
- .sidebar.tester details[open],
45
- .header.tester .sidebar details[open],
46
- .header.tester .sidebar .header-dropdown[open] {
47
- @apply bg-gray-800;
48
- }
49
-
50
- .sidebar.tester details summary.navlink:hover,
51
- .sidebar.tester details summary.navlink:focus,
52
- .header.tester .sidebar details summary.navlink:hover,
53
- .header.tester .sidebar details summary.navlink:focus,
54
- .sidebar.tester .sidebar-divider,
55
- .header.tester .sidebar-divider,
56
- .header.tester .sidebar .sidebar-divider,
57
- .header.tester .header .sidebar-divider {
58
- @apply bg-gray-800;
59
- }
60
-
61
- .sidebar.tester details .navlink,
62
- .sidebar.tester details .navlink.active,
63
- .header.tester .sidebar .navlink,
64
- .header.tester .sidebar .navlink.active {
65
- &:hover, &:focus {
66
- @apply text-navlink-tester-active-bg bg-gray-700;
67
-
68
- .icon {
69
- @apply text-navlink-tester-active-bg;
70
- }
71
- &:after {
72
- @apply bg-navlink-tester-active-bg;
73
- }
74
- }
75
- }
76
-
77
- .sidebar.tester .navlink.test-cycle:hover .navlink-info {
78
- @apply text-navlink-tester-hover-color;
79
- }
80
-
81
- .sidebar.tester .sidebar-divider,
82
- .header.tester .sidebar-divider,
83
- .header.tester .sidebar .sidebar-divider,
84
- .header.tester .header .sidebar-divider {
85
- @apply bg-gray-800;
86
- }
87
-
88
- .sidebar.tester .test-cycle .dropdown-actions .btn,
89
- .header.tester .sidebar .test-cycle .dropdown-actions .btn {
90
- &:hover, &:focus {
91
- @apply text-white;
92
- }
1
+
2
+ /*///////// tester Sidebar /////////*/
3
+
4
+ .sidebar.tester,
5
+ .header.tester .sidebar {
6
+ @apply bg-navigation-tester-color;
7
+ }
8
+
9
+ .sidebar.tester .navlink,
10
+ .sidebar.tester .navlink .icon,
11
+ .header.tester .sidebar .navlink,
12
+ .header.tester .sidebar .navlink .icon {
13
+ @apply text-white;
14
+ }
15
+
16
+ .sidebar.tester summary:after,
17
+ .header.tester summary:after {
18
+ @apply bg-white;
19
+ }
20
+
21
+ .sidebar.tester .navlink.active,
22
+ .header.tester .navlink.active {
23
+ @apply text-white bg-navlink-tester-active-bg;
24
+ & .icon {
25
+ @apply text-white;
26
+ }
27
+ }
28
+
29
+ .sidebar.tester .navlink:hover,
30
+ .sidebar.tester .navlink:focus,
31
+ .sidebar.tester .navlink.active:focus,
32
+ .sidebar.tester .navlink.active:hover,
33
+ .header.tester .sidebar .navlink:hover,
34
+ .header.tester .sidebar .navlink:focus,
35
+ .header.tester .sidebar .navlink.active:focus,
36
+ .header.tester .sidebar .navlink.active:hover {
37
+ @apply text-navlink-tester-hover-color bg-navlink-tester-hover-bg;
38
+
39
+ & .icon {
40
+ @apply text-navlink-tester-hover-color;
41
+ }
42
+ }
43
+
44
+ .sidebar.tester details[open],
45
+ .header.tester .sidebar details[open],
46
+ .header.tester .sidebar .header-dropdown[open] {
47
+ @apply bg-gray-800;
48
+ }
49
+
50
+ .sidebar.tester details summary.navlink:hover,
51
+ .sidebar.tester details summary.navlink:focus,
52
+ .header.tester .sidebar details summary.navlink:hover,
53
+ .header.tester .sidebar details summary.navlink:focus,
54
+ .sidebar.tester .sidebar-divider,
55
+ .header.tester .sidebar-divider,
56
+ .header.tester .sidebar .sidebar-divider,
57
+ .header.tester .header .sidebar-divider {
58
+ @apply bg-gray-800;
59
+ }
60
+
61
+ .sidebar.tester details .navlink,
62
+ .sidebar.tester details .navlink.active,
63
+ .header.tester .sidebar .navlink,
64
+ .header.tester .sidebar .navlink.active {
65
+ &:hover, &:focus {
66
+ @apply text-navlink-tester-active-bg bg-gray-700;
67
+
68
+ .icon {
69
+ @apply text-navlink-tester-active-bg;
70
+ }
71
+ &:after {
72
+ @apply bg-navlink-tester-active-bg;
73
+ }
74
+ }
75
+ }
76
+
77
+ .sidebar.tester .navlink.test-cycle:hover .navlink-info {
78
+ @apply text-navlink-tester-hover-color;
79
+ }
80
+
81
+ .sidebar.tester .sidebar-divider,
82
+ .header.tester .sidebar-divider,
83
+ .header.tester .sidebar .sidebar-divider,
84
+ .header.tester .header .sidebar-divider {
85
+ @apply bg-gray-800;
86
+ }
87
+
88
+ .sidebar.tester .test-cycle .dropdown-actions .btn,
89
+ .header.tester .sidebar .test-cycle .dropdown-actions .btn {
90
+ &:hover, &:focus {
91
+ @apply text-white;
92
+ }
93
93
  }
package/src/assets/stylesheets/components/toggleswitch.css CHANGED
@@ -1,119 +1,119 @@
1
-
2
- .form-toggle {
3
- @apply relative flex flex-row items-center h-auto;
4
- }
5
-
6
- .toggle-switch {
7
- @apply relative inline-block h-btn-sm w-xl mb-0;
8
- color: inherit;
9
- }
10
-
11
- .toggle-switch-label {
12
- @apply inline-block ml-xs text-base font-normal text-black cursor-pointer;
13
- }
14
-
15
- .toggle-switch input,
16
- .translation-header-toggle input {
17
- @apply hidden w-0 h-0;
18
- }
19
-
20
- .toggle-switch .slider {
21
- @apply absolute top-0 left-0 right-0 bottom-0 bg-gray-light transition-transform cursor-pointer;
22
- border-radius: 20px;
23
- }
24
-
25
- .toggle-switch .slider:before {
26
- @apply absolute bg-white transition-transform ;
27
- border-radius: 100%;
28
- content: "";
29
- height: 26px;
30
- width: 26px;
31
- left: 2px;
32
- bottom: 2px;
33
- top: 2px;
34
- }
35
-
36
- .toggle-switch input:checked + .slider {
37
- @apply bg-info;
38
- }
39
-
40
- .toggle-switch input:focus + .slider {
41
- box-shadow: 0 0 1px #21bef4;
42
- }
43
-
44
- .toggle-switch input:checked + .slider:before {
45
- -webkit-transform: translateX(30px);
46
- -ms-transform: translateX(30px);
47
- transform: translateX(30px);
48
- }
49
-
50
- .toggle-switch.disabled .slider {
51
- @apply border border-disabled;
52
- background-image: url("/assets/images/pattern-striped-bright.png");
53
- background-repeat: repeat;
54
- background-color: transparent;
55
- cursor: not-allowed;
56
-
57
- &::before {
58
- @apply bg-disabled;
59
- top: 1px;
60
- }
61
- }
62
-
63
- .toggle-switch input:disabled + .slider,
64
- .toggle-switch input:disabled + label {
65
- background-color: transparent;
66
- }
67
-
68
- .toggle-switch input:checked {
69
- &:disabled + .slider:before {
70
- -webkit-transform: translateX(29px);
71
- -ms-transform: translateX(29px);
72
- transform: translateX(29px);
73
- }
74
- }
75
-
76
- .toggle-switch.disabled .toggle-switch-label {
77
- cursor: not-allowed;
78
- }
79
-
80
- .form-toggle.inverted .toggle-switch .slider:before {
81
- @apply bg-dark;
82
- }
83
-
84
- .form-toggle.inverted .toggle-switch .slider {
85
- @apply bg-gray-dark;
86
- }
87
-
88
- .form-toggle.inverted .toggle-switch input:checked + .slider {
89
- @apply bg-gray;
90
- }
91
-
92
- .form-toggle.inverted .toggle-switch-label {
93
- @apply text-white;
94
- }
95
-
96
- .form-toggle.sm .toggle-switch {
97
- border-radius: 10px;
98
- width: 44px;
99
- height: 24px;
100
- }
101
-
102
- .form-toggle.sm .toggle-switch .slider:before {
103
- width: 20px;
104
- height: 20px;
105
- }
106
-
107
- .form-toggle.sm .toggle-switch input:checked + .slider:before {
108
- -webkit-transform: translateX(20px);
109
- -ms-transform: translateX(20px);
110
- transform: translateX(20px);
111
- }
112
-
113
- .form-toggle.sm {
114
- @apply items-center;
115
- }
116
-
117
- .form-toggle .toggle-label {
118
- @apply text-label;
1
+
2
+ .form-toggle {
3
+ @apply relative flex flex-row items-center h-auto;
4
+ }
5
+
6
+ .toggle-switch {
7
+ @apply relative inline-block h-btn-sm w-xl mb-0;
8
+ color: inherit;
9
+ }
10
+
11
+ .toggle-switch-label {
12
+ @apply inline-block ml-xs text-base font-normal text-black cursor-pointer;
13
+ }
14
+
15
+ .toggle-switch input,
16
+ .translation-header-toggle input {
17
+ @apply hidden w-0 h-0;
18
+ }
19
+
20
+ .toggle-switch .slider {
21
+ @apply absolute top-0 left-0 right-0 bottom-0 bg-gray-light transition-transform cursor-pointer;
22
+ border-radius: 20px;
23
+ }
24
+
25
+ .toggle-switch .slider:before {
26
+ @apply absolute bg-white transition-transform ;
27
+ border-radius: 100%;
28
+ content: "";
29
+ height: 26px;
30
+ width: 26px;
31
+ left: 2px;
32
+ bottom: 2px;
33
+ top: 2px;
34
+ }
35
+
36
+ .toggle-switch input:checked + .slider {
37
+ @apply bg-info;
38
+ }
39
+
40
+ .toggle-switch input:focus + .slider {
41
+ box-shadow: 0 0 1px #21bef4;
42
+ }
43
+
44
+ .toggle-switch input:checked + .slider:before {
45
+ -webkit-transform: translateX(30px);
46
+ -ms-transform: translateX(30px);
47
+ transform: translateX(30px);
48
+ }
49
+
50
+ .toggle-switch.disabled .slider {
51
+ @apply border border-disabled;
52
+ background-image: url("/assets/images/pattern-striped-bright.png");
53
+ background-repeat: repeat;
54
+ background-color: transparent;
55
+ cursor: not-allowed;
56
+
57
+ &::before {
58
+ @apply bg-disabled;
59
+ top: 1px;
60
+ }
61
+ }
62
+
63
+ .toggle-switch input:disabled + .slider,
64
+ .toggle-switch input:disabled + label {
65
+ background-color: transparent;
66
+ }
67
+
68
+ .toggle-switch input:checked {
69
+ &:disabled + .slider:before {
70
+ -webkit-transform: translateX(29px);
71
+ -ms-transform: translateX(29px);
72
+ transform: translateX(29px);
73
+ }
74
+ }
75
+
76
+ .toggle-switch.disabled .toggle-switch-label {
77
+ cursor: not-allowed;
78
+ }
79
+
80
+ .form-toggle.inverted .toggle-switch .slider:before {
81
+ @apply bg-dark;
82
+ }
83
+
84
+ .form-toggle.inverted .toggle-switch .slider {
85
+ @apply bg-gray-dark;
86
+ }
87
+
88
+ .form-toggle.inverted .toggle-switch input:checked + .slider {
89
+ @apply bg-gray;
90
+ }
91
+
92
+ .form-toggle.inverted .toggle-switch-label {
93
+ @apply text-white;
94
+ }
95
+
96
+ .form-toggle.sm .toggle-switch {
97
+ border-radius: 10px;
98
+ width: 44px;
99
+ height: 24px;
100
+ }
101
+
102
+ .form-toggle.sm .toggle-switch .slider:before {
103
+ width: 20px;
104
+ height: 20px;
105
+ }
106
+
107
+ .form-toggle.sm .toggle-switch input:checked + .slider:before {
108
+ -webkit-transform: translateX(20px);
109
+ -ms-transform: translateX(20px);
110
+ transform: translateX(20px);
111
+ }
112
+
113
+ .form-toggle.sm {
114
+ @apply items-center;
115
+ }
116
+
117
+ .form-toggle .toggle-label {
118
+ @apply text-label;
119
119
  }