testio-tailwind 0.2.0 → 0.2.2

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 +37 -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 +332 -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 +75 -83
  336. package/src/pages/icons/status-icons.haml +38 -38
  337. package/src/pages/layout/app_layout.haml +27 -27
  338. package/src/pages/layout/index.njk +7 -7
  339. package/src/pages/layout/max_width.haml +49 -49
  340. package/src/pages/layout/spacing.haml +30 -30
  341. package/src/pages/navigation/header-manager.haml +73 -73
  342. package/src/pages/navigation/header-tester.haml +100 -100
  343. package/src/pages/navigation/header.haml +76 -76
  344. package/src/pages/navigation/header_customer.haml +77 -77
  345. package/src/pages/navigation/header_tester_epam.haml +108 -108
  346. package/src/pages/navigation/index.njk +7 -7
  347. package/src/pages/navigation/product_dropdown.haml +65 -65
  348. package/src/pages/navigation/radio_tabs.haml +22 -22
  349. package/src/pages/navigation/sidebar-manager.haml +46 -46
  350. package/src/pages/navigation/sidebar-tester-elements.haml +105 -105
  351. package/src/pages/navigation/sidebar-tester-seatlimitation.haml +108 -108
  352. package/src/pages/navigation/sidebar-tester.haml +75 -75
  353. package/src/pages/navigation/sidebar.haml +46 -46
  354. package/src/pages/navigation/sidebar_collapsables.haml +136 -136
  355. package/src/pages/navigation/sidebar_customer.haml +146 -146
  356. package/src/pages/navigation/tabnavigation.haml +12 -12
  357. package/src/pages/navigation/tabnavigation_actions.haml +21 -21
  358. package/src/pages/navigation/tabnavigation_pills.haml +12 -12
  359. package/src/pages/navigation/test-header-tester.haml +177 -177
  360. package/src/pages/typography/index.njk +7 -7
  361. package/src/pages/typography/link_with_icon.haml +12 -12
  362. package/src/pages/typography/linked_icon.haml +10 -10
  363. package/src/pages/typography/markdown.md +112 -112
  364. package/src/pages/typography/section_header.haml +25 -25
  365. package/src/pages/typography/section_header_actions.haml +59 -59
  366. package/src/pages/typography/text_with_icon.haml +12 -12
  367. package/src/pages/typography/trix_styles.haml +127 -127
  368. package/src/pages/typography/typography.haml +51 -51
  369. package/src/sitemap.xml.njk +13 -13
  370. package/src/static/app.compiled.css +188 -197
  371. package/src/static/app.compiled.css.map +1 -1
  372. package/src/static/browserconfig.xml +9 -9
  373. package/src/static/site.webmanifest +3 -3
  374. package/utils/collections.js +29 -29
  375. package/utils/filters.js +11 -11
  376. package/utils/markdown.js +9 -9
  377. package/utils/shortcodes.js +6 -6
  378. package/utils/transforms.js +19 -19
  379. package/webpack.config.js +24 -24
  380. package/src/pages/icons/marketingicons.haml +0 -16
package/src/pages/components/devices.haml CHANGED
@@ -1,115 +1,115 @@
1
- ---
2
- tags: components
3
- title: Devices
4
- ---
5
-
6
- .list-devices.mb-sm
7
- .device
8
- .device-icon.icon-lg.icon-computer-windows-lg
9
- .device-info
10
- Desktop | Windows 11
11
- %ul.browser-list
12
- %li.icon.icon-chrome
13
- %li.icon.icon-edge-chromium
14
- .device
15
- .device-icon.icon-lg.icon-smartphone-apple-lg
16
- .device-info
17
- Smartphone | iOS 11
18
- %ul.browser-list
19
- %li.icon.icon-chrome
20
- %li.icon.icon-edge-chromium
21
-
22
- .list-devices.mb-sm
23
- .device.outline
24
- .device-icon.icon-lg.icon-computer-windows-lg
25
- .device-info
26
- Desktop | Windows 11
27
- %ul.browser-list
28
- %li.icon.icon-chrome
29
- %li.icon.icon-edge-chromium
30
- .clouddevice-info Cloud device
31
- .device.outline
32
- .device-icon.icon-lg.icon-computer-windows-lg
33
- .device-info
34
- Desktop | Windows 11
35
- %ul.browser-list
36
- %li.icon.icon-chrome
37
- %li.icon.icon-edge-chromium
38
-
39
- .list-devices.mb-sm
40
- .device-wrapper
41
- .device
42
- .device-icon.icon-lg.icon-computer-windows-lg
43
- .device-info
44
- Desktop | Windows 11
45
- %ul.browser-list
46
- %li.icon.icon-chrome
47
- %li.icon.icon-edge-chromium
48
- .clouddevice-info Cloud device
49
- .device-actions
50
- %a{href:""}
51
- .icon-sm.icon-pencil
52
- %a{href:""}
53
- .icon-sm.icon-remove
54
- .device-wrapper
55
- .device
56
- .device-icon.icon-lg.icon-computer-windows-lg
57
- .device-info
58
- Desktop | Windows 11
59
- %ul.browser-list
60
- %li.icon.icon-chrome
61
- %li.icon.icon-edge-chromium
62
- .clouddevice-info Cloud device
63
- .device-actions
64
- %a{href:""}
65
- .icon-sm.icon-pencil
66
- %a{href:""}
67
- .icon-sm.icon-duplicate
68
- %a{href:""}
69
- .icon-sm.icon-remove
70
-
71
- .list-devices.mb-sm
72
- .device-wrapper
73
- .device
74
- .device-icon.icon-lg.icon-computer-windows-lg
75
- .device-info
76
- Desktop | Windows 11
77
- %ul.browser-list
78
- %li.icon.icon-chrome
79
- %li.icon.icon-edge-chromium
80
- .device-actions
81
- %a{href:""}
82
- .icon-sm.icon-pencil
83
- %a{href:""}
84
- .icon-sm.icon-remove
85
- .device-wrapper
86
- .device
87
- .device-icon.icon-lg.icon-computer-windows-lg
88
- .device-info
89
- Desktop | Windows 11
90
- %ul.browser-list
91
- %li.icon.icon-chrome
92
- %li.icon.icon-edge-chromium
93
- .device-actions
94
- %a{href:""}
95
- .icon-sm.icon-pencil
96
- %a{href:""}
97
- .icon-sm.icon-duplicate
98
- %a{href:""}
99
- .icon-sm.icon-remove
100
-
101
- .list-devices.mb-sm.p-md.bg-black
102
- .device.white
103
- .device-icon.icon-lg.icon-computer-windows-lg
104
- .device-info
105
- Desktop | Windows 11
106
- %ul.browser-list
107
- %li.icon.icon-chrome
108
- %li.icon.icon-edge-chromium
109
- .device.white
110
- .device-icon.icon-lg.icon-smartphone-apple-lg
111
- .device-info
112
- Smartphone | iOS 11
113
- %ul.browser-list
114
- %li.icon.icon-chrome
115
- %li.icon.icon-edge-chromium
1
+ ---
2
+ tags: components
3
+ title: Devices
4
+ ---
5
+
6
+ .list-devices.mb-sm
7
+ .device
8
+ .device-icon.icon-lg.icon-computer-windows-lg
9
+ .device-info
10
+ Desktop | Windows 11
11
+ %ul.browser-list
12
+ %li.icon.icon-chrome
13
+ %li.icon.icon-edge-chromium
14
+ .device
15
+ .device-icon.icon-lg.icon-smartphone-apple-lg
16
+ .device-info
17
+ Smartphone | iOS 11
18
+ %ul.browser-list
19
+ %li.icon.icon-chrome
20
+ %li.icon.icon-edge-chromium
21
+
22
+ .list-devices.mb-sm
23
+ .device.outline
24
+ .device-icon.icon-lg.icon-computer-windows-lg
25
+ .device-info
26
+ Desktop | Windows 11
27
+ %ul.browser-list
28
+ %li.icon.icon-chrome
29
+ %li.icon.icon-edge-chromium
30
+ .clouddevice-info Cloud device
31
+ .device.outline
32
+ .device-icon.icon-lg.icon-computer-windows-lg
33
+ .device-info
34
+ Desktop | Windows 11
35
+ %ul.browser-list
36
+ %li.icon.icon-chrome
37
+ %li.icon.icon-edge-chromium
38
+
39
+ .list-devices.mb-sm
40
+ .device-wrapper
41
+ .device
42
+ .device-icon.icon-lg.icon-computer-windows-lg
43
+ .device-info
44
+ Desktop | Windows 11
45
+ %ul.browser-list
46
+ %li.icon.icon-chrome
47
+ %li.icon.icon-edge-chromium
48
+ .clouddevice-info Cloud device
49
+ .device-actions
50
+ %a{href:""}
51
+ .icon-sm.icon-pencil
52
+ %a{href:""}
53
+ .icon-sm.icon-remove
54
+ .device-wrapper
55
+ .device
56
+ .device-icon.icon-lg.icon-computer-windows-lg
57
+ .device-info
58
+ Desktop | Windows 11
59
+ %ul.browser-list
60
+ %li.icon.icon-chrome
61
+ %li.icon.icon-edge-chromium
62
+ .clouddevice-info Cloud device
63
+ .device-actions
64
+ %a{href:""}
65
+ .icon-sm.icon-pencil
66
+ %a{href:""}
67
+ .icon-sm.icon-duplicate
68
+ %a{href:""}
69
+ .icon-sm.icon-remove
70
+
71
+ .list-devices.mb-sm
72
+ .device-wrapper
73
+ .device
74
+ .device-icon.icon-lg.icon-computer-windows-lg
75
+ .device-info
76
+ Desktop | Windows 11
77
+ %ul.browser-list
78
+ %li.icon.icon-chrome
79
+ %li.icon.icon-edge-chromium
80
+ .device-actions
81
+ %a{href:""}
82
+ .icon-sm.icon-pencil
83
+ %a{href:""}
84
+ .icon-sm.icon-remove
85
+ .device-wrapper
86
+ .device
87
+ .device-icon.icon-lg.icon-computer-windows-lg
88
+ .device-info
89
+ Desktop | Windows 11
90
+ %ul.browser-list
91
+ %li.icon.icon-chrome
92
+ %li.icon.icon-edge-chromium
93
+ .device-actions
94
+ %a{href:""}
95
+ .icon-sm.icon-pencil
96
+ %a{href:""}
97
+ .icon-sm.icon-duplicate
98
+ %a{href:""}
99
+ .icon-sm.icon-remove
100
+
101
+ .list-devices.mb-sm.p-md.bg-black
102
+ .device.white
103
+ .device-icon.icon-lg.icon-computer-windows-lg
104
+ .device-info
105
+ Desktop | Windows 11
106
+ %ul.browser-list
107
+ %li.icon.icon-chrome
108
+ %li.icon.icon-edge-chromium
109
+ .device.white
110
+ .device-icon.icon-lg.icon-smartphone-apple-lg
111
+ .device-info
112
+ Smartphone | iOS 11
113
+ %ul.browser-list
114
+ %li.icon.icon-chrome
115
+ %li.icon.icon-edge-chromium
package/src/pages/components/drawer.haml CHANGED
@@ -1,50 +1,50 @@
1
- ---
2
- tags: components
3
- title: Drawer
4
- ---
5
-
6
- %details.drawer-wrapper
7
- %summary.drawer-trigger
8
- .btn.btn-primary Open Drawer
9
- .drawer
10
- .drawer-header
11
- .drawer-title Drawer title
12
- .drawer-content
13
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
14
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
15
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
16
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
17
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
18
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
19
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
20
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
21
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
22
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
23
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
24
- .drawer-footer
25
- .btn.btn-primary Primary
26
- .btn.btn-secondary Secondary
27
- .pb-sm
28
- %details.drawer-wrapper
29
- %summary.drawer-trigger
30
- .btn.btn-primary Open Drawer with dedicated close button
31
- %button.btn.btn-square.close-btn
32
- .icon.icon-cross
33
- .drawer
34
- .drawer-header
35
- .drawer-title Drawer title
36
- .drawer-content
37
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
38
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
39
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
40
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
41
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
42
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
43
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
44
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
45
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
46
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
47
- %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
48
- .drawer-footer
49
- .btn.btn-primary Primary
1
+ ---
2
+ tags: components
3
+ title: Drawer
4
+ ---
5
+
6
+ %details.drawer-wrapper
7
+ %summary.drawer-trigger
8
+ .btn.btn-primary Open Drawer
9
+ .drawer
10
+ .drawer-header
11
+ .drawer-title Drawer title
12
+ .drawer-content
13
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
14
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
15
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
16
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
17
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
18
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
19
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
20
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
21
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
22
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
23
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
24
+ .drawer-footer
25
+ .btn.btn-primary Primary
26
+ .btn.btn-secondary Secondary
27
+ .pb-sm
28
+ %details.drawer-wrapper
29
+ %summary.drawer-trigger
30
+ .btn.btn-primary Open Drawer with dedicated close button
31
+ %button.btn.btn-square.close-btn
32
+ .icon.icon-cross
33
+ .drawer
34
+ .drawer-header
35
+ .drawer-title Drawer title
36
+ .drawer-content
37
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
38
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
39
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
40
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
41
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
42
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
43
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
44
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
45
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
46
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
47
+ %p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
48
+ .drawer-footer
49
+ .btn.btn-primary Primary
50
50
  .btn.btn-secondary.close-btn close
package/src/pages/components/drawer_filter.haml CHANGED
@@ -1,76 +1,76 @@
1
- ---
2
- tags: components
3
- title: Drawer for filtering
4
- ---
5
-
6
- %details.drawer-wrapper
7
- %summary.drawer-trigger
8
- .btn.btn-primary Open Drawer
9
- .drawer
10
- .drawer-header
11
- .drawer-title Filter by
12
- %form.form-search.direct-input.inverted
13
- %input.form-control{type:'Search', placeholder:"Search for filters"}
14
- %button.btn.btn-clear{type:'reset'}
15
- .drawer-content
16
- %section.section
17
- .section-header
18
- %h5.section-title Category
19
- %form.form-grid.narrow
20
- .form-check.sm.inverted
21
- %input#check_drawer1{type:'checkbox'}
22
- %label{for:'check_drawer1'} Select all/none
23
- .form-check.sm.inverted
24
- %input#check_drawer2{type:'checkbox'}
25
- %label{for:'check_drawer2'}
26
- %span.icon.icon-critical.mr-icon-spacing
27
- Checkbox label
28
- .form-check.sm.inverted
29
- %input#check_drawer3{type:'checkbox'}
30
- %label{for:'check_drawer3'}
31
- %span.icon.icon-high.mr-icon-spacing
32
- Checkbox label
33
- .form-check.sm.inverted
34
- %input#check_drawer4{type:'checkbox'}
35
- %label{for:'check_drawer4'}
36
- %span.icon.icon-low.mr-icon-spacing
37
- Checkbox label
38
- .form-check.sm.inverted
39
- %input#check_drawer5{type:'checkbox'}
40
- %label{for:'check_drawer5'}
41
- %span.icon.icon-user-story.mr-icon-spacing
42
- Checkbox label
43
- %details.section-collapsable
44
- %summary.section-header
45
- %h5.section-title Section collapsable
46
- %form.form-grid.narrow
47
- .form-check.sm.inverted
48
- %input#check_drawer6{type:'checkbox'}
49
- %label{for:'check_drawer6'} Select all/none
50
- .form-check.sm.inverted
51
- %input#check_drawer7{type:'checkbox'}
52
- %label{for:'check_drawer7'}
53
- .user-item.sm
54
- %img{src:"/assets/images/placeholders/profile_supergirl.png"}
55
- User item sm
56
- .form-check.sm.inverted
57
- %input#check_drawer8{type:'checkbox'}
58
- %label{for:'check_drawer8'}
59
- .user-item.sm
60
- %img{src:"/assets/images/placeholders/profile_supergirl.png"}
61
- User item sm
62
- %details.section-collapsable
63
- %summary.section-header
64
- %h5.section-title Section collapsable
65
- %form.form-grid.narrow
66
- .form-check.sm.inverted
67
- %input#check_drawer9{type:'checkbox'}
68
- %label{for:'check_drawer9'} Select all/none
69
- .form-check.sm.inverted
70
- %input#check_drawer10{type:'checkbox'}
71
- %label{for:'check_drawer10'} Checkbox label with a lot of Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
72
- %section.section
73
- %p A whole lot of Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
74
- .drawer-footer
75
- .btn.btn-primary Apply filters
76
- .btn.btn-secondary.close-btn cancel
1
+ ---
2
+ tags: components
3
+ title: Drawer for filtering
4
+ ---
5
+
6
+ %details.drawer-wrapper
7
+ %summary.drawer-trigger
8
+ .btn.btn-primary Open Drawer
9
+ .drawer
10
+ .drawer-header
11
+ .drawer-title Filter by
12
+ %form.form-search.direct-input.inverted
13
+ %input.form-control{type:'Search', placeholder:"Search for filters"}
14
+ %button.btn.btn-clear{type:'reset'}
15
+ .drawer-content
16
+ %section.section
17
+ .section-header
18
+ %h5.section-title Category
19
+ %form.form-grid.narrow
20
+ .form-check.sm.inverted
21
+ %input#check_drawer1{type:'checkbox'}
22
+ %label{for:'check_drawer1'} Select all/none
23
+ .form-check.sm.inverted
24
+ %input#check_drawer2{type:'checkbox'}
25
+ %label{for:'check_drawer2'}
26
+ %span.icon.icon-critical.mr-icon-spacing
27
+ Checkbox label
28
+ .form-check.sm.inverted
29
+ %input#check_drawer3{type:'checkbox'}
30
+ %label{for:'check_drawer3'}
31
+ %span.icon.icon-high.mr-icon-spacing
32
+ Checkbox label
33
+ .form-check.sm.inverted
34
+ %input#check_drawer4{type:'checkbox'}
35
+ %label{for:'check_drawer4'}
36
+ %span.icon.icon-low.mr-icon-spacing
37
+ Checkbox label
38
+ .form-check.sm.inverted
39
+ %input#check_drawer5{type:'checkbox'}
40
+ %label{for:'check_drawer5'}
41
+ %span.icon.icon-user-story.mr-icon-spacing
42
+ Checkbox label
43
+ %details.section-collapsable
44
+ %summary.section-header
45
+ %h5.section-title Section collapsable
46
+ %form.form-grid.narrow
47
+ .form-check.sm.inverted
48
+ %input#check_drawer6{type:'checkbox'}
49
+ %label{for:'check_drawer6'} Select all/none
50
+ .form-check.sm.inverted
51
+ %input#check_drawer7{type:'checkbox'}
52
+ %label{for:'check_drawer7'}
53
+ .user-item.sm
54
+ %img{src:"/assets/images/placeholders/profile_supergirl.png"}
55
+ User item sm
56
+ .form-check.sm.inverted
57
+ %input#check_drawer8{type:'checkbox'}
58
+ %label{for:'check_drawer8'}
59
+ .user-item.sm
60
+ %img{src:"/assets/images/placeholders/profile_supergirl.png"}
61
+ User item sm
62
+ %details.section-collapsable
63
+ %summary.section-header
64
+ %h5.section-title Section collapsable
65
+ %form.form-grid.narrow
66
+ .form-check.sm.inverted
67
+ %input#check_drawer9{type:'checkbox'}
68
+ %label{for:'check_drawer9'} Select all/none
69
+ .form-check.sm.inverted
70
+ %input#check_drawer10{type:'checkbox'}
71
+ %label{for:'check_drawer10'} Checkbox label with a lot of Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.
72
+ %section.section
73
+ %p A whole lot of Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
74
+ .drawer-footer
75
+ .btn.btn-primary Apply filters
76
+ .btn.btn-secondary.close-btn cancel
package/src/pages/components/emptystate.haml CHANGED
@@ -1,16 +1,16 @@
1
- ---
2
- tags: components
3
- title: Empty state message
4
- ---
5
- .grid.gap-md.grid-cols-1{class:"md:grid-cols-3-auto"}
6
- .empty-state-message Empty state message. No items here yet.
7
- .empty-state-message.search Searching empty state message. No items here yet.
8
- .empty-state-message.sad Sad empty state message. No items here yet.
9
- .empty-state-message.smile Smiling empty state message. No items here yet.
10
- .empty-state-message.deceased Deceased empty state message. No items here yet.
11
- .empty-state-message.chat Chatting empty state message. No items here yet.
12
- .empty-state-message.bell A cute bell telling you that there are no notifications here.
13
- .empty-state-message.horizontal
14
- Horizontal empty state message.
15
- %br
1
+ ---
2
+ tags: components
3
+ title: Empty state message
4
+ ---
5
+ .grid.gap-md.grid-cols-1{class:"md:grid-cols-3-auto"}
6
+ .empty-state-message Empty state message. No items here yet.
7
+ .empty-state-message.search Searching empty state message. No items here yet.
8
+ .empty-state-message.sad Sad empty state message. No items here yet.
9
+ .empty-state-message.smile Smiling empty state message. No items here yet.
10
+ .empty-state-message.deceased Deceased empty state message. No items here yet.
11
+ .empty-state-message.chat Chatting empty state message. No items here yet.
12
+ .empty-state-message.bell A cute bell telling you that there are no notifications here.
13
+ .empty-state-message.horizontal
14
+ Horizontal empty state message.
15
+ %br
16
16
  No items here yet.
package/src/pages/components/index.njk CHANGED
@@ -1,7 +1,7 @@
1
- ---
2
- layout: base
3
- permalink: components/
4
- ---
5
-
6
- {% set collection = collections.components %}
1
+ ---
2
+ layout: base
3
+ permalink: components/
4
+ ---
5
+
6
+ {% set collection = collections.components %}
7
7
  {% include "page-with-sidebar.njk" %}
package/src/pages/components/issue-item.haml CHANGED
@@ -1,18 +1,18 @@
1
- ---
2
- tags: components
3
- title: Issue item
4
- ---
5
-
6
- .list-issues
7
- %a.issue-item{href:""}
8
- .issue-icon.icon.icon-bug-reproduction.critical
9
- .issue-title issue title with a lot of Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
10
- .issue-info issue info | issue ID | issue type
11
- %a.issue-item{href:""}
12
- .issue-icon.icon.icon-bug-fix-confirmation.high
13
- .issue-title issue title with a lot of Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
14
- .issue-info Cirro | #123321 | Bug Fix Confirmation
15
- %a.issue-item{href:""}
16
- .issue-icon.icon.icon-bug-reproduction
17
- .issue-title issue title with endless Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
18
- .issue-info issue info with endless Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
1
+ ---
2
+ tags: components
3
+ title: Issue item
4
+ ---
5
+
6
+ .list-issues
7
+ %a.issue-item{href:""}
8
+ .issue-icon.icon.icon-bug-reproduction.critical
9
+ .issue-title issue title with a lot of Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
10
+ .issue-info issue info | issue ID | issue type
11
+ %a.issue-item{href:""}
12
+ .issue-icon.icon.icon-bug-fix-confirmation.high
13
+ .issue-title issue title with a lot of Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
14
+ .issue-info Cirro | #123321 | Bug Fix Confirmation
15
+ %a.issue-item{href:""}
16
+ .issue-icon.icon.icon-bug-reproduction
17
+ .issue-title issue title with endless Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
18
+ .issue-info issue info with endless Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.