testio-tailwind 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (380) hide show
  1. package/.circleci/config.yml +217 -0
  2. package/.dockerignore +4 -0
  3. package/.eleventy.js +57 -57
  4. package/Dockerfile +27 -0
  5. package/LICENSE +21 -21
  6. package/README.md +43 -43
  7. package/icon-classes-extractor.js +29 -29
  8. package/index.html +399 -478
  9. package/package.json +66 -66
  10. package/src/_data/navigation.json +44 -44
  11. package/src/_data/site.js +12 -12
  12. package/src/_includes/card_popover.haml +7 -7
  13. package/src/_includes/example-header-customer.pug +99 -99
  14. package/src/_includes/example-header-manager.njk +53 -53
  15. package/src/_includes/example-header-tester.njk +99 -99
  16. package/src/_includes/example-header.njk +50 -50
  17. package/src/_includes/page-with-sidebar-nocode.njk +46 -46
  18. package/src/_includes/page-with-sidebar.njk +46 -46
  19. package/src/_includes/page.njk +38 -38
  20. package/src/_layouts/base.njk +83 -83
  21. package/src/_layouts/email-template.njk +90 -90
  22. package/src/_layouts/page-example-customer.njk +74 -74
  23. package/src/_layouts/page-example-manager.njk +74 -74
  24. package/src/_layouts/page-example-tester.njk +75 -75
  25. package/src/_layouts/page-example.njk +83 -83
  26. package/src/assets/images/Cirro-App-Defaultimage.svg +25 -25
  27. package/src/assets/images/arrow-down.svg +13 -13
  28. package/src/assets/images/arrow-left.svg +13 -13
  29. package/src/assets/images/arrow-right.svg +13 -13
  30. package/src/assets/images/arrow-thick-left.svg +13 -13
  31. package/src/assets/images/arrow-thick-right.svg +13 -13
  32. package/src/assets/images/arrow-up.svg +13 -13
  33. package/src/assets/images/at-sign.svg +12 -12
  34. package/src/assets/images/attachment-fallbackimage.svg +19 -19
  35. package/src/assets/images/attachment.svg +8 -8
  36. package/src/assets/images/bell-smile-xl.svg +18 -18
  37. package/src/assets/images/blocked.svg +7 -7
  38. package/src/assets/images/bug-chat-xl.svg +15 -15
  39. package/src/assets/images/bug-deceased-xl.svg +15 -15
  40. package/src/assets/images/bug-reproduction.svg +14 -14
  41. package/src/assets/images/bug-sad-xl.svg +13 -13
  42. package/src/assets/images/bug-search-xl.svg +18 -18
  43. package/src/assets/images/bug-sleeping-xl.svg +14 -14
  44. package/src/assets/images/bug-smile-xl.svg +9 -9
  45. package/src/assets/images/calendar.svg +15 -15
  46. package/src/assets/images/caret-down-centered.svg +6 -6
  47. package/src/assets/images/caret-down.svg +11 -11
  48. package/src/assets/images/caret-left-centered.svg +6 -6
  49. package/src/assets/images/caret-left.svg +6 -6
  50. package/src/assets/images/caret-right-centered.svg +6 -6
  51. package/src/assets/images/caret-right.svg +6 -6
  52. package/src/assets/images/caret-up-centered.svg +6 -6
  53. package/src/assets/images/caret-up.svg +11 -11
  54. package/src/assets/images/check-circle-filled-white.svg +9 -9
  55. package/src/assets/images/check-circle-filled.svg +12 -12
  56. package/src/assets/images/check-circle.svg +7 -7
  57. package/src/assets/images/check-selectable-items.svg +11 -11
  58. package/src/assets/images/check-thick-outline.svg +11 -11
  59. package/src/assets/images/check-thick.svg +6 -6
  60. package/src/assets/images/check.svg +17 -17
  61. package/src/assets/images/checkbox-background-black.svg +6 -6
  62. package/src/assets/images/checkbox-background-sm.svg +12 -12
  63. package/src/assets/images/checkbox-background-white.svg +6 -6
  64. package/src/assets/images/checkbox-background.svg +6 -6
  65. package/src/assets/images/checkbox-sm-checked.svg +11 -11
  66. package/src/assets/images/circle-empty-white.svg +6 -6
  67. package/src/assets/images/circle-sm-filled.svg +6 -6
  68. package/src/assets/images/clock.svg +12 -12
  69. package/src/assets/images/cross-circle-filled.svg +6 -6
  70. package/src/assets/images/cross-circle.svg +7 -7
  71. package/src/assets/images/cross-thick.svg +15 -15
  72. package/src/assets/images/cross.svg +7 -7
  73. package/src/assets/images/exclamation-circle-filled.svg +11 -11
  74. package/src/assets/images/exclamation-circle.svg +12 -12
  75. package/src/assets/images/feature-check.svg +9 -9
  76. package/src/assets/images/feature-cross.svg +10 -10
  77. package/src/assets/images/feature-draft.svg +14 -14
  78. package/src/assets/images/feature.svg +8 -8
  79. package/src/assets/images/file-image-plus-lg.svg +19 -19
  80. package/src/assets/images/file-image-plus-xl.svg +20 -20
  81. package/src/assets/images/format-bold.svg +11 -11
  82. package/src/assets/images/format-code.svg +12 -12
  83. package/src/assets/images/format-heading.svg +11 -11
  84. package/src/assets/images/format-indent-decrease.svg +11 -11
  85. package/src/assets/images/format-indent-increase.svg +11 -11
  86. package/src/assets/images/format-italic.svg +11 -11
  87. package/src/assets/images/format-link.svg +11 -11
  88. package/src/assets/images/format-list-bulleted.svg +17 -17
  89. package/src/assets/images/format-list-numbered.svg +17 -17
  90. package/src/assets/images/format-mark.svg +13 -13
  91. package/src/assets/images/format-quote.svg +17 -17
  92. package/src/assets/images/format-strikethrough.svg +11 -11
  93. package/src/assets/images/forward.svg +11 -11
  94. package/src/assets/images/google_signin.svg +22 -22
  95. package/src/assets/images/info-circle-cirro.svg +21 -21
  96. package/src/assets/images/info-circle-ux.svg +21 -21
  97. package/src/assets/images/lock.svg +15 -15
  98. package/src/assets/images/logo-mobile-cloud.svg +12 -12
  99. package/src/assets/images/logo-testio/testio_horizontal_black.svg +14 -14
  100. package/src/assets/images/logo-testio/testio_horizontal_icon_black.svg +25 -25
  101. package/src/assets/images/logo-testio/testio_horizontal_icon_purple_black.svg +27 -27
  102. package/src/assets/images/logo-testio/testio_horizontal_icon_purple_white.svg +25 -25
  103. package/src/assets/images/logo-testio/testio_horizontal_icon_white.svg +25 -25
  104. package/src/assets/images/logo-testio/testio_horizontal_purple_black.svg +9 -9
  105. package/src/assets/images/logo-testio/testio_horizontal_purple_white.svg +14 -14
  106. package/src/assets/images/logo-testio/testio_horizontal_purpleteal_black.svg +21 -21
  107. package/src/assets/images/logo-testio/testio_horizontal_purpleteal_white.svg +19 -19
  108. package/src/assets/images/logo-testio/testio_horizontal_teal_black.svg +14 -14
  109. package/src/assets/images/logo-testio/testio_horizontal_teal_white.svg +14 -14
  110. package/src/assets/images/logo-testio/testio_horizontal_tealpurple_black.svg +21 -21
  111. package/src/assets/images/logo-testio/testio_horizontal_tealpurple_white.svg +21 -21
  112. package/src/assets/images/logo-testio/testio_horizontal_white.svg +14 -14
  113. package/src/assets/images/logo-testio/testio_symbol_black_round.svg +11 -11
  114. package/src/assets/images/logo-testio/testio_symbol_purple.svg +15 -15
  115. package/src/assets/images/logo-testio/testio_symbol_purpleteal_round.svg +18 -18
  116. package/src/assets/images/logo-testio/testio_symbol_purpleteal_square.svg +18 -18
  117. package/src/assets/images/logo-testio/testio_symbol_teal.svg +15 -15
  118. package/src/assets/images/logo-testio/testio_symbol_tealpurple_round.svg +18 -18
  119. package/src/assets/images/logo-testio/testio_symbol_tealpurple_square.svg +18 -18
  120. package/src/assets/images/logo-testio/testio_symbol_white_round.svg +11 -11
  121. package/src/assets/images/logo-testio/testio_typo_black.svg +11 -11
  122. package/src/assets/images/logo-testio/testio_typo_white.svg +11 -11
  123. package/src/assets/images/logo-testio/testio_vertical_purpleteal_black.svg +19 -19
  124. package/src/assets/images/logo-testio/testio_vertical_purpleteal_white.svg +19 -19
  125. package/src/assets/images/logo-testio/testio_vertical_tealpurple_black.svg +19 -19
  126. package/src/assets/images/logo-testio/testio_vertical_tealpurple_white.svg +19 -19
  127. package/src/assets/images/message-feedback.svg +10 -10
  128. package/src/assets/images/message-question-filled.svg +6 -6
  129. package/src/assets/images/message-question.svg +8 -8
  130. package/src/assets/images/message.svg +11 -11
  131. package/src/assets/images/question-circle.svg +24 -24
  132. package/src/assets/images/radio-checked-black.svg +5 -5
  133. package/src/assets/images/redo.svg +7 -7
  134. package/src/assets/images/remove.svg +6 -6
  135. package/src/assets/images/search.svg +11 -11
  136. package/src/assets/images/seat.svg +14 -14
  137. package/src/assets/images/section.svg +8 -8
  138. package/src/assets/images/sendmessage.svg +15 -15
  139. package/src/assets/images/speaker.svg +10 -10
  140. package/src/assets/images/test-archived.svg +12 -12
  141. package/src/assets/images/test-automation.svg +8 -8
  142. package/src/assets/images/test-check.svg +9 -9
  143. package/src/assets/images/test-ended.svg +9 -9
  144. package/src/assets/images/test-failed.svg +10 -10
  145. package/src/assets/images/test-initialized.svg +10 -10
  146. package/src/assets/images/test-locked.svg +15 -15
  147. package/src/assets/images/test-plus.svg +11 -11
  148. package/src/assets/images/test-promoted.svg +9 -9
  149. package/src/assets/images/test-running.svg +9 -9
  150. package/src/assets/images/test-stopped.svg +17 -17
  151. package/src/assets/images/test.svg +8 -8
  152. package/src/assets/images/testcase.svg +10 -10
  153. package/src/assets/images/triangle-centered-down.svg +12 -12
  154. package/src/assets/images/triangle-centered-left.svg +12 -12
  155. package/src/assets/images/triangle-centered-right.svg +12 -12
  156. package/src/assets/images/triangle-centered-up.svg +12 -12
  157. package/src/assets/images/triangle-down.svg +5 -5
  158. package/src/assets/images/triangle-up.svg +5 -5
  159. package/src/assets/images/undo.svg +7 -7
  160. package/src/assets/images/verify-exclamation.svg +11 -11
  161. package/src/assets/scripts/app.js +150 -150
  162. package/src/assets/scripts/modules/colors.js +10 -10
  163. package/src/assets/scripts/modules/echarts_area.js +94 -94
  164. package/src/assets/scripts/modules/echarts_donut.js +85 -85
  165. package/src/assets/scripts/modules/echarts_exampledata.js +105 -105
  166. package/src/assets/scripts/modules/echarts_exampleseries.js +146 -146
  167. package/src/assets/scripts/modules/echarts_gauge.js +74 -74
  168. package/src/assets/scripts/modules/echarts_horizontal.js +80 -80
  169. package/src/assets/scripts/modules/echarts_legend.js +12 -12
  170. package/src/assets/scripts/modules/echarts_vertical.js +80 -80
  171. package/src/assets/stylesheets/app.css +77 -77
  172. package/src/assets/stylesheets/components/actionbar.css +41 -41
  173. package/src/assets/stylesheets/components/alerts.css +50 -50
  174. package/src/assets/stylesheets/components/banner_card.css +56 -56
  175. package/src/assets/stylesheets/components/buttons.css +192 -192
  176. package/src/assets/stylesheets/components/cards.css +148 -148
  177. package/src/assets/stylesheets/components/chat.css +265 -265
  178. package/src/assets/stylesheets/components/checkboxes_radiobuttons.css +173 -173
  179. package/src/assets/stylesheets/components/customer/customer_header.css +97 -97
  180. package/src/assets/stylesheets/components/customer/customer_productcards.css +212 -212
  181. package/src/assets/stylesheets/components/customer/customer_sidebar.css +76 -76
  182. package/src/assets/stylesheets/components/devices.css +77 -77
  183. package/src/assets/stylesheets/components/drawer.css +99 -99
  184. package/src/assets/stylesheets/components/dropdown.css +92 -92
  185. package/src/assets/stylesheets/components/emptystate_message.css +41 -41
  186. package/src/assets/stylesheets/components/form_card.css +20 -20
  187. package/src/assets/stylesheets/components/form_grid.css +11 -11
  188. package/src/assets/stylesheets/components/forms.css +106 -106
  189. package/src/assets/stylesheets/components/header.css +220 -220
  190. package/src/assets/stylesheets/components/iconfont.css +3303 -3303
  191. package/src/assets/stylesheets/components/icons.css +142 -142
  192. package/src/assets/stylesheets/components/images.css +27 -27
  193. package/src/assets/stylesheets/components/layout.css +37 -82
  194. package/src/assets/stylesheets/components/list_item.css +285 -285
  195. package/src/assets/stylesheets/components/lists.css +67 -67
  196. package/src/assets/stylesheets/components/loading_spinner.css +104 -104
  197. package/src/assets/stylesheets/components/manager/manager_header.css +50 -50
  198. package/src/assets/stylesheets/components/manager/manager_sidebar.css +76 -76
  199. package/src/assets/stylesheets/components/markdown_trix_styles.css +200 -200
  200. package/src/assets/stylesheets/components/metasidebar.css +56 -56
  201. package/src/assets/stylesheets/components/metrics.css +12 -12
  202. package/src/assets/stylesheets/components/modals.css +105 -105
  203. package/src/assets/stylesheets/components/notifications.css +154 -154
  204. package/src/assets/stylesheets/components/popover.css +120 -120
  205. package/src/assets/stylesheets/components/progress.css +69 -69
  206. package/src/assets/stylesheets/components/radio_tabs.css +59 -59
  207. package/src/assets/stylesheets/components/reset.css +26 -26
  208. package/src/assets/stylesheets/components/resultmodule.css +132 -132
  209. package/src/assets/stylesheets/components/search.css +110 -110
  210. package/src/assets/stylesheets/components/sections.css +97 -96
  211. package/src/assets/stylesheets/components/select.css +50 -50
  212. package/src/assets/stylesheets/components/select2.css +252 -252
  213. package/src/assets/stylesheets/components/selectable_token.css +223 -223
  214. package/src/assets/stylesheets/components/sidebar.css +480 -480
  215. package/src/assets/stylesheets/components/splitview.css +307 -307
  216. package/src/assets/stylesheets/components/tables.css +108 -108
  217. package/src/assets/stylesheets/components/tabs.css +121 -121
  218. package/src/assets/stylesheets/components/tags.css +28 -28
  219. package/src/assets/stylesheets/components/task_issue_item.css +78 -78
  220. package/src/assets/stylesheets/components/test_header.css +167 -167
  221. package/src/assets/stylesheets/components/test_item.css +89 -89
  222. package/src/assets/stylesheets/components/tester/tester_cards.css +143 -143
  223. package/src/assets/stylesheets/components/tester/tester_header.css +37 -37
  224. package/src/assets/stylesheets/components/tester/tester_sidebar.css +92 -92
  225. package/src/assets/stylesheets/components/toggleswitch.css +118 -118
  226. package/src/assets/stylesheets/components/tom_select.css +186 -186
  227. package/src/assets/stylesheets/components/trix_editor.css +174 -174
  228. package/src/assets/stylesheets/components/typography.css +81 -81
  229. package/src/assets/stylesheets/components/uploads.css +194 -194
  230. package/src/assets/stylesheets/components/user_item.css +57 -57
  231. package/src/assets/stylesheets/designsystem-styles.css +81 -81
  232. package/src/assets/stylesheets/postcss.config.js +16 -16
  233. package/src/assets/stylesheets/tailwind.config.js +331 -331
  234. package/src/humans.txt.njk +10 -10
  235. package/src/index.pug +16 -16
  236. package/src/pages/buttons/block.haml +39 -39
  237. package/src/pages/buttons/buttons-lg.haml +20 -20
  238. package/src/pages/buttons/buttons-sm.haml +41 -41
  239. package/src/pages/buttons/buttons-xl.haml +23 -23
  240. package/src/pages/buttons/buttons.haml +58 -58
  241. package/src/pages/buttons/buttons_input.haml +39 -39
  242. package/src/pages/buttons/dropdown-menu.haml +73 -73
  243. package/src/pages/buttons/index.njk +7 -7
  244. package/src/pages/buttons/info_popover.haml +32 -32
  245. package/src/pages/buttons/link-with-icon.haml +13 -13
  246. package/src/pages/buttons/square-buttons.haml +55 -55
  247. package/src/pages/charts/area.haml +215 -215
  248. package/src/pages/charts/bar_horizontal.haml +335 -335
  249. package/src/pages/charts/bar_vertical.haml +391 -391
  250. package/src/pages/charts/donut.haml +269 -269
  251. package/src/pages/charts/gauge.haml +214 -214
  252. package/src/pages/charts/index.njk +6 -6
  253. package/src/pages/ci.pug +8 -8
  254. package/src/pages/colors.pug +147 -147
  255. package/src/pages/components/alerts.haml +31 -31
  256. package/src/pages/components/banner_cards.haml +45 -45
  257. package/src/pages/components/cards.haml +111 -111
  258. package/src/pages/components/cards_customer.haml +487 -487
  259. package/src/pages/components/cards_fixedwidth.haml +135 -135
  260. package/src/pages/components/cards_iconheader.haml +57 -57
  261. package/src/pages/components/cards_tester.haml +159 -159
  262. package/src/pages/components/chat_window.haml +240 -240
  263. package/src/pages/components/comments_bug_preview.haml +29 -29
  264. package/src/pages/components/comments_chatmessages.haml +229 -229
  265. package/src/pages/components/descriptionlist.haml +47 -47
  266. package/src/pages/components/devices.haml +115 -115
  267. package/src/pages/components/drawer.haml +49 -49
  268. package/src/pages/components/drawer_filter.haml +76 -76
  269. package/src/pages/components/emptystate.haml +15 -15
  270. package/src/pages/components/index.njk +6 -6
  271. package/src/pages/components/issue-item.haml +18 -18
  272. package/src/pages/components/listitem_with_footer.haml +208 -208
  273. package/src/pages/components/listitems.haml +136 -136
  274. package/src/pages/components/listitems_badge.haml +36 -36
  275. package/src/pages/components/listitems_collapsable.haml +117 -117
  276. package/src/pages/components/listitems_nested.haml +50 -50
  277. package/src/pages/components/listitems_selectable.haml +59 -59
  278. package/src/pages/components/listitems_white.haml +82 -82
  279. package/src/pages/components/loading_spinner.haml +11 -11
  280. package/src/pages/components/metasidebar.haml +13 -13
  281. package/src/pages/components/modal_details.haml +68 -68
  282. package/src/pages/components/notification_center.haml +48 -48
  283. package/src/pages/components/notifications.haml +42 -42
  284. package/src/pages/components/profilethumb.haml +27 -27
  285. package/src/pages/components/progress.haml +23 -23
  286. package/src/pages/components/resultmodule.haml +150 -150
  287. package/src/pages/components/resultmodule_testcase.haml +125 -125
  288. package/src/pages/components/section_collapsable.haml +24 -24
  289. package/src/pages/components/splitview_item.haml +111 -111
  290. package/src/pages/components/splitview_item_collapsable.haml +65 -65
  291. package/src/pages/components/tables.haml +57 -57
  292. package/src/pages/components/tables_linked.haml +29 -29
  293. package/src/pages/components/tags.haml +12 -12
  294. package/src/pages/components/task_item.haml +33 -33
  295. package/src/pages/components/test_item.haml +119 -119
  296. package/src/pages/components/tester_levels.haml +70 -70
  297. package/src/pages/components/user_item.haml +49 -49
  298. package/src/pages/examples/layout-actionbar.haml +267 -267
  299. package/src/pages/examples/layout-basic.haml +28 -28
  300. package/src/pages/examples/layout-chat.haml +327 -327
  301. package/src/pages/examples/layout-customer.haml +189 -189
  302. package/src/pages/examples/layout-form-sidebar-actionbar-metasidebar.haml +312 -312
  303. package/src/pages/examples/layout-manager.haml +98 -98
  304. package/src/pages/examples/layout-metasidebar.haml +269 -269
  305. package/src/pages/examples/layout-sidebar-actionbar-metasidebar.haml +308 -308
  306. package/src/pages/examples/layout-sidebar-actionbar.haml +308 -308
  307. package/src/pages/examples/layout-sidebar.haml +296 -296
  308. package/src/pages/examples/layout-tester.haml +105 -105
  309. package/src/pages/examples/splitview-testcases.haml +477 -477
  310. package/src/pages/examples/splitview.haml +389 -389
  311. package/src/pages/forms/checkboxes.haml +64 -64
  312. package/src/pages/forms/checkboxes_devices.haml +45 -45
  313. package/src/pages/forms/form-addon.haml +16 -16
  314. package/src/pages/forms/form-card.haml +36 -36
  315. package/src/pages/forms/form-grid.haml +16 -16
  316. package/src/pages/forms/form_grid_narrow.haml +18 -18
  317. package/src/pages/forms/forms.haml +22 -22
  318. package/src/pages/forms/index.njk +6 -6
  319. package/src/pages/forms/radiobuttons.haml +50 -50
  320. package/src/pages/forms/rating_scale.haml +62 -62
  321. package/src/pages/forms/search.haml +71 -71
  322. package/src/pages/forms/select2.haml +72 -72
  323. package/src/pages/forms/select_native.haml +74 -74
  324. package/src/pages/forms/selectable_token.haml +49 -49
  325. package/src/pages/forms/selectable_token_browsers.haml +66 -66
  326. package/src/pages/forms/selectable_token_lg.haml +49 -49
  327. package/src/pages/forms/selectable_token_xl.haml +49 -49
  328. package/src/pages/forms/textarea.haml +24 -24
  329. package/src/pages/forms/toggle-buttons.haml +94 -94
  330. package/src/pages/forms/toggle-switch.haml +31 -31
  331. package/src/pages/forms/tomselect.haml +76 -76
  332. package/src/pages/forms/trix_editor.pug +10 -10
  333. package/src/pages/forms/uploads.pug +101 -101
  334. package/src/pages/icons/bug-icons.haml +75 -75
  335. package/src/pages/icons/index.njk +83 -83
  336. package/src/pages/icons/marketingicons.haml +15 -15
  337. package/src/pages/icons/status-icons.haml +38 -38
  338. package/src/pages/layout/app_layout.haml +27 -27
  339. package/src/pages/layout/index.njk +6 -6
  340. package/src/pages/layout/max_width.haml +49 -49
  341. package/src/pages/layout/spacing.haml +30 -30
  342. package/src/pages/navigation/header-manager.haml +73 -73
  343. package/src/pages/navigation/header-tester.haml +100 -100
  344. package/src/pages/navigation/header.haml +76 -76
  345. package/src/pages/navigation/header_customer.haml +77 -77
  346. package/src/pages/navigation/header_tester_epam.haml +108 -108
  347. package/src/pages/navigation/index.njk +7 -7
  348. package/src/pages/navigation/product_dropdown.haml +65 -65
  349. package/src/pages/navigation/radio_tabs.haml +22 -22
  350. package/src/pages/navigation/sidebar-manager.haml +46 -46
  351. package/src/pages/navigation/sidebar-tester-elements.haml +105 -105
  352. package/src/pages/navigation/sidebar-tester-seatlimitation.haml +108 -108
  353. package/src/pages/navigation/sidebar-tester.haml +75 -75
  354. package/src/pages/navigation/sidebar.haml +46 -46
  355. package/src/pages/navigation/sidebar_collapsables.haml +136 -136
  356. package/src/pages/navigation/sidebar_customer.haml +146 -146
  357. package/src/pages/navigation/tabnavigation.haml +12 -12
  358. package/src/pages/navigation/tabnavigation_actions.haml +21 -21
  359. package/src/pages/navigation/tabnavigation_pills.haml +12 -12
  360. package/src/pages/navigation/test-header-tester.haml +177 -177
  361. package/src/pages/typography/index.njk +7 -7
  362. package/src/pages/typography/link_with_icon.haml +12 -12
  363. package/src/pages/typography/linked_icon.haml +10 -10
  364. package/src/pages/typography/markdown.md +112 -112
  365. package/src/pages/typography/section_header.haml +25 -25
  366. package/src/pages/typography/section_header_actions.haml +59 -59
  367. package/src/pages/typography/text_with_icon.haml +12 -12
  368. package/src/pages/typography/trix_styles.haml +127 -127
  369. package/src/pages/typography/typography.haml +51 -51
  370. package/src/sitemap.xml.njk +13 -13
  371. package/src/static/app.compiled.css +159 -197
  372. package/src/static/app.compiled.css.map +1 -1
  373. package/src/static/browserconfig.xml +9 -9
  374. package/src/static/site.webmanifest +3 -3
  375. package/utils/collections.js +29 -29
  376. package/utils/filters.js +11 -11
  377. package/utils/markdown.js +9 -9
  378. package/utils/shortcodes.js +6 -6
  379. package/utils/transforms.js +19 -19
  380. package/webpack.config.js +24 -24
package/src/_layouts/page-example-tester.njk CHANGED
@@ -1,75 +1,75 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- {% include "head.njk" %}
5
-
6
- <link rel="stylesheet" href="/static/app.compiled.css" id="cirro-space-stylesheet" title="Cirro Space Design System">
7
-
8
-
9
- </head>
10
- <body class="app-body">
11
- <header class="header">
12
- <div class="navlinks logo-wrapper"><a class="navlink header-logo" href="/"></a></div>
13
- <div class="navlinks left">
14
- {% for item in navigation.items %}
15
- <a href="{{ item.url }}"
16
- {% if page.url == item.url %} aria-current="page" {% endif %}
17
- class="navlink
18
- {% if page.url == item.url %} active {% endif %}">
19
- {{ item.text }}
20
- </a>
21
- {% endfor %}
22
- <details class="header-dropdown">
23
- <summary class="navlink">Examples</summary>
24
- <div class="dropdown-menu dropdown-projects">
25
- {% for examples in collections.examples %}
26
- <a href="{{ examples.url }}"
27
- class="dropdown-link">
28
- {{ examples.data.title }}
29
- </a>
30
- {% endfor %}
31
- </div>
32
- </details>
33
- </div>
34
-
35
- <details class="mobile-links">
36
- <summary class="mobile-menu-btn">
37
- <div class="navlink"><span class="sr-only">Open main menu</span><span class="text-icon-default icon icon-menu" aria-hidden="true"></span></div>
38
- </summary>
39
- <div class="mobile-menu sidebar z-10">
40
- {% for item in navigation.items %}
41
- <a href="{{ item.url }}"
42
- {% if page.url == item.url %} aria-current="page" {% endif %}
43
- class="navlink
44
- {% if page.url == item.url %} active {% endif %}">
45
- {{ item.text }}
46
- </a>
47
- {% endfor %}
48
- <details class="header-dropdown">
49
- <summary class="navlink">Examples</summary>
50
- <div class="dropdown-menu">
51
- {% for examples in collections.examples %}
52
- <a href="{{ examples.url }}"
53
- class="dropdown-link">
54
- {{ examples.data.title }}
55
- </a>
56
- {% endfor %}
57
- </div>
58
- </details>
59
- </div>
60
- </details>
61
- </header>
62
-
63
-
64
- {% block content %}
65
- <main class="page-example-container">
66
- <div class="app-body">
67
- {% include "example-header-tester.njk" %}
68
- {{ content | safe }}
69
- </div>
70
- </main>
71
- {% endblock %}
72
-
73
- </body>
74
- {% include "footer-scripts.njk" %}
75
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ {% include "head.njk" %}
5
+
6
+ <link rel="stylesheet" href="/static/app.compiled.css" id="cirro-space-stylesheet" title="Cirro Space Design System">
7
+
8
+
9
+ </head>
10
+ <body class="app-body">
11
+ <header class="header">
12
+ <div class="navlinks logo-wrapper"><a class="navlink header-logo" href="/"></a></div>
13
+ <div class="navlinks left">
14
+ {% for item in navigation.items %}
15
+ <a href="{{ item.url }}"
16
+ {% if page.url == item.url %} aria-current="page" {% endif %}
17
+ class="navlink
18
+ {% if page.url == item.url %} active {% endif %}">
19
+ {{ item.text }}
20
+ </a>
21
+ {% endfor %}
22
+ <details class="header-dropdown">
23
+ <summary class="navlink">Examples</summary>
24
+ <div class="dropdown-menu dropdown-projects">
25
+ {% for examples in collections.examples %}
26
+ <a href="{{ examples.url }}"
27
+ class="dropdown-link">
28
+ {{ examples.data.title }}
29
+ </a>
30
+ {% endfor %}
31
+ </div>
32
+ </details>
33
+ </div>
34
+
35
+ <details class="mobile-links">
36
+ <summary class="mobile-menu-btn">
37
+ <div class="navlink"><span class="sr-only">Open main menu</span><span class="text-icon-default icon icon-menu" aria-hidden="true"></span></div>
38
+ </summary>
39
+ <div class="mobile-menu sidebar z-10">
40
+ {% for item in navigation.items %}
41
+ <a href="{{ item.url }}"
42
+ {% if page.url == item.url %} aria-current="page" {% endif %}
43
+ class="navlink
44
+ {% if page.url == item.url %} active {% endif %}">
45
+ {{ item.text }}
46
+ </a>
47
+ {% endfor %}
48
+ <details class="header-dropdown">
49
+ <summary class="navlink">Examples</summary>
50
+ <div class="dropdown-menu">
51
+ {% for examples in collections.examples %}
52
+ <a href="{{ examples.url }}"
53
+ class="dropdown-link">
54
+ {{ examples.data.title }}
55
+ </a>
56
+ {% endfor %}
57
+ </div>
58
+ </details>
59
+ </div>
60
+ </details>
61
+ </header>
62
+
63
+
64
+ {% block content %}
65
+ <main class="page-example-container">
66
+ <div class="app-body">
67
+ {% include "example-header-tester.njk" %}
68
+ {{ content | safe }}
69
+ </div>
70
+ </main>
71
+ {% endblock %}
72
+
73
+ </body>
74
+ {% include "footer-scripts.njk" %}
75
+ </html>
package/src/_layouts/page-example.njk CHANGED
@@ -1,83 +1,83 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- {% include "head.njk" %}
5
-
6
- <link rel="stylesheet" href="/static/app.compiled.css" id="cirro-space-stylesheet" title="Cirro Space Design System">
7
- <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.13.0/beautify-html.js"></script>
8
- <script>
9
- window.onload = () => {
10
- const previews = document.getElementsByClassName("html-preview");
11
- for (i = 0; i < previews.length; i++) {
12
- previews[i].innerText = html_beautify(previews[i].textContent)
13
- }
14
- }
15
- </script>
16
-
17
- </head>
18
- <body class="app-body">
19
- <header class="header">
20
- <div class="navlinks logo-wrapper"><a class="navlink header-logo" href="/"></a></div>
21
- <div class="navlinks left">
22
- {% for item in navigation.items %}
23
- <a href="{{ item.url }}"
24
- {% if page.url == item.url %} aria-current="page" {% endif %}
25
- class="navlink
26
- {% if page.url == item.url %} active {% endif %}">
27
- {{ item.text }}
28
- </a>
29
- {% endfor %}
30
- <details class="header-dropdown">
31
- <summary class="navlink">Examples</summary>
32
- <div class="dropdown-menu dropdown-projects">
33
- {% for examples in collections.examples %}
34
- <a href="{{ examples.url }}"
35
- class="dropdown-link">
36
- {{ examples.data.title }}
37
- </a>
38
- {% endfor %}
39
- </div>
40
- </details>
41
- </div>
42
-
43
- <details class="mobile-links">
44
- <summary class="mobile-menu-btn">
45
- <div class="navlink"><span class="sr-only">Open main menu</span><span class="text-icon-default icon icon-menu" aria-hidden="true"></span></div>
46
- </summary>
47
- <div class="mobile-menu sidebar z-10">
48
- {% for item in navigation.items %}
49
- <a href="{{ item.url }}"
50
- {% if page.url == item.url %} aria-current="page" {% endif %}
51
- class="navlink
52
- {% if page.url == item.url %} active {% endif %}">
53
- {{ item.text }}
54
- </a>
55
- {% endfor %}
56
- <details class="header-dropdown">
57
- <summary class="navlink">Examples</summary>
58
- <div class="dropdown-menu">
59
- {% for examples in collections.examples %}
60
- <a href="{{ examples.url }}"
61
- class="dropdown-link">
62
- {{ examples.data.title }}
63
- </a>
64
- {% endfor %}
65
- </div>
66
- </details>
67
- </div>
68
- </details>
69
- </header>
70
-
71
-
72
- {% block content %}
73
- <main class="page-example-container">
74
- <div class="app-body">
75
- {% include "example-header.njk" %}
76
- {{ content | safe }}
77
- </div>
78
- </main>
79
- {% endblock %}
80
-
81
- </body>
82
- {% include "footer-scripts.njk" %}
83
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ {% include "head.njk" %}
5
+
6
+ <link rel="stylesheet" href="/static/app.compiled.css" id="cirro-space-stylesheet" title="Cirro Space Design System">
7
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/js-beautify/1.13.0/beautify-html.js"></script>
8
+ <script>
9
+ window.onload = () => {
10
+ const previews = document.getElementsByClassName("html-preview");
11
+ for (i = 0; i < previews.length; i++) {
12
+ previews[i].innerText = html_beautify(previews[i].textContent)
13
+ }
14
+ }
15
+ </script>
16
+
17
+ </head>
18
+ <body class="app-body">
19
+ <header class="header">
20
+ <div class="navlinks logo-wrapper"><a class="navlink header-logo" href="/"></a></div>
21
+ <div class="navlinks left">
22
+ {% for item in navigation.items %}
23
+ <a href="{{ item.url }}"
24
+ {% if page.url == item.url %} aria-current="page" {% endif %}
25
+ class="navlink
26
+ {% if page.url == item.url %} active {% endif %}">
27
+ {{ item.text }}
28
+ </a>
29
+ {% endfor %}
30
+ <details class="header-dropdown">
31
+ <summary class="navlink">Examples</summary>
32
+ <div class="dropdown-menu dropdown-projects">
33
+ {% for examples in collections.examples %}
34
+ <a href="{{ examples.url }}"
35
+ class="dropdown-link">
36
+ {{ examples.data.title }}
37
+ </a>
38
+ {% endfor %}
39
+ </div>
40
+ </details>
41
+ </div>
42
+
43
+ <details class="mobile-links">
44
+ <summary class="mobile-menu-btn">
45
+ <div class="navlink"><span class="sr-only">Open main menu</span><span class="text-icon-default icon icon-menu" aria-hidden="true"></span></div>
46
+ </summary>
47
+ <div class="mobile-menu sidebar z-10">
48
+ {% for item in navigation.items %}
49
+ <a href="{{ item.url }}"
50
+ {% if page.url == item.url %} aria-current="page" {% endif %}
51
+ class="navlink
52
+ {% if page.url == item.url %} active {% endif %}">
53
+ {{ item.text }}
54
+ </a>
55
+ {% endfor %}
56
+ <details class="header-dropdown">
57
+ <summary class="navlink">Examples</summary>
58
+ <div class="dropdown-menu">
59
+ {% for examples in collections.examples %}
60
+ <a href="{{ examples.url }}"
61
+ class="dropdown-link">
62
+ {{ examples.data.title }}
63
+ </a>
64
+ {% endfor %}
65
+ </div>
66
+ </details>
67
+ </div>
68
+ </details>
69
+ </header>
70
+
71
+
72
+ {% block content %}
73
+ <main class="page-example-container">
74
+ <div class="app-body">
75
+ {% include "example-header.njk" %}
76
+ {{ content | safe }}
77
+ </div>
78
+ </main>
79
+ {% endblock %}
80
+
81
+ </body>
82
+ {% include "footer-scripts.njk" %}
83
+ </html>
package/src/assets/images/Cirro-App-Defaultimage.svg CHANGED
@@ -1,25 +1,25 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg width="100%" height="100%" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
- <rect id="Cirro-App-Defaultimage" x="-0" y="0" width="300" height="300" style="fill:rgb(84,110,122);"/>
5
- <g>
6
- <path d="M184.254,127.391C184.254,108.181 168.681,92.609 149.472,92.609C130.275,92.609 114.689,108.194 114.689,127.391C114.689,127.998 114.705,128.605 114.737,129.212L121.684,128.848C121.658,128.363 121.645,127.877 121.645,127.391C121.645,112.034 134.114,99.565 149.472,99.565C164.839,99.565 177.298,112.023 177.298,127.391L184.254,127.391Z" style="fill:rgb(84,110,122);"/>
7
- <path d="M184.254,127.391C184.254,108.181 168.681,92.609 149.472,92.609C130.275,92.609 114.689,108.194 114.689,127.391C114.689,127.998 114.705,128.605 114.737,129.212L121.684,128.848C121.658,128.363 121.645,127.877 121.645,127.391C121.645,112.034 134.114,99.565 149.472,99.565C164.839,99.565 177.298,112.023 177.298,127.391L184.254,127.391Z" style="fill:white;"/>
8
- <path d="M168.922,142.714C172.432,138.379 174.348,132.97 174.348,127.391C174.348,113.953 163.438,103.043 150,103.043C136.562,103.043 125.652,113.953 125.652,127.391C125.652,131.809 126.854,136.144 129.13,139.931L133.304,137.423C131.483,134.394 130.522,130.926 130.522,127.391C130.522,116.641 139.25,107.913 150,107.913C160.75,107.913 169.478,116.641 169.478,127.391C169.478,131.854 167.946,136.181 165.137,139.649L168.922,142.714Z" style="fill:rgb(84,110,122);"/>
9
- <path d="M168.922,142.714C172.432,138.379 174.348,132.97 174.348,127.391C174.348,113.953 163.438,103.043 150,103.043C136.562,103.043 125.652,113.953 125.652,127.391C125.652,131.809 126.854,136.144 129.13,139.931L133.304,137.423C131.483,134.394 130.522,130.926 130.522,127.391C130.522,116.641 139.25,107.913 150,107.913C160.75,107.913 169.478,116.641 169.478,127.391C169.478,131.854 167.946,136.181 165.137,139.649L168.922,142.714Z" style="fill:white;"/>
10
- <path d="M136.536,147.049C138.925,145.438 139.555,142.195 137.944,139.806C130.508,128.782 118.08,122.174 104.783,122.174C82.706,122.174 64.783,140.097 64.783,162.174C64.783,184.251 82.706,202.174 104.783,202.174C105.714,202.174 106.644,202.141 107.573,202.076C110.447,201.875 112.615,199.382 112.414,196.508L111.928,189.568C111.727,186.694 109.234,184.527 106.36,184.728C105.835,184.764 105.309,184.783 104.783,184.783C92.305,184.783 82.174,174.652 82.174,162.174C82.174,149.696 92.305,139.565 104.783,139.565C112.299,139.565 119.323,143.3 123.526,149.531C125.137,151.92 128.38,152.55 130.769,150.939L136.536,147.049ZM133.619,142.724C127.153,133.138 116.346,127.391 104.783,127.391C85.586,127.391 70,142.977 70,162.174C70,181.371 85.586,196.957 104.783,196.957C105.592,196.957 106.401,196.928 107.209,196.872L106.724,189.932C106.078,189.977 105.43,190 104.783,190C89.425,190 76.957,177.532 76.957,162.174C76.957,146.816 89.425,134.348 104.783,134.348C114.033,134.348 122.679,138.945 127.851,146.614L133.619,142.724Z" style="fill:rgb(84,110,122);"/>
11
- <path d="M133.619,142.724C127.153,133.138 116.346,127.391 104.783,127.391C85.586,127.391 70,142.977 70,162.174C70,181.371 85.586,196.957 104.783,196.957C105.592,196.957 106.401,196.928 107.209,196.872L106.724,189.932C106.078,189.977 105.43,190 104.783,190C89.425,190 76.957,177.532 76.957,162.174C76.957,146.816 89.425,134.348 104.783,134.348C114.033,134.348 122.679,138.945 127.851,146.614L133.619,142.724Z" style="fill:white;"/>
12
- <path d="M190,196.957C190,199.838 192.336,202.174 195.217,202.174C217.309,202.174 235.217,184.265 235.217,162.174C235.217,140.097 217.294,122.174 195.217,122.174C180.927,122.174 167.722,129.798 160.576,142.174C159.136,144.669 159.991,147.86 162.486,149.301L168.511,152.779C171.006,154.22 174.197,153.365 175.638,150.87C179.676,143.874 187.14,139.565 195.217,139.565C207.695,139.565 217.826,149.696 217.826,162.174C217.826,174.66 207.704,184.783 195.217,184.783C192.336,184.783 190,187.119 190,190L190,196.957ZM195.217,196.957C214.427,196.957 230,181.384 230,162.174C230,142.977 214.414,127.391 195.217,127.391C182.791,127.391 171.308,134.021 165.095,144.783L171.119,148.261C176.09,139.651 185.276,134.348 195.217,134.348C210.575,134.348 223.043,146.816 223.043,162.174C223.043,177.542 210.585,190 195.217,190L195.217,196.957Z" style="fill:rgb(84,110,122);"/>
13
- <path d="M195.217,196.957C214.427,196.957 230,181.384 230,162.174C230,142.977 214.414,127.391 195.217,127.391C182.791,127.391 171.308,134.021 165.095,144.783L171.119,148.261C176.09,139.651 185.276,134.348 195.217,134.348C210.575,134.348 223.043,146.816 223.043,162.174C223.043,177.542 210.585,190 195.217,190L195.217,196.957Z" style="fill:white;"/>
14
- <path d="M124.727,148.209C120.171,141.701 112.726,137.826 104.783,137.826C91.345,137.826 80.435,148.736 80.435,162.174C80.435,175.621 91.336,186.522 104.783,186.522L104.783,181.652C94.025,181.652 85.304,172.931 85.304,162.174C85.304,151.424 94.032,142.696 104.783,142.696C111.138,142.696 117.093,145.796 120.738,151.002L124.727,148.209Z" style="fill:rgb(84,110,122);"/>
15
- <path d="M124.727,148.209C120.171,141.701 112.726,137.826 104.783,137.826C91.345,137.826 80.435,148.736 80.435,162.174C80.435,175.621 91.336,186.522 104.783,186.522L104.783,181.652C94.025,181.652 85.304,172.931 85.304,162.174C85.304,151.424 94.032,142.696 104.783,142.696C111.138,142.696 117.093,145.796 120.738,151.002L124.727,148.209Z" style="fill:white;"/>
16
- <path d="M174.347,149.634C178.749,142.308 186.67,137.826 195.217,137.826C208.655,137.826 219.565,148.736 219.565,162.174C219.565,175.621 208.664,186.522 195.217,186.522L195.217,181.652C205.975,181.652 214.696,172.931 214.696,162.174C214.696,151.424 205.968,142.696 195.217,142.696C188.38,142.696 182.043,146.281 178.521,152.142L174.347,149.634Z" style="fill:rgb(84,110,122);"/>
17
- <path d="M174.347,149.634C178.749,142.308 186.67,137.826 195.217,137.826C208.655,137.826 219.565,148.736 219.565,162.174C219.565,175.621 208.664,186.522 195.217,186.522L195.217,181.652C205.975,181.652 214.696,172.931 214.696,162.174C214.696,151.424 205.968,142.696 195.217,142.696C188.38,142.696 182.043,146.281 178.521,152.142L174.347,149.634Z" style="fill:white;"/>
18
- <path d="M174.348,179.565C182.027,179.565 188.261,185.799 188.261,193.478C188.261,201.157 182.027,207.391 174.348,207.391L160.435,207.391L160.435,179.565L174.348,179.565ZM174.348,200.435L167.391,200.435C167.391,200.435 167.391,186.522 167.391,186.522C167.391,186.522 174.348,186.522 174.348,186.522C178.187,186.522 181.304,189.639 181.304,193.478C181.304,197.318 178.187,200.435 174.348,200.435Z" style="fill:white;"/>
19
- <path d="M122.174,179.565C114.495,179.565 108.261,185.799 108.261,193.478C108.261,201.157 114.495,207.391 122.174,207.391L136.087,207.391L136.087,179.565L122.174,179.565ZM122.174,200.435C118.335,200.435 115.217,197.318 115.217,193.478C115.217,189.639 118.335,186.522 122.174,186.522L129.13,186.522C129.13,186.522 129.13,200.435 129.13,200.435L122.174,200.435Z" style="fill:white;"/>
20
- <path d="M146.522,186.499C146.522,184.579 144.963,183.021 143.043,183.021L132.609,183.021C130.689,183.021 129.13,184.579 129.13,186.499C129.13,188.419 130.689,189.977 132.609,189.977L143.043,189.977C144.963,189.977 146.522,188.419 146.522,186.499Z" style="fill:white;"/>
21
- <path d="M115.217,193.456C115.217,191.536 113.659,189.977 111.739,189.977L101.304,189.977C99.385,189.977 97.826,191.536 97.826,193.456C97.826,195.375 99.385,196.934 101.304,196.934L111.739,196.934C113.659,196.934 115.217,195.375 115.217,193.456Z" style="fill:white;"/>
22
- <path d="M198.696,193.456C198.696,191.536 197.137,189.977 195.217,189.977L184.783,189.977C182.863,189.977 181.304,191.536 181.304,193.456C181.304,195.375 182.863,196.934 184.783,196.934L195.217,196.934C197.137,196.934 198.696,195.375 198.696,193.456Z" style="fill:white;"/>
23
- <path d="M146.522,200.412C146.522,198.492 144.963,196.934 143.043,196.934L132.609,196.934C130.689,196.934 129.13,198.492 129.13,200.412C129.13,202.332 130.689,203.89 132.609,203.89L143.043,203.89C144.963,203.89 146.522,202.332 146.522,200.412Z" style="fill:white;"/>
24
- </g>
25
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg width="100%" height="100%" viewBox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
+ <rect id="Cirro-App-Defaultimage" x="-0" y="0" width="300" height="300" style="fill:rgb(84,110,122);"/>
5
+ <g>
6
+ <path d="M184.254,127.391C184.254,108.181 168.681,92.609 149.472,92.609C130.275,92.609 114.689,108.194 114.689,127.391C114.689,127.998 114.705,128.605 114.737,129.212L121.684,128.848C121.658,128.363 121.645,127.877 121.645,127.391C121.645,112.034 134.114,99.565 149.472,99.565C164.839,99.565 177.298,112.023 177.298,127.391L184.254,127.391Z" style="fill:rgb(84,110,122);"/>
7
+ <path d="M184.254,127.391C184.254,108.181 168.681,92.609 149.472,92.609C130.275,92.609 114.689,108.194 114.689,127.391C114.689,127.998 114.705,128.605 114.737,129.212L121.684,128.848C121.658,128.363 121.645,127.877 121.645,127.391C121.645,112.034 134.114,99.565 149.472,99.565C164.839,99.565 177.298,112.023 177.298,127.391L184.254,127.391Z" style="fill:white;"/>
8
+ <path d="M168.922,142.714C172.432,138.379 174.348,132.97 174.348,127.391C174.348,113.953 163.438,103.043 150,103.043C136.562,103.043 125.652,113.953 125.652,127.391C125.652,131.809 126.854,136.144 129.13,139.931L133.304,137.423C131.483,134.394 130.522,130.926 130.522,127.391C130.522,116.641 139.25,107.913 150,107.913C160.75,107.913 169.478,116.641 169.478,127.391C169.478,131.854 167.946,136.181 165.137,139.649L168.922,142.714Z" style="fill:rgb(84,110,122);"/>
9
+ <path d="M168.922,142.714C172.432,138.379 174.348,132.97 174.348,127.391C174.348,113.953 163.438,103.043 150,103.043C136.562,103.043 125.652,113.953 125.652,127.391C125.652,131.809 126.854,136.144 129.13,139.931L133.304,137.423C131.483,134.394 130.522,130.926 130.522,127.391C130.522,116.641 139.25,107.913 150,107.913C160.75,107.913 169.478,116.641 169.478,127.391C169.478,131.854 167.946,136.181 165.137,139.649L168.922,142.714Z" style="fill:white;"/>
10
+ <path d="M136.536,147.049C138.925,145.438 139.555,142.195 137.944,139.806C130.508,128.782 118.08,122.174 104.783,122.174C82.706,122.174 64.783,140.097 64.783,162.174C64.783,184.251 82.706,202.174 104.783,202.174C105.714,202.174 106.644,202.141 107.573,202.076C110.447,201.875 112.615,199.382 112.414,196.508L111.928,189.568C111.727,186.694 109.234,184.527 106.36,184.728C105.835,184.764 105.309,184.783 104.783,184.783C92.305,184.783 82.174,174.652 82.174,162.174C82.174,149.696 92.305,139.565 104.783,139.565C112.299,139.565 119.323,143.3 123.526,149.531C125.137,151.92 128.38,152.55 130.769,150.939L136.536,147.049ZM133.619,142.724C127.153,133.138 116.346,127.391 104.783,127.391C85.586,127.391 70,142.977 70,162.174C70,181.371 85.586,196.957 104.783,196.957C105.592,196.957 106.401,196.928 107.209,196.872L106.724,189.932C106.078,189.977 105.43,190 104.783,190C89.425,190 76.957,177.532 76.957,162.174C76.957,146.816 89.425,134.348 104.783,134.348C114.033,134.348 122.679,138.945 127.851,146.614L133.619,142.724Z" style="fill:rgb(84,110,122);"/>
11
+ <path d="M133.619,142.724C127.153,133.138 116.346,127.391 104.783,127.391C85.586,127.391 70,142.977 70,162.174C70,181.371 85.586,196.957 104.783,196.957C105.592,196.957 106.401,196.928 107.209,196.872L106.724,189.932C106.078,189.977 105.43,190 104.783,190C89.425,190 76.957,177.532 76.957,162.174C76.957,146.816 89.425,134.348 104.783,134.348C114.033,134.348 122.679,138.945 127.851,146.614L133.619,142.724Z" style="fill:white;"/>
12
+ <path d="M190,196.957C190,199.838 192.336,202.174 195.217,202.174C217.309,202.174 235.217,184.265 235.217,162.174C235.217,140.097 217.294,122.174 195.217,122.174C180.927,122.174 167.722,129.798 160.576,142.174C159.136,144.669 159.991,147.86 162.486,149.301L168.511,152.779C171.006,154.22 174.197,153.365 175.638,150.87C179.676,143.874 187.14,139.565 195.217,139.565C207.695,139.565 217.826,149.696 217.826,162.174C217.826,174.66 207.704,184.783 195.217,184.783C192.336,184.783 190,187.119 190,190L190,196.957ZM195.217,196.957C214.427,196.957 230,181.384 230,162.174C230,142.977 214.414,127.391 195.217,127.391C182.791,127.391 171.308,134.021 165.095,144.783L171.119,148.261C176.09,139.651 185.276,134.348 195.217,134.348C210.575,134.348 223.043,146.816 223.043,162.174C223.043,177.542 210.585,190 195.217,190L195.217,196.957Z" style="fill:rgb(84,110,122);"/>
13
+ <path d="M195.217,196.957C214.427,196.957 230,181.384 230,162.174C230,142.977 214.414,127.391 195.217,127.391C182.791,127.391 171.308,134.021 165.095,144.783L171.119,148.261C176.09,139.651 185.276,134.348 195.217,134.348C210.575,134.348 223.043,146.816 223.043,162.174C223.043,177.542 210.585,190 195.217,190L195.217,196.957Z" style="fill:white;"/>
14
+ <path d="M124.727,148.209C120.171,141.701 112.726,137.826 104.783,137.826C91.345,137.826 80.435,148.736 80.435,162.174C80.435,175.621 91.336,186.522 104.783,186.522L104.783,181.652C94.025,181.652 85.304,172.931 85.304,162.174C85.304,151.424 94.032,142.696 104.783,142.696C111.138,142.696 117.093,145.796 120.738,151.002L124.727,148.209Z" style="fill:rgb(84,110,122);"/>
15
+ <path d="M124.727,148.209C120.171,141.701 112.726,137.826 104.783,137.826C91.345,137.826 80.435,148.736 80.435,162.174C80.435,175.621 91.336,186.522 104.783,186.522L104.783,181.652C94.025,181.652 85.304,172.931 85.304,162.174C85.304,151.424 94.032,142.696 104.783,142.696C111.138,142.696 117.093,145.796 120.738,151.002L124.727,148.209Z" style="fill:white;"/>
16
+ <path d="M174.347,149.634C178.749,142.308 186.67,137.826 195.217,137.826C208.655,137.826 219.565,148.736 219.565,162.174C219.565,175.621 208.664,186.522 195.217,186.522L195.217,181.652C205.975,181.652 214.696,172.931 214.696,162.174C214.696,151.424 205.968,142.696 195.217,142.696C188.38,142.696 182.043,146.281 178.521,152.142L174.347,149.634Z" style="fill:rgb(84,110,122);"/>
17
+ <path d="M174.347,149.634C178.749,142.308 186.67,137.826 195.217,137.826C208.655,137.826 219.565,148.736 219.565,162.174C219.565,175.621 208.664,186.522 195.217,186.522L195.217,181.652C205.975,181.652 214.696,172.931 214.696,162.174C214.696,151.424 205.968,142.696 195.217,142.696C188.38,142.696 182.043,146.281 178.521,152.142L174.347,149.634Z" style="fill:white;"/>
18
+ <path d="M174.348,179.565C182.027,179.565 188.261,185.799 188.261,193.478C188.261,201.157 182.027,207.391 174.348,207.391L160.435,207.391L160.435,179.565L174.348,179.565ZM174.348,200.435L167.391,200.435C167.391,200.435 167.391,186.522 167.391,186.522C167.391,186.522 174.348,186.522 174.348,186.522C178.187,186.522 181.304,189.639 181.304,193.478C181.304,197.318 178.187,200.435 174.348,200.435Z" style="fill:white;"/>
19
+ <path d="M122.174,179.565C114.495,179.565 108.261,185.799 108.261,193.478C108.261,201.157 114.495,207.391 122.174,207.391L136.087,207.391L136.087,179.565L122.174,179.565ZM122.174,200.435C118.335,200.435 115.217,197.318 115.217,193.478C115.217,189.639 118.335,186.522 122.174,186.522L129.13,186.522C129.13,186.522 129.13,200.435 129.13,200.435L122.174,200.435Z" style="fill:white;"/>
20
+ <path d="M146.522,186.499C146.522,184.579 144.963,183.021 143.043,183.021L132.609,183.021C130.689,183.021 129.13,184.579 129.13,186.499C129.13,188.419 130.689,189.977 132.609,189.977L143.043,189.977C144.963,189.977 146.522,188.419 146.522,186.499Z" style="fill:white;"/>
21
+ <path d="M115.217,193.456C115.217,191.536 113.659,189.977 111.739,189.977L101.304,189.977C99.385,189.977 97.826,191.536 97.826,193.456C97.826,195.375 99.385,196.934 101.304,196.934L111.739,196.934C113.659,196.934 115.217,195.375 115.217,193.456Z" style="fill:white;"/>
22
+ <path d="M198.696,193.456C198.696,191.536 197.137,189.977 195.217,189.977L184.783,189.977C182.863,189.977 181.304,191.536 181.304,193.456C181.304,195.375 182.863,196.934 184.783,196.934L195.217,196.934C197.137,196.934 198.696,195.375 198.696,193.456Z" style="fill:white;"/>
23
+ <path d="M146.522,200.412C146.522,198.492 144.963,196.934 143.043,196.934L132.609,196.934C130.689,196.934 129.13,198.492 129.13,200.412C129.13,202.332 130.689,203.89 132.609,203.89L143.043,203.89C144.963,203.89 146.522,202.332 146.522,200.412Z" style="fill:white;"/>
24
+ </g>
25
+ </svg>
package/src/assets/images/arrow-down.svg CHANGED
@@ -1,13 +1,13 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg width="100%" height="100%" viewBox="0 0 14 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
- <rect id="arrow-down" x="0" y="0" width="14" height="20" style="fill:none;"/>
5
- <clipPath id="_clip1">
6
- <rect x="0" y="0" width="14" height="20"/>
7
- </clipPath>
8
- <g clip-path="url(#_clip1)">
9
- <g id="Arrow-head" serif:id="Arrow head">
10
- <path d="M6.998,15.394L0.276,8.688C0.235,8.644 0.223,8.634 0.186,8.585C-0.156,8.134 -0.018,7.393 0.492,7.106C0.83,6.915 1.279,6.945 1.589,7.179C1.637,7.216 1.648,7.228 1.692,7.269L6.998,12.562L6.998,15.394ZM6.998,15.394L13.72,8.688C13.761,8.644 13.773,8.634 13.81,8.585C14.152,8.134 14.014,7.393 13.504,7.106C13.166,6.915 12.717,6.945 12.407,7.179C12.359,7.216 12.348,7.228 12.304,7.269L6.998,12.562L6.998,15.394Z"/>
11
- </g>
12
- </g>
13
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg width="100%" height="100%" viewBox="0 0 14 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
+ <rect id="arrow-down" x="0" y="0" width="14" height="20" style="fill:none;"/>
5
+ <clipPath id="_clip1">
6
+ <rect x="0" y="0" width="14" height="20"/>
7
+ </clipPath>
8
+ <g clip-path="url(#_clip1)">
9
+ <g id="Arrow-head" serif:id="Arrow head">
10
+ <path d="M6.998,15.394L0.276,8.688C0.235,8.644 0.223,8.634 0.186,8.585C-0.156,8.134 -0.018,7.393 0.492,7.106C0.83,6.915 1.279,6.945 1.589,7.179C1.637,7.216 1.648,7.228 1.692,7.269L6.998,12.562L6.998,15.394ZM6.998,15.394L13.72,8.688C13.761,8.644 13.773,8.634 13.81,8.585C14.152,8.134 14.014,7.393 13.504,7.106C13.166,6.915 12.717,6.945 12.407,7.179C12.359,7.216 12.348,7.228 12.304,7.269L6.998,12.562L6.998,15.394Z"/>
11
+ </g>
12
+ </g>
13
+ </svg>
package/src/assets/images/arrow-left.svg CHANGED
@@ -1,13 +1,13 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg width="100%" height="100%" viewBox="0 0 9 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
- <rect id="arrow-left" x="0" y="0" width="9" height="20" style="fill:none;"/>
5
- <clipPath id="_clip1">
6
- <rect x="0" y="0" width="9" height="20"/>
7
- </clipPath>
8
- <g clip-path="url(#_clip1)">
9
- <g id="Arrow-head" serif:id="Arrow head">
10
- <path d="M0.587,9.998L7.293,3.276C7.337,3.235 7.347,3.223 7.396,3.186C7.847,2.844 8.588,2.982 8.875,3.492C9.066,3.83 9.036,4.279 8.801,4.589C8.765,4.637 8.753,4.648 8.712,4.692L3.418,9.998L0.587,9.998ZM0.587,9.998L7.293,16.72C7.337,16.761 7.347,16.773 7.396,16.81C7.847,17.152 8.588,17.014 8.875,16.504C9.066,16.166 9.036,15.717 8.801,15.407C8.765,15.359 8.753,15.348 8.712,15.304L3.418,9.998L0.587,9.998Z"/>
11
- </g>
12
- </g>
13
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg width="100%" height="100%" viewBox="0 0 9 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
+ <rect id="arrow-left" x="0" y="0" width="9" height="20" style="fill:none;"/>
5
+ <clipPath id="_clip1">
6
+ <rect x="0" y="0" width="9" height="20"/>
7
+ </clipPath>
8
+ <g clip-path="url(#_clip1)">
9
+ <g id="Arrow-head" serif:id="Arrow head">
10
+ <path d="M0.587,9.998L7.293,3.276C7.337,3.235 7.347,3.223 7.396,3.186C7.847,2.844 8.588,2.982 8.875,3.492C9.066,3.83 9.036,4.279 8.801,4.589C8.765,4.637 8.753,4.648 8.712,4.692L3.418,9.998L0.587,9.998ZM0.587,9.998L7.293,16.72C7.337,16.761 7.347,16.773 7.396,16.81C7.847,17.152 8.588,17.014 8.875,16.504C9.066,16.166 9.036,15.717 8.801,15.407C8.765,15.359 8.753,15.348 8.712,15.304L3.418,9.998L0.587,9.998Z"/>
11
+ </g>
12
+ </g>
13
+ </svg>
package/src/assets/images/arrow-right.svg CHANGED
@@ -1,13 +1,13 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg width="100%" height="100%" viewBox="0 0 9 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
- <rect id="arrow-right" x="0" y="0" width="9" height="20" style="fill:none;"/>
5
- <clipPath id="_clip1">
6
- <rect x="0" y="0" width="9" height="20"/>
7
- </clipPath>
8
- <g clip-path="url(#_clip1)">
9
- <g id="Arrow-head" serif:id="Arrow head">
10
- <path d="M8.413,10.002L1.707,16.724C1.663,16.765 1.653,16.777 1.604,16.814C1.153,17.156 0.412,17.018 0.125,16.508C-0.066,16.17 -0.036,15.721 0.199,15.411C0.235,15.363 0.247,15.352 0.288,15.308L5.582,10.002L8.413,10.002ZM8.413,10.002L1.707,3.28C1.663,3.239 1.653,3.227 1.604,3.19C1.153,2.848 0.412,2.986 0.125,3.496C-0.066,3.834 -0.036,4.283 0.199,4.593C0.235,4.641 0.247,4.652 0.288,4.696L5.582,10.002L8.413,10.002Z"/>
11
- </g>
12
- </g>
13
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg width="100%" height="100%" viewBox="0 0 9 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
+ <rect id="arrow-right" x="0" y="0" width="9" height="20" style="fill:none;"/>
5
+ <clipPath id="_clip1">
6
+ <rect x="0" y="0" width="9" height="20"/>
7
+ </clipPath>
8
+ <g clip-path="url(#_clip1)">
9
+ <g id="Arrow-head" serif:id="Arrow head">
10
+ <path d="M8.413,10.002L1.707,16.724C1.663,16.765 1.653,16.777 1.604,16.814C1.153,17.156 0.412,17.018 0.125,16.508C-0.066,16.17 -0.036,15.721 0.199,15.411C0.235,15.363 0.247,15.352 0.288,15.308L5.582,10.002L8.413,10.002ZM8.413,10.002L1.707,3.28C1.663,3.239 1.653,3.227 1.604,3.19C1.153,2.848 0.412,2.986 0.125,3.496C-0.066,3.834 -0.036,4.283 0.199,4.593C0.235,4.641 0.247,4.652 0.288,4.696L5.582,10.002L8.413,10.002Z"/>
11
+ </g>
12
+ </g>
13
+ </svg>
package/src/assets/images/arrow-thick-left.svg CHANGED
@@ -1,13 +1,13 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg width="100%" height="100%" viewBox="0 0 13 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
- <rect id="arrow-thick-left" x="0" y="0" width="12.952" height="20" style="fill:none;"/>
5
- <clipPath id="_clip1">
6
- <rect x="0" y="0" width="12.952" height="20"/>
7
- </clipPath>
8
- <g clip-path="url(#_clip1)">
9
- <rect id="Bounding-box" serif:id="Bounding box" x="-0.005" y="0.006" width="20.021" height="19.994" style="fill:none;"/>
10
- <path d="M0,9.996L10.006,0L12.829,2.824L5.653,10.001L12.829,17.178L10.006,20.002L0,10.005L0.005,10.001L0,9.996Z"/>
11
- <path d="M0,9.996L10.006,0L12.829,2.824L5.653,10.001L12.829,17.178L10.006,20.002L0,10.005L0.005,10.001L0,9.996Z"/>
12
- </g>
13
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg width="100%" height="100%" viewBox="0 0 13 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
+ <rect id="arrow-thick-left" x="0" y="0" width="12.952" height="20" style="fill:none;"/>
5
+ <clipPath id="_clip1">
6
+ <rect x="0" y="0" width="12.952" height="20"/>
7
+ </clipPath>
8
+ <g clip-path="url(#_clip1)">
9
+ <rect id="Bounding-box" serif:id="Bounding box" x="-0.005" y="0.006" width="20.021" height="19.994" style="fill:none;"/>
10
+ <path d="M0,9.996L10.006,0L12.829,2.824L5.653,10.001L12.829,17.178L10.006,20.002L0,10.005L0.005,10.001L0,9.996Z"/>
11
+ <path d="M0,9.996L10.006,0L12.829,2.824L5.653,10.001L12.829,17.178L10.006,20.002L0,10.005L0.005,10.001L0,9.996Z"/>
12
+ </g>
13
+ </svg>
package/src/assets/images/arrow-thick-right.svg CHANGED
@@ -1,13 +1,13 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg width="100%" height="100%" viewBox="0 0 13 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
- <rect id="arrow-thick-right" x="-0.01" y="0" width="12.952" height="20" style="fill:none;"/>
5
- <clipPath id="_clip1">
6
- <rect x="-0.01" y="0" width="12.952" height="20"/>
7
- </clipPath>
8
- <g clip-path="url(#_clip1)">
9
- <rect id="Bounding-box" serif:id="Bounding box" x="-0.015" y="0.006" width="20.021" height="19.994" style="fill:none;"/>
10
- <path d="M12.941,9.996L2.936,0L0.112,2.824L7.289,10.001L0.112,17.178L2.936,20.002L12.941,10.005L12.936,10.001L12.941,9.996Z"/>
11
- <path d="M12.941,9.996L2.936,0L0.112,2.824L7.289,10.001L0.112,17.178L2.936,20.002L12.941,10.005L12.936,10.001L12.941,9.996Z"/>
12
- </g>
13
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg width="100%" height="100%" viewBox="0 0 13 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
+ <rect id="arrow-thick-right" x="-0.01" y="0" width="12.952" height="20" style="fill:none;"/>
5
+ <clipPath id="_clip1">
6
+ <rect x="-0.01" y="0" width="12.952" height="20"/>
7
+ </clipPath>
8
+ <g clip-path="url(#_clip1)">
9
+ <rect id="Bounding-box" serif:id="Bounding box" x="-0.015" y="0.006" width="20.021" height="19.994" style="fill:none;"/>
10
+ <path d="M12.941,9.996L2.936,0L0.112,2.824L7.289,10.001L0.112,17.178L2.936,20.002L12.941,10.005L12.936,10.001L12.941,9.996Z"/>
11
+ <path d="M12.941,9.996L2.936,0L0.112,2.824L7.289,10.001L0.112,17.178L2.936,20.002L12.941,10.005L12.936,10.001L12.941,9.996Z"/>
12
+ </g>
13
+ </svg>
package/src/assets/images/arrow-up.svg CHANGED
@@ -1,13 +1,13 @@
1
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg width="100%" height="100%" viewBox="0 0 14 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
- <rect id="arrow-up" x="0" y="0" width="14" height="20" style="fill:none;"/>
5
- <clipPath id="_clip1">
6
- <rect x="0" y="0" width="14" height="20"/>
7
- </clipPath>
8
- <g clip-path="url(#_clip1)">
9
- <g id="Arrow-head" serif:id="Arrow head">
10
- <path d="M7,4.587L13.722,11.293C13.763,11.337 13.775,11.347 13.812,11.396C14.154,11.847 14.016,12.588 13.506,12.875C13.168,13.066 12.719,13.036 12.409,12.801C12.361,12.765 12.35,12.753 12.306,12.712L7,7.418L7,4.587ZM7,4.587L0.278,11.293C0.237,11.337 0.225,11.347 0.188,11.396C-0.154,11.847 -0.016,12.588 0.494,12.875C0.832,13.066 1.281,13.036 1.591,12.801C1.639,12.765 1.65,12.753 1.694,12.712L7,7.418L7,4.587Z"/>
11
- </g>
12
- </g>
13
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg width="100%" height="100%" viewBox="0 0 14 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
4
+ <rect id="arrow-up" x="0" y="0" width="14" height="20" style="fill:none;"/>
5
+ <clipPath id="_clip1">
6
+ <rect x="0" y="0" width="14" height="20"/>
7
+ </clipPath>
8
+ <g clip-path="url(#_clip1)">
9
+ <g id="Arrow-head" serif:id="Arrow head">
10
+ <path d="M7,4.587L13.722,11.293C13.763,11.337 13.775,11.347 13.812,11.396C14.154,11.847 14.016,12.588 13.506,12.875C13.168,13.066 12.719,13.036 12.409,12.801C12.361,12.765 12.35,12.753 12.306,12.712L7,7.418L7,4.587ZM7,4.587L0.278,11.293C0.237,11.337 0.225,11.347 0.188,11.396C-0.154,11.847 -0.016,12.588 0.494,12.875C0.832,13.066 1.281,13.036 1.591,12.801C1.639,12.765 1.65,12.753 1.694,12.712L7,7.418L7,4.587Z"/>
11
+ </g>
12
+ </g>
13
+ </svg>