@kerfjs/ui 5.0.0-beta.97 → 5.0.0-beta.99

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 (416) hide show
  1. package/README.md +42 -1
  2. package/ai/application-ui-diagnostic-ids-v1.json +1 -0
  3. package/ai/component-catalog.json +487 -66
  4. package/ai/component-catalog.schema.json +1 -1
  5. package/ai/component-composition-rules.json +22 -2
  6. package/ai/component-composition.json +360 -33
  7. package/ai/component-composition.schema.json +1 -1
  8. package/ai/components/README.md +18 -17
  9. package/ai/components/anchored-surface.md +13 -0
  10. package/ai/components/application-tabs.md +1 -1
  11. package/ai/components/chip.md +9 -5
  12. package/ai/components/choice-chips.md +15 -8
  13. package/ai/components/collapsible-panel.md +3 -2
  14. package/ai/components/composer.md +83 -0
  15. package/ai/components/content-item.md +2 -2
  16. package/ai/components/corner-status.md +1 -1
  17. package/ai/components/document-baseline.md +3 -3
  18. package/ai/components/foundation.md +2 -2
  19. package/ai/components/layout.md +1 -1
  20. package/ai/components/list-action-row.md +5 -1
  21. package/ai/components/list-item.md +5 -1
  22. package/ai/components/list.md +19 -3
  23. package/ai/components/nav-stack.md +11 -2
  24. package/ai/components/pane.md +13 -4
  25. package/ai/components/popup-menu.md +4 -4
  26. package/ai/components/recipe-app-shell.md +3 -3
  27. package/ai/components/recipe-collapsible-sidebar.md +3 -3
  28. package/ai/components/recipe-compact-toolbar.md +1 -1
  29. package/ai/components/recipe-composer-form.md +3 -3
  30. package/ai/components/recipe-list-detail-dialog.md +2 -2
  31. package/ai/components/recipe-list-workspace-states.md +3 -3
  32. package/ai/components/recipe-loading-inspector.md +1 -1
  33. package/ai/components/recipe-navigation-sidebar.md +3 -3
  34. package/ai/components/recipe-navigation-stack.md +3 -3
  35. package/ai/components/recipe-workspace-header.md +3 -3
  36. package/ai/components/resize.md +2 -2
  37. package/ai/components/split-view.md +4 -2
  38. package/ai/components/sunken-panel.md +2 -2
  39. package/ai/components/surface-scaffold.md +15 -3
  40. package/ai/components/tab-bar.md +1 -0
  41. package/ai/components/tab-navigator.md +4 -0
  42. package/ai/components/toolbar-control-group.md +2 -0
  43. package/ai/components/toolbar-text.md +1 -0
  44. package/ai/components/toolbar.md +1 -0
  45. package/ai/components/workbench.md +1 -0
  46. package/ai/public-api-signatures-v1.md +504 -80
  47. package/ai/skill.md +41 -14
  48. package/ai/webawesome-jsx-signatures-v1.md +1 -1
  49. package/analyzer/component-ownership.mjs +1 -1
  50. package/analyzer/index.mjs +41 -14
  51. package/dist/anchored-surface.d.ts +30 -2
  52. package/dist/anchored-surface.js +1 -1
  53. package/dist/app-tab.js +1 -1
  54. package/dist/browser/composer.js +4 -0
  55. package/dist/catalog-resources.d.ts +3 -2
  56. package/dist/catalog-resources.js +4 -4
  57. package/dist/catalog-resources.js.map +1 -1
  58. package/dist/catalog.d.ts +39 -8
  59. package/dist/catalog.js +55 -32
  60. package/dist/catalog.js.map +1 -1
  61. package/dist/chip.d.ts +41 -9
  62. package/dist/chip.js +1 -1
  63. package/dist/choice-chips.d.ts +40 -16
  64. package/dist/choice-chips.js +1 -1
  65. package/dist/chunk-34U4ANDJ.js +119 -0
  66. package/dist/chunk-34U4ANDJ.js.map +1 -0
  67. package/dist/{chunk-36TL6BCR.js → chunk-3GLYIIFR.js} +34 -6
  68. package/dist/chunk-3GLYIIFR.js.map +1 -0
  69. package/dist/{chunk-HWY4BSLS.js → chunk-3VXDSIBJ.js} +2 -2
  70. package/dist/{chunk-HWY4BSLS.js.map → chunk-3VXDSIBJ.js.map} +1 -1
  71. package/dist/chunk-3WYREXW4.js +120 -0
  72. package/dist/chunk-3WYREXW4.js.map +1 -0
  73. package/dist/chunk-AV7CPAPT.js +82 -0
  74. package/dist/chunk-AV7CPAPT.js.map +1 -0
  75. package/dist/{chunk-XK4E225T.js → chunk-B53PS2LE.js} +2 -2
  76. package/dist/{chunk-XK4E225T.js.map → chunk-B53PS2LE.js.map} +1 -1
  77. package/dist/{chunk-R42D2BAO.js → chunk-CA7LNX3J.js} +2 -2
  78. package/dist/{chunk-R42D2BAO.js.map → chunk-CA7LNX3J.js.map} +1 -1
  79. package/dist/{chunk-AYHC62OZ.js → chunk-CMETHPKR.js} +26 -29
  80. package/dist/chunk-CMETHPKR.js.map +1 -0
  81. package/dist/{chunk-Y43B6DS3.js → chunk-CVD5IZGB.js} +2 -2
  82. package/dist/{chunk-Y43B6DS3.js.map → chunk-CVD5IZGB.js.map} +1 -1
  83. package/dist/{chunk-6STQXRT4.js → chunk-CXZXHZTR.js} +121 -12
  84. package/dist/chunk-CXZXHZTR.js.map +1 -0
  85. package/dist/{chunk-GZE2XVKC.js → chunk-DZJ4GBSP.js} +3 -3
  86. package/dist/{chunk-GZE2XVKC.js.map → chunk-DZJ4GBSP.js.map} +1 -1
  87. package/dist/chunk-ELCMSQNJ.js +49 -0
  88. package/dist/chunk-ELCMSQNJ.js.map +1 -0
  89. package/dist/{chunk-P74VXMB6.js → chunk-EOO6PYGF.js} +7 -14
  90. package/dist/chunk-EOO6PYGF.js.map +1 -0
  91. package/dist/{chunk-PRG4CL3Q.js → chunk-FR76ZJQC.js} +21 -19
  92. package/dist/chunk-FR76ZJQC.js.map +1 -0
  93. package/dist/{chunk-QQ3TTWFH.js → chunk-G3J7JDP6.js} +1 -1
  94. package/dist/{chunk-QQ3TTWFH.js.map → chunk-G3J7JDP6.js.map} +1 -1
  95. package/dist/{chunk-IGTWXPTN.js → chunk-HGV7J4T6.js} +3 -3
  96. package/dist/{chunk-IGTWXPTN.js.map → chunk-HGV7J4T6.js.map} +1 -1
  97. package/dist/{chunk-YWQGSUF2.js → chunk-HLDRH23D.js} +3 -3
  98. package/dist/{chunk-YWQGSUF2.js.map → chunk-HLDRH23D.js.map} +1 -1
  99. package/dist/{chunk-PBT3CPPY.js → chunk-HQZYKJ56.js} +24 -4
  100. package/dist/chunk-HQZYKJ56.js.map +1 -0
  101. package/dist/{chunk-V6W56V3N.js → chunk-HZPHCSCS.js} +16 -3
  102. package/dist/chunk-HZPHCSCS.js.map +1 -0
  103. package/dist/{chunk-GJYQ27C2.js → chunk-INI4WDWC.js} +8 -1
  104. package/dist/chunk-INI4WDWC.js.map +1 -0
  105. package/dist/{chunk-U657IHFB.js → chunk-IQSRHXZR.js} +10 -4
  106. package/dist/chunk-IQSRHXZR.js.map +1 -0
  107. package/dist/{chunk-KQDU7Z7P.js → chunk-K4AT3V3J.js} +2 -1
  108. package/dist/chunk-K4AT3V3J.js.map +1 -0
  109. package/dist/{chunk-QIAPOWHH.js → chunk-KCS6NJ3O.js} +2 -2
  110. package/dist/{chunk-QIAPOWHH.js.map → chunk-KCS6NJ3O.js.map} +1 -1
  111. package/dist/{chunk-UKKRPP56.js → chunk-LOSRXZAH.js} +2 -2
  112. package/dist/{chunk-UKKRPP56.js.map → chunk-LOSRXZAH.js.map} +1 -1
  113. package/dist/{chunk-ROZLJULF.js → chunk-MF6ZUUJZ.js} +8 -3
  114. package/dist/chunk-MF6ZUUJZ.js.map +1 -0
  115. package/dist/{chunk-6IVNMC6R.js → chunk-MHMWQ7RB.js} +2 -2
  116. package/dist/{chunk-6IVNMC6R.js.map → chunk-MHMWQ7RB.js.map} +1 -1
  117. package/dist/{chunk-JYD7G4RG.js → chunk-PIVY32AE.js} +15 -5
  118. package/dist/chunk-PIVY32AE.js.map +1 -0
  119. package/dist/{chunk-BU23Z5HZ.js → chunk-PYBBYSZ3.js} +13 -18
  120. package/dist/chunk-PYBBYSZ3.js.map +1 -0
  121. package/dist/chunk-QDSZTQXL.js +28 -0
  122. package/dist/chunk-QDSZTQXL.js.map +1 -0
  123. package/dist/{chunk-YXOMI7ES.js → chunk-QIG4IGUP.js} +2 -2
  124. package/dist/{chunk-YXOMI7ES.js.map → chunk-QIG4IGUP.js.map} +1 -1
  125. package/dist/{chunk-6BRRUPJY.js → chunk-QROYYGWU.js} +3 -3
  126. package/dist/chunk-QROYYGWU.js.map +1 -0
  127. package/dist/{chunk-FOQK4F3L.js → chunk-RHD7RKGI.js} +28 -7
  128. package/dist/chunk-RHD7RKGI.js.map +1 -0
  129. package/dist/{chunk-BBU2SPRE.js → chunk-T4WJ5VGP.js} +4 -4
  130. package/dist/{chunk-BBU2SPRE.js.map → chunk-T4WJ5VGP.js.map} +1 -1
  131. package/dist/{chunk-6NOLL5KG.js → chunk-TGLUDQP2.js} +3 -3
  132. package/dist/{chunk-6NOLL5KG.js.map → chunk-TGLUDQP2.js.map} +1 -1
  133. package/dist/{chunk-HO6FU3G7.js → chunk-TLMMFQWM.js} +4 -4
  134. package/dist/{chunk-HO6FU3G7.js.map → chunk-TLMMFQWM.js.map} +1 -1
  135. package/dist/chunk-UMKV7YVQ.js +20 -0
  136. package/dist/chunk-UMKV7YVQ.js.map +1 -0
  137. package/dist/{chunk-M2NRCFRO.js → chunk-VFYO3UGZ.js} +2 -2
  138. package/dist/{chunk-M2NRCFRO.js.map → chunk-VFYO3UGZ.js.map} +1 -1
  139. package/dist/{chunk-YOKEL75M.js → chunk-WVS6CUCT.js} +2 -2
  140. package/dist/{chunk-YOKEL75M.js.map → chunk-WVS6CUCT.js.map} +1 -1
  141. package/dist/{chunk-MN3POJFN.js → chunk-YMUIQRWK.js} +2 -2
  142. package/dist/{chunk-MN3POJFN.js.map → chunk-YMUIQRWK.js.map} +1 -1
  143. package/dist/{chunk-Y3LC7JQO.js → chunk-YOA5W5ZH.js} +2 -2
  144. package/dist/{chunk-Y3LC7JQO.js.map → chunk-YOA5W5ZH.js.map} +1 -1
  145. package/dist/{chunk-44A6LP54.js → chunk-YQ2AC4E2.js} +2 -2
  146. package/dist/{chunk-44A6LP54.js.map → chunk-YQ2AC4E2.js.map} +1 -1
  147. package/dist/chunk-ZNROKDSZ.js +54 -0
  148. package/dist/chunk-ZNROKDSZ.js.map +1 -0
  149. package/dist/collapsible-panel.d.ts +3 -2
  150. package/dist/collapsible-panel.js +4 -3
  151. package/dist/collapsible-panel.js.map +1 -1
  152. package/dist/composer.d.ts +62 -0
  153. package/dist/composer.js +5 -0
  154. package/dist/composer.js.map +1 -0
  155. package/dist/corner-status.d.ts +1 -1
  156. package/dist/corner-status.js +1 -1
  157. package/dist/css-values.d.ts +9 -1
  158. package/dist/css-values.js +1 -1
  159. package/dist/disclosure-arrow.js +1 -1
  160. package/dist/empty-state.js +1 -1
  161. package/dist/grid.js +1 -1
  162. package/dist/icon-button.js +1 -1
  163. package/dist/icon-toggle-button.js +1 -1
  164. package/dist/index.d.ts +10 -5
  165. package/dist/index.js +40 -37
  166. package/dist/list-action-row.d.ts +10 -2
  167. package/dist/list-action-row.js +1 -1
  168. package/dist/list-header.js +1 -1
  169. package/dist/list-icon-tile-B8dr97OW.d.ts +18 -0
  170. package/dist/list-item.d.ts +10 -3
  171. package/dist/list-item.js +1 -1
  172. package/dist/list.d.ts +36 -4
  173. package/dist/list.js +1 -1
  174. package/dist/loading-spinner.js +1 -1
  175. package/dist/lucide-icon.js +1 -1
  176. package/dist/{nav-stack-BvSKY448.d.ts → nav-stack-VXTumzKa.d.ts} +53 -4
  177. package/dist/nav-stack.d.ts +3 -2
  178. package/dist/nav-stack.js +2 -1
  179. package/dist/pane.d.ts +40 -3
  180. package/dist/pane.js +1 -1
  181. package/dist/{panel-toolbar-CL9tYOkh.d.ts → panel-toolbar-vg6Ir5Dy.d.ts} +6 -1
  182. package/dist/popup-menu-register.d.ts +2 -1
  183. package/dist/popup-menu-register.js +97 -22
  184. package/dist/popup-menu-register.js.map +1 -1
  185. package/dist/popup-menu.js +1 -1
  186. package/dist/row.js +1 -1
  187. package/dist/scroll-clearance-BikHljTc.d.ts +14 -0
  188. package/dist/select-register.js +11 -0
  189. package/dist/select-register.js.map +1 -1
  190. package/dist/select.js +1 -1
  191. package/dist/skeleton.js +1 -1
  192. package/dist/spacer.js +1 -1
  193. package/dist/split-button.js +1 -1
  194. package/dist/split-view.d.ts +7 -5
  195. package/dist/split-view.js +6 -3
  196. package/dist/split-view.js.map +1 -1
  197. package/dist/state-banner.d.ts +6 -1
  198. package/dist/state-banner.js +1 -1
  199. package/dist/styles/anchored-surface.css +27 -1
  200. package/dist/styles/catalog/components/catalog-example-stack.css +5 -0
  201. package/dist/styles/catalog/components/catalog-example.css +33 -0
  202. package/dist/styles/catalog/components/catalog-stage.css +7 -0
  203. package/dist/styles/chip.css +70 -0
  204. package/dist/styles/components/actions/popup-menu/popup-menu.css +21 -4
  205. package/dist/styles/components/actions/toolbar/toolbar.css +19 -0
  206. package/dist/styles/components/actions/toolbar-control-group/toolbar-control-group.css +75 -1
  207. package/dist/styles/components/actions/toolbar-text/toolbar-text.css +75 -0
  208. package/dist/styles/components/collections/list/list.css +77 -7
  209. package/dist/styles/components/collections/list-action-row/list-action-row.css +177 -22
  210. package/dist/styles/components/collections/list-item/list-item.css +158 -11
  211. package/dist/styles/components/feedback/anchored-surface/anchored-surface.css +27 -1
  212. package/dist/styles/components/feedback/chip/chip.css +70 -0
  213. package/dist/styles/components/feedback/state-banner/state-banner.css +24 -13
  214. package/dist/styles/components/forms/composer/composer.css +100 -0
  215. package/dist/styles/components/forms/select/select.css +1 -0
  216. package/dist/styles/components/forms/token-search-field/token-search-field.css +13 -2
  217. package/dist/styles/components/layout/pane/pane.css +81 -2
  218. package/dist/styles/components/navigation/nav-stack/nav-stack.css +84 -0
  219. package/dist/styles/components/navigation/tab-bar/tab-bar.css +15 -4
  220. package/dist/styles/components/navigation/tab-navigator/tab-navigator.css +79 -4
  221. package/dist/styles/components/surfaces/surface-scaffold/surface-scaffold.css +195 -0
  222. package/dist/styles/composer.css +100 -0
  223. package/dist/styles/foundation.css +66 -0
  224. package/dist/styles/list-action-row.css +177 -22
  225. package/dist/styles/list-item.css +158 -11
  226. package/dist/styles/list.css +77 -7
  227. package/dist/styles/nav-stack.css +84 -0
  228. package/dist/styles/pane.css +81 -2
  229. package/dist/styles/popup-menu.css +21 -4
  230. package/dist/styles/select.css +1 -0
  231. package/dist/styles/state-banner.css +24 -13
  232. package/dist/styles/styles.css +1 -0
  233. package/dist/styles/surface-scaffold.css +195 -0
  234. package/dist/styles/tab-bar.css +15 -4
  235. package/dist/styles/tab-navigator.css +79 -4
  236. package/dist/styles/token-search-field.css +13 -2
  237. package/dist/styles/toolbar-control-group.css +75 -1
  238. package/dist/styles/toolbar-text.css +75 -0
  239. package/dist/styles/toolbar.css +19 -0
  240. package/dist/styles/webawesome.css +18 -0
  241. package/dist/surface-scaffold-register.d.ts +6 -1
  242. package/dist/surface-scaffold-register.js +89 -3
  243. package/dist/surface-scaffold-register.js.map +1 -1
  244. package/dist/surface-scaffold.d.ts +66 -7
  245. package/dist/surface-scaffold.js +1 -1
  246. package/dist/tab-navigator.d.ts +23 -2
  247. package/dist/tab-navigator.js +2 -0
  248. package/dist/tab-navigator.js.map +1 -1
  249. package/dist/token-search-field.d.ts +1 -1
  250. package/dist/token-search-field.js +1 -1
  251. package/dist/{token-search-model-DTcTXWMS.d.ts → token-search-model-aYR0YAei.d.ts} +32 -2
  252. package/dist/token-search-model.d.ts +1 -1
  253. package/dist/toolbar-control-group.js +1 -1
  254. package/dist/toolbar-text.js +1 -1
  255. package/dist/toolbar.d.ts +1 -0
  256. package/dist/value-table.js +1 -1
  257. package/dist/wire-catalog.d.ts +3 -2
  258. package/dist/wire-catalog.js +2 -2
  259. package/dist/wire-composers.d.ts +16 -0
  260. package/dist/wire-composers.js +3 -0
  261. package/dist/wire-composers.js.map +1 -0
  262. package/dist/wire-list-focus-scroll.d.ts +16 -0
  263. package/dist/wire-list-focus-scroll.js +3 -0
  264. package/dist/wire-list-focus-scroll.js.map +1 -0
  265. package/dist/wire-nav-stack.js +135 -0
  266. package/dist/wire-nav-stack.js.map +1 -1
  267. package/dist/wire-scroll-dividers.d.ts +9 -0
  268. package/dist/wire-scroll-dividers.js +1 -1
  269. package/dist/wire-tab-bars.js +1 -1
  270. package/dist/wire-tab-navigator.d.ts +3 -1
  271. package/dist/wire-tab-navigator.js +133 -1
  272. package/dist/wire-tab-navigator.js.map +1 -1
  273. package/dist/wire-token-search-fields.d.ts +1 -1
  274. package/dist/wire-token-search-fields.js +1 -1
  275. package/dist/workbench.d.ts +8 -3
  276. package/dist/workbench.js +2 -1
  277. package/docs/accessibility.md +132 -3
  278. package/docs/anchored-surface.md +46 -4
  279. package/docs/app-layouts.md +23 -2
  280. package/docs/apple-hig.md +1 -0
  281. package/docs/catalog.md +61 -9
  282. package/docs/collapsible-panel.md +9 -6
  283. package/docs/component-contract.md +46 -13
  284. package/docs/component-selection.md +147 -20
  285. package/docs/composer.md +143 -0
  286. package/docs/design/templates/choice-chips/multiple-dark.svg +1 -0
  287. package/docs/design/templates/choice-chips/multiple.svg +1 -0
  288. package/docs/design/templates/choice-chips-dark.svg +1 -1
  289. package/docs/design/templates/choice-chips.svg +1 -1
  290. package/docs/design/templates/composer/chat-dark.svg +1 -0
  291. package/docs/design/templates/composer/chat.svg +1 -0
  292. package/docs/design/templates/composer/prompt-dark.svg +1 -0
  293. package/docs/design/templates/composer/prompt.svg +1 -0
  294. package/docs/design/templates/composer-dark.svg +1 -0
  295. package/docs/design/templates/composer.svg +1 -0
  296. package/docs/design/templates/empty-state/filtered-dark.svg +1 -1
  297. package/docs/design/templates/empty-state/filtered.svg +1 -1
  298. package/docs/design/templates/empty-state/with-action-dark.svg +1 -1
  299. package/docs/design/templates/empty-state/with-action.svg +1 -1
  300. package/docs/design/templates/empty-state-dark.svg +1 -1
  301. package/docs/design/templates/empty-state.svg +1 -1
  302. package/docs/design/templates/list/compact-dark.svg +1 -1
  303. package/docs/design/templates/list/compact.svg +1 -1
  304. package/docs/design/templates/list-action-row/default-dark.svg +1 -1
  305. package/docs/design/templates/list-action-row/default.svg +1 -1
  306. package/docs/design/templates/list-action-row/icon-tile-dark.svg +1 -0
  307. package/docs/design/templates/list-action-row/icon-tile.svg +1 -0
  308. package/docs/design/templates/list-action-row/selected-dark.svg +1 -1
  309. package/docs/design/templates/list-action-row/selected.svg +1 -1
  310. package/docs/design/templates/list-action-row/trailing-menu-dark.svg +1 -1
  311. package/docs/design/templates/list-action-row/trailing-menu.svg +1 -1
  312. package/docs/design/templates/list-action-row-dark.svg +1 -1
  313. package/docs/design/templates/list-action-row.svg +1 -1
  314. package/docs/design/templates/list-dark.svg +1 -1
  315. package/docs/design/templates/list-header/size-l-dark.svg +1 -1
  316. package/docs/design/templates/list-header/size-l.svg +1 -1
  317. package/docs/design/templates/list-header/size-m-dark.svg +1 -1
  318. package/docs/design/templates/list-header/size-m.svg +1 -1
  319. package/docs/design/templates/list-header/size-xl-dark.svg +1 -1
  320. package/docs/design/templates/list-header/size-xl.svg +1 -1
  321. package/docs/design/templates/list-header-dark.svg +1 -1
  322. package/docs/design/templates/list-header.svg +1 -1
  323. package/docs/design/templates/list-item/icon-tile-dark.svg +1 -0
  324. package/docs/design/templates/list-item/icon-tile.svg +1 -0
  325. package/docs/design/templates/list-item/selected-dark.svg +1 -1
  326. package/docs/design/templates/list-item/selected.svg +1 -1
  327. package/docs/design/templates/list-item-dark.svg +1 -1
  328. package/docs/design/templates/list-item.svg +1 -1
  329. package/docs/design/templates/list.svg +1 -1
  330. package/docs/design/templates/segmented-control-dark.svg +1 -1
  331. package/docs/design/templates/segmented-control.svg +1 -1
  332. package/docs/design/templates/skeleton-dark.svg +1 -1
  333. package/docs/design/templates/skeleton.svg +1 -1
  334. package/docs/design/templates/state-banner/danger-dark.svg +1 -1
  335. package/docs/design/templates/state-banner/danger.svg +1 -1
  336. package/docs/design/templates/state-banner/info-badge-dark.svg +1 -1
  337. package/docs/design/templates/state-banner/info-badge.svg +1 -1
  338. package/docs/design/templates/state-banner/info-dark.svg +1 -1
  339. package/docs/design/templates/state-banner/info.svg +1 -1
  340. package/docs/design/templates/state-banner/strip-dark.svg +1 -1
  341. package/docs/design/templates/state-banner/strip.svg +1 -1
  342. package/docs/design/templates/state-banner/success-dark.svg +1 -1
  343. package/docs/design/templates/state-banner/success.svg +1 -1
  344. package/docs/design/templates/state-banner/warning-dark.svg +1 -1
  345. package/docs/design/templates/state-banner/warning.svg +1 -1
  346. package/docs/design/templates/state-banner-dark.svg +1 -1
  347. package/docs/design/templates/state-banner.svg +1 -1
  348. package/docs/design/templates/tab-bar-dark.svg +1 -1
  349. package/docs/design/templates/tab-bar.svg +1 -1
  350. package/docs/design/templates/token-search-field-dark.svg +1 -1
  351. package/docs/design/templates/token-search-field.svg +1 -1
  352. package/docs/design/templates/toolbar-control-group-dark.svg +1 -1
  353. package/docs/design/templates/toolbar-control-group.svg +1 -1
  354. package/docs/design/templates/toolbar-dark.svg +1 -1
  355. package/docs/design/templates/toolbar-text/default-dark.svg +1 -1
  356. package/docs/design/templates/toolbar-text/default.svg +1 -1
  357. package/docs/design/templates/toolbar-text/large-dark.svg +1 -1
  358. package/docs/design/templates/toolbar-text/large.svg +1 -1
  359. package/docs/design/templates/toolbar-text-dark.svg +1 -1
  360. package/docs/design/templates/toolbar-text.svg +1 -1
  361. package/docs/design/templates/toolbar.svg +1 -1
  362. package/docs/design/templates/value-table/details-dark.svg +1 -1
  363. package/docs/design/templates/value-table/details.svg +1 -1
  364. package/docs/design/templates/value-table-dark.svg +1 -1
  365. package/docs/design/templates/value-table.svg +1 -1
  366. package/docs/design-philosophy.md +9 -1
  367. package/docs/examples/command-palette-adapter.tsx +3 -3
  368. package/docs/layout.md +147 -14
  369. package/docs/nav-stack.md +132 -8
  370. package/docs/recipes.md +9 -9
  371. package/docs/split-view.md +3 -3
  372. package/docs/sunken-panel.md +2 -2
  373. package/docs/surface-scaffold.md +138 -7
  374. package/docs/tab-navigator.md +38 -1
  375. package/docs/type-contracts.md +16 -16
  376. package/docs/ui-analyzer.md +3 -1
  377. package/docs/ui-doctor.md +71 -0
  378. package/docs/ux-demo.md +6 -6
  379. package/docs/webawesome-theme.md +7 -0
  380. package/docs/workbench.md +10 -6
  381. package/docs/writing.md +152 -0
  382. package/doctor/copy-capitalization-checks.mjs +591 -0
  383. package/doctor/index.mjs +17 -8
  384. package/llms.txt +105 -11
  385. package/package.json +15 -1
  386. package/ux-demo/recipes/app-shell.tsx +11 -11
  387. package/ux-demo/recipes/collapsible-sidebar.tsx +12 -11
  388. package/ux-demo/recipes/compact-toolbar.tsx +10 -10
  389. package/ux-demo/recipes/composer-form.tsx +8 -8
  390. package/ux-demo/recipes/list-detail-dialog.tsx +13 -13
  391. package/ux-demo/recipes/list-workspace-states.tsx +13 -13
  392. package/ux-demo/recipes/loading-inspector.tsx +10 -10
  393. package/ux-demo/recipes/navigation-sidebar.tsx +7 -7
  394. package/ux-demo/recipes/navigation-stack.tsx +5 -5
  395. package/ux-demo/recipes/workspace-header.tsx +5 -5
  396. package/dist/chunk-36TL6BCR.js.map +0 -1
  397. package/dist/chunk-4LOK4634.js +0 -21
  398. package/dist/chunk-4LOK4634.js.map +0 -1
  399. package/dist/chunk-6BRRUPJY.js.map +0 -1
  400. package/dist/chunk-6STQXRT4.js.map +0 -1
  401. package/dist/chunk-76PWEN5Y.js +0 -64
  402. package/dist/chunk-76PWEN5Y.js.map +0 -1
  403. package/dist/chunk-AYHC62OZ.js.map +0 -1
  404. package/dist/chunk-BU23Z5HZ.js.map +0 -1
  405. package/dist/chunk-DQDTZE4W.js +0 -70
  406. package/dist/chunk-DQDTZE4W.js.map +0 -1
  407. package/dist/chunk-FOQK4F3L.js.map +0 -1
  408. package/dist/chunk-GJYQ27C2.js.map +0 -1
  409. package/dist/chunk-JYD7G4RG.js.map +0 -1
  410. package/dist/chunk-KQDU7Z7P.js.map +0 -1
  411. package/dist/chunk-P74VXMB6.js.map +0 -1
  412. package/dist/chunk-PBT3CPPY.js.map +0 -1
  413. package/dist/chunk-PRG4CL3Q.js.map +0 -1
  414. package/dist/chunk-ROZLJULF.js.map +0 -1
  415. package/dist/chunk-U657IHFB.js.map +0 -1
  416. package/dist/chunk-V6W56V3N.js.map +0 -1
package/docs/design/templates/choice-chips-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632 308" width="632" height="308"><defs><clipPath id="cp0"><rect x="16" y="38" width="600" height="136"/></clipPath><clipPath id="cp1"><rect x="16" y="212" width="600" height="80"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="600" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="600" height="136" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="190" width="600" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="212" width="600" height="80" rx="0"/></clipPath></defs><rect x="0" y="0" width="632" height="308" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Wrapping color palette</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="600" height="136"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="51" y="29" width="82.9" height="14"/></clipPath><clipPath id="svgimg4ct1"><rect x="51" y="29" width="82.9" height="14"/></clipPath><clipPath id="svgimg4ishc2"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4ishc3"><rect x="155.9" y="21" width="72.1" height="30" rx="15"/></clipPath><clipPath id="svgimg4ishc4"><rect x="167.9" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp5"><rect x="185.9" y="29" width="30.1" height="14"/></clipPath><clipPath id="svgimg4ct6"><rect x="185.9" y="29" width="30.1" height="14"/></clipPath><clipPath id="svgimg4ishc7"><rect x="249.9" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp8"><rect x="267.9" y="29" width="41" height="14"/></clipPath><clipPath id="svgimg4ct9"><rect x="267.9" y="29" width="41" height="14"/></clipPath><clipPath id="svgimg4ishc10"><rect x="343" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp11"><rect x="361" y="29" width="50.1" height="14"/></clipPath><clipPath id="svgimg4ct12"><rect x="361" y="29" width="50.1" height="14"/></clipPath><clipPath id="svgimg4ishc13"><rect x="445" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp14"><rect x="463" y="29" width="26.3" height="14"/></clipPath><clipPath id="svgimg4ct15"><rect x="463" y="29" width="26.3" height="14"/></clipPath><clipPath id="svgimg4ishc16"><rect x="33" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp17"><rect x="51" y="69" width="44.5" height="14"/></clipPath><clipPath id="svgimg4ct18"><rect x="51" y="69" width="44.5" height="14"/></clipPath><clipPath id="svgimg4ishc19"><rect x="129.5" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp20"><rect x="147.5" y="69" width="29.6" height="14"/></clipPath><clipPath id="svgimg4ct21"><rect x="147.5" y="69" width="29.6" height="14"/></clipPath><clipPath id="svgimg4ishc22"><rect x="211.2" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp23"><rect x="229.2" y="69" width="27.8" height="14"/></clipPath><clipPath id="svgimg4ct24"><rect x="229.2" y="69" width="27.8" height="14"/></clipPath><clipPath id="svgimg4ishc25"><rect x="291" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp26"><rect x="309" y="69" width="32.1" height="14"/></clipPath><clipPath id="svgimg4ct27"><rect x="309" y="69" width="32.1" height="14"/></clipPath></defs><rect x="20" y="20" width="126.9" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="20.5" width="126" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg4cp0)"><g clip-path="url(#svgimg4ct1)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Transparent</text></g></g><g clip-path="url(#svgimg4ishc2)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(250,250,255,0.32)" fill-rule="evenodd"/></g><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g transform="rotate(45 33.636 80.28)scale(.15686 1.2549)"><rect x="34.2" y="31.2" width="9.6" height="9.6" rx="1" ry="1" fill="rgb(255, 105, 108)"/></g></g><rect x="154.9" y="20" width="74.1" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg4ishc3)"><path d="M151.9 17h80v38h-80zm19 5h42a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-42a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="155.5" y="20.5" width="73" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="167.9" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#svgimg4ishc4)"><path d="M163.9 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp5)"><g clip-path="url(#svgimg4ct6)"><text x="185.86" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(138,203,255)">Blue</text></g></g><rect x="236.9" y="20" width="85" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="237.5" y="20.5" width="84" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="249.9" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#svgimg4ishc7)"><path d="M245.9 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp8)"><g clip-path="url(#svgimg4ct9)"><text x="267.94" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Green</text></g></g><rect x="330" y="20" width="94.1" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="330.5" y="20.5" width="93" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="343" y="30" width="12" height="12" rx="6" fill="rgb(249,115,22)"/><g clip-path="url(#svgimg4ishc10)"><path d="M339 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp11)"><g clip-path="url(#svgimg4ct12)"><text x="360.95" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Orange</text></g></g><rect x="432" y="20" width="70.3" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="432.5" y="20.5" width="69" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="445" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#svgimg4ishc13)"><path d="M441 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp14)"><g clip-path="url(#svgimg4ct15)"><text x="463.02" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Red</text></g></g><rect x="20" y="60" width="88.5" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="60.5" width="88" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="33" y="70" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#svgimg4ishc16)"><path d="M29 66h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp17)"><g clip-path="url(#svgimg4ct18)"><text x="51" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Purple</text></g></g><rect x="116.5" y="60" width="73.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="117.5" y="60.5" width="72" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="129.5" y="70" width="12" height="12" rx="6" fill="rgb(236,72,153)"/><g clip-path="url(#svgimg4ishc19)"><path d="M125.5 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp20)"><g clip-path="url(#svgimg4ct21)"><text x="147.52" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Pink</text></g></g><rect x="198.2" y="60" width="71.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="198.5" y="60.5" width="71" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="211.2" y="70" width="12" height="12" rx="6" fill="rgb(20,184,166)"/><g clip-path="url(#svgimg4ishc22)"><path d="M207.2 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp23)"><g clip-path="url(#svgimg4ct24)"><text x="229.16" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Teal</text></g></g><rect x="278" y="60" width="76.1" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="278.5" y="60.5" width="75" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="291" y="70" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#svgimg4ishc25)"><path d="M287 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp26)"><g clip-path="url(#svgimg4ct27)"><text x="308.97" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Gray</text></g></g></g></g></g></g><text x="16" y="202" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Compact with icons</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="212" width="600" height="80"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 212)"><defs><clipPath id="svgimg7ishc0"><rect x="21" y="21" width="67.3" height="22" rx="11"/></clipPath><clipPath id="svgimg7cp1"><rect x="29" y="26" width="12" height="12"/></clipPath><clipPath id="svgimg7cp3"><rect x="45" y="26" width="35.3" height="12"/></clipPath><clipPath id="svgimg7ct4"><rect x="45" y="26" width="35.3" height="12"/></clipPath><clipPath id="svgimg7cp5"><rect x="106" y="26" width="12.3" height="12"/></clipPath><clipPath id="svgimg7cp7"><rect x="122.3" y="26" width="22" height="12"/></clipPath><clipPath id="svgimg7ct8"><rect x="122.3" y="26" width="22" height="12"/></clipPath></defs><rect x="20" y="20" width="69.3" height="24" rx="12" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg7ishc0)"><path d="M17 17h75.3v30H17zm15 5h45.3a10 10 0 0 1 10 10 10 10 0 0 1-10 10H32a10 10 0 0 1-10-10 10 10 0 0 1 10-10" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="20.5" y="20.5" width="68" height="23" rx="11.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg7cp1)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg7svgic2"><rect x="29" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg7svgic2)"><g transform="matrix(.5 0 0 .5 29 26)"><rect width="18" height="18" x="3" y="3" rx="2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M15 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp3)"><g clip-path="url(#svgimg7ct4)"><text x="45" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(138,203,255)">Board</text></g></g><rect x="97.3" y="20" width="56" height="24" rx="12" fill="rgb(28,28,30)"/><rect x="97.5" y="20.5" width="55" height="23" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg7cp5)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg7svgic6"><rect x="106.3" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg7svgic6)"><g transform="matrix(.5 0 0 .5 106.344 26)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp7)"><g clip-path="url(#svgimg7ct8)"><text x="122.34" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(245,245,247)">List</text></g></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632 434" width="632" height="434"><defs><clipPath id="cp0"><rect x="16" y="38" width="600" height="136"/></clipPath><clipPath id="cp1"><rect x="16" y="212" width="600" height="80"/></clipPath><clipPath id="cp2"><rect x="16" y="330" width="600" height="88"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="600" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="600" height="136" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="190" width="600" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="212" width="600" height="80" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="308" width="600" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="330" width="600" height="88" rx="0"/></clipPath></defs><rect x="0" y="0" width="632" height="434" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Wrapping Color Palette</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="600" height="136"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5cp0"><rect x="51" y="29" width="82.9" height="14"/></clipPath><clipPath id="svgimg5ct1"><rect x="51" y="29" width="82.9" height="14"/></clipPath><clipPath id="svgimg5ishc2"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5ishc3"><rect x="155.9" y="21" width="72.1" height="30" rx="15"/></clipPath><clipPath id="svgimg5ishc4"><rect x="167.9" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp5"><rect x="185.9" y="29" width="30.1" height="14"/></clipPath><clipPath id="svgimg5ct6"><rect x="185.9" y="29" width="30.1" height="14"/></clipPath><clipPath id="svgimg5ishc7"><rect x="249.9" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp8"><rect x="267.9" y="29" width="41" height="14"/></clipPath><clipPath id="svgimg5ct9"><rect x="267.9" y="29" width="41" height="14"/></clipPath><clipPath id="svgimg5ishc10"><rect x="343" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp11"><rect x="361" y="29" width="50.1" height="14"/></clipPath><clipPath id="svgimg5ct12"><rect x="361" y="29" width="50.1" height="14"/></clipPath><clipPath id="svgimg5ishc13"><rect x="445" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp14"><rect x="463" y="29" width="26.3" height="14"/></clipPath><clipPath id="svgimg5ct15"><rect x="463" y="29" width="26.3" height="14"/></clipPath><clipPath id="svgimg5ishc16"><rect x="33" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp17"><rect x="51" y="69" width="44.5" height="14"/></clipPath><clipPath id="svgimg5ct18"><rect x="51" y="69" width="44.5" height="14"/></clipPath><clipPath id="svgimg5ishc19"><rect x="129.5" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp20"><rect x="147.5" y="69" width="29.6" height="14"/></clipPath><clipPath id="svgimg5ct21"><rect x="147.5" y="69" width="29.6" height="14"/></clipPath><clipPath id="svgimg5ishc22"><rect x="211.2" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp23"><rect x="229.2" y="69" width="27.8" height="14"/></clipPath><clipPath id="svgimg5ct24"><rect x="229.2" y="69" width="27.8" height="14"/></clipPath><clipPath id="svgimg5ishc25"><rect x="291" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp26"><rect x="309" y="69" width="32.1" height="14"/></clipPath><clipPath id="svgimg5ct27"><rect x="309" y="69" width="32.1" height="14"/></clipPath></defs><rect x="20" y="20" width="126.9" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="20.5" width="126" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg5cp0)"><g clip-path="url(#svgimg5ct1)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Transparent</text></g></g><g clip-path="url(#svgimg5ishc2)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(250,250,255,0.32)" fill-rule="evenodd"/></g><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g transform="rotate(45 33.636 80.28)scale(.15686 1.2549)"><rect x="34.2" y="31.2" width="9.6" height="9.6" rx="1" ry="1" fill="rgb(255, 105, 108)"/></g></g><rect x="154.9" y="20" width="74.1" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg5ishc3)"><path d="M151.9 17h80v38h-80zm19 5h42a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-42a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="155.5" y="20.5" width="73" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="167.9" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#svgimg5ishc4)"><path d="M163.9 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp5)"><g clip-path="url(#svgimg5ct6)"><text x="185.86" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(138,203,255)">Blue</text></g></g><rect x="236.9" y="20" width="85" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="237.5" y="20.5" width="84" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="249.9" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#svgimg5ishc7)"><path d="M245.9 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp8)"><g clip-path="url(#svgimg5ct9)"><text x="267.94" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Green</text></g></g><rect x="330" y="20" width="94.1" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="330.5" y="20.5" width="93" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="343" y="30" width="12" height="12" rx="6" fill="rgb(249,115,22)"/><g clip-path="url(#svgimg5ishc10)"><path d="M339 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp11)"><g clip-path="url(#svgimg5ct12)"><text x="360.95" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Orange</text></g></g><rect x="432" y="20" width="70.3" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="432.5" y="20.5" width="69" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="445" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#svgimg5ishc13)"><path d="M441 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp14)"><g clip-path="url(#svgimg5ct15)"><text x="463.02" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Red</text></g></g><rect x="20" y="60" width="88.5" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="60.5" width="88" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="33" y="70" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#svgimg5ishc16)"><path d="M29 66h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp17)"><g clip-path="url(#svgimg5ct18)"><text x="51" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Purple</text></g></g><rect x="116.5" y="60" width="73.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="117.5" y="60.5" width="72" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="129.5" y="70" width="12" height="12" rx="6" fill="rgb(236,72,153)"/><g clip-path="url(#svgimg5ishc19)"><path d="M125.5 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp20)"><g clip-path="url(#svgimg5ct21)"><text x="147.52" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Pink</text></g></g><rect x="198.2" y="60" width="71.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="198.5" y="60.5" width="71" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="211.2" y="70" width="12" height="12" rx="6" fill="rgb(20,184,166)"/><g clip-path="url(#svgimg5ishc22)"><path d="M207.2 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp23)"><g clip-path="url(#svgimg5ct24)"><text x="229.16" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Teal</text></g></g><rect x="278" y="60" width="76.1" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="278.5" y="60.5" width="75" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="291" y="70" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#svgimg5ishc25)"><path d="M287 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp26)"><g clip-path="url(#svgimg5ct27)"><text x="308.97" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Gray</text></g></g></g></g></g></g><text x="16" y="202" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Compact with Icons</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="212" width="600" height="80"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 212)"><defs><clipPath id="svgimg8ishc0"><rect x="21" y="21" width="67.3" height="22" rx="11"/></clipPath><clipPath id="svgimg8cp1"><rect x="29" y="26" width="12" height="12"/></clipPath><clipPath id="svgimg8cp3"><rect x="45" y="26" width="35.3" height="12"/></clipPath><clipPath id="svgimg8ct4"><rect x="45" y="26" width="35.3" height="12"/></clipPath><clipPath id="svgimg8cp5"><rect x="106" y="26" width="12.3" height="12"/></clipPath><clipPath id="svgimg8cp7"><rect x="122.3" y="26" width="22" height="12"/></clipPath><clipPath id="svgimg8ct8"><rect x="122.3" y="26" width="22" height="12"/></clipPath></defs><rect x="20" y="20" width="69.3" height="24" rx="12" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg8ishc0)"><path d="M17 17h75.3v30H17zm15 5h45.3a10 10 0 0 1 10 10 10 10 0 0 1-10 10H32a10 10 0 0 1-10-10 10 10 0 0 1 10-10" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="20.5" y="20.5" width="68" height="23" rx="11.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg8cp1)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg8svgic2"><rect x="29" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg8svgic2)"><g transform="matrix(.5 0 0 .5 29 26)"><rect width="18" height="18" x="3" y="3" rx="2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M15 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg8cp3)"><g clip-path="url(#svgimg8ct4)"><text x="45" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(138,203,255)">Board</text></g></g><rect x="97.3" y="20" width="56" height="24" rx="12" fill="rgb(28,28,30)"/><rect x="97.5" y="20.5" width="55" height="23" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg8cp5)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg8svgic6"><rect x="106.3" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg8svgic6)"><g transform="matrix(.5 0 0 .5 106.344 26)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg8cp7)"><g clip-path="url(#svgimg8ct8)"><text x="122.34" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(245,245,247)">List</text></g></g></g></g></g></g><text x="16" y="320" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Multiple Selection</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="330" width="600" height="88"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 330)"><defs><clipPath id="svgimg11ishc0"><rect x="21" y="21" width="68.8" height="30" rx="15"/></clipPath><clipPath id="svgimg11ishc1"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp2"><rect x="51" y="29" width="26.8" height="14"/></clipPath><clipPath id="svgimg11ct3"><rect x="51" y="29" width="26.8" height="14"/></clipPath><clipPath id="svgimg11ishc4"><rect x="111.8" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp5"><rect x="129.8" y="29" width="52.3" height="14"/></clipPath><clipPath id="svgimg11ct6"><rect x="129.8" y="29" width="52.3" height="14"/></clipPath><clipPath id="svgimg11ishc7"><rect x="204.1" y="21" width="76.4" height="30" rx="15"/></clipPath><clipPath id="svgimg11ishc8"><rect x="216.1" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp9"><rect x="234.1" y="29" width="34.4" height="14"/></clipPath><clipPath id="svgimg11ct10"><rect x="234.1" y="29" width="34.4" height="14"/></clipPath><clipPath id="svgimg11ishc11"><rect x="302.5" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp12"><rect x="320.5" y="29" width="47.2" height="14"/></clipPath><clipPath id="svgimg11ct13"><rect x="320.5" y="29" width="47.2" height="14"/></clipPath><clipPath id="svgimg11ishc14"><rect x="401.7" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp15"><rect x="419.7" y="29" width="41.1" height="14"/></clipPath><clipPath id="svgimg11ct16"><rect x="419.7" y="29" width="41.1" height="14"/></clipPath></defs><rect x="20" y="20" width="70.8" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg11ishc0)"><path d="M17 17h76.8v38H17zm19 5h38.8a14 14 0 0 1 14 14 14 14 0 0 1-14 14H36a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="20.5" y="20.5" width="70" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="33" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#svgimg11ishc1)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp2)"><g clip-path="url(#svgimg11ct3)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(138,203,255)">Bug</text></g></g><rect x="98.8" y="20" width="96.3" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="99.5" y="20.5" width="95" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="111.8" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#svgimg11ishc4)"><path d="M107.8 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp5)"><g clip-path="url(#svgimg11ct6)"><text x="129.81" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Feature</text></g></g><rect x="203.1" y="20" width="78.4" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg11ishc7)"><path d="M200.1 17h84.4v38h-84.4zm19 5h46.4a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-46.4a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="203.5" y="20.5" width="77" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="216.1" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#svgimg11ishc8)"><path d="M212.1 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp9)"><g clip-path="url(#svgimg11ct10)"><text x="234.06" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(138,203,255)">Docs</text></g></g><rect x="289.5" y="20" width="91.2" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="289.5" y="20.5" width="91" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="302.5" y="30" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#svgimg11ishc11)"><path d="M298.5 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp12)"><g clip-path="url(#svgimg11ct13)"><text x="320.47" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Design</text></g></g><rect x="388.7" y="20" width="85.1" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="389.5" y="20.5" width="84" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="401.7" y="30" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#svgimg11ishc14)"><path d="M397.7 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp15)"><g clip-path="url(#svgimg11ct16)"><text x="419.7" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(245,245,247)">Chore</text></g></g></g></g></g></g></svg>
package/docs/design/templates/choice-chips.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632 308" width="632" height="308"><defs><clipPath id="cp0"><rect x="16" y="38" width="600" height="136"/></clipPath><clipPath id="cp1"><rect x="16" y="212" width="600" height="80"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="600" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="600" height="136" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="190" width="600" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="212" width="600" height="80" rx="0"/></clipPath></defs><rect x="0" y="0" width="632" height="308" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Wrapping color palette</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="600" height="136"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="51" y="29" width="82.9" height="14"/></clipPath><clipPath id="svgimg4ct1"><rect x="51" y="29" width="82.9" height="14"/></clipPath><clipPath id="svgimg4ishc2"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4ishc3"><rect x="155.9" y="21" width="72.1" height="30" rx="15"/></clipPath><clipPath id="svgimg4ishc4"><rect x="167.9" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp5"><rect x="185.9" y="29" width="30.1" height="14"/></clipPath><clipPath id="svgimg4ct6"><rect x="185.9" y="29" width="30.1" height="14"/></clipPath><clipPath id="svgimg4ishc7"><rect x="249.9" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp8"><rect x="267.9" y="29" width="41" height="14"/></clipPath><clipPath id="svgimg4ct9"><rect x="267.9" y="29" width="41" height="14"/></clipPath><clipPath id="svgimg4ishc10"><rect x="343" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp11"><rect x="361" y="29" width="50.1" height="14"/></clipPath><clipPath id="svgimg4ct12"><rect x="361" y="29" width="50.1" height="14"/></clipPath><clipPath id="svgimg4ishc13"><rect x="445" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp14"><rect x="463" y="29" width="26.3" height="14"/></clipPath><clipPath id="svgimg4ct15"><rect x="463" y="29" width="26.3" height="14"/></clipPath><clipPath id="svgimg4ishc16"><rect x="33" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp17"><rect x="51" y="69" width="44.5" height="14"/></clipPath><clipPath id="svgimg4ct18"><rect x="51" y="69" width="44.5" height="14"/></clipPath><clipPath id="svgimg4ishc19"><rect x="129.5" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp20"><rect x="147.5" y="69" width="29.6" height="14"/></clipPath><clipPath id="svgimg4ct21"><rect x="147.5" y="69" width="29.6" height="14"/></clipPath><clipPath id="svgimg4ishc22"><rect x="211.2" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp23"><rect x="229.2" y="69" width="27.8" height="14"/></clipPath><clipPath id="svgimg4ct24"><rect x="229.2" y="69" width="27.8" height="14"/></clipPath><clipPath id="svgimg4ishc25"><rect x="291" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg4cp26"><rect x="309" y="69" width="32.1" height="14"/></clipPath><clipPath id="svgimg4ct27"><rect x="309" y="69" width="32.1" height="14"/></clipPath></defs><rect x="20" y="20" width="126.9" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="126" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg4cp0)"><g clip-path="url(#svgimg4ct1)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Transparent</text></g></g><g clip-path="url(#svgimg4ishc2)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(0,0,13,0.318)" fill-rule="evenodd"/></g><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g transform="rotate(45 33.636 80.28)scale(.15686 1.2549)"><rect x="34.2" y="31.2" width="9.6" height="9.6" rx="1" ry="1" fill="rgb(194, 11, 32)"/></g></g><rect x="154.9" y="20" width="74.1" height="32" rx="16" fill="rgb(214,233,249)"/><g clip-path="url(#svgimg4ishc3)"><path d="M151.9 17h80v38h-80zm19 5h42a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-42a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(0,117,219)" fill-rule="evenodd"/></g><rect x="155.5" y="20.5" width="73" height="31" rx="15.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="167.9" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#svgimg4ishc4)"><path d="M163.9 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp5)"><g clip-path="url(#svgimg4ct6)"><text x="185.86" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(26,93,207)">Blue</text></g></g><rect x="236.9" y="20" width="85" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="237.5" y="20.5" width="84" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="249.9" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#svgimg4ishc7)"><path d="M245.9 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp8)"><g clip-path="url(#svgimg4ct9)"><text x="267.94" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Green</text></g></g><rect x="330" y="20" width="94.1" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="330.5" y="20.5" width="93" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="343" y="30" width="12" height="12" rx="6" fill="rgb(249,115,22)"/><g clip-path="url(#svgimg4ishc10)"><path d="M339 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp11)"><g clip-path="url(#svgimg4ct12)"><text x="360.95" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Orange</text></g></g><rect x="432" y="20" width="70.3" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="432.5" y="20.5" width="69" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="445" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#svgimg4ishc13)"><path d="M441 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp14)"><g clip-path="url(#svgimg4ct15)"><text x="463.02" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Red</text></g></g><rect x="20" y="60" width="88.5" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="20.5" y="60.5" width="88" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="33" y="70" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#svgimg4ishc16)"><path d="M29 66h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp17)"><g clip-path="url(#svgimg4ct18)"><text x="51" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Purple</text></g></g><rect x="116.5" y="60" width="73.6" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="117.5" y="60.5" width="72" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="129.5" y="70" width="12" height="12" rx="6" fill="rgb(236,72,153)"/><g clip-path="url(#svgimg4ishc19)"><path d="M125.5 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp20)"><g clip-path="url(#svgimg4ct21)"><text x="147.52" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Pink</text></g></g><rect x="198.2" y="60" width="71.8" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="198.5" y="60.5" width="71" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="211.2" y="70" width="12" height="12" rx="6" fill="rgb(20,184,166)"/><g clip-path="url(#svgimg4ishc22)"><path d="M207.2 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp23)"><g clip-path="url(#svgimg4ct24)"><text x="229.16" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Teal</text></g></g><rect x="278" y="60" width="76.1" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="278.5" y="60.5" width="75" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="291" y="70" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#svgimg4ishc25)"><path d="M287 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg4cp26)"><g clip-path="url(#svgimg4ct27)"><text x="308.97" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Gray</text></g></g></g></g></g></g><text x="16" y="202" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact with icons</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="212" width="600" height="80"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 212)"><defs><clipPath id="svgimg7ishc0"><rect x="21" y="21" width="67.3" height="22" rx="11"/></clipPath><clipPath id="svgimg7cp1"><rect x="29" y="26" width="12" height="12"/></clipPath><clipPath id="svgimg7cp3"><rect x="45" y="26" width="35.3" height="12"/></clipPath><clipPath id="svgimg7ct4"><rect x="45" y="26" width="35.3" height="12"/></clipPath><clipPath id="svgimg7cp5"><rect x="106" y="26" width="12.3" height="12"/></clipPath><clipPath id="svgimg7cp7"><rect x="122.3" y="26" width="22" height="12"/></clipPath><clipPath id="svgimg7ct8"><rect x="122.3" y="26" width="22" height="12"/></clipPath></defs><rect x="20" y="20" width="69.3" height="24" rx="12" fill="rgb(214,233,249)"/><g clip-path="url(#svgimg7ishc0)"><path d="M17 17h75.3v30H17zm15 5h45.3a10 10 0 0 1 10 10 10 10 0 0 1-10 10H32a10 10 0 0 1-10-10 10 10 0 0 1 10-10" fill="rgb(0,117,219)" fill-rule="evenodd"/></g><rect x="20.5" y="20.5" width="68" height="23" rx="11.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg7cp1)"><g color="rgb(26, 93, 207)"><clipPath id="svgimg7svgic2"><rect x="29" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg7svgic2)"><g transform="matrix(.5 0 0 .5 29 26)"><rect width="18" height="18" x="3" y="3" rx="2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(26, 93, 207)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(26, 93, 207)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M15 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(26, 93, 207)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp3)"><g clip-path="url(#svgimg7ct4)"><text x="45" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(26,93,207)">Board</text></g></g><rect x="97.3" y="20" width="56" height="24" rx="12" fill="rgb(255,255,255)"/><rect x="97.5" y="20.5" width="55" height="23" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg7cp5)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg7svgic6"><rect x="106.3" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg7svgic6)"><g transform="matrix(.5 0 0 .5 106.344 26)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp7)"><g clip-path="url(#svgimg7ct8)"><text x="122.34" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(29,29,31)">List</text></g></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632 434" width="632" height="434"><defs><clipPath id="cp0"><rect x="16" y="38" width="600" height="136"/></clipPath><clipPath id="cp1"><rect x="16" y="212" width="600" height="80"/></clipPath><clipPath id="cp2"><rect x="16" y="330" width="600" height="88"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="600" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="600" height="136" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="190" width="600" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="212" width="600" height="80" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="308" width="600" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="330" width="600" height="88" rx="0"/></clipPath></defs><rect x="0" y="0" width="632" height="434" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Wrapping Color Palette</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="600" height="136"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5cp0"><rect x="51" y="29" width="82.9" height="14"/></clipPath><clipPath id="svgimg5ct1"><rect x="51" y="29" width="82.9" height="14"/></clipPath><clipPath id="svgimg5ishc2"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5ishc3"><rect x="155.9" y="21" width="72.1" height="30" rx="15"/></clipPath><clipPath id="svgimg5ishc4"><rect x="167.9" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp5"><rect x="185.9" y="29" width="30.1" height="14"/></clipPath><clipPath id="svgimg5ct6"><rect x="185.9" y="29" width="30.1" height="14"/></clipPath><clipPath id="svgimg5ishc7"><rect x="249.9" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp8"><rect x="267.9" y="29" width="41" height="14"/></clipPath><clipPath id="svgimg5ct9"><rect x="267.9" y="29" width="41" height="14"/></clipPath><clipPath id="svgimg5ishc10"><rect x="343" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp11"><rect x="361" y="29" width="50.1" height="14"/></clipPath><clipPath id="svgimg5ct12"><rect x="361" y="29" width="50.1" height="14"/></clipPath><clipPath id="svgimg5ishc13"><rect x="445" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp14"><rect x="463" y="29" width="26.3" height="14"/></clipPath><clipPath id="svgimg5ct15"><rect x="463" y="29" width="26.3" height="14"/></clipPath><clipPath id="svgimg5ishc16"><rect x="33" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp17"><rect x="51" y="69" width="44.5" height="14"/></clipPath><clipPath id="svgimg5ct18"><rect x="51" y="69" width="44.5" height="14"/></clipPath><clipPath id="svgimg5ishc19"><rect x="129.5" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp20"><rect x="147.5" y="69" width="29.6" height="14"/></clipPath><clipPath id="svgimg5ct21"><rect x="147.5" y="69" width="29.6" height="14"/></clipPath><clipPath id="svgimg5ishc22"><rect x="211.2" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp23"><rect x="229.2" y="69" width="27.8" height="14"/></clipPath><clipPath id="svgimg5ct24"><rect x="229.2" y="69" width="27.8" height="14"/></clipPath><clipPath id="svgimg5ishc25"><rect x="291" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp26"><rect x="309" y="69" width="32.1" height="14"/></clipPath><clipPath id="svgimg5ct27"><rect x="309" y="69" width="32.1" height="14"/></clipPath></defs><rect x="20" y="20" width="126.9" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="126" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg5cp0)"><g clip-path="url(#svgimg5ct1)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Transparent</text></g></g><g clip-path="url(#svgimg5ishc2)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(0,0,13,0.318)" fill-rule="evenodd"/></g><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g transform="rotate(45 33.636 80.28)scale(.15686 1.2549)"><rect x="34.2" y="31.2" width="9.6" height="9.6" rx="1" ry="1" fill="rgb(194, 11, 32)"/></g></g><rect x="154.9" y="20" width="74.1" height="32" rx="16" fill="rgb(214,233,249)"/><g clip-path="url(#svgimg5ishc3)"><path d="M151.9 17h80v38h-80zm19 5h42a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-42a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(0,117,219)" fill-rule="evenodd"/></g><rect x="155.5" y="20.5" width="73" height="31" rx="15.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="167.9" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#svgimg5ishc4)"><path d="M163.9 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp5)"><g clip-path="url(#svgimg5ct6)"><text x="185.86" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(26,93,207)">Blue</text></g></g><rect x="236.9" y="20" width="85" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="237.5" y="20.5" width="84" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="249.9" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#svgimg5ishc7)"><path d="M245.9 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp8)"><g clip-path="url(#svgimg5ct9)"><text x="267.94" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Green</text></g></g><rect x="330" y="20" width="94.1" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="330.5" y="20.5" width="93" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="343" y="30" width="12" height="12" rx="6" fill="rgb(249,115,22)"/><g clip-path="url(#svgimg5ishc10)"><path d="M339 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp11)"><g clip-path="url(#svgimg5ct12)"><text x="360.95" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Orange</text></g></g><rect x="432" y="20" width="70.3" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="432.5" y="20.5" width="69" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="445" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#svgimg5ishc13)"><path d="M441 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp14)"><g clip-path="url(#svgimg5ct15)"><text x="463.02" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Red</text></g></g><rect x="20" y="60" width="88.5" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="20.5" y="60.5" width="88" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="33" y="70" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#svgimg5ishc16)"><path d="M29 66h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp17)"><g clip-path="url(#svgimg5ct18)"><text x="51" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Purple</text></g></g><rect x="116.5" y="60" width="73.6" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="117.5" y="60.5" width="72" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="129.5" y="70" width="12" height="12" rx="6" fill="rgb(236,72,153)"/><g clip-path="url(#svgimg5ishc19)"><path d="M125.5 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp20)"><g clip-path="url(#svgimg5ct21)"><text x="147.52" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Pink</text></g></g><rect x="198.2" y="60" width="71.8" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="198.5" y="60.5" width="71" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="211.2" y="70" width="12" height="12" rx="6" fill="rgb(20,184,166)"/><g clip-path="url(#svgimg5ishc22)"><path d="M207.2 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp23)"><g clip-path="url(#svgimg5ct24)"><text x="229.16" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Teal</text></g></g><rect x="278" y="60" width="76.1" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="278.5" y="60.5" width="75" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="291" y="70" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#svgimg5ishc25)"><path d="M287 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp26)"><g clip-path="url(#svgimg5ct27)"><text x="308.97" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Gray</text></g></g></g></g></g></g><text x="16" y="202" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact with Icons</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="212" width="600" height="80"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 212)"><defs><clipPath id="svgimg8ishc0"><rect x="21" y="21" width="67.3" height="22" rx="11"/></clipPath><clipPath id="svgimg8cp1"><rect x="29" y="26" width="12" height="12"/></clipPath><clipPath id="svgimg8cp3"><rect x="45" y="26" width="35.3" height="12"/></clipPath><clipPath id="svgimg8ct4"><rect x="45" y="26" width="35.3" height="12"/></clipPath><clipPath id="svgimg8cp5"><rect x="106" y="26" width="12.3" height="12"/></clipPath><clipPath id="svgimg8cp7"><rect x="122.3" y="26" width="22" height="12"/></clipPath><clipPath id="svgimg8ct8"><rect x="122.3" y="26" width="22" height="12"/></clipPath></defs><rect x="20" y="20" width="69.3" height="24" rx="12" fill="rgb(214,233,249)"/><g clip-path="url(#svgimg8ishc0)"><path d="M17 17h75.3v30H17zm15 5h45.3a10 10 0 0 1 10 10 10 10 0 0 1-10 10H32a10 10 0 0 1-10-10 10 10 0 0 1 10-10" fill="rgb(0,117,219)" fill-rule="evenodd"/></g><rect x="20.5" y="20.5" width="68" height="23" rx="11.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg8cp1)"><g color="rgb(26, 93, 207)"><clipPath id="svgimg8svgic2"><rect x="29" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg8svgic2)"><g transform="matrix(.5 0 0 .5 29 26)"><rect width="18" height="18" x="3" y="3" rx="2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(26, 93, 207)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(26, 93, 207)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M15 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(26, 93, 207)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg8cp3)"><g clip-path="url(#svgimg8ct4)"><text x="45" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(26,93,207)">Board</text></g></g><rect x="97.3" y="20" width="56" height="24" rx="12" fill="rgb(255,255,255)"/><rect x="97.5" y="20.5" width="55" height="23" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg8cp5)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg8svgic6"><rect x="106.3" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg8svgic6)"><g transform="matrix(.5 0 0 .5 106.344 26)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg8cp7)"><g clip-path="url(#svgimg8ct8)"><text x="122.34" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(29,29,31)">List</text></g></g></g></g></g></g><text x="16" y="320" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Multiple Selection</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="330" width="600" height="88"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 330)"><defs><clipPath id="svgimg11ishc0"><rect x="21" y="21" width="68.8" height="30" rx="15"/></clipPath><clipPath id="svgimg11ishc1"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp2"><rect x="51" y="29" width="26.8" height="14"/></clipPath><clipPath id="svgimg11ct3"><rect x="51" y="29" width="26.8" height="14"/></clipPath><clipPath id="svgimg11ishc4"><rect x="111.8" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp5"><rect x="129.8" y="29" width="52.3" height="14"/></clipPath><clipPath id="svgimg11ct6"><rect x="129.8" y="29" width="52.3" height="14"/></clipPath><clipPath id="svgimg11ishc7"><rect x="204.1" y="21" width="76.4" height="30" rx="15"/></clipPath><clipPath id="svgimg11ishc8"><rect x="216.1" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp9"><rect x="234.1" y="29" width="34.4" height="14"/></clipPath><clipPath id="svgimg11ct10"><rect x="234.1" y="29" width="34.4" height="14"/></clipPath><clipPath id="svgimg11ishc11"><rect x="302.5" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp12"><rect x="320.5" y="29" width="47.2" height="14"/></clipPath><clipPath id="svgimg11ct13"><rect x="320.5" y="29" width="47.2" height="14"/></clipPath><clipPath id="svgimg11ishc14"><rect x="401.7" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp15"><rect x="419.7" y="29" width="41.1" height="14"/></clipPath><clipPath id="svgimg11ct16"><rect x="419.7" y="29" width="41.1" height="14"/></clipPath></defs><rect x="20" y="20" width="70.8" height="32" rx="16" fill="rgb(214,233,249)"/><g clip-path="url(#svgimg11ishc0)"><path d="M17 17h76.8v38H17zm19 5h38.8a14 14 0 0 1 14 14 14 14 0 0 1-14 14H36a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(0,117,219)" fill-rule="evenodd"/></g><rect x="20.5" y="20.5" width="70" height="31" rx="15.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="33" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#svgimg11ishc1)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp2)"><g clip-path="url(#svgimg11ct3)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(26,93,207)">Bug</text></g></g><rect x="98.8" y="20" width="96.3" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="99.5" y="20.5" width="95" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="111.8" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#svgimg11ishc4)"><path d="M107.8 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp5)"><g clip-path="url(#svgimg11ct6)"><text x="129.81" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Feature</text></g></g><rect x="203.1" y="20" width="78.4" height="32" rx="16" fill="rgb(214,233,249)"/><g clip-path="url(#svgimg11ishc7)"><path d="M200.1 17h84.4v38h-84.4zm19 5h46.4a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-46.4a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(0,117,219)" fill-rule="evenodd"/></g><rect x="203.5" y="20.5" width="77" height="31" rx="15.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="216.1" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#svgimg11ishc8)"><path d="M212.1 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp9)"><g clip-path="url(#svgimg11ct10)"><text x="234.06" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(26,93,207)">Docs</text></g></g><rect x="289.5" y="20" width="91.2" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="289.5" y="20.5" width="91" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="302.5" y="30" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#svgimg11ishc11)"><path d="M298.5 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp12)"><g clip-path="url(#svgimg11ct13)"><text x="320.47" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Design</text></g></g><rect x="388.7" y="20" width="85.1" height="32" rx="16" fill="rgb(255,255,255)"/><rect x="389.5" y="20.5" width="84" height="31" rx="15.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="401.7" y="30" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#svgimg11ishc14)"><path d="M397.7 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp15)"><g clip-path="url(#svgimg11ct16)"><text x="419.7" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="650" fill="rgb(29,29,31)">Chore</text></g></g></g></g></g></g></svg>
package/docs/design/templates/composer/chat-dark.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 160" width="600" height="160"><defs><filter id="sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="cp1"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="ct2"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="ct3"><rect x="29" y="80.6" width="204.1" height="15"/></clipPath><clipPath id="ct4"><rect x="509.8" y="70.6" width="61.3" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="91.6" rx="12" fill="rgba(0,0,0,0.32)" filter="url(#sh0)"/><rect x="20" y="20" width="560" height="91.6" rx="12" fill="rgb(44,44,46)"/><rect x="20.5" y="20.5" width="559" height="91" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#cp1)"><g clip-path="url(#ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(194, 194, 198)">Ask about this build</text></g></g><text x="29" y="92.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(174,174,178)">Answers use the latest nightly build.</text><rect x="509.8" y="70.6" width="61.3" height="32" rx="16" fill="rgb(100,210,255)"/><text x="521.75" y="92.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(17,17,19)">Send</text></svg>
package/docs/design/templates/composer/chat.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 160" width="600" height="160"><defs><filter id="sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="cp1"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="ct2"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="ct3"><rect x="29" y="80.6" width="204.1" height="15"/></clipPath><clipPath id="ct4"><rect x="509.8" y="70.6" width="61.3" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="91.6" rx="12" fill="rgba(0,0,0,0.09)" filter="url(#sh0)"/><rect x="20" y="20" width="560" height="91.6" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="559" height="91" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#cp1)"><g clip-path="url(#ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(98, 98, 103)">Ask about this build</text></g></g><text x="29" y="92.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(110,110,115)">Answers use the latest nightly build.</text><rect x="509.8" y="70.6" width="61.3" height="32" rx="16" fill="rgb(0,117,219)"/><text x="521.75" y="92.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(255,255,255)">Send</text></svg>
package/docs/design/templates/composer/prompt-dark.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 208" width="600" height="208"><defs><filter id="sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="cp1"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="ct2"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="ct3"><rect x="480.2" y="121.8" width="90.8" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="142.8" rx="12" fill="rgba(0,0,0,0.32)" filter="url(#sh0)"/><rect x="20" y="20" width="560" height="142.8" rx="12" fill="rgb(44,44,46)"/><rect x="20.5" y="20.5" width="559" height="142" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#cp1)"><g clip-path="url(#ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(194, 194, 198)">Describe the change you want</text></g></g><rect x="480.2" y="121.8" width="90.8" height="32" rx="16" fill="rgb(100,210,255)"/><text x="492.17" y="143.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(17,17,19)">Generate</text></svg>
package/docs/design/templates/composer/prompt.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 208" width="600" height="208"><defs><filter id="sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="cp1"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="ct2"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="ct3"><rect x="480.2" y="121.8" width="90.8" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="142.8" rx="12" fill="rgba(0,0,0,0.09)" filter="url(#sh0)"/><rect x="20" y="20" width="560" height="142.8" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="559" height="142" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#cp1)"><g clip-path="url(#ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(98, 98, 103)">Describe the change you want</text></g></g><rect x="480.2" y="121.8" width="90.8" height="32" rx="16" fill="rgb(0,117,219)"/><text x="492.17" y="143.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(255,255,255)">Generate</text></svg>
package/docs/design/templates/composer-dark.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632 460" width="632" height="460"><defs><clipPath id="cp0"><rect x="16" y="38" width="600" height="160"/></clipPath><clipPath id="cp1"><rect x="16" y="236" width="600" height="208"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="600" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="600" height="160" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="214" width="600" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="236" width="600" height="208" rx="0"/></clipPath></defs><rect x="0" y="0" width="632" height="460" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Chat Composer with Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="600" height="160"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><filter id="svgimg4sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="svgimg4cp1"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="svgimg4ct2"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="svgimg4ct3"><rect x="29" y="80.6" width="204.1" height="15"/></clipPath><clipPath id="svgimg4ct4"><rect x="509.8" y="70.6" width="61.3" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="91.6" rx="12" fill="rgba(0,0,0,0.32)" filter="url(#svgimg4sh0)"/><rect x="20" y="20" width="560" height="91.6" rx="12" fill="rgb(44,44,46)"/><rect x="20.5" y="20.5" width="559" height="91" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg4cp1)"><g clip-path="url(#svgimg4ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(194, 194, 198)">Ask about this build</text></g></g><text x="29" y="92.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(174,174,178)">Answers use the latest nightly build.</text><rect x="509.8" y="70.6" width="61.3" height="32" rx="16" fill="rgb(100,210,255)"/><text x="521.75" y="92.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(17,17,19)">Send</text></g></g></g></g><text x="16" y="226" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Prompt with Taller Bounds</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="236" width="600" height="208"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 236)"><defs><filter id="svgimg7sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="svgimg7cp1"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="svgimg7ct2"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="svgimg7ct3"><rect x="480.2" y="121.8" width="90.8" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="142.8" rx="12" fill="rgba(0,0,0,0.32)" filter="url(#svgimg7sh0)"/><rect x="20" y="20" width="560" height="142.8" rx="12" fill="rgb(44,44,46)"/><rect x="20.5" y="20.5" width="559" height="142" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg7cp1)"><g clip-path="url(#svgimg7ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(194, 194, 198)">Describe the change you want</text></g></g><rect x="480.2" y="121.8" width="90.8" height="32" rx="16" fill="rgb(100,210,255)"/><text x="492.17" y="143.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(17,17,19)">Generate</text></g></g></g></g></svg>
package/docs/design/templates/composer.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632 460" width="632" height="460"><defs><clipPath id="cp0"><rect x="16" y="38" width="600" height="160"/></clipPath><clipPath id="cp1"><rect x="16" y="236" width="600" height="208"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="600" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="600" height="160" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="214" width="600" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="236" width="600" height="208" rx="0"/></clipPath></defs><rect x="0" y="0" width="632" height="460" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Chat Composer with Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="600" height="160"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><filter id="svgimg4sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="svgimg4cp1"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="svgimg4ct2"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="svgimg4ct3"><rect x="29" y="80.6" width="204.1" height="15"/></clipPath><clipPath id="svgimg4ct4"><rect x="509.8" y="70.6" width="61.3" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="91.6" rx="12" fill="rgba(0,0,0,0.09)" filter="url(#svgimg4sh0)"/><rect x="20" y="20" width="560" height="91.6" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="559" height="91" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg4cp1)"><g clip-path="url(#svgimg4ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(98, 98, 103)">Ask about this build</text></g></g><text x="29" y="92.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(110,110,115)">Answers use the latest nightly build.</text><rect x="509.8" y="70.6" width="61.3" height="32" rx="16" fill="rgb(0,117,219)"/><text x="521.75" y="92.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(255,255,255)">Send</text></g></g></g></g><text x="16" y="226" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Prompt with Taller Bounds</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="236" width="600" height="208"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 236)"><defs><filter id="svgimg7sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="svgimg7cp1"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="svgimg7ct2"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="svgimg7ct3"><rect x="480.2" y="121.8" width="90.8" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="142.8" rx="12" fill="rgba(0,0,0,0.09)" filter="url(#svgimg7sh0)"/><rect x="20" y="20" width="560" height="142.8" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="559" height="142" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg7cp1)"><g clip-path="url(#svgimg7ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(98, 98, 103)">Describe the change you want</text></g></g><rect x="480.2" y="121.8" width="90.8" height="32" rx="16" fill="rgb(0,117,219)"/><text x="492.17" y="143.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(255,255,255)">Generate</text></g></g></g></g></svg>
package/docs/design/templates/empty-state/filtered-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 190" width="460" height="190"><defs><clipPath id="cp0"><rect x="214" y="66" width="32" height="32.3"/></clipPath><clipPath id="ct2"><rect x="174.4" y="114.3" width="111.2" height="23"/></clipPath><clipPath id="ct3"><rect x="115.7" y="145.3" width="228.6" height="20.3"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="191" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g color="rgb(194, 194, 198)"><clipPath id="svgic1"><rect x="214" y="66.3" width="32" height="32"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(214 66.344)scale(1.33333)"><path d="M10 20a1 1 0 0 0 .6.9l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .5-1.3l7.2-8A1 1 0 0 0 21 3H3a1 1 0 0 0-.7 1.7l7.2 8A2 2 0 0 1 10 14Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="174.42" y="133.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(245,245,247)">No matches</text><text x="115.72" y="160.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,194,198)">No tickets match the current filters.</text></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 190" width="460" height="190"><defs><clipPath id="cp0"><rect x="214" y="66" width="32" height="32.3"/></clipPath><clipPath id="ct2"><rect x="174.6" y="114.3" width="110.8" height="23"/></clipPath><clipPath id="ct3"><rect x="115.7" y="145.3" width="228.6" height="20.3"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="191" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g color="rgb(194, 194, 198)"><clipPath id="svgic1"><rect x="214" y="66.3" width="32" height="32"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(214 66.344)scale(1.33333)"><path d="M10 20a1 1 0 0 0 .6.9l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .5-1.3l7.2-8A1 1 0 0 0 21 3H3a1 1 0 0 0-.7 1.7l7.2 8A2 2 0 0 1 10 14Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="174.59" y="133.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(245,245,247)">No Matches</text><text x="115.72" y="160.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,194,198)">No tickets match the current filters.</text></svg>
package/docs/design/templates/empty-state/filtered.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 190" width="460" height="190"><defs><clipPath id="cp0"><rect x="214" y="66" width="32" height="32.3"/></clipPath><clipPath id="ct2"><rect x="174.4" y="114.3" width="111.2" height="23"/></clipPath><clipPath id="ct3"><rect x="115.7" y="145.3" width="228.6" height="20.3"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="191" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g color="rgb(98, 98, 103)"><clipPath id="svgic1"><rect x="214" y="66.3" width="32" height="32"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(214 66.344)scale(1.33333)"><path d="M10 20a1 1 0 0 0 .6.9l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .5-1.3l7.2-8A1 1 0 0 0 21 3H3a1 1 0 0 0-.7 1.7l7.2 8A2 2 0 0 1 10 14Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="174.42" y="133.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(29,29,31)">No matches</text><text x="115.72" y="160.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(98,98,103)">No tickets match the current filters.</text></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 190" width="460" height="190"><defs><clipPath id="cp0"><rect x="214" y="66" width="32" height="32.3"/></clipPath><clipPath id="ct2"><rect x="174.6" y="114.3" width="110.8" height="23"/></clipPath><clipPath id="ct3"><rect x="115.7" y="145.3" width="228.6" height="20.3"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="191" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g color="rgb(98, 98, 103)"><clipPath id="svgic1"><rect x="214" y="66.3" width="32" height="32"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(214 66.344)scale(1.33333)"><path d="M10 20a1 1 0 0 0 .6.9l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .5-1.3l7.2-8A1 1 0 0 0 21 3H3a1 1 0 0 0-.7 1.7l7.2 8A2 2 0 0 1 10 14Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="174.59" y="133.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(29,29,31)">No Matches</text><text x="115.72" y="160.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(98,98,103)">No tickets match the current filters.</text></svg>
package/docs/design/templates/empty-state/with-action-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 220" width="460" height="220"><defs><clipPath id="cp0"><rect x="214" y="53" width="32" height="32"/></clipPath><clipPath id="ct2"><rect x="157.7" y="101" width="144.7" height="23"/></clipPath><clipPath id="ct3"><rect x="73.7" y="132" width="312.7" height="20.3"/></clipPath><clipPath id="ct4"><rect x="179.6" y="168.3" width="100.8" height="32"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="212" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g color="rgb(194, 194, 198)"><clipPath id="svgic1"><rect x="214" y="53" width="32" height="32"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(214 53)scale(1.33333)"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M5.5 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.7 1.1" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="157.67" y="120" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(245,245,247)">No open tickets</text><text x="73.67" y="147" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,194,198)">When someone files a ticket it will show up here.</text><rect x="179.6" y="168.3" width="100.8" height="32" rx="16" fill="rgb(44,44,46)"/><text x="191.63" y="190.3" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">New ticket</text></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 220" width="460" height="220"><defs><clipPath id="cp0"><rect x="214" y="53" width="32" height="32"/></clipPath><clipPath id="ct2"><rect x="153.5" y="101" width="152.9" height="23"/></clipPath><clipPath id="ct3"><rect x="73.7" y="132" width="312.7" height="20.3"/></clipPath><clipPath id="ct4"><rect x="177.5" y="168.3" width="104.9" height="32"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="212" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g color="rgb(194, 194, 198)"><clipPath id="svgic1"><rect x="214" y="53" width="32" height="32"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(214 53)scale(1.33333)"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M5.5 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.7 1.1" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="153.55" y="120" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(245,245,247)">No Open Tickets</text><text x="73.67" y="147" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,194,198)">When someone files a ticket it will show up here.</text><rect x="177.5" y="168.3" width="104.9" height="32" rx="16" fill="rgb(44,44,46)"/><text x="189.53" y="190.3" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">New Ticket</text></svg>
package/docs/design/templates/empty-state/with-action.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 220" width="460" height="220"><defs><clipPath id="cp0"><rect x="214" y="53" width="32" height="32"/></clipPath><clipPath id="ct2"><rect x="157.7" y="101" width="144.7" height="23"/></clipPath><clipPath id="ct3"><rect x="73.7" y="132" width="312.7" height="20.3"/></clipPath><clipPath id="ct4"><rect x="179.6" y="168.3" width="100.8" height="32"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="212" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g color="rgb(98, 98, 103)"><clipPath id="svgic1"><rect x="214" y="53" width="32" height="32"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(214 53)scale(1.33333)"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M5.5 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.7 1.1" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="157.67" y="120" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(29,29,31)">No open tickets</text><text x="73.67" y="147" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(98,98,103)">When someone files a ticket it will show up here.</text><rect x="179.6" y="168.3" width="100.8" height="32" rx="16" fill="rgb(255,255,255)"/><text x="191.63" y="190.3" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">New ticket</text></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 220" width="460" height="220"><defs><clipPath id="cp0"><rect x="214" y="53" width="32" height="32"/></clipPath><clipPath id="ct2"><rect x="153.5" y="101" width="152.9" height="23"/></clipPath><clipPath id="ct3"><rect x="73.7" y="132" width="312.7" height="20.3"/></clipPath><clipPath id="ct4"><rect x="177.5" y="168.3" width="104.9" height="32"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="212" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g color="rgb(98, 98, 103)"><clipPath id="svgic1"><rect x="214" y="53" width="32" height="32"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(214 53)scale(1.33333)"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M5.5 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.7 1.1" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="153.55" y="120" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(29,29,31)">No Open Tickets</text><text x="73.67" y="147" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(98,98,103)">When someone files a ticket it will show up here.</text><rect x="177.5" y="168.3" width="104.9" height="32" rx="16" fill="rgb(255,255,255)"/><text x="189.53" y="190.3" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">New Ticket</text></svg>
package/docs/design/templates/empty-state-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 502" width="492" height="502"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="220"/></clipPath><clipPath id="cp1"><rect x="16" y="296" width="460" height="190"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="460" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="460" height="220" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="274" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="296" width="460" height="190" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="502" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Icon, title, detail, and action</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="220"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="214" y="53" width="32" height="32"/></clipPath><clipPath id="svgimg4ct2"><rect x="157.7" y="101" width="144.7" height="23"/></clipPath><clipPath id="svgimg4ct3"><rect x="73.7" y="132" width="312.7" height="20.3"/></clipPath><clipPath id="svgimg4ct4"><rect x="179.6" y="168.3" width="100.8" height="32"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="212" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg4cp0)"><g color="rgb(194, 194, 198)"><clipPath id="svgimg4svgic1"><rect x="214" y="53" width="32" height="32"/></clipPath><g clip-path="url(#svgimg4svgic1)"><g transform="translate(214 53)scale(1.33333)"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M5.5 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.7 1.1" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="157.67" y="120" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(245,245,247)">No open tickets</text><text x="73.67" y="147" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,194,198)">When someone files a ticket it will show up here.</text><rect x="179.6" y="168.3" width="100.8" height="32" rx="16" fill="rgb(44,44,46)"/><text x="191.63" y="190.3" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">New ticket</text></g></g></g></g><text x="16" y="286" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">No results for a filter</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="296" width="460" height="190"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 296)"><defs><clipPath id="svgimg7cp0"><rect x="214" y="66" width="32" height="32.3"/></clipPath><clipPath id="svgimg7ct2"><rect x="174.4" y="114.3" width="111.2" height="23"/></clipPath><clipPath id="svgimg7ct3"><rect x="115.7" y="145.3" width="228.6" height="20.3"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="191" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7cp0)"><g color="rgb(194, 194, 198)"><clipPath id="svgimg7svgic1"><rect x="214" y="66.3" width="32" height="32"/></clipPath><g clip-path="url(#svgimg7svgic1)"><g transform="translate(214 66.344)scale(1.33333)"><path d="M10 20a1 1 0 0 0 .6.9l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .5-1.3l7.2-8A1 1 0 0 0 21 3H3a1 1 0 0 0-.7 1.7l7.2 8A2 2 0 0 1 10 14Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="174.42" y="133.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(245,245,247)">No matches</text><text x="115.72" y="160.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,194,198)">No tickets match the current filters.</text></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 502" width="492" height="502"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="220"/></clipPath><clipPath id="cp1"><rect x="16" y="296" width="460" height="190"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="460" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="460" height="220" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="274" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="296" width="460" height="190" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="502" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Icon, Title, Detail, and Action</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="220"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="214" y="53" width="32" height="32"/></clipPath><clipPath id="svgimg4ct2"><rect x="153.5" y="101" width="152.9" height="23"/></clipPath><clipPath id="svgimg4ct3"><rect x="73.7" y="132" width="312.7" height="20.3"/></clipPath><clipPath id="svgimg4ct4"><rect x="177.5" y="168.3" width="104.9" height="32"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="212" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg4cp0)"><g color="rgb(194, 194, 198)"><clipPath id="svgimg4svgic1"><rect x="214" y="53" width="32" height="32"/></clipPath><g clip-path="url(#svgimg4svgic1)"><g transform="translate(214 53)scale(1.33333)"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M5.5 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.7 1.1" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="153.55" y="120" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(245,245,247)">No Open Tickets</text><text x="73.67" y="147" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,194,198)">When someone files a ticket it will show up here.</text><rect x="177.5" y="168.3" width="104.9" height="32" rx="16" fill="rgb(44,44,46)"/><text x="189.53" y="190.3" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">New Ticket</text></g></g></g></g><text x="16" y="286" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">No Results for a Filter</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="296" width="460" height="190"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 296)"><defs><clipPath id="svgimg7cp0"><rect x="214" y="66" width="32" height="32.3"/></clipPath><clipPath id="svgimg7ct2"><rect x="174.6" y="114.3" width="110.8" height="23"/></clipPath><clipPath id="svgimg7ct3"><rect x="115.7" y="145.3" width="228.6" height="20.3"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="191" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7cp0)"><g color="rgb(194, 194, 198)"><clipPath id="svgimg7svgic1"><rect x="214" y="66.3" width="32" height="32"/></clipPath><g clip-path="url(#svgimg7svgic1)"><g transform="translate(214 66.344)scale(1.33333)"><path d="M10 20a1 1 0 0 0 .6.9l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .5-1.3l7.2-8A1 1 0 0 0 21 3H3a1 1 0 0 0-.7 1.7l7.2 8A2 2 0 0 1 10 14Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="174.59" y="133.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(245,245,247)">No Matches</text><text x="115.72" y="160.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,194,198)">No tickets match the current filters.</text></g></g></g></g></svg>
package/docs/design/templates/empty-state.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 502" width="492" height="502"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="220"/></clipPath><clipPath id="cp1"><rect x="16" y="296" width="460" height="190"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="460" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="460" height="220" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="274" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="296" width="460" height="190" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="502" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Icon, title, detail, and action</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="220"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="214" y="53" width="32" height="32"/></clipPath><clipPath id="svgimg4ct2"><rect x="157.7" y="101" width="144.7" height="23"/></clipPath><clipPath id="svgimg4ct3"><rect x="73.7" y="132" width="312.7" height="20.3"/></clipPath><clipPath id="svgimg4ct4"><rect x="179.6" y="168.3" width="100.8" height="32"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="212" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg4cp0)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg4svgic1"><rect x="214" y="53" width="32" height="32"/></clipPath><g clip-path="url(#svgimg4svgic1)"><g transform="translate(214 53)scale(1.33333)"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M5.5 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.7 1.1" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="157.67" y="120" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(29,29,31)">No open tickets</text><text x="73.67" y="147" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(98,98,103)">When someone files a ticket it will show up here.</text><rect x="179.6" y="168.3" width="100.8" height="32" rx="16" fill="rgb(255,255,255)"/><text x="191.63" y="190.3" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">New ticket</text></g></g></g></g><text x="16" y="286" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">No results for a filter</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="296" width="460" height="190"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 296)"><defs><clipPath id="svgimg7cp0"><rect x="214" y="66" width="32" height="32.3"/></clipPath><clipPath id="svgimg7ct2"><rect x="174.4" y="114.3" width="111.2" height="23"/></clipPath><clipPath id="svgimg7ct3"><rect x="115.7" y="145.3" width="228.6" height="20.3"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="191" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7cp0)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg7svgic1"><rect x="214" y="66.3" width="32" height="32"/></clipPath><g clip-path="url(#svgimg7svgic1)"><g transform="translate(214 66.344)scale(1.33333)"><path d="M10 20a1 1 0 0 0 .6.9l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .5-1.3l7.2-8A1 1 0 0 0 21 3H3a1 1 0 0 0-.7 1.7l7.2 8A2 2 0 0 1 10 14Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="174.42" y="133.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(29,29,31)">No matches</text><text x="115.72" y="160.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(98,98,103)">No tickets match the current filters.</text></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 502" width="492" height="502"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="220"/></clipPath><clipPath id="cp1"><rect x="16" y="296" width="460" height="190"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="460" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="460" height="220" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="274" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="296" width="460" height="190" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="502" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Icon, Title, Detail, and Action</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="220"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="214" y="53" width="32" height="32"/></clipPath><clipPath id="svgimg4ct2"><rect x="153.5" y="101" width="152.9" height="23"/></clipPath><clipPath id="svgimg4ct3"><rect x="73.7" y="132" width="312.7" height="20.3"/></clipPath><clipPath id="svgimg4ct4"><rect x="177.5" y="168.3" width="104.9" height="32"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="212" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg4cp0)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg4svgic1"><rect x="214" y="53" width="32" height="32"/></clipPath><g clip-path="url(#svgimg4svgic1)"><g transform="translate(214 53)scale(1.33333)"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M5.5 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.7 1.1" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="153.55" y="120" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(29,29,31)">No Open Tickets</text><text x="73.67" y="147" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(98,98,103)">When someone files a ticket it will show up here.</text><rect x="177.5" y="168.3" width="104.9" height="32" rx="16" fill="rgb(255,255,255)"/><text x="189.53" y="190.3" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">New Ticket</text></g></g></g></g><text x="16" y="286" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">No Results for a Filter</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="296" width="460" height="190"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 296)"><defs><clipPath id="svgimg7cp0"><rect x="214" y="66" width="32" height="32.3"/></clipPath><clipPath id="svgimg7ct2"><rect x="174.6" y="114.3" width="110.8" height="23"/></clipPath><clipPath id="svgimg7ct3"><rect x="115.7" y="145.3" width="228.6" height="20.3"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="191" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7cp0)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg7svgic1"><rect x="214" y="66.3" width="32" height="32"/></clipPath><g clip-path="url(#svgimg7svgic1)"><g transform="translate(214 66.344)scale(1.33333)"><path d="M10 20a1 1 0 0 0 .6.9l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .5-1.3l7.2-8A1 1 0 0 0 21 3H3a1 1 0 0 0-.7 1.7l7.2 8A2 2 0 0 1 10 14Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="1.5px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="174.59" y="133.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="20" font-weight="650" fill="rgb(29,29,31)">No Matches</text><text x="115.72" y="160.34" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(98,98,103)">No tickets match the current filters.</text></g></g></g></g></svg>
package/docs/design/templates/list/compact-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 190" width="420" height="190"><defs><clipPath id="cp0"><rect x="28" y="20" width="324" height="44"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="322" height="42" rx="11"/></clipPath><clipPath id="cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="cp4"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="ov5"><rect x="63" y="33" width="272" height="18" rx="0"/></clipPath><clipPath id="cp6"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="ct7"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="cp8"><rect x="28" y="64" width="324" height="44"/></clipPath><clipPath id="ov9"><rect x="29" y="65" width="322" height="42" rx="11"/></clipPath><clipPath id="cp10"><rect x="37" y="77" width="18" height="18"/></clipPath><clipPath id="cp12"><rect x="63" y="77" width="272" height="18"/></clipPath><clipPath id="ov13"><rect x="63" y="77" width="272" height="18" rx="0"/></clipPath><clipPath id="cp14"><rect x="63" y="77" width="272" height="18"/></clipPath><clipPath id="ct15"><rect x="63" y="77" width="272" height="18"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28.5" y="20.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov1)"><g clip-path="url(#cp2)"><g color="rgb(245, 245, 247)"><clipPath id="svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp4)"><g clip-path="url(#ov5)"><g clip-path="url(#cp6)"><g clip-path="url(#ct7)"><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Priority</text></g></g></g></g></g></g><g clip-path="url(#cp8)"><rect x="28.5" y="64.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov9)"><g clip-path="url(#cp10)"><g color="rgb(245, 245, 247)"><clipPath id="svgic11"><rect x="37" y="77" width="18" height="18"/></clipPath><g clip-path="url(#svgic11)"><g transform="matrix(.75 0 0 .75 37 77)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp12)"><g clip-path="url(#ov13)"><g clip-path="url(#cp14)"><g clip-path="url(#ct15)"><text x="63" y="92" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">All work</text></g></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 190" width="420" height="190"><defs><clipPath id="cp0"><rect x="28" y="20" width="324" height="44"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="322" height="42" rx="11"/></clipPath><clipPath id="cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="cp4"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="ov5"><rect x="63" y="33" width="272" height="18" rx="0"/></clipPath><clipPath id="cp6"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="ct7"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="cp8"><rect x="28" y="64" width="324" height="44"/></clipPath><clipPath id="ov9"><rect x="29" y="65" width="322" height="42" rx="11"/></clipPath><clipPath id="cp10"><rect x="37" y="77" width="18" height="18"/></clipPath><clipPath id="cp12"><rect x="63" y="77" width="272" height="18"/></clipPath><clipPath id="ov13"><rect x="63" y="77" width="272" height="18" rx="0"/></clipPath><clipPath id="cp14"><rect x="63" y="77" width="272" height="18"/></clipPath><clipPath id="ct15"><rect x="63" y="77" width="272" height="18"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28.5" y="20.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov1)"><g clip-path="url(#cp2)"><g color="rgb(245, 245, 247)"><clipPath id="svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp4)"><g clip-path="url(#ov5)"><g clip-path="url(#cp6)"><g clip-path="url(#ct7)"><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Priority</text></g></g></g></g></g></g><g clip-path="url(#cp8)"><rect x="28.5" y="64.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov9)"><g clip-path="url(#cp10)"><g color="rgb(245, 245, 247)"><clipPath id="svgic11"><rect x="37" y="77" width="18" height="18"/></clipPath><g clip-path="url(#svgic11)"><g transform="matrix(.75 0 0 .75 37 77)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp12)"><g clip-path="url(#ov13)"><g clip-path="url(#cp14)"><g clip-path="url(#ct15)"><text x="63" y="92" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">All Work</text></g></g></g></g></g></g></svg>
package/docs/design/templates/list/compact.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 190" width="420" height="190"><defs><clipPath id="cp0"><rect x="28" y="20" width="324" height="44"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="322" height="42" rx="11"/></clipPath><clipPath id="cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="cp4"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="ov5"><rect x="63" y="33" width="272" height="18" rx="0"/></clipPath><clipPath id="cp6"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="ct7"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="cp8"><rect x="28" y="64" width="324" height="44"/></clipPath><clipPath id="ov9"><rect x="29" y="65" width="322" height="42" rx="11"/></clipPath><clipPath id="cp10"><rect x="37" y="77" width="18" height="18"/></clipPath><clipPath id="cp12"><rect x="63" y="77" width="272" height="18"/></clipPath><clipPath id="ov13"><rect x="63" y="77" width="272" height="18" rx="0"/></clipPath><clipPath id="cp14"><rect x="63" y="77" width="272" height="18"/></clipPath><clipPath id="ct15"><rect x="63" y="77" width="272" height="18"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28.5" y="20.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov1)"><g clip-path="url(#cp2)"><g color="rgb(29, 29, 31)"><clipPath id="svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp4)"><g clip-path="url(#ov5)"><g clip-path="url(#cp6)"><g clip-path="url(#ct7)"><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Priority</text></g></g></g></g></g></g><g clip-path="url(#cp8)"><rect x="28.5" y="64.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov9)"><g clip-path="url(#cp10)"><g color="rgb(29, 29, 31)"><clipPath id="svgic11"><rect x="37" y="77" width="18" height="18"/></clipPath><g clip-path="url(#svgic11)"><g transform="matrix(.75 0 0 .75 37 77)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp12)"><g clip-path="url(#ov13)"><g clip-path="url(#cp14)"><g clip-path="url(#ct15)"><text x="63" y="92" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">All work</text></g></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 190" width="420" height="190"><defs><clipPath id="cp0"><rect x="28" y="20" width="324" height="44"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="322" height="42" rx="11"/></clipPath><clipPath id="cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="cp4"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="ov5"><rect x="63" y="33" width="272" height="18" rx="0"/></clipPath><clipPath id="cp6"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="ct7"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="cp8"><rect x="28" y="64" width="324" height="44"/></clipPath><clipPath id="ov9"><rect x="29" y="65" width="322" height="42" rx="11"/></clipPath><clipPath id="cp10"><rect x="37" y="77" width="18" height="18"/></clipPath><clipPath id="cp12"><rect x="63" y="77" width="272" height="18"/></clipPath><clipPath id="ov13"><rect x="63" y="77" width="272" height="18" rx="0"/></clipPath><clipPath id="cp14"><rect x="63" y="77" width="272" height="18"/></clipPath><clipPath id="ct15"><rect x="63" y="77" width="272" height="18"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28.5" y="20.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov1)"><g clip-path="url(#cp2)"><g color="rgb(29, 29, 31)"><clipPath id="svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp4)"><g clip-path="url(#ov5)"><g clip-path="url(#cp6)"><g clip-path="url(#ct7)"><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Priority</text></g></g></g></g></g></g><g clip-path="url(#cp8)"><rect x="28.5" y="64.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov9)"><g clip-path="url(#cp10)"><g color="rgb(29, 29, 31)"><clipPath id="svgic11"><rect x="37" y="77" width="18" height="18"/></clipPath><g clip-path="url(#svgic11)"><g transform="matrix(.75 0 0 .75 37 77)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp12)"><g clip-path="url(#ov13)"><g clip-path="url(#cp14)"><g clip-path="url(#ct15)"><text x="63" y="92" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">All Work</text></g></g></g></g></g></g></svg>