@kerfjs/ui 5.0.0-beta.106 → 5.0.0-beta.108

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 (283) hide show
  1. package/README.md +2 -1
  2. package/ai/application-ui-diagnostic-ids-v1.json +1 -0
  3. package/ai/application-ui-profile.defaults.json +6 -1
  4. package/ai/component-catalog.json +184 -39
  5. package/ai/component-composition-rules.json +20 -2
  6. package/ai/component-composition.d.ts +11 -0
  7. package/ai/component-composition.json +126 -21
  8. package/ai/component-composition.schema.json +32 -0
  9. package/ai/components/README.md +3 -2
  10. package/ai/components/button.md +9 -6
  11. package/ai/components/checkbox-group.md +89 -0
  12. package/ai/components/checkbox.md +3 -2
  13. package/ai/components/chip.md +1 -0
  14. package/ai/components/color-picker.md +10 -7
  15. package/ai/components/disclosure.md +6 -1
  16. package/ai/components/foundation.md +1 -1
  17. package/ai/components/list-detail-dialog.md +1 -1
  18. package/ai/components/list.md +1 -1
  19. package/ai/components/message-composer.md +2 -1
  20. package/ai/components/radio-group.md +4 -3
  21. package/ai/components/segmented-control.md +1 -0
  22. package/ai/components/split-button.md +5 -2
  23. package/ai/components/surface-scaffold.md +3 -1
  24. package/ai/components/switch.md +1 -1
  25. package/ai/components/text-field.md +3 -1
  26. package/ai/components/text.md +2 -0
  27. package/ai/components/toolbar-control-group.md +1 -0
  28. package/ai/components/toolbar.md +1 -1
  29. package/ai/components/wa-checkbox-group.md +5 -5
  30. package/ai/components/workbench-dialog.md +1 -1
  31. package/ai/public-api-signatures-v1.md +258 -35
  32. package/ai/skill.md +82 -65
  33. package/ai/webawesome-jsx-signatures-v1.md +1 -1
  34. package/dist/browser/checkbox-group.js +5 -0
  35. package/dist/button.d.ts +18 -5
  36. package/dist/button.js +1 -1
  37. package/dist/catalog.js +11 -10
  38. package/dist/catalog.js.map +1 -1
  39. package/dist/checkbox-group.d.ts +70 -0
  40. package/dist/checkbox-group.js +7 -0
  41. package/dist/checkbox-group.js.map +1 -0
  42. package/dist/chip.d.ts +20 -2
  43. package/dist/chip.js +2 -1
  44. package/dist/{chunk-SQ2Q3OQI.js → chunk-2LM3PYHA.js} +2 -2
  45. package/dist/{chunk-SQ2Q3OQI.js.map → chunk-2LM3PYHA.js.map} +1 -1
  46. package/dist/{chunk-HYORKKYP.js → chunk-3VZ6SFD4.js} +1 -1
  47. package/dist/chunk-3VZ6SFD4.js.map +1 -0
  48. package/dist/{chunk-EKBMUXFV.js → chunk-3Z7N2NAZ.js} +141 -54
  49. package/dist/chunk-3Z7N2NAZ.js.map +1 -0
  50. package/dist/{chunk-23PPPNH6.js → chunk-4OV272LF.js} +2 -2
  51. package/dist/{chunk-23PPPNH6.js.map → chunk-4OV272LF.js.map} +1 -1
  52. package/dist/{chunk-2PXZBFEC.js → chunk-5J6Z4BWY.js} +1 -1
  53. package/dist/{chunk-2PXZBFEC.js.map → chunk-5J6Z4BWY.js.map} +1 -1
  54. package/dist/{chunk-TAHR457X.js → chunk-6CDILXF4.js} +5 -1
  55. package/dist/chunk-6CDILXF4.js.map +1 -0
  56. package/dist/{chunk-DDSCVEO5.js → chunk-CPSGUGAY.js} +6 -6
  57. package/dist/{chunk-DDSCVEO5.js.map → chunk-CPSGUGAY.js.map} +1 -1
  58. package/dist/{chunk-C3RLKKFQ.js → chunk-EYDXFOSH.js} +13 -8
  59. package/dist/chunk-EYDXFOSH.js.map +1 -0
  60. package/dist/{chunk-PE2KPZDW.js → chunk-HDXUHLTQ.js} +7 -2
  61. package/dist/chunk-HDXUHLTQ.js.map +1 -0
  62. package/dist/chunk-HU5IHXCI.js +73 -0
  63. package/dist/chunk-HU5IHXCI.js.map +1 -0
  64. package/dist/{chunk-DF2YKGIX.js → chunk-JCCN3U6X.js} +2 -2
  65. package/dist/{chunk-DF2YKGIX.js.map → chunk-JCCN3U6X.js.map} +1 -1
  66. package/dist/{chunk-UTCAOOXU.js → chunk-KPINJHIC.js} +8 -2
  67. package/dist/chunk-KPINJHIC.js.map +1 -0
  68. package/dist/{chunk-N7MBGONH.js → chunk-LMHN2TJL.js} +22 -2
  69. package/dist/chunk-LMHN2TJL.js.map +1 -0
  70. package/dist/{chunk-NS2TBYM4.js → chunk-LZUUUHNH.js} +7 -3
  71. package/dist/chunk-LZUUUHNH.js.map +1 -0
  72. package/dist/{chunk-GCAK23PU.js → chunk-MVKHSAKE.js} +2 -2
  73. package/dist/{chunk-GCAK23PU.js.map → chunk-MVKHSAKE.js.map} +1 -1
  74. package/dist/{chunk-OY2MXIBB.js → chunk-NB6POCFH.js} +3 -1
  75. package/dist/chunk-NB6POCFH.js.map +1 -0
  76. package/dist/{chunk-ECFCAKWE.js → chunk-NR6O74ST.js} +5 -1
  77. package/dist/chunk-NR6O74ST.js.map +1 -0
  78. package/dist/{chunk-7W3GKMN4.js → chunk-OQP3PFKQ.js} +7 -4
  79. package/dist/chunk-OQP3PFKQ.js.map +1 -0
  80. package/dist/{chunk-FKKJHGN5.js → chunk-P7EJ4CAD.js} +2 -2
  81. package/dist/{chunk-FKKJHGN5.js.map → chunk-P7EJ4CAD.js.map} +1 -1
  82. package/dist/{chunk-ZXZAECHZ.js → chunk-SOFPUW3O.js} +4 -4
  83. package/dist/{chunk-ZXZAECHZ.js.map → chunk-SOFPUW3O.js.map} +1 -1
  84. package/dist/{chunk-WJKHLOP5.js → chunk-TI2GV36S.js} +8 -2
  85. package/dist/chunk-TI2GV36S.js.map +1 -0
  86. package/dist/{chunk-QLA25V2K.js → chunk-WPNIKZMJ.js} +15 -1
  87. package/dist/chunk-WPNIKZMJ.js.map +1 -0
  88. package/dist/{chunk-FG6U7KQQ.js → chunk-WSEJ2FDE.js} +4 -4
  89. package/dist/{chunk-FG6U7KQQ.js.map → chunk-WSEJ2FDE.js.map} +1 -1
  90. package/dist/{chunk-ACUKTVS3.js → chunk-XWNXGFX3.js} +52 -42
  91. package/dist/chunk-XWNXGFX3.js.map +1 -0
  92. package/dist/{chunk-WU57BYYM.js → chunk-YVZCKXR3.js} +8 -2
  93. package/dist/chunk-YVZCKXR3.js.map +1 -0
  94. package/dist/{chunk-CMLPFIC5.js → chunk-ZN7KUMPY.js} +3 -1
  95. package/dist/chunk-ZN7KUMPY.js.map +1 -0
  96. package/dist/collapsible-panel.js +2 -2
  97. package/dist/color-picker.d.ts +30 -5
  98. package/dist/color-picker.js +1 -1
  99. package/dist/disclosure.d.ts +13 -4
  100. package/dist/disclosure.js.map +1 -1
  101. package/dist/help-tags-register.js +1 -1
  102. package/dist/index.d.ts +2 -1
  103. package/dist/index.js +24 -23
  104. package/dist/list-action-row.js +1 -1
  105. package/dist/list-detail-dialog.d.ts +7 -1
  106. package/dist/list-detail-dialog.js +7 -5
  107. package/dist/list-detail-dialog.js.map +1 -1
  108. package/dist/list-header.d.ts +8 -1
  109. package/dist/list-header.js +1 -1
  110. package/dist/list.d.ts +7 -1
  111. package/dist/list.js +1 -1
  112. package/dist/message-composer.js +1 -1
  113. package/dist/nav-stack.js +1 -1
  114. package/dist/popup-menu-register.js +2 -2
  115. package/dist/popup-menu.d.ts +15 -5
  116. package/dist/popup-menu.js +1 -1
  117. package/dist/segmented-control.d.ts +3 -1
  118. package/dist/segmented-control.js +1 -1
  119. package/dist/select-register.js +3 -3
  120. package/dist/split-button.d.ts +14 -2
  121. package/dist/split-button.js +1 -1
  122. package/dist/split-view.js +1 -1
  123. package/dist/styles/anchored-surface.css +3 -0
  124. package/dist/styles/button.css +57 -2
  125. package/dist/styles/catalog/components/catalog-example.css +55 -18
  126. package/dist/styles/checkbox-group.css +63 -0
  127. package/dist/styles/checkbox.css +7 -6
  128. package/dist/styles/color-picker.css +69 -34
  129. package/dist/styles/components/actions/button/button.css +57 -2
  130. package/dist/styles/components/actions/split-button/split-button.css +51 -5
  131. package/dist/styles/components/actions/toolbar/toolbar.css +9 -0
  132. package/dist/styles/components/actions/toolbar-control-group/toolbar-control-group.css +29 -1
  133. package/dist/styles/components/collections/framed-list/framed-list.css +6 -0
  134. package/dist/styles/components/collections/list/list.css +6 -0
  135. package/dist/styles/components/collections/list-header/list-header.css +7 -0
  136. package/dist/styles/components/feedback/anchored-surface/anchored-surface.css +3 -0
  137. package/dist/styles/components/forms/checkbox/checkbox.css +7 -6
  138. package/dist/styles/components/forms/checkbox-group/checkbox-group.css +63 -0
  139. package/dist/styles/components/forms/color-picker/color-picker.css +69 -34
  140. package/dist/styles/components/forms/radio-group/radio-group.css +7 -5
  141. package/dist/styles/components/forms/select/select.css +6 -2
  142. package/dist/styles/components/forms/switch/switch.css +3 -3
  143. package/dist/styles/components/layout/pane/pane.css +24 -0
  144. package/dist/styles/components/layout/workbench/workbench.css +4 -0
  145. package/dist/styles/components/navigation/nav-stack/nav-stack.css +77 -1
  146. package/dist/styles/components/navigation/tab-bar/tab-bar.css +6 -0
  147. package/dist/styles/components/navigation/tab-navigator/tab-navigator.css +17 -0
  148. package/dist/styles/components/surfaces/content-item/content-item.css +30 -0
  149. package/dist/styles/components/surfaces/disclosure/disclosure.css +38 -0
  150. package/dist/styles/components/surfaces/sunken-panel/sunken-panel.css +3 -0
  151. package/dist/styles/components/surfaces/surface-scaffold/surface-scaffold.css +8 -0
  152. package/dist/styles/components/typography/text/text.css +10 -0
  153. package/dist/styles/content-item.css +30 -0
  154. package/dist/styles/disclosure.css +38 -0
  155. package/dist/styles/foundation.css +78 -13
  156. package/dist/styles/framed-list.css +6 -0
  157. package/dist/styles/list-header.css +7 -0
  158. package/dist/styles/list.css +6 -0
  159. package/dist/styles/nav-stack.css +77 -1
  160. package/dist/styles/pane.css +24 -0
  161. package/dist/styles/radio-group.css +7 -5
  162. package/dist/styles/select.css +6 -2
  163. package/dist/styles/split-button.css +51 -5
  164. package/dist/styles/styles.css +1 -0
  165. package/dist/styles/sunken-panel.css +3 -0
  166. package/dist/styles/surface-scaffold.css +8 -0
  167. package/dist/styles/switch.css +3 -3
  168. package/dist/styles/tab-bar.css +6 -0
  169. package/dist/styles/tab-navigator.css +17 -0
  170. package/dist/styles/text.css +10 -0
  171. package/dist/styles/toolbar-control-group.css +29 -1
  172. package/dist/styles/toolbar.css +9 -0
  173. package/dist/styles/webawesome.css +56 -12
  174. package/dist/styles/workbench.css +4 -0
  175. package/dist/surface-scaffold.d.ts +15 -1
  176. package/dist/surface-scaffold.js +1 -1
  177. package/dist/text-field.d.ts +7 -1
  178. package/dist/text-field.js +1 -1
  179. package/dist/toolbar-control-group.d.ts +8 -2
  180. package/dist/toolbar-control-group.js +1 -1
  181. package/dist/toolbar.d.ts +6 -1
  182. package/dist/toolbar.js +1 -1
  183. package/dist/wire-catalog.js +1 -1
  184. package/dist/wire-color-fields.js +2 -2
  185. package/dist/wire-color-pickers.d.ts +4 -3
  186. package/dist/wire-color-pickers.js +1 -1
  187. package/dist/wire-comboboxes.js +1 -1
  188. package/dist/wire-workbench.js +1 -1
  189. package/dist/workbench-dialog.d.ts +11 -2
  190. package/dist/workbench-dialog.js +6 -3
  191. package/dist/workbench-dialog.js.map +1 -1
  192. package/dist/workbench.js +1 -1
  193. package/docs/accessibility.md +58 -3
  194. package/docs/anchored-surface.md +6 -1
  195. package/docs/catalog.md +26 -1
  196. package/docs/color-picker.md +39 -8
  197. package/docs/component-contract.md +47 -3
  198. package/docs/component-selection.md +58 -21
  199. package/docs/design/templates/button/full-width-dark.svg +1 -0
  200. package/docs/design/templates/button/full-width.svg +1 -0
  201. package/docs/design/templates/button/tones-dark.svg +1 -1
  202. package/docs/design/templates/button/tones.svg +1 -1
  203. package/docs/design/templates/button-dark.svg +1 -1
  204. package/docs/design/templates/button.svg +1 -1
  205. package/docs/design/templates/checkbox/error-dark.svg +1 -1
  206. package/docs/design/templates/checkbox/error.svg +1 -1
  207. package/docs/design/templates/checkbox/states-dark.svg +1 -1
  208. package/docs/design/templates/checkbox/states.svg +1 -1
  209. package/docs/design/templates/checkbox-dark.svg +1 -1
  210. package/docs/design/templates/checkbox-group/horizontal-dark.svg +1 -0
  211. package/docs/design/templates/checkbox-group/horizontal.svg +1 -0
  212. package/docs/design/templates/checkbox-group/vertical-dark.svg +1 -0
  213. package/docs/design/templates/checkbox-group/vertical.svg +1 -0
  214. package/docs/design/templates/checkbox-group-dark.svg +1 -0
  215. package/docs/design/templates/checkbox-group.svg +1 -0
  216. package/docs/design/templates/checkbox.svg +1 -1
  217. package/docs/design/templates/color-picker/gray-dark.svg +1 -1
  218. package/docs/design/templates/color-picker/gray.svg +1 -1
  219. package/docs/design/templates/color-picker/hsb-dark.svg +1 -0
  220. package/docs/design/templates/color-picker/hsb.svg +1 -0
  221. package/docs/design/templates/color-picker/rgb-dark.svg +1 -1
  222. package/docs/design/templates/color-picker/rgb.svg +1 -1
  223. package/docs/design/templates/color-picker-dark.svg +1 -1
  224. package/docs/design/templates/color-picker.svg +1 -1
  225. package/docs/design/templates/disclosure/embedded-dark.svg +1 -0
  226. package/docs/design/templates/disclosure/embedded.svg +1 -0
  227. package/docs/design/templates/disclosure-dark.svg +1 -1
  228. package/docs/design/templates/disclosure.svg +1 -1
  229. package/docs/design/templates/radio-group/horizontal-dark.svg +1 -1
  230. package/docs/design/templates/radio-group/horizontal.svg +1 -1
  231. package/docs/design/templates/radio-group/vertical-dark.svg +1 -1
  232. package/docs/design/templates/radio-group/vertical.svg +1 -1
  233. package/docs/design/templates/radio-group-dark.svg +1 -1
  234. package/docs/design/templates/radio-group.svg +1 -1
  235. package/docs/design/templates/split-button/full-width-dark.svg +1 -0
  236. package/docs/design/templates/split-button/full-width.svg +1 -0
  237. package/docs/design/templates/split-button/pill-dark.svg +1 -0
  238. package/docs/design/templates/split-button/pill.svg +1 -0
  239. package/docs/design/templates/split-button/states-dark.svg +1 -0
  240. package/docs/design/templates/split-button/states.svg +1 -0
  241. package/docs/design/templates/split-button/tones-dark.svg +1 -0
  242. package/docs/design/templates/split-button/tones.svg +1 -0
  243. package/docs/design/templates/split-button-dark.svg +1 -0
  244. package/docs/design/templates/split-button.svg +1 -0
  245. package/docs/design/templates/switch/states-dark.svg +1 -1
  246. package/docs/design/templates/switch/states.svg +1 -1
  247. package/docs/design/templates/switch-dark.svg +1 -1
  248. package/docs/design/templates/switch.svg +1 -1
  249. package/docs/design/templates/text-field/number-dark.svg +1 -0
  250. package/docs/design/templates/text-field/number.svg +1 -0
  251. package/docs/design/templates/text-field-dark.svg +1 -1
  252. package/docs/design/templates/text-field.svg +1 -1
  253. package/docs/design/templates.md +10 -3
  254. package/docs/disclosure.md +34 -0
  255. package/docs/layout.md +16 -5
  256. package/docs/list-detail-dialog.md +4 -0
  257. package/docs/nav-stack.md +6 -2
  258. package/docs/surface-scaffold.md +6 -2
  259. package/docs/ui-doctor.md +16 -4
  260. package/docs/webawesome-migration.md +3 -1
  261. package/docs/webawesome-theme.md +56 -18
  262. package/docs/workbench-dialog.md +4 -1
  263. package/docs/workbench.md +7 -1
  264. package/docs/writing.md +3 -3
  265. package/doctor/copy-capitalization-checks.mjs +10 -7
  266. package/llms.txt +65 -23
  267. package/package.json +7 -1
  268. package/dist/chunk-7W3GKMN4.js.map +0 -1
  269. package/dist/chunk-ACUKTVS3.js.map +0 -1
  270. package/dist/chunk-C3RLKKFQ.js.map +0 -1
  271. package/dist/chunk-CMLPFIC5.js.map +0 -1
  272. package/dist/chunk-ECFCAKWE.js.map +0 -1
  273. package/dist/chunk-EKBMUXFV.js.map +0 -1
  274. package/dist/chunk-HYORKKYP.js.map +0 -1
  275. package/dist/chunk-N7MBGONH.js.map +0 -1
  276. package/dist/chunk-NS2TBYM4.js.map +0 -1
  277. package/dist/chunk-OY2MXIBB.js.map +0 -1
  278. package/dist/chunk-PE2KPZDW.js.map +0 -1
  279. package/dist/chunk-QLA25V2K.js.map +0 -1
  280. package/dist/chunk-TAHR457X.js.map +0 -1
  281. package/dist/chunk-UTCAOOXU.js.map +0 -1
  282. package/dist/chunk-WJKHLOP5.js.map +0 -1
  283. package/dist/chunk-WU57BYYM.js.map +0 -1
package/docs/design/templates/button.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 552 748" width="552" height="748"><defs><clipPath id="cp0"><rect x="16" y="38" width="520" height="84"/></clipPath><clipPath id="cp1"><rect x="16" y="160" width="520" height="84"/></clipPath><clipPath id="cp2"><rect x="16" y="282" width="520" height="84"/></clipPath><clipPath id="cp3"><rect x="16" y="404" width="520" height="84"/></clipPath><clipPath id="cp4"><rect x="16" y="526" width="520" height="84"/></clipPath><clipPath id="cp5"><rect x="16" y="648" width="520" height="84"/></clipPath><clipPath id="ct6"><rect x="16" y="16" width="520" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="38" width="520" height="84" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="138" width="520" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="160" width="520" height="84" rx="0"/></clipPath><clipPath id="ct12"><rect x="16" y="260" width="520" height="22"/></clipPath><clipPath id="irc13"><rect x="16" y="282" width="520" height="84" rx="0"/></clipPath><clipPath id="ct15"><rect x="16" y="382" width="520" height="22"/></clipPath><clipPath id="irc16"><rect x="16" y="404" width="520" height="84" rx="0"/></clipPath><clipPath id="ct18"><rect x="16" y="504" width="520" height="22"/></clipPath><clipPath id="irc19"><rect x="16" y="526" width="520" height="84" rx="0"/></clipPath><clipPath id="ct21"><rect x="16" y="626" width="520" height="22"/></clipPath><clipPath id="irc22"><rect x="16" y="648" width="520" height="84" rx="0"/></clipPath></defs><rect x="0" y="0" width="552" height="748" 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)">Primary Tones</text><g clip-path="url(#cp0)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="38" width="520" height="84"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg8ct0"><rect x="29" y="33" width="105.3" height="18"/></clipPath><clipPath id="svgimg8ct1"><rect x="160.3" y="33" width="51" height="18"/></clipPath><clipPath id="svgimg8ct2"><rect x="237.3" y="33" width="104.8" height="18"/></clipPath></defs><rect x="20" y="20" width="123.3" height="44" rx="12" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="122" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Save Changes</text><rect x="151.3" y="20" width="69" height="44" rx="12" fill="rgb(72,72,74)"/><rect x="151.5" y="20.5" width="68" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="160.28" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Cancel</text><rect x="228.3" y="20" width="122.8" height="44" rx="12" fill="rgb(235,0,5)"/><rect x="228.5" y="20.5" width="122" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="237.27" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Delete Project</text></g></g></g></g><text x="16" y="150" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Secondary and Plain Emphasis</text><g clip-path="url(#cp1)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="160" width="520" height="84"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 160)"><defs><clipPath id="svgimg11ct0"><rect x="29" y="33" width="48.7" height="18"/></clipPath><clipPath id="svgimg11ct1"><rect x="103.7" y="33" width="59.3" height="18"/></clipPath><clipPath id="svgimg11ct2"><rect x="188.9" y="33" width="83.7" height="18"/></clipPath></defs><rect x="20.5" y="20.5" width="66" height="43" rx="11.5" fill="none" stroke="rgba(0,0,13,0.318)" stroke-width="1"/><text x="29" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(98,98,103)">Export</text><rect x="95.5" y="20.5" width="76" height="43" rx="11.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><text x="103.69" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(194,11,32)">Remove</text><rect x="180.5" y="20.5" width="101" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="188.94" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(98,98,103)">Learn More</text></g></g></g></g><text x="16" y="272" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">With an Icon, and Icon Only</text><g clip-path="url(#cp2)"><g clip-path="url(#irc13)"><clipPath id="svgimg14vclip"><rect x="16" y="282" width="520" height="84"/></clipPath><g clip-path="url(#svgimg14vclip)"><g transform="translate(16 282)"><defs><clipPath id="svgimg14cp0"><rect x="29" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg14ct2"><rect x="53" y="33" width="82.6" height="18"/></clipPath><clipPath id="svgimg14cp3"><rect x="161.6" y="34" width="16.4" height="16"/></clipPath><clipPath id="svgimg14ct5"><rect x="185.6" y="33" width="45.6" height="18"/></clipPath><clipPath id="svgimg14cp6"><rect x="262" y="34" width="16.3" height="16"/></clipPath></defs><rect x="20" y="20" width="124.6" height="44" rx="12" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="124" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg14cp0)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg14svgic1"><rect x="29" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg14svgic1)"><g transform="translate(29 34)scale(.66667)"><path d="M5 12h14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 5v14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 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><text x="53" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">New Ticket</text><rect x="152.6" y="20" width="87.6" height="44" rx="12" fill="rgb(72,72,74)"/><rect x="153.5" y="20.5" width="86" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg14cp3)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg14svgic4"><rect x="161.6" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg14svgic4)"><g transform="translate(161.64 34)scale(.66667)"><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(255, 255, 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><text x="185.64" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Filters</text><rect x="248.3" y="20" width="44" height="44" rx="12" fill="rgb(72,72,74)"/><rect x="248.5" y="20.5" width="43" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg14cp6)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg14svgic7"><rect x="262.3" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg14svgic7)"><g transform="translate(262.281 34)scale(.66667)"><path d="M9.7 4.1a2.3 2.3 0 0 1 4.6 0 2.3 2.3 0 0 0 3.3 2 2.3 2.3 0 0 1 2.4 4 2.3 2.3 0 0 0 0 3.8 2.3 2.3 0 0 1-2.4 4 2.3 2.3 0 0 0-3.3 2 2.3 2.3 0 0 1-4.6 0 2.3 2.3 0 0 0-3.3-2A2.3 2.3 0 0 1 4 14a2.3 2.3 0 0 0 0-3.8 2.3 2.3 0 0 1 2.3-4 2.3 2.3 0 0 0 3.4-2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="12" cy="12" r="3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 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></g></g></g><text x="16" y="394" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact and Disabled</text><g clip-path="url(#cp3)"><g clip-path="url(#irc16)"><clipPath id="svgimg17vclip"><rect x="16" y="404" width="520" height="84"/></clipPath><g clip-path="url(#svgimg17vclip)"><g transform="translate(16 404)"><defs><clipPath id="svgimg17ct0"><rect x="29" y="33.5" width="60" height="17"/></clipPath><clipPath id="svgimg17ct1"><rect x="115" y="33" width="85.5" height="18"/></clipPath></defs><rect x="20" y="25.5" width="78" height="33" rx="12" fill="rgb(72,72,74)"/><rect x="20.5" y="26.5" width="77" height="32" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="47.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(255,255,255)">Compact</text><g opacity="0.5" style="isolation:isolate"><rect x="106" y="20" width="103.5" height="44" rx="12" fill="rgb(72,72,74)"/><rect x="106.5" y="20.5" width="102" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="114.98" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Unavailable</text></g></g></g></g></g><text x="16" y="516" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Toggle, Resting and Pressed</text><g clip-path="url(#cp4)"><g clip-path="url(#irc19)"><clipPath id="svgimg20vclip"><rect x="16" y="526" width="520" height="84"/></clipPath><g clip-path="url(#svgimg20vclip)"><g transform="translate(16 526)"><defs><clipPath id="svgimg20ct0"><rect x="29" y="33" width="59" height="18"/></clipPath><clipPath id="svgimg20ishc1"><rect x="106" y="21" width="99" height="42" rx="11"/></clipPath><clipPath id="svgimg20cp2"><rect x="114" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg20ct4"><rect x="138" y="33" width="59" height="18"/></clipPath><clipPath id="svgimg20ishc5"><rect x="215.1" y="21" width="67.1" height="42" rx="11"/></clipPath><clipPath id="svgimg20ct6"><rect x="223.1" y="33" width="51.1" height="18"/></clipPath><clipPath id="svgimg20ishc7"><rect x="292.2" y="21" width="42" height="42" rx="11"/></clipPath><clipPath id="svgimg20cp8"><rect x="305" y="34" width="16.2" height="16"/></clipPath></defs><rect x="20" y="20" width="77" height="44" rx="12" fill="rgb(72,72,74)"/><rect x="20.5" y="20.5" width="76" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Favorite</text><rect x="105" y="20" width="101" height="44" rx="12" fill="rgb(0,117,219)"/><g clip-path="url(#svgimg20ishc1)"><path d="M98 13h115.1v58H98zm19 10h77.1a9 9 0 0 1 9 9v20a9 9 0 0 1-9 9H117a9 9 0 0 1-9-9V32a9 9 0 0 1 9-9" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><rect x="105.5" y="20.5" width="100" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg20cp2)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg20svgic3"><rect x="114" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg20svgic3)"><g transform="translate(114.047 34)scale(.66667)"><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(255, 255, 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><text x="138.05" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Favorite</text><rect x="214.1" y="20" width="69.1" height="44" rx="12" fill="rgb(0,88,168)"/><g clip-path="url(#svgimg20ishc5)"><path d="M207.1 13h83.1v58h-83.1zm19 10h45.1a9 9 0 0 1 9 9v20a9 9 0 0 1-9 9h-45.1a9 9 0 0 1-9-9V32a9 9 0 0 1 9-9" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><rect x="214.5" y="20.5" width="68" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="223.09" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Pinned</text><rect x="291.2" y="20" width="44" height="44" rx="12" fill="rgb(0,117,219)"/><g clip-path="url(#svgimg20ishc7)"><path d="M284.2 13h58v58h-58zm19 10h20a9 9 0 0 1 9 9v20a9 9 0 0 1-9 9h-20a9 9 0 0 1-9-9V32a9 9 0 0 1 9-9" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><rect x="291.5" y="20.5" width="43" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg20cp8)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg20svgic9"><rect x="305.2" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg20svgic9)"><g transform="translate(305.219 34)scale(.66667)"><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(255, 255, 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></g></g></g><text x="16" y="638" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Pill Shape</text><g clip-path="url(#cp5)"><g clip-path="url(#irc22)"><clipPath id="svgimg23vclip"><rect x="16" y="648" width="520" height="84"/></clipPath><g clip-path="url(#svgimg23vclip)"><g transform="translate(16 648)"><defs><clipPath id="svgimg23ct0"><rect x="29" y="33" width="47.6" height="18"/></clipPath><clipPath id="svgimg23ct1"><rect x="102.6" y="33" width="43" height="18"/></clipPath><clipPath id="svgimg23cp2"><rect x="176.6" y="34" width="16.4" height="16"/></clipPath></defs><rect x="20" y="20" width="65.6" height="44" rx="22" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="65" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Follow</text><rect x="93.6" y="20" width="61" height="44" rx="22" fill="rgb(72,72,74)"/><rect x="94.5" y="20.5" width="60" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="102.64" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Share</text><rect x="162.6" y="20" width="44" height="44" rx="22" fill="rgb(72,72,74)"/><rect x="163.5" y="20.5" width="43" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg23cp2)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg23svgic3"><rect x="176.6" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg23svgic3)"><g transform="translate(176.625 34)scale(.66667)"><path d="M5 12h14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 5v14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 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></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 552 870" width="552" height="870"><defs><clipPath id="cp0"><rect x="16" y="38" width="520" height="84"/></clipPath><clipPath id="cp1"><rect x="16" y="160" width="520" height="84"/></clipPath><clipPath id="cp2"><rect x="16" y="282" width="520" height="84"/></clipPath><clipPath id="cp3"><rect x="16" y="404" width="520" height="84"/></clipPath><clipPath id="cp4"><rect x="16" y="526" width="520" height="84"/></clipPath><clipPath id="cp5"><rect x="16" y="648" width="520" height="84"/></clipPath><clipPath id="cp6"><rect x="16" y="770" width="520" height="84"/></clipPath><clipPath id="ct7"><rect x="16" y="16" width="520" height="22"/></clipPath><clipPath id="irc8"><rect x="16" y="38" width="520" height="84" rx="0"/></clipPath><clipPath id="ct10"><rect x="16" y="138" width="520" height="22"/></clipPath><clipPath id="irc11"><rect x="16" y="160" width="520" height="84" rx="0"/></clipPath><clipPath id="ct13"><rect x="16" y="260" width="520" height="22"/></clipPath><clipPath id="irc14"><rect x="16" y="282" width="520" height="84" rx="0"/></clipPath><clipPath id="ct16"><rect x="16" y="382" width="520" height="22"/></clipPath><clipPath id="irc17"><rect x="16" y="404" width="520" height="84" rx="0"/></clipPath><clipPath id="ct19"><rect x="16" y="504" width="520" height="22"/></clipPath><clipPath id="irc20"><rect x="16" y="526" width="520" height="84" rx="0"/></clipPath><clipPath id="ct22"><rect x="16" y="626" width="520" height="22"/></clipPath><clipPath id="irc23"><rect x="16" y="648" width="520" height="84" rx="0"/></clipPath><clipPath id="ct25"><rect x="16" y="748" width="520" height="22"/></clipPath><clipPath id="irc26"><rect x="16" y="770" width="520" height="84" rx="0"/></clipPath></defs><rect x="0" y="0" width="552" height="870" 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)">Primary Tones</text><g clip-path="url(#cp0)"><g clip-path="url(#irc8)"><clipPath id="svgimg9vclip"><rect x="16" y="38" width="520" height="84"/></clipPath><g clip-path="url(#svgimg9vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg9ct0"><rect x="29" y="33" width="105.3" height="18"/></clipPath><clipPath id="svgimg9ct1"><rect x="160.3" y="33" width="51" height="18"/></clipPath><clipPath id="svgimg9ct2"><rect x="237.3" y="33" width="88.9" height="18"/></clipPath><clipPath id="svgimg9ct3"><rect x="352.2" y="33" width="104.8" height="18"/></clipPath></defs><rect x="20" y="20" width="123.3" height="44" rx="12" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="122" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Save Changes</text><rect x="151.3" y="20" width="69" height="44" rx="12" fill="rgb(72,72,74)"/><rect x="151.5" y="20.5" width="68" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="160.28" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Cancel</text><rect x="228.3" y="20" width="106.9" height="44" rx="12" fill="rgb(52,199,89)"/><rect x="228.5" y="20.5" width="106" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="237.27" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(29,29,31)">Price Check</text><rect x="343.2" y="20" width="122.8" height="44" rx="12" fill="rgb(235,0,5)"/><rect x="343.5" y="20.5" width="122" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="352.16" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Delete Project</text></g></g></g></g><text x="16" y="150" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Secondary and Plain Emphasis</text><g clip-path="url(#cp1)"><g clip-path="url(#irc11)"><clipPath id="svgimg12vclip"><rect x="16" y="160" width="520" height="84"/></clipPath><g clip-path="url(#svgimg12vclip)"><g transform="translate(16 160)"><defs><clipPath id="svgimg12ct0"><rect x="29" y="33" width="48.7" height="18"/></clipPath><clipPath id="svgimg12ct1"><rect x="103.7" y="33" width="59.3" height="18"/></clipPath><clipPath id="svgimg12ct2"><rect x="188.9" y="33" width="83.7" height="18"/></clipPath></defs><rect x="20.5" y="20.5" width="66" height="43" rx="11.5" fill="none" stroke="rgba(0,0,13,0.318)" stroke-width="1"/><text x="29" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(98,98,103)">Export</text><rect x="95.5" y="20.5" width="76" height="43" rx="11.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><text x="103.69" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(194,11,32)">Remove</text><rect x="180.5" y="20.5" width="101" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="188.94" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(98,98,103)">Learn More</text></g></g></g></g><text x="16" y="272" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">With an Icon, and Icon Only</text><g clip-path="url(#cp2)"><g clip-path="url(#irc14)"><clipPath id="svgimg15vclip"><rect x="16" y="282" width="520" height="84"/></clipPath><g clip-path="url(#svgimg15vclip)"><g transform="translate(16 282)"><defs><clipPath id="svgimg15cp0"><rect x="29" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg15ct2"><rect x="53" y="33" width="82.6" height="18"/></clipPath><clipPath id="svgimg15cp3"><rect x="161.6" y="34" width="16.4" height="16"/></clipPath><clipPath id="svgimg15ct5"><rect x="185.6" y="33" width="45.6" height="18"/></clipPath><clipPath id="svgimg15cp6"><rect x="262" y="34" width="16.3" height="16"/></clipPath></defs><rect x="20" y="20" width="124.6" height="44" rx="12" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="124" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg15cp0)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg15svgic1"><rect x="29" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg15svgic1)"><g transform="translate(29 34)scale(.66667)"><path d="M5 12h14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 5v14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 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><text x="53" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">New Ticket</text><rect x="152.6" y="20" width="87.6" height="44" rx="12" fill="rgb(72,72,74)"/><rect x="153.5" y="20.5" width="86" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg15cp3)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg15svgic4"><rect x="161.6" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg15svgic4)"><g transform="translate(161.64 34)scale(.66667)"><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(255, 255, 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><text x="185.64" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Filters</text><rect x="248.3" y="20" width="44" height="44" rx="12" fill="rgb(72,72,74)"/><rect x="248.5" y="20.5" width="43" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg15cp6)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg15svgic7"><rect x="262.3" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg15svgic7)"><g transform="translate(262.281 34)scale(.66667)"><path d="M9.7 4.1a2.3 2.3 0 0 1 4.6 0 2.3 2.3 0 0 0 3.3 2 2.3 2.3 0 0 1 2.4 4 2.3 2.3 0 0 0 0 3.8 2.3 2.3 0 0 1-2.4 4 2.3 2.3 0 0 0-3.3 2 2.3 2.3 0 0 1-4.6 0 2.3 2.3 0 0 0-3.3-2A2.3 2.3 0 0 1 4 14a2.3 2.3 0 0 0 0-3.8 2.3 2.3 0 0 1 2.3-4 2.3 2.3 0 0 0 3.4-2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="12" cy="12" r="3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 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></g></g></g><text x="16" y="394" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact and Disabled</text><g clip-path="url(#cp3)"><g clip-path="url(#irc17)"><clipPath id="svgimg18vclip"><rect x="16" y="404" width="520" height="84"/></clipPath><g clip-path="url(#svgimg18vclip)"><g transform="translate(16 404)"><defs><clipPath id="svgimg18ct0"><rect x="29" y="33.5" width="60" height="17"/></clipPath><clipPath id="svgimg18ct1"><rect x="115" y="33" width="85.5" height="18"/></clipPath></defs><rect x="20" y="25.5" width="78" height="33" rx="12" fill="rgb(72,72,74)"/><rect x="20.5" y="26.5" width="77" height="32" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="47.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(255,255,255)">Compact</text><g opacity="0.5" style="isolation:isolate"><rect x="106" y="20" width="103.5" height="44" rx="12" fill="rgb(72,72,74)"/><rect x="106.5" y="20.5" width="102" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="114.98" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Unavailable</text></g></g></g></g></g><text x="16" y="516" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Toggle, Resting and Pressed</text><g clip-path="url(#cp4)"><g clip-path="url(#irc20)"><clipPath id="svgimg21vclip"><rect x="16" y="526" width="520" height="84"/></clipPath><g clip-path="url(#svgimg21vclip)"><g transform="translate(16 526)"><defs><clipPath id="svgimg21ct0"><rect x="29" y="33" width="59" height="18"/></clipPath><clipPath id="svgimg21ishc1"><rect x="106" y="21" width="99" height="42" rx="11"/></clipPath><clipPath id="svgimg21cp2"><rect x="114" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg21ct4"><rect x="138" y="33" width="59" height="18"/></clipPath><clipPath id="svgimg21ishc5"><rect x="215.1" y="21" width="67.1" height="42" rx="11"/></clipPath><clipPath id="svgimg21ct6"><rect x="223.1" y="33" width="51.1" height="18"/></clipPath><clipPath id="svgimg21ishc7"><rect x="292.2" y="21" width="42" height="42" rx="11"/></clipPath><clipPath id="svgimg21cp8"><rect x="305" y="34" width="16.2" height="16"/></clipPath></defs><rect x="20" y="20" width="77" height="44" rx="12" fill="rgb(72,72,74)"/><rect x="20.5" y="20.5" width="76" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Favorite</text><rect x="105" y="20" width="101" height="44" rx="12" fill="rgb(0,117,219)"/><g clip-path="url(#svgimg21ishc1)"><path d="M98 13h115.1v58H98zm19 10h77.1a9 9 0 0 1 9 9v20a9 9 0 0 1-9 9H117a9 9 0 0 1-9-9V32a9 9 0 0 1 9-9" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><rect x="105.5" y="20.5" width="100" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg21cp2)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg21svgic3"><rect x="114" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg21svgic3)"><g transform="translate(114.047 34)scale(.66667)"><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(255, 255, 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><text x="138.05" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Favorite</text><rect x="214.1" y="20" width="69.1" height="44" rx="12" fill="rgb(0,88,168)"/><g clip-path="url(#svgimg21ishc5)"><path d="M207.1 13h83.1v58h-83.1zm19 10h45.1a9 9 0 0 1 9 9v20a9 9 0 0 1-9 9h-45.1a9 9 0 0 1-9-9V32a9 9 0 0 1 9-9" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><rect x="214.5" y="20.5" width="68" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="223.09" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Pinned</text><rect x="291.2" y="20" width="44" height="44" rx="12" fill="rgb(0,117,219)"/><g clip-path="url(#svgimg21ishc7)"><path d="M284.2 13h58v58h-58zm19 10h20a9 9 0 0 1 9 9v20a9 9 0 0 1-9 9h-20a9 9 0 0 1-9-9V32a9 9 0 0 1 9-9" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><rect x="291.5" y="20.5" width="43" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg21cp8)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg21svgic9"><rect x="305.2" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg21svgic9)"><g transform="translate(305.219 34)scale(.66667)"><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(255, 255, 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></g></g></g><text x="16" y="638" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Pill Shape</text><g clip-path="url(#cp5)"><g clip-path="url(#irc23)"><clipPath id="svgimg24vclip"><rect x="16" y="648" width="520" height="84"/></clipPath><g clip-path="url(#svgimg24vclip)"><g transform="translate(16 648)"><defs><clipPath id="svgimg24ct0"><rect x="29" y="33" width="47.6" height="18"/></clipPath><clipPath id="svgimg24ct1"><rect x="102.6" y="33" width="43" height="18"/></clipPath><clipPath id="svgimg24cp2"><rect x="176.6" y="34" width="16.4" height="16"/></clipPath></defs><rect x="20" y="20" width="65.6" height="44" rx="22" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="65" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Follow</text><rect x="93.6" y="20" width="61" height="44" rx="22" fill="rgb(72,72,74)"/><rect x="94.5" y="20.5" width="60" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="102.64" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Share</text><rect x="162.6" y="20" width="44" height="44" rx="22" fill="rgb(72,72,74)"/><rect x="163.5" y="20.5" width="43" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg24cp2)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg24svgic3"><rect x="176.6" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg24svgic3)"><g transform="translate(176.625 34)scale(.66667)"><path d="M5 12h14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 5v14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 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></g></g></g><text x="16" y="760" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Full-Width Primary Action</text><g clip-path="url(#cp6)"><g clip-path="url(#irc26)"><clipPath id="svgimg27vclip"><rect x="16" y="770" width="520" height="84"/></clipPath><g clip-path="url(#svgimg27vclip)"><g transform="translate(16 770)"><defs><clipPath id="svgimg27cp0"><rect x="174.9" y="34" width="16.1" height="16"/></clipPath><clipPath id="svgimg27cp2"><rect x="198.9" y="33" width="106.3" height="18"/></clipPath><clipPath id="svgimg27ct3"><rect x="198.9" y="33" width="106.3" height="18"/></clipPath></defs><rect x="20" y="20" width="440" height="44" rx="12" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="439" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg27cp0)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg27svgic1"><rect x="174.9" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg27svgic1)"><g transform="translate(174.86 34)scale(.66667)"><path d="M5 12h14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M12 5v14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 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(#svgimg27cp2)"><g clip-path="url(#svgimg27ct3)"><text x="198.86" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(255,255,255)">Create Project</text></g></g></g></g></g></g></svg>
package/docs/design/templates/checkbox/error-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 90" width="400" height="90"><defs><clipPath id="ct0"><rect x="48" y="20" width="187.9" height="19.6"/></clipPath><clipPath id="ct1"><rect x="20" y="47" width="360" height="22.4"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">I accept the release terms</text><text x="48" y="63" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,105,108)">Accept the terms to continue.</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 90" width="400" height="90"><defs><clipPath id="ct0"><rect x="48" y="20" width="187.9" height="19.6"/></clipPath><clipPath id="ct1"><rect x="20" y="40" width="360" height="22.4"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">I accept the release terms</text><text x="48" y="56" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,105,108)">Accept the terms to continue.</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/></svg>
package/docs/design/templates/checkbox/error.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 90" width="400" height="90"><defs><clipPath id="ct0"><rect x="48" y="20" width="187.9" height="19.6"/></clipPath><clipPath id="ct1"><rect x="20" y="47" width="360" height="22.4"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">I accept the release terms</text><text x="48" y="63" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,11,32)">Accept the terms to continue.</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 90" width="400" height="90"><defs><clipPath id="ct0"><rect x="48" y="20" width="187.9" height="19.6"/></clipPath><clipPath id="ct1"><rect x="20" y="40" width="360" height="22.4"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">I accept the release terms</text><text x="48" y="56" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,11,32)">Accept the terms to continue.</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/></svg>
package/docs/design/templates/checkbox/states-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 146" width="400" height="146"><defs><clipPath id="ct0"><rect x="48" y="20" width="126.1" height="19.6"/></clipPath><clipPath id="ct1"><rect x="48" y="48" width="122" height="19.6"/></clipPath><clipPath id="ct2"><rect x="20" y="75" width="360" height="22.4"/></clipPath><clipPath id="ct3"><rect x="48" y="105.4" width="106.7" height="19.6"/></clipPath><clipPath id="cp4"><rect x="23" y="108" width="14" height="14.4"/></clipPath><clipPath id="cp6"><rect x="23" y="23" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Include in release</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Email summaries</text><text x="48" y="91" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Sent every Monday morning.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="120.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Locked setting</text><rect x="20" y="105.4" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="105.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#cp4)"><g color="rgb(17, 17, 19)"><clipPath id="svgic5"><rect x="23" y="108.4" width="14" height="14"/></clipPath><g clip-path="url(#svgic5)"><g transform="translate(23 108.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#cp6)"><g color="rgb(17, 17, 19)"><clipPath id="svgic7"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgic7)"><g transform="translate(23 23)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 146" width="400" height="146"><defs><clipPath id="ct0"><rect x="48" y="20" width="126.1" height="19.6"/></clipPath><clipPath id="ct1"><rect x="48" y="48" width="122" height="19.6"/></clipPath><clipPath id="ct2"><rect x="20" y="68" width="360" height="22.4"/></clipPath><clipPath id="ct3"><rect x="48" y="98.4" width="106.7" height="19.6"/></clipPath><clipPath id="cp4"><rect x="23" y="101" width="14" height="14.4"/></clipPath><clipPath id="cp6"><rect x="23" y="23" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Include in release</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Email summaries</text><text x="48" y="84" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Sent every Monday morning.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="113.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Locked setting</text><rect x="20" y="98.4" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="98.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#cp4)"><g color="rgb(17, 17, 19)"><clipPath id="svgic5"><rect x="23" y="101.4" width="14" height="14"/></clipPath><g clip-path="url(#svgic5)"><g transform="translate(23 101.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#cp6)"><g color="rgb(17, 17, 19)"><clipPath id="svgic7"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgic7)"><g transform="translate(23 23)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></svg>
package/docs/design/templates/checkbox/states.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 146" width="400" height="146"><defs><clipPath id="ct0"><rect x="48" y="20" width="126.1" height="19.6"/></clipPath><clipPath id="ct1"><rect x="48" y="48" width="122" height="19.6"/></clipPath><clipPath id="ct2"><rect x="20" y="75" width="360" height="22.4"/></clipPath><clipPath id="ct3"><rect x="48" y="105.4" width="106.7" height="19.6"/></clipPath><clipPath id="cp4"><rect x="23" y="108" width="14" height="14.4"/></clipPath><clipPath id="cp6"><rect x="23" y="23" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Include in release</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Email summaries</text><text x="48" y="91" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Sent every Monday morning.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="120.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Locked setting</text><rect x="20" y="105.4" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="105.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#cp4)"><g color="rgb(255, 255, 255)"><clipPath id="svgic5"><rect x="23" y="108.4" width="14" height="14"/></clipPath><g clip-path="url(#svgic5)"><g transform="translate(23 108.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#cp6)"><g color="rgb(255, 255, 255)"><clipPath id="svgic7"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgic7)"><g transform="translate(23 23)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 146" width="400" height="146"><defs><clipPath id="ct0"><rect x="48" y="20" width="126.1" height="19.6"/></clipPath><clipPath id="ct1"><rect x="48" y="48" width="122" height="19.6"/></clipPath><clipPath id="ct2"><rect x="20" y="68" width="360" height="22.4"/></clipPath><clipPath id="ct3"><rect x="48" y="98.4" width="106.7" height="19.6"/></clipPath><clipPath id="cp4"><rect x="23" y="101" width="14" height="14.4"/></clipPath><clipPath id="cp6"><rect x="23" y="23" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Include in release</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Email summaries</text><text x="48" y="84" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Sent every Monday morning.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="113.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Locked setting</text><rect x="20" y="98.4" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="98.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#cp4)"><g color="rgb(255, 255, 255)"><clipPath id="svgic5"><rect x="23" y="101.4" width="14" height="14"/></clipPath><g clip-path="url(#svgic5)"><g transform="translate(23 101.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#cp6)"><g color="rgb(255, 255, 255)"><clipPath id="svgic7"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgic7)"><g transform="translate(23 23)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></svg>
package/docs/design/templates/checkbox-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 604" width="432" height="604"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="146"/></clipPath><clipPath id="cp1"><rect x="16" y="222" width="400" height="116"/></clipPath><clipPath id="cp2"><rect x="16" y="376" width="400" height="90"/></clipPath><clipPath id="cp3"><rect x="16" y="504" width="400" height="84"/></clipPath><clipPath id="ct4"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc5"><rect x="16" y="38" width="400" height="146" rx="0"/></clipPath><clipPath id="ct7"><rect x="16" y="200" width="400" height="22"/></clipPath><clipPath id="irc8"><rect x="16" y="222" width="400" height="116" rx="0"/></clipPath><clipPath id="ct10"><rect x="16" y="354" width="400" height="22"/></clipPath><clipPath id="irc11"><rect x="16" y="376" width="400" height="90" rx="0"/></clipPath><clipPath id="ct13"><rect x="16" y="482" width="400" height="22"/></clipPath><clipPath id="irc14"><rect x="16" y="504" width="400" height="84" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="604" 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)">Checked, Unchecked, and Disabled</text><g clip-path="url(#cp0)"><g clip-path="url(#irc5)"><clipPath id="svgimg6vclip"><rect x="16" y="38" width="400" height="146"/></clipPath><g clip-path="url(#svgimg6vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg6ct0"><rect x="48" y="20" width="126.1" height="19.6"/></clipPath><clipPath id="svgimg6ct1"><rect x="48" y="48" width="122" height="19.6"/></clipPath><clipPath id="svgimg6ct2"><rect x="20" y="75" width="360" height="22.4"/></clipPath><clipPath id="svgimg6ct3"><rect x="48" y="105.4" width="106.7" height="19.6"/></clipPath><clipPath id="svgimg6cp4"><rect x="23" y="108" width="14" height="14.4"/></clipPath><clipPath id="svgimg6cp6"><rect x="23" y="23" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Include in release</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Email summaries</text><text x="48" y="91" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Sent every Monday morning.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="120.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Locked setting</text><rect x="20" y="105.4" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="105.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg6cp4)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg6svgic5"><rect x="23" y="108.4" width="14" height="14"/></clipPath><g clip-path="url(#svgimg6svgic5)"><g transform="translate(23 108.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg6cp6)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg6svgic7"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgimg6svgic7)"><g transform="translate(23 23)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g></g></g></g><text x="16" y="212" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Mixed Parent</text><g clip-path="url(#cp1)"><g clip-path="url(#irc8)"><clipPath id="svgimg9vclip"><rect x="16" y="222" width="400" height="116"/></clipPath><g clip-path="url(#svgimg9vclip)"><g transform="translate(16 222)"><defs><clipPath id="svgimg9ct0"><rect x="48" y="20" width="60.3" height="19.6"/></clipPath><clipPath id="svgimg9ct1"><rect x="48" y="48" width="101.6" height="19.6"/></clipPath><clipPath id="svgimg9ct2"><rect x="48" y="76" width="92.7" height="19.6"/></clipPath><clipPath id="svgimg9cp3"><rect x="23" y="23" width="14" height="14"/></clipPath><clipPath id="svgimg9cp5"><rect x="23" y="51" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">All tasks</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Design review</text><text x="48" y="91.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Build release</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg9cp3)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg9svgic4"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgimg9svgic4)"><g transform="translate(23 23)scale(.58333)"><path d="M5 12h14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg9cp5)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg9svgic6"><rect x="23" y="51" width="14" height="14"/></clipPath><g clip-path="url(#svgimg9svgic6)"><g transform="translate(23 51)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="76" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="76.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g></g></g></g><text x="16" y="366" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Required with an Error</text><g clip-path="url(#cp2)"><g clip-path="url(#irc11)"><clipPath id="svgimg12vclip"><rect x="16" y="376" width="400" height="90"/></clipPath><g clip-path="url(#svgimg12vclip)"><g transform="translate(16 376)"><defs><clipPath id="svgimg12ct0"><rect x="48" y="20" width="187.9" height="19.6"/></clipPath><clipPath id="svgimg12ct1"><rect x="20" y="47" width="360" height="22.4"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">I accept the release terms</text><text x="48" y="63" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,105,108)">Accept the terms to continue.</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/></g></g></g></g><text x="16" y="494" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Compact</text><g clip-path="url(#cp3)"><g clip-path="url(#irc14)"><clipPath id="svgimg15vclip"><rect x="16" y="504" width="400" height="84"/></clipPath><g clip-path="url(#svgimg15vclip)"><g transform="translate(16 504)"><defs><clipPath id="svgimg15ct0"><rect x="45" y="20" width="94.3" height="17.4"/></clipPath><clipPath id="svgimg15ct1"><rect x="45" y="46" width="77.3" height="17.4"/></clipPath><clipPath id="svgimg15cp2"><rect x="23" y="23" width="12" height="12"/></clipPath></defs><text x="45" y="33.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Show archived</text><text x="45" y="59.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Show drafts</text><rect x="20" y="20" width="18" height="18" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="20.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg15cp2)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg15svgic3"><rect x="23" y="23" width="12" height="12"/></clipPath><g clip-path="url(#svgimg15svgic3)"><g transform="matrix(.5 0 0 .5 23 23)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="46" width="18" height="18" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="46.5" width="17" height="17" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 604" width="432" height="604"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="146"/></clipPath><clipPath id="cp1"><rect x="16" y="222" width="400" height="116"/></clipPath><clipPath id="cp2"><rect x="16" y="376" width="400" height="90"/></clipPath><clipPath id="cp3"><rect x="16" y="504" width="400" height="84"/></clipPath><clipPath id="ct4"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc5"><rect x="16" y="38" width="400" height="146" rx="0"/></clipPath><clipPath id="ct7"><rect x="16" y="200" width="400" height="22"/></clipPath><clipPath id="irc8"><rect x="16" y="222" width="400" height="116" rx="0"/></clipPath><clipPath id="ct10"><rect x="16" y="354" width="400" height="22"/></clipPath><clipPath id="irc11"><rect x="16" y="376" width="400" height="90" rx="0"/></clipPath><clipPath id="ct13"><rect x="16" y="482" width="400" height="22"/></clipPath><clipPath id="irc14"><rect x="16" y="504" width="400" height="84" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="604" 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)">Checked, Unchecked, and Disabled</text><g clip-path="url(#cp0)"><g clip-path="url(#irc5)"><clipPath id="svgimg6vclip"><rect x="16" y="38" width="400" height="146"/></clipPath><g clip-path="url(#svgimg6vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg6ct0"><rect x="48" y="20" width="126.1" height="19.6"/></clipPath><clipPath id="svgimg6ct1"><rect x="48" y="48" width="122" height="19.6"/></clipPath><clipPath id="svgimg6ct2"><rect x="20" y="68" width="360" height="22.4"/></clipPath><clipPath id="svgimg6ct3"><rect x="48" y="98.4" width="106.7" height="19.6"/></clipPath><clipPath id="svgimg6cp4"><rect x="23" y="101" width="14" height="14.4"/></clipPath><clipPath id="svgimg6cp6"><rect x="23" y="23" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Include in release</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Email summaries</text><text x="48" y="84" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Sent every Monday morning.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="113.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Locked setting</text><rect x="20" y="98.4" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="98.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg6cp4)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg6svgic5"><rect x="23" y="101.4" width="14" height="14"/></clipPath><g clip-path="url(#svgimg6svgic5)"><g transform="translate(23 101.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg6cp6)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg6svgic7"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgimg6svgic7)"><g transform="translate(23 23)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g></g></g></g><text x="16" y="212" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Mixed Parent</text><g clip-path="url(#cp1)"><g clip-path="url(#irc8)"><clipPath id="svgimg9vclip"><rect x="16" y="222" width="400" height="116"/></clipPath><g clip-path="url(#svgimg9vclip)"><g transform="translate(16 222)"><defs><clipPath id="svgimg9ct0"><rect x="48" y="20" width="60.3" height="19.6"/></clipPath><clipPath id="svgimg9ct1"><rect x="48" y="48" width="101.6" height="19.6"/></clipPath><clipPath id="svgimg9ct2"><rect x="48" y="76" width="92.7" height="19.6"/></clipPath><clipPath id="svgimg9cp3"><rect x="23" y="23" width="14" height="14"/></clipPath><clipPath id="svgimg9cp5"><rect x="23" y="51" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">All tasks</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Design review</text><text x="48" y="91.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Build release</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg9cp3)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg9svgic4"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgimg9svgic4)"><g transform="translate(23 23)scale(.58333)"><path d="M5 12h14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg9cp5)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg9svgic6"><rect x="23" y="51" width="14" height="14"/></clipPath><g clip-path="url(#svgimg9svgic6)"><g transform="translate(23 51)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="76" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="76.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g></g></g></g><text x="16" y="366" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Required with an Error</text><g clip-path="url(#cp2)"><g clip-path="url(#irc11)"><clipPath id="svgimg12vclip"><rect x="16" y="376" width="400" height="90"/></clipPath><g clip-path="url(#svgimg12vclip)"><g transform="translate(16 376)"><defs><clipPath id="svgimg12ct0"><rect x="48" y="20" width="187.9" height="19.6"/></clipPath><clipPath id="svgimg12ct1"><rect x="20" y="40" width="360" height="22.4"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">I accept the release terms</text><text x="48" y="56" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,105,108)">Accept the terms to continue.</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/></g></g></g></g><text x="16" y="494" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Compact</text><g clip-path="url(#cp3)"><g clip-path="url(#irc14)"><clipPath id="svgimg15vclip"><rect x="16" y="504" width="400" height="84"/></clipPath><g clip-path="url(#svgimg15vclip)"><g transform="translate(16 504)"><defs><clipPath id="svgimg15ct0"><rect x="45" y="20" width="94.3" height="17.4"/></clipPath><clipPath id="svgimg15ct1"><rect x="45" y="46" width="77.3" height="17.4"/></clipPath><clipPath id="svgimg15cp2"><rect x="23" y="23" width="12" height="12"/></clipPath></defs><text x="45" y="33.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Show archived</text><text x="45" y="59.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Show drafts</text><rect x="20" y="20" width="18" height="18" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="20.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg15cp2)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg15svgic3"><rect x="23" y="23" width="12" height="12"/></clipPath><g clip-path="url(#svgimg15svgic3)"><g transform="matrix(.5 0 0 .5 23 23)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="46" width="18" height="18" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="46.5" width="17" height="17" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g></g></g></g></svg>
package/docs/design/templates/checkbox-group/horizontal-dark.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 105" width="400" height="105"><defs><clipPath id="fln0" clip-rule="evenodd"><path d="M0 0h400v105H0Zm20 20h96.6v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="ct1"><rect x="20" y="20" width="96.6" height="14.4"/></clipPath><clipPath id="ct2"><rect x="45" y="40.4" width="46.7" height="17.4"/></clipPath><clipPath id="ct3"><rect x="140.7" y="40.4" width="58.7" height="17.4"/></clipPath><clipPath id="ct4"><rect x="248.4" y="40.4" width="34.3" height="17.4"/></clipPath><clipPath id="ct5"><rect x="20" y="65.4" width="360" height="19.2"/></clipPath></defs><g clip-path="url(#fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">PLATFORMS</text><text x="45" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">macOS</text><text x="140.72" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Windows</text><text x="248.41" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Linux</text><text x="29" y="79.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(255,105,108)">Choose a platform.</text><rect x="20" y="40.4" width="18" height="18" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="115.7" y="40.4" width="18" height="18" rx="3" fill="rgb(28,28,30)"/><rect x="116.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="223.4" y="40.4" width="18" height="18" rx="3" fill="rgb(28,28,30)"/><rect x="223.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/></svg>
package/docs/design/templates/checkbox-group/horizontal.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 105" width="400" height="105"><defs><clipPath id="fln0" clip-rule="evenodd"><path d="M0 0h400v105H0Zm20 20h96.6v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="ct1"><rect x="20" y="20" width="96.6" height="14.4"/></clipPath><clipPath id="ct2"><rect x="45" y="40.4" width="46.7" height="17.4"/></clipPath><clipPath id="ct3"><rect x="140.7" y="40.4" width="58.7" height="17.4"/></clipPath><clipPath id="ct4"><rect x="248.4" y="40.4" width="34.3" height="17.4"/></clipPath><clipPath id="ct5"><rect x="20" y="65.4" width="360" height="19.2"/></clipPath></defs><g clip-path="url(#fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">PLATFORMS</text><text x="45" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">macOS</text><text x="140.72" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Windows</text><text x="248.41" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Linux</text><text x="29" y="79.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(194,11,32)">Choose a platform.</text><rect x="20" y="40.4" width="18" height="18" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><rect x="115.7" y="40.4" width="18" height="18" rx="3" fill="rgb(255,255,255)"/><rect x="116.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><rect x="223.4" y="40.4" width="18" height="18" rx="3" fill="rgb(255,255,255)"/><rect x="223.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/></svg>
package/docs/design/templates/checkbox-group/vertical-dark.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 217" width="400" height="217"><defs><clipPath id="fln0" clip-rule="evenodd"><path d="M0 0h400v217H0Zm20 20h186.1v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="ct1"><rect x="20" y="20" width="186.1" height="14.4"/></clipPath><clipPath id="ct2"><rect x="48" y="40.4" width="38.7" height="19.6"/></clipPath><clipPath id="ct3"><rect x="48" y="68.4" width="129.2" height="19.6"/></clipPath><clipPath id="ct4"><rect x="20" y="88.4" width="360" height="22.4"/></clipPath><clipPath id="ct5"><rect x="48" y="118.8" width="101.6" height="19.6"/></clipPath><clipPath id="ct6"><rect x="48" y="146.8" width="107.8" height="19.6"/></clipPath><clipPath id="ct7"><rect x="20" y="173.8" width="360" height="22.4"/></clipPath><clipPath id="cp8"><rect x="23" y="43" width="14" height="14.4"/></clipPath><clipPath id="cp10"><rect x="23" y="71" width="14" height="14.4"/></clipPath></defs><g clip-path="url(#fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">NOTIFICATION CHANNELS</text><text x="48" y="55.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Email</text><text x="48" y="83.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Push notifications</text><text x="48" y="104.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">On devices where you are signed in.</text><text x="48" y="134.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Weekly digest</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="162.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Text messages</text><rect x="20" y="146.8" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="147.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g><text x="29" y="189.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Sent to your work account.</text><rect x="20" y="40.4" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="40.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#cp8)"><g color="rgb(17, 17, 19)"><clipPath id="svgic9"><rect x="23" y="43.4" width="14" height="14"/></clipPath><g clip-path="url(#svgic9)"><g transform="translate(23 43.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="68.4" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="68.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#cp10)"><g color="rgb(17, 17, 19)"><clipPath id="svgic11"><rect x="23" y="71.4" width="14" height="14"/></clipPath><g clip-path="url(#svgic11)"><g transform="translate(23 71.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="118.8" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="119.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></svg>
package/docs/design/templates/checkbox-group/vertical.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 217" width="400" height="217"><defs><clipPath id="fln0" clip-rule="evenodd"><path d="M0 0h400v217H0Zm20 20h186.1v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="ct1"><rect x="20" y="20" width="186.1" height="14.4"/></clipPath><clipPath id="ct2"><rect x="48" y="40.4" width="38.7" height="19.6"/></clipPath><clipPath id="ct3"><rect x="48" y="68.4" width="129.2" height="19.6"/></clipPath><clipPath id="ct4"><rect x="20" y="88.4" width="360" height="22.4"/></clipPath><clipPath id="ct5"><rect x="48" y="118.8" width="101.6" height="19.6"/></clipPath><clipPath id="ct6"><rect x="48" y="146.8" width="107.8" height="19.6"/></clipPath><clipPath id="ct7"><rect x="20" y="173.8" width="360" height="22.4"/></clipPath><clipPath id="cp8"><rect x="23" y="43" width="14" height="14.4"/></clipPath><clipPath id="cp10"><rect x="23" y="71" width="14" height="14.4"/></clipPath></defs><g clip-path="url(#fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">NOTIFICATION CHANNELS</text><text x="48" y="55.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Email</text><text x="48" y="83.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Push notifications</text><text x="48" y="104.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">On devices where you are signed in.</text><text x="48" y="134.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Weekly digest</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="162.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Text messages</text><rect x="20" y="146.8" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="147.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g><text x="29" y="189.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Sent to your work account.</text><rect x="20" y="40.4" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="40.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#cp8)"><g color="rgb(255, 255, 255)"><clipPath id="svgic9"><rect x="23" y="43.4" width="14" height="14"/></clipPath><g clip-path="url(#svgic9)"><g transform="translate(23 43.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="68.4" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="68.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#cp10)"><g color="rgb(255, 255, 255)"><clipPath id="svgic11"><rect x="23" y="71.4" width="14" height="14"/></clipPath><g clip-path="url(#svgic11)"><g transform="translate(23 71.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="118.8" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="119.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></svg>
package/docs/design/templates/checkbox-group-dark.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 414" width="432" height="414"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="217"/></clipPath><clipPath id="cp1"><rect x="16" y="293" width="400" height="105"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="400" height="217" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="271" width="400" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="293" width="400" height="105" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="414" 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)">Stacked Choices with Hints</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="400" height="217"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4fln0" clip-rule="evenodd"><path d="M0 0h400v217H0Zm20 20h186.1v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="20" width="186.1" height="14.4"/></clipPath><clipPath id="svgimg4ct2"><rect x="48" y="40.4" width="38.7" height="19.6"/></clipPath><clipPath id="svgimg4ct3"><rect x="48" y="68.4" width="129.2" height="19.6"/></clipPath><clipPath id="svgimg4ct4"><rect x="20" y="88.4" width="360" height="22.4"/></clipPath><clipPath id="svgimg4ct5"><rect x="48" y="118.8" width="101.6" height="19.6"/></clipPath><clipPath id="svgimg4ct6"><rect x="48" y="146.8" width="107.8" height="19.6"/></clipPath><clipPath id="svgimg4ct7"><rect x="20" y="173.8" width="360" height="22.4"/></clipPath><clipPath id="svgimg4cp8"><rect x="23" y="43" width="14" height="14.4"/></clipPath><clipPath id="svgimg4cp10"><rect x="23" y="71" width="14" height="14.4"/></clipPath></defs><g clip-path="url(#svgimg4fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">NOTIFICATION CHANNELS</text><text x="48" y="55.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Email</text><text x="48" y="83.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Push notifications</text><text x="48" y="104.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">On devices where you are signed in.</text><text x="48" y="134.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Weekly digest</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="162.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Text messages</text><rect x="20" y="146.8" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="147.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g><text x="29" y="189.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Sent to your work account.</text><rect x="20" y="40.4" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="40.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg4cp8)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg4svgic9"><rect x="23" y="43.4" width="14" height="14"/></clipPath><g clip-path="url(#svgimg4svgic9)"><g transform="translate(23 43.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="68.4" width="20" height="20" rx="3" fill="rgb(100,210,255)"/><rect x="20.5" y="68.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg4cp10)"><g color="rgb(17, 17, 19)"><clipPath id="svgimg4svgic11"><rect x="23" y="71.4" width="14" height="14"/></clipPath><g clip-path="url(#svgimg4svgic11)"><g transform="translate(23 71.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(17, 17, 19)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="118.8" width="20" height="20" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="119.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g></g></g></g><text x="16" y="283" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Horizontal, Compact, with an Error</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="293" width="400" height="105"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 293)"><defs><clipPath id="svgimg7fln0" clip-rule="evenodd"><path d="M0 0h400v105H0Zm20 20h96.6v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg7ct1"><rect x="20" y="20" width="96.6" height="14.4"/></clipPath><clipPath id="svgimg7ct2"><rect x="45" y="40.4" width="46.7" height="17.4"/></clipPath><clipPath id="svgimg7ct3"><rect x="140.7" y="40.4" width="58.7" height="17.4"/></clipPath><clipPath id="svgimg7ct4"><rect x="248.4" y="40.4" width="34.3" height="17.4"/></clipPath><clipPath id="svgimg7ct5"><rect x="20" y="65.4" width="360" height="19.2"/></clipPath></defs><g clip-path="url(#svgimg7fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">PLATFORMS</text><text x="45" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">macOS</text><text x="140.72" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Windows</text><text x="248.41" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Linux</text><text x="29" y="79.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(255,105,108)">Choose a platform.</text><rect x="20" y="40.4" width="18" height="18" rx="3" fill="rgb(28,28,30)"/><rect x="20.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="115.7" y="40.4" width="18" height="18" rx="3" fill="rgb(28,28,30)"/><rect x="116.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="223.4" y="40.4" width="18" height="18" rx="3" fill="rgb(28,28,30)"/><rect x="223.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/></g></g></g></g></svg>
package/docs/design/templates/checkbox-group.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 414" width="432" height="414"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="217"/></clipPath><clipPath id="cp1"><rect x="16" y="293" width="400" height="105"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="400" height="217" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="271" width="400" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="293" width="400" height="105" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="414" 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)">Stacked Choices with Hints</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="400" height="217"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4fln0" clip-rule="evenodd"><path d="M0 0h400v217H0Zm20 20h186.1v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="20" width="186.1" height="14.4"/></clipPath><clipPath id="svgimg4ct2"><rect x="48" y="40.4" width="38.7" height="19.6"/></clipPath><clipPath id="svgimg4ct3"><rect x="48" y="68.4" width="129.2" height="19.6"/></clipPath><clipPath id="svgimg4ct4"><rect x="20" y="88.4" width="360" height="22.4"/></clipPath><clipPath id="svgimg4ct5"><rect x="48" y="118.8" width="101.6" height="19.6"/></clipPath><clipPath id="svgimg4ct6"><rect x="48" y="146.8" width="107.8" height="19.6"/></clipPath><clipPath id="svgimg4ct7"><rect x="20" y="173.8" width="360" height="22.4"/></clipPath><clipPath id="svgimg4cp8"><rect x="23" y="43" width="14" height="14.4"/></clipPath><clipPath id="svgimg4cp10"><rect x="23" y="71" width="14" height="14.4"/></clipPath></defs><g clip-path="url(#svgimg4fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">NOTIFICATION CHANNELS</text><text x="48" y="55.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Email</text><text x="48" y="83.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Push notifications</text><text x="48" y="104.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">On devices where you are signed in.</text><text x="48" y="134.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Weekly digest</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="162.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Text messages</text><rect x="20" y="146.8" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="147.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g><text x="29" y="189.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Sent to your work account.</text><rect x="20" y="40.4" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="40.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg4cp8)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg4svgic9"><rect x="23" y="43.4" width="14" height="14"/></clipPath><g clip-path="url(#svgimg4svgic9)"><g transform="translate(23 43.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="68.4" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="68.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg4cp10)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg4svgic11"><rect x="23" y="71.4" width="14" height="14"/></clipPath><g clip-path="url(#svgimg4svgic11)"><g transform="translate(23 71.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="118.8" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="119.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g></g></g></g><text x="16" y="283" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Horizontal, Compact, with an Error</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="293" width="400" height="105"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 293)"><defs><clipPath id="svgimg7fln0" clip-rule="evenodd"><path d="M0 0h400v105H0Zm20 20h96.6v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg7ct1"><rect x="20" y="20" width="96.6" height="14.4"/></clipPath><clipPath id="svgimg7ct2"><rect x="45" y="40.4" width="46.7" height="17.4"/></clipPath><clipPath id="svgimg7ct3"><rect x="140.7" y="40.4" width="58.7" height="17.4"/></clipPath><clipPath id="svgimg7ct4"><rect x="248.4" y="40.4" width="34.3" height="17.4"/></clipPath><clipPath id="svgimg7ct5"><rect x="20" y="65.4" width="360" height="19.2"/></clipPath></defs><g clip-path="url(#svgimg7fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">PLATFORMS</text><text x="45" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">macOS</text><text x="140.72" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Windows</text><text x="248.41" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Linux</text><text x="29" y="79.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(194,11,32)">Choose a platform.</text><rect x="20" y="40.4" width="18" height="18" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><rect x="115.7" y="40.4" width="18" height="18" rx="3" fill="rgb(255,255,255)"/><rect x="116.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><rect x="223.4" y="40.4" width="18" height="18" rx="3" fill="rgb(255,255,255)"/><rect x="223.5" y="40.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/></g></g></g></g></svg>
package/docs/design/templates/checkbox.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 604" width="432" height="604"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="146"/></clipPath><clipPath id="cp1"><rect x="16" y="222" width="400" height="116"/></clipPath><clipPath id="cp2"><rect x="16" y="376" width="400" height="90"/></clipPath><clipPath id="cp3"><rect x="16" y="504" width="400" height="84"/></clipPath><clipPath id="ct4"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc5"><rect x="16" y="38" width="400" height="146" rx="0"/></clipPath><clipPath id="ct7"><rect x="16" y="200" width="400" height="22"/></clipPath><clipPath id="irc8"><rect x="16" y="222" width="400" height="116" rx="0"/></clipPath><clipPath id="ct10"><rect x="16" y="354" width="400" height="22"/></clipPath><clipPath id="irc11"><rect x="16" y="376" width="400" height="90" rx="0"/></clipPath><clipPath id="ct13"><rect x="16" y="482" width="400" height="22"/></clipPath><clipPath id="irc14"><rect x="16" y="504" width="400" height="84" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="604" 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)">Checked, Unchecked, and Disabled</text><g clip-path="url(#cp0)"><g clip-path="url(#irc5)"><clipPath id="svgimg6vclip"><rect x="16" y="38" width="400" height="146"/></clipPath><g clip-path="url(#svgimg6vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg6ct0"><rect x="48" y="20" width="126.1" height="19.6"/></clipPath><clipPath id="svgimg6ct1"><rect x="48" y="48" width="122" height="19.6"/></clipPath><clipPath id="svgimg6ct2"><rect x="20" y="75" width="360" height="22.4"/></clipPath><clipPath id="svgimg6ct3"><rect x="48" y="105.4" width="106.7" height="19.6"/></clipPath><clipPath id="svgimg6cp4"><rect x="23" y="108" width="14" height="14.4"/></clipPath><clipPath id="svgimg6cp6"><rect x="23" y="23" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Include in release</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Email summaries</text><text x="48" y="91" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Sent every Monday morning.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="120.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Locked setting</text><rect x="20" y="105.4" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="105.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg6cp4)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg6svgic5"><rect x="23" y="108.4" width="14" height="14"/></clipPath><g clip-path="url(#svgimg6svgic5)"><g transform="translate(23 108.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg6cp6)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg6svgic7"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgimg6svgic7)"><g transform="translate(23 23)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g></g></g></g><text x="16" y="212" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Mixed Parent</text><g clip-path="url(#cp1)"><g clip-path="url(#irc8)"><clipPath id="svgimg9vclip"><rect x="16" y="222" width="400" height="116"/></clipPath><g clip-path="url(#svgimg9vclip)"><g transform="translate(16 222)"><defs><clipPath id="svgimg9ct0"><rect x="48" y="20" width="60.3" height="19.6"/></clipPath><clipPath id="svgimg9ct1"><rect x="48" y="48" width="101.6" height="19.6"/></clipPath><clipPath id="svgimg9ct2"><rect x="48" y="76" width="92.7" height="19.6"/></clipPath><clipPath id="svgimg9cp3"><rect x="23" y="23" width="14" height="14"/></clipPath><clipPath id="svgimg9cp5"><rect x="23" y="51" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">All tasks</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Design review</text><text x="48" y="91.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Build release</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg9cp3)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg9svgic4"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgimg9svgic4)"><g transform="translate(23 23)scale(.58333)"><path d="M5 12h14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg9cp5)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg9svgic6"><rect x="23" y="51" width="14" height="14"/></clipPath><g clip-path="url(#svgimg9svgic6)"><g transform="translate(23 51)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="76" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="76.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g></g></g></g><text x="16" y="366" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Required with an Error</text><g clip-path="url(#cp2)"><g clip-path="url(#irc11)"><clipPath id="svgimg12vclip"><rect x="16" y="376" width="400" height="90"/></clipPath><g clip-path="url(#svgimg12vclip)"><g transform="translate(16 376)"><defs><clipPath id="svgimg12ct0"><rect x="48" y="20" width="187.9" height="19.6"/></clipPath><clipPath id="svgimg12ct1"><rect x="20" y="47" width="360" height="22.4"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">I accept the release terms</text><text x="48" y="63" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,11,32)">Accept the terms to continue.</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/></g></g></g></g><text x="16" y="494" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact</text><g clip-path="url(#cp3)"><g clip-path="url(#irc14)"><clipPath id="svgimg15vclip"><rect x="16" y="504" width="400" height="84"/></clipPath><g clip-path="url(#svgimg15vclip)"><g transform="translate(16 504)"><defs><clipPath id="svgimg15ct0"><rect x="45" y="20" width="94.3" height="17.4"/></clipPath><clipPath id="svgimg15ct1"><rect x="45" y="46" width="77.3" height="17.4"/></clipPath><clipPath id="svgimg15cp2"><rect x="23" y="23" width="12" height="12"/></clipPath></defs><text x="45" y="33.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Show archived</text><text x="45" y="59.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Show drafts</text><rect x="20" y="20" width="18" height="18" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg15cp2)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg15svgic3"><rect x="23" y="23" width="12" height="12"/></clipPath><g clip-path="url(#svgimg15svgic3)"><g transform="matrix(.5 0 0 .5 23 23)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="46" width="18" height="18" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="46.5" width="17" height="17" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 604" width="432" height="604"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="146"/></clipPath><clipPath id="cp1"><rect x="16" y="222" width="400" height="116"/></clipPath><clipPath id="cp2"><rect x="16" y="376" width="400" height="90"/></clipPath><clipPath id="cp3"><rect x="16" y="504" width="400" height="84"/></clipPath><clipPath id="ct4"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc5"><rect x="16" y="38" width="400" height="146" rx="0"/></clipPath><clipPath id="ct7"><rect x="16" y="200" width="400" height="22"/></clipPath><clipPath id="irc8"><rect x="16" y="222" width="400" height="116" rx="0"/></clipPath><clipPath id="ct10"><rect x="16" y="354" width="400" height="22"/></clipPath><clipPath id="irc11"><rect x="16" y="376" width="400" height="90" rx="0"/></clipPath><clipPath id="ct13"><rect x="16" y="482" width="400" height="22"/></clipPath><clipPath id="irc14"><rect x="16" y="504" width="400" height="84" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="604" 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)">Checked, Unchecked, and Disabled</text><g clip-path="url(#cp0)"><g clip-path="url(#irc5)"><clipPath id="svgimg6vclip"><rect x="16" y="38" width="400" height="146"/></clipPath><g clip-path="url(#svgimg6vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg6ct0"><rect x="48" y="20" width="126.1" height="19.6"/></clipPath><clipPath id="svgimg6ct1"><rect x="48" y="48" width="122" height="19.6"/></clipPath><clipPath id="svgimg6ct2"><rect x="20" y="68" width="360" height="22.4"/></clipPath><clipPath id="svgimg6ct3"><rect x="48" y="98.4" width="106.7" height="19.6"/></clipPath><clipPath id="svgimg6cp4"><rect x="23" y="101" width="14" height="14.4"/></clipPath><clipPath id="svgimg6cp6"><rect x="23" y="23" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Include in release</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Email summaries</text><text x="48" y="84" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Sent every Monday morning.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="113.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Locked setting</text><rect x="20" y="98.4" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="98.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg6cp4)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg6svgic5"><rect x="23" y="101.4" width="14" height="14"/></clipPath><g clip-path="url(#svgimg6svgic5)"><g transform="translate(23 101.39)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg6cp6)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg6svgic7"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgimg6svgic7)"><g transform="translate(23 23)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g></g></g></g><text x="16" y="212" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Mixed Parent</text><g clip-path="url(#cp1)"><g clip-path="url(#irc8)"><clipPath id="svgimg9vclip"><rect x="16" y="222" width="400" height="116"/></clipPath><g clip-path="url(#svgimg9vclip)"><g transform="translate(16 222)"><defs><clipPath id="svgimg9ct0"><rect x="48" y="20" width="60.3" height="19.6"/></clipPath><clipPath id="svgimg9ct1"><rect x="48" y="48" width="101.6" height="19.6"/></clipPath><clipPath id="svgimg9ct2"><rect x="48" y="76" width="92.7" height="19.6"/></clipPath><clipPath id="svgimg9cp3"><rect x="23" y="23" width="14" height="14"/></clipPath><clipPath id="svgimg9cp5"><rect x="23" y="51" width="14" height="14"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">All tasks</text><text x="48" y="63.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Design review</text><text x="48" y="91.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Build release</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg9cp3)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg9svgic4"><rect x="23" y="23" width="14" height="14"/></clipPath><g clip-path="url(#svgimg9svgic4)"><g transform="translate(23 23)scale(.58333)"><path d="M5 12h14" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="48" width="20" height="20" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="48.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg9cp5)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg9svgic6"><rect x="23" y="51" width="14" height="14"/></clipPath><g clip-path="url(#svgimg9svgic6)"><g transform="translate(23 51)scale(.58333)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="76" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="76.5" width="19" height="19" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g></g></g></g><text x="16" y="366" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Required with an Error</text><g clip-path="url(#cp2)"><g clip-path="url(#irc11)"><clipPath id="svgimg12vclip"><rect x="16" y="376" width="400" height="90"/></clipPath><g clip-path="url(#svgimg12vclip)"><g transform="translate(16 376)"><defs><clipPath id="svgimg12ct0"><rect x="48" y="20" width="187.9" height="19.6"/></clipPath><clipPath id="svgimg12ct1"><rect x="20" y="40" width="360" height="22.4"/></clipPath></defs><text x="48" y="35.41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">I accept the release terms</text><text x="48" y="56" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,11,32)">Accept the terms to continue.</text><rect x="20" y="20" width="20" height="20" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="19" height="19" rx="2.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/></g></g></g></g><text x="16" y="494" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact</text><g clip-path="url(#cp3)"><g clip-path="url(#irc14)"><clipPath id="svgimg15vclip"><rect x="16" y="504" width="400" height="84"/></clipPath><g clip-path="url(#svgimg15vclip)"><g transform="translate(16 504)"><defs><clipPath id="svgimg15ct0"><rect x="45" y="20" width="94.3" height="17.4"/></clipPath><clipPath id="svgimg15ct1"><rect x="45" y="46" width="77.3" height="17.4"/></clipPath><clipPath id="svgimg15cp2"><rect x="23" y="23" width="12" height="12"/></clipPath></defs><text x="45" y="33.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Show archived</text><text x="45" y="59.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Show drafts</text><rect x="20" y="20" width="18" height="18" rx="3" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="17" height="17" rx="2.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g clip-path="url(#svgimg15cp2)"><g color="rgb(255, 255, 255)"><clipPath id="svgimg15svgic3"><rect x="23" y="23" width="12" height="12"/></clipPath><g clip-path="url(#svgimg15svgic3)"><g transform="matrix(.5 0 0 .5 23 23)"><path d="M20 6 9 17l-5-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(255, 255, 255)" stroke-width="3px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="20" y="46" width="18" height="18" rx="3" fill="rgb(255,255,255)"/><rect x="20.5" y="46.5" width="17" height="17" rx="2.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g></g></g></g></svg>
package/docs/design/templates/color-picker/gray-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 470" width="380" height="470"><defs><clipPath id="ct0"><rect x="40" y="352.5" width="15.2" height="18"/></clipPath><clipPath id="cp1"><rect x="63.2" y="352.5" width="256.8" height="18"/></clipPath><clipPath id="ct2"><rect x="63.2" y="352.5" width="256.8" height="18"/></clipPath><clipPath id="ct3"><rect x="40" y="400.5" width="9.8" height="18"/></clipPath><clipPath id="cp4"><rect x="57.8" y="400.5" width="262.2" height="18"/></clipPath><clipPath id="ct5"><rect x="57.8" y="400.5" width="262.2" height="18"/></clipPath><clipPath id="cp6"><rect x="29" y="29" width="302" height="226.5"/></clipPath><clipPath id="ov7"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="cp8"><rect x="29" y="29" width="302" height="227"/></clipPath><clipPath id="cp10"><rect x="29" y="271.5" width="302" height="12"/></clipPath><clipPath id="ov11"><rect x="29" y="271.5" width="302" height="12" rx="6"/></clipPath><clipPath id="cp12"><rect x="29" y="271.5" width="302" height="12.5"/></clipPath><filter id="sh14" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="cp15"><rect x="29" y="302.5" width="102" height="26"/></clipPath><clipPath id="cp16"><rect x="111" y="307.5" width="16" height="16.5"/></clipPath><filter id="sh18" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="319" height="416" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><rect x="29" y="343.5" width="302" height="36" rx="6" fill="rgba(228,228,255,0.075)"/><rect x="29.5" y="344.5" width="301" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="367.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(174,174,178)">W</text><g clip-path="url(#cp1)"><g clip-path="url(#ct2)"><text x="300.67" y="367.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">42</text></g></g><rect x="29" y="391.5" width="302" height="36" rx="6" fill="rgba(228,228,255,0.075)"/><rect x="29.5" y="392.5" width="301" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="415.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(174,174,178)">#</text><g clip-path="url(#cp4)"><g clip-path="url(#ct5)"><text x="57.77" y="413.5" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(245,245,247)">6B6B6B</text></g></g><g clip-path="url(#cp6)"><g clip-path="url(#ov7)"/><g clip-path="url(#ov7)"><g clip-path="url(#cp8)"><g color="rgb(245, 245, 247)"><clipPath id="svgic9"><rect x="29" y="29" width="302" height="226.5"/></clipPath><g clip-path="url(#svgic9)"><g transform="matrix(3.02 0 0 2.265 29 29)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><linearGradient id="svgscope0-dt-area-hue" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#fff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="hsl(0 100% 50%)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient><linearGradient id="svgscope0-dt-area-dark" x1="0" y1="1" x2="0" y2="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#000" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><rect width="100" height="100" fill="url(#svgscope0-dt-area-hue)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect width="100" height="100" fill="url(#svgscope0-dt-area-dark)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g><g clip-path="url(#cp10)"><g clip-path="url(#ov11)"/><g clip-path="url(#ov11)"><g clip-path="url(#cp12)"><g color="rgb(245, 245, 247)"><clipPath id="svgic13"><rect x="29" y="271.5" width="302" height="12"/></clipPath><g clip-path="url(#svgic13)"><g transform="matrix(1.00667 0 0 1 29 271.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgscope0-dt-hue-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgscope0-dt-hue" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#f00" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.16666666666666666" stop-color="#ff0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.3333333333333333" stop-color="#0f0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.5" stop-color="#0ff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.6666666666666666" stop-color="#00f" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="0.8333333333333334" stop-color="#f0f" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#f00" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgscope0-dt-hue-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgscope0-dt-hue-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgscope0-dt-hue)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g><rect x="29" y="268.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.5)" filter="url(#sh14)"/><rect x="28" y="266.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.2)"/><rect x="29" y="267.5" width="20" height="20" rx="10" fill="rgb(255,0,0)"/><rect x="30.5" y="269.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#cp15)"><text x="33" y="321.5" font-size="16" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-weight="500" fill="rgb(245, 245, 247)">Grayscale</text></g><g clip-path="url(#cp16)"><g color="rgb(245, 245, 247)"><clipPath id="svgic17"><rect x="111" y="307.5" width="16" height="16"/></clipPath><g clip-path="url(#svgic17)"><g transform="translate(111 307.5)scale(.66667)"><path d="m7 15 5 5 5-5" 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="m7 9 5-5 5 5" 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 style="isolation:isolate"><rect x="21" y="153.5" width="16" height="16" rx="8" fill="rgba(0,0,0,0.5)" filter="url(#sh18)"/><rect x="20" y="151.5" width="18" height="18" rx="9" fill="rgba(0,0,0,0.3)"/><rect x="21" y="152.5" width="16" height="16" rx="8" fill="rgb(107,107,107)"/><rect x="22" y="153" width="14" height="14" rx="7" fill="none" stroke="rgb(255,255,255)" stroke-width="2"/></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 470" width="380" height="470"><defs><clipPath id="ct0"><rect x="40" y="352.5" width="15.2" height="18"/></clipPath><clipPath id="cp1"><rect x="63.2" y="352.5" width="256.8" height="18"/></clipPath><clipPath id="ct2"><rect x="63.2" y="352.5" width="256.8" height="18"/></clipPath><clipPath id="ct3"><rect x="40" y="400.5" width="9.8" height="18"/></clipPath><clipPath id="cp4"><rect x="57.8" y="400.5" width="262.2" height="18"/></clipPath><clipPath id="ct5"><rect x="57.8" y="400.5" width="262.2" height="18"/></clipPath><clipPath id="ishc6"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="cp7"><rect x="29" y="29" width="302" height="226.5"/></clipPath><clipPath id="ov8"><rect x="29" y="29" width="302" height="226.5" rx="12"/></clipPath><clipPath id="cp9"><rect x="29" y="29" width="302" height="227"/></clipPath><clipPath id="cp11"><rect x="29" y="271.5" width="302" height="12"/></clipPath><clipPath id="ov12"><rect x="29" y="271.5" width="302" height="12" rx="6"/></clipPath><clipPath id="cp13"><rect x="29" y="271.5" width="302" height="12.5"/></clipPath><filter id="sh15" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="cp16"><rect x="29" y="302.5" width="102" height="26"/></clipPath><clipPath id="cp17"><rect x="111" y="307.5" width="16" height="16.5"/></clipPath><filter id="sh19" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="319" height="416" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><rect x="29" y="343.5" width="302" height="36" rx="6" fill="rgba(228,228,255,0.075)"/><rect x="29.5" y="344.5" width="301" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="367.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(174,174,178)">W</text><g clip-path="url(#cp1)"><g clip-path="url(#ct2)"><text x="300.67" y="367.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">42</text></g></g><rect x="29" y="391.5" width="302" height="36" rx="6" fill="rgba(228,228,255,0.075)"/><rect x="29.5" y="392.5" width="301" height="35" rx="5.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="40" y="415.5" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(174,174,178)">#</text><g clip-path="url(#cp4)"><g clip-path="url(#ct5)"><text x="57.77" y="413.5" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(245,245,247)">6B6B6B</text></g></g><g clip-path="url(#ishc6)"><path d="M25 25h310v234.5H25zm16 5h278a11 11 0 0 1 11 11v202.5a11 11 0 0 1-11 11H41a11 11 0 0 1-11-11V41a11 11 0 0 1 11-11" fill="rgba(245,245,247,0.5)" fill-rule="evenodd"/></g><g clip-path="url(#cp7)"><g clip-path="url(#ov8)"/><g clip-path="url(#ov8)"><g clip-path="url(#cp9)"><g color="rgb(245, 245, 247)"><clipPath id="svgic10"><rect x="29" y="29" width="302" height="226.5"/></clipPath><g clip-path="url(#svgic10)"><g transform="matrix(3.02 0 0 2.265 29 29)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><linearGradient id="svgscope0-dt-area-hue" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#fff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="hsl(0 100% 50%)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient><linearGradient id="svgscope0-dt-area-dark" x1="0" y1="1" x2="0" y2="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#000" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><rect width="100" height="100" fill="url(#svgscope0-dt-area-hue)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect width="100" height="100" fill="url(#svgscope0-dt-area-dark)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g><rect x="29.5" y="29.5" width="301" height="226" rx="11.5" fill="none" stroke="rgba(245,245,247,0.5)" stroke-width="1"/><g clip-path="url(#cp11)"><g clip-path="url(#ov12)"/><g clip-path="url(#ov12)"><g clip-path="url(#cp13)"><g color="rgb(245, 245, 247)"><clipPath id="svgic14"><rect x="29" y="271.5" width="302" height="12"/></clipPath><g clip-path="url(#svgic14)"><g transform="matrix(1.00667 0 0 1 29 271.5)"><defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><clipPath id="svgscope0-dt-channel-0-clip" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><rect width="300" height="12" rx="6" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/></clipPath><linearGradient id="svgscope0-dt-channel-0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"><stop offset="0" stop-color="#000000" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/><stop offset="1" stop-color="#ffffff" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></linearGradient></defs><g clip-path="url(#svgscope0-dt-channel-0-clip)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb;clip-path:url(#svgscope0-dt-channel-0-clip)"/><rect width="300" height="12" rx="6" fill="url(#svgscope0-dt-channel-0)" stroke="none" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" fill-opacity="1" opacity="1" x="0" y="0" style="marker:none;vector-effect:none;color-interpolation:srgb"/><rect class="dt-picker-track-edge" x="0.5" y="0.5" width="299" height="11" rx="5.5" fill="none" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(245, 245, 247)" stroke-width="1px" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="0.5" fill-opacity="1" opacity="1"/></g></g></g></g></g></g><rect x="147.4" y="268.5" width="20" height="20" rx="10" fill="rgba(0,0,0,0.5)" filter="url(#sh15)"/><rect x="146.4" y="266.5" width="22" height="22" rx="11" fill="rgba(0,0,0,0.6)"/><rect x="147.4" y="267.5" width="20" height="20" rx="10" fill="rgb(107,107,107)"/><rect x="148.5" y="269.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(255,255,255)" stroke-width="3"/><g clip-path="url(#cp16)"><text x="33" y="321.5" font-size="16" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-weight="500" fill="rgb(245, 245, 247)">Grayscale</text></g><g clip-path="url(#cp17)"><g color="rgb(245, 245, 247)"><clipPath id="svgic18"><rect x="111" y="307.5" width="16" height="16"/></clipPath><g clip-path="url(#svgic18)"><g transform="translate(111 307.5)scale(.66667)"><path d="m7 15 5 5 5-5" 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="m7 9 5-5 5 5" 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 style="isolation:isolate"><rect x="21" y="153.5" width="16" height="16" rx="8" fill="rgba(0,0,0,0.5)" filter="url(#sh19)"/><rect x="20" y="151.5" width="18" height="18" rx="9" fill="rgba(0,0,0,0.6)"/><rect x="21" y="152.5" width="16" height="16" rx="8" fill="rgb(107,107,107)"/><rect x="22" y="153" width="14" height="14" rx="7" fill="none" stroke="rgb(255,255,255)" stroke-width="2"/></g></svg>