@kerfjs/ui 5.0.0-beta.110 → 5.0.0-beta.111

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 (158) hide show
  1. package/README.md +1 -0
  2. package/ai/component-catalog.json +9 -2
  3. package/ai/component-composition.json +8 -1
  4. package/ai/components/button.md +5 -2
  5. package/ai/components/surface-scaffold.md +3 -0
  6. package/ai/public-api-signatures-v1.md +86 -39
  7. package/ai/skill.md +4 -0
  8. package/ai/webawesome-jsx-signatures-v1.md +1 -1
  9. package/dist/backdrop-image.d.ts +8 -0
  10. package/dist/backdrop-image.js +1 -1
  11. package/dist/browser/content-item.js +1 -0
  12. package/dist/button.d.ts +4 -2
  13. package/dist/button.js +1 -1
  14. package/dist/catalog-resources.d.ts +2 -1
  15. package/dist/catalog.d.ts +2 -1
  16. package/dist/catalog.js +2 -1
  17. package/dist/catalog.js.map +1 -1
  18. package/dist/{chunk-P7EJ4CAD.js → chunk-ETFP7HAR.js} +2 -2
  19. package/dist/{chunk-P7EJ4CAD.js.map → chunk-ETFP7HAR.js.map} +1 -1
  20. package/dist/{chunk-SOFPUW3O.js → chunk-IIQ2XIMU.js} +4 -3
  21. package/dist/chunk-IIQ2XIMU.js.map +1 -0
  22. package/dist/chunk-IRC5N7FA.js +16 -0
  23. package/dist/chunk-IRC5N7FA.js.map +1 -0
  24. package/dist/{chunk-SQ5DH66U.js → chunk-ITENVZ6Q.js} +2 -15
  25. package/dist/chunk-ITENVZ6Q.js.map +1 -0
  26. package/dist/{chunk-WSEJ2FDE.js → chunk-OUCHU7JB.js} +2 -2
  27. package/dist/{chunk-WSEJ2FDE.js.map → chunk-OUCHU7JB.js.map} +1 -1
  28. package/dist/{chunk-KPINJHIC.js → chunk-PS24PVR6.js} +3 -1
  29. package/dist/chunk-PS24PVR6.js.map +1 -0
  30. package/dist/{chunk-SCDWURBO.js → chunk-SOBRGH7T.js} +18 -3
  31. package/dist/chunk-SOBRGH7T.js.map +1 -0
  32. package/dist/{chunk-6CDILXF4.js → chunk-VGECEXM6.js} +11 -2
  33. package/dist/chunk-VGECEXM6.js.map +1 -0
  34. package/dist/chunk-WD6KABEU.js +200 -0
  35. package/dist/chunk-WD6KABEU.js.map +1 -0
  36. package/dist/{chunk-HQZG3OFL.js → chunk-XRZSK2WC.js} +3 -2
  37. package/dist/chunk-XRZSK2WC.js.map +1 -0
  38. package/dist/{chunk-CPSGUGAY.js → chunk-YPAQFBMN.js} +4 -4
  39. package/dist/{chunk-CPSGUGAY.js.map → chunk-YPAQFBMN.js.map} +1 -1
  40. package/dist/collapsible-panel.d.ts +1 -0
  41. package/dist/collapsible-panel.js +3 -2
  42. package/dist/collapsible-panel.js.map +1 -1
  43. package/dist/content-item.d.ts +44 -2
  44. package/dist/content-item.js +4 -1
  45. package/dist/index.d.ts +3 -2
  46. package/dist/index.js +6 -5
  47. package/dist/list-detail-dialog.d.ts +2 -1
  48. package/dist/list-detail-dialog.js +4 -3
  49. package/dist/list-detail-dialog.js.map +1 -1
  50. package/dist/{nav-stack-CU_0dKtI.d.ts → nav-stack-CrZF95VO.d.ts} +2 -1
  51. package/dist/nav-stack.d.ts +2 -1
  52. package/dist/nav-stack.js +2 -1
  53. package/dist/pane.d.ts +3 -23
  54. package/dist/pane.js +2 -1
  55. package/dist/split-view.d.ts +2 -1
  56. package/dist/split-view.js +2 -1
  57. package/dist/styles/backdrop-image.css +18 -1
  58. package/dist/styles/components/surfaces/backdrop-image/backdrop-image.css +18 -1
  59. package/dist/styles/components/surfaces/content-item/content-item.css +52 -0
  60. package/dist/styles/components/surfaces/surface-scaffold/surface-scaffold.css +9 -1
  61. package/dist/styles/content-item.css +3 -168
  62. package/dist/styles/foundation.css +4 -4
  63. package/dist/styles/surface-scaffold.css +9 -1
  64. package/dist/styles/webawesome.css +2 -2
  65. package/dist/surface-scaffold.d.ts +6 -2
  66. package/dist/surface-scaffold.js +1 -1
  67. package/dist/surface-tint-DQgYCaP9.d.ts +25 -0
  68. package/dist/tab-navigator.d.ts +2 -1
  69. package/dist/tab-navigator.js +2 -1
  70. package/dist/tab-navigator.js.map +1 -1
  71. package/dist/toolbar.d.ts +1 -0
  72. package/dist/wire-catalog.d.ts +2 -1
  73. package/dist/wire-content-items.js +62 -0
  74. package/dist/wire-content-items.js.map +1 -1
  75. package/dist/workbench-dialog.d.ts +2 -1
  76. package/dist/workbench-dialog.js +3 -2
  77. package/dist/workbench-dialog.js.map +1 -1
  78. package/dist/workbench.d.ts +2 -1
  79. package/dist/workbench.js +2 -1
  80. package/docs/accessibility.md +6 -0
  81. package/docs/backdrop-image.md +4 -0
  82. package/docs/button.md +15 -0
  83. package/docs/component-contract.md +7 -0
  84. package/docs/component-selection.md +1 -1
  85. package/docs/design/templates/button/emphasis-dark.svg +1 -1
  86. package/docs/design/templates/button-dark.svg +1 -1
  87. package/docs/design/templates/checkbox/error-dark.svg +1 -1
  88. package/docs/design/templates/checkbox/states.svg +1 -1
  89. package/docs/design/templates/checkbox-dark.svg +1 -1
  90. package/docs/design/templates/checkbox-group/horizontal-dark.svg +1 -1
  91. package/docs/design/templates/checkbox-group/vertical.svg +1 -1
  92. package/docs/design/templates/checkbox-group-dark.svg +1 -1
  93. package/docs/design/templates/checkbox-group.svg +1 -1
  94. package/docs/design/templates/checkbox.svg +1 -1
  95. package/docs/design/templates/choice-chips/color-palette-dark.svg +1 -1
  96. package/docs/design/templates/choice-chips-dark.svg +1 -1
  97. package/docs/design/templates/color-field/error-dark.svg +1 -1
  98. package/docs/design/templates/color-field/hint.svg +1 -1
  99. package/docs/design/templates/color-field-dark.svg +1 -1
  100. package/docs/design/templates/color-field.svg +1 -1
  101. package/docs/design/templates/color-picker/gray.svg +1 -1
  102. package/docs/design/templates/color-picker/hsb.svg +1 -1
  103. package/docs/design/templates/color-picker/rgb.svg +1 -1
  104. package/docs/design/templates/color-picker.svg +1 -1
  105. package/docs/design/templates/color-swatches/palette-dark.svg +1 -1
  106. package/docs/design/templates/color-swatches-dark.svg +1 -1
  107. package/docs/design/templates/disclosure/embedded.svg +1 -1
  108. package/docs/design/templates/disclosure/framed-sunken.svg +1 -1
  109. package/docs/design/templates/disclosure/plain.svg +1 -1
  110. package/docs/design/templates/disclosure.svg +1 -1
  111. package/docs/design/templates/message-composer/chat.svg +1 -1
  112. package/docs/design/templates/message-composer.svg +1 -1
  113. package/docs/design/templates/progress-bar/determinate.svg +1 -1
  114. package/docs/design/templates/progress-bar/tones.svg +1 -1
  115. package/docs/design/templates/progress-bar.svg +1 -1
  116. package/docs/design/templates/radio-group/horizontal-dark.svg +1 -1
  117. package/docs/design/templates/radio-group/vertical.svg +1 -1
  118. package/docs/design/templates/radio-group-dark.svg +1 -1
  119. package/docs/design/templates/radio-group.svg +1 -1
  120. package/docs/design/templates/search-field/empty.svg +1 -1
  121. package/docs/design/templates/search-field/tokens.svg +1 -1
  122. package/docs/design/templates/search-field.svg +1 -1
  123. package/docs/design/templates/select/form.svg +1 -1
  124. package/docs/design/templates/select.svg +1 -1
  125. package/docs/design/templates/slider/compact.svg +1 -1
  126. package/docs/design/templates/slider/readout.svg +1 -1
  127. package/docs/design/templates/slider/ticks.svg +1 -1
  128. package/docs/design/templates/slider.svg +1 -1
  129. package/docs/design/templates/switch/states.svg +1 -1
  130. package/docs/design/templates/switch.svg +1 -1
  131. package/docs/design/templates/tag-field/error-dark.svg +1 -1
  132. package/docs/design/templates/tag-field/error.svg +1 -1
  133. package/docs/design/templates/tag-field/tags.svg +1 -1
  134. package/docs/design/templates/tag-field-dark.svg +1 -1
  135. package/docs/design/templates/tag-field.svg +1 -1
  136. package/docs/design/templates/text-field/error-dark.svg +1 -1
  137. package/docs/design/templates/text-field/labeled.svg +1 -1
  138. package/docs/design/templates/text-field/multiline.svg +1 -1
  139. package/docs/design/templates/text-field/search.svg +1 -1
  140. package/docs/design/templates/text-field-dark.svg +1 -1
  141. package/docs/design/templates/text-field.svg +1 -1
  142. package/docs/design/templates/toolbar-control-group/icon-tile-danger-dark.svg +1 -1
  143. package/docs/design/templates/toolbar-control-group-dark.svg +1 -1
  144. package/docs/design/templates.md +3 -1
  145. package/docs/layout.md +25 -0
  146. package/docs/manual-test-plan.md +27 -1
  147. package/docs/recipes.md +9 -0
  148. package/docs/surface-scaffold.md +4 -1
  149. package/llms.txt +3 -0
  150. package/package.json +1 -1
  151. package/dist/chunk-5USKCWGL.js +0 -113
  152. package/dist/chunk-5USKCWGL.js.map +0 -1
  153. package/dist/chunk-6CDILXF4.js.map +0 -1
  154. package/dist/chunk-HQZG3OFL.js.map +0 -1
  155. package/dist/chunk-KPINJHIC.js.map +0 -1
  156. package/dist/chunk-SCDWURBO.js.map +0 -1
  157. package/dist/chunk-SOFPUW3O.js.map +0 -1
  158. package/dist/chunk-SQ5DH66U.js.map +0 -1
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="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>
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(100,100,105)">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/choice-chips/color-palette-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 136" width="600" height="136"><defs><clipPath id="cp0"><rect x="51" y="29" width="79.6" height="14"/></clipPath><clipPath id="ct1"><rect x="51" y="29" width="79.6" height="14"/></clipPath><clipPath id="ishc2"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="ishc3"><rect x="152.6" y="21" width="71" height="30" rx="15"/></clipPath><clipPath id="ishc4"><rect x="164.6" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="cp5"><rect x="182.6" y="29" width="29" height="14"/></clipPath><clipPath id="ct6"><rect x="182.6" y="29" width="29" height="14"/></clipPath><clipPath id="ishc7"><rect x="245.6" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="cp8"><rect x="263.6" y="29" width="39.8" height="14"/></clipPath><clipPath id="ct9"><rect x="263.6" y="29" width="39.8" height="14"/></clipPath><clipPath id="ishc10"><rect x="337.4" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="cp11"><rect x="355.4" y="29" width="48.6" height="14"/></clipPath><clipPath id="ct12"><rect x="355.4" y="29" width="48.6" height="14"/></clipPath><clipPath id="ishc13"><rect x="438" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="cp14"><rect x="456" y="29" width="25.6" height="14"/></clipPath><clipPath id="ct15"><rect x="456" y="29" width="25.6" height="14"/></clipPath><clipPath id="ishc16"><rect x="33" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="cp17"><rect x="51" y="69" width="42.8" height="14"/></clipPath><clipPath id="ct18"><rect x="51" y="69" width="42.8" height="14"/></clipPath><clipPath id="ishc19"><rect x="127.8" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="cp20"><rect x="145.8" y="69" width="28.4" height="14"/></clipPath><clipPath id="ct21"><rect x="145.8" y="69" width="28.4" height="14"/></clipPath><clipPath id="ishc22"><rect x="208.2" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="cp23"><rect x="226.2" y="69" width="26.8" height="14"/></clipPath><clipPath id="ct24"><rect x="226.2" y="69" width="26.8" height="14"/></clipPath><clipPath id="ishc25"><rect x="287" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="cp26"><rect x="305" y="69" width="31" height="14"/></clipPath><clipPath id="ct27"><rect x="305" y="69" width="31" height="14"/></clipPath></defs><rect x="20" y="20" width="123.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="20.5" width="123" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#cp0)"><g clip-path="url(#ct1)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Transparent</text></g></g><g clip-path="url(#ishc2)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(250,250,255,0.32)" fill-rule="evenodd"/></g><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g transform="rotate(45 33.636 80.28)scale(.15686 1.2549)"><rect x="34.2" y="31.2" width="9.6" height="9.6" rx="1" ry="1" fill="rgb(255, 105, 108)"/></g></g><rect x="151.6" y="20" width="73" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#ishc3)"><path d="M148.6 17h79v38h-79zm19 5h41a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-41a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="152.5" y="20.5" width="72" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="164.6" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#ishc4)"><path d="M160.6 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="182.58" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(138,203,255)">Blue</text></g></g><rect x="232.6" y="20" width="83.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="233.5" y="20.5" width="82" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="245.6" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#ishc7)"><path d="M241.6 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp8)"><g clip-path="url(#ct9)"><text x="263.61" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Green</text></g></g><rect x="324.4" y="20" width="92.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="324.5" y="20.5" width="92" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="337.4" y="30" width="12" height="12" rx="6" fill="rgb(249,115,22)"/><g clip-path="url(#ishc10)"><path d="M333.4 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp11)"><g clip-path="url(#ct12)"><text x="355.41" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Orange</text></g></g><rect x="425" y="20" width="69.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="425.5" y="20.5" width="69" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="438" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#ishc13)"><path d="M434 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp14)"><g clip-path="url(#ct15)"><text x="456.03" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Red</text></g></g><rect x="20" y="60" width="86.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="60.5" width="86" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="33" y="70" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#ishc16)"><path d="M29 66h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp17)"><g clip-path="url(#ct18)"><text x="51" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Purple</text></g></g><rect x="114.8" y="60" width="72.4" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="115.5" y="60.5" width="71" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="127.8" y="70" width="12" height="12" rx="6" fill="rgb(236,72,153)"/><g clip-path="url(#ishc19)"><path d="M123.8 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp20)"><g clip-path="url(#ct21)"><text x="145.84" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Pink</text></g></g><rect x="195.2" y="60" width="70.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="195.5" y="60.5" width="70" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="208.2" y="70" width="12" height="12" rx="6" fill="rgb(20,184,166)"/><g clip-path="url(#ishc22)"><path d="M204.2 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp23)"><g clip-path="url(#ct24)"><text x="226.22" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Teal</text></g></g><rect x="274" y="60" width="75" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="274.5" y="60.5" width="74" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="287" y="70" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#ishc25)"><path d="M283 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp26)"><g clip-path="url(#ct27)"><text x="305.05" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Gray</text></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 136" width="600" height="136"><defs><clipPath id="cp0"><rect x="51" y="29" width="79.6" height="14"/></clipPath><clipPath id="ct1"><rect x="51" y="29" width="79.6" height="14"/></clipPath><clipPath id="ishc2"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="ishc3"><rect x="152.6" y="21" width="71" height="30" rx="15"/></clipPath><clipPath id="ishc4"><rect x="164.6" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="cp5"><rect x="182.6" y="29" width="29" height="14"/></clipPath><clipPath id="ct6"><rect x="182.6" y="29" width="29" height="14"/></clipPath><clipPath id="ishc7"><rect x="245.6" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="cp8"><rect x="263.6" y="29" width="39.8" height="14"/></clipPath><clipPath id="ct9"><rect x="263.6" y="29" width="39.8" height="14"/></clipPath><clipPath id="ishc10"><rect x="337.4" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="cp11"><rect x="355.4" y="29" width="48.6" height="14"/></clipPath><clipPath id="ct12"><rect x="355.4" y="29" width="48.6" height="14"/></clipPath><clipPath id="ishc13"><rect x="438" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="cp14"><rect x="456" y="29" width="25.6" height="14"/></clipPath><clipPath id="ct15"><rect x="456" y="29" width="25.6" height="14"/></clipPath><clipPath id="ishc16"><rect x="33" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="cp17"><rect x="51" y="69" width="42.8" height="14"/></clipPath><clipPath id="ct18"><rect x="51" y="69" width="42.8" height="14"/></clipPath><clipPath id="ishc19"><rect x="127.8" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="cp20"><rect x="145.8" y="69" width="28.4" height="14"/></clipPath><clipPath id="ct21"><rect x="145.8" y="69" width="28.4" height="14"/></clipPath><clipPath id="ishc22"><rect x="208.2" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="cp23"><rect x="226.2" y="69" width="26.8" height="14"/></clipPath><clipPath id="ct24"><rect x="226.2" y="69" width="26.8" height="14"/></clipPath><clipPath id="ishc25"><rect x="287" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="cp26"><rect x="305" y="69" width="31" height="14"/></clipPath><clipPath id="ct27"><rect x="305" y="69" width="31" height="14"/></clipPath></defs><rect x="20" y="20" width="123.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="20.5" width="123" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#cp0)"><g clip-path="url(#ct1)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Transparent</text></g></g><g clip-path="url(#ishc2)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(250,250,255,0.32)" fill-rule="evenodd"/></g><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g transform="rotate(45 33.636 80.28)scale(.15686 1.2549)"><rect x="34.2" y="31.2" width="9.6" height="9.6" rx="1" ry="1" fill="rgb(255, 133, 136)"/></g></g><rect x="151.6" y="20" width="73" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#ishc3)"><path d="M148.6 17h79v38h-79zm19 5h41a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-41a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="152.5" y="20.5" width="72" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="164.6" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#ishc4)"><path d="M160.6 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="182.58" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(138,203,255)">Blue</text></g></g><rect x="232.6" y="20" width="83.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="233.5" y="20.5" width="82" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="245.6" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#ishc7)"><path d="M241.6 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp8)"><g clip-path="url(#ct9)"><text x="263.61" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Green</text></g></g><rect x="324.4" y="20" width="92.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="324.5" y="20.5" width="92" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="337.4" y="30" width="12" height="12" rx="6" fill="rgb(249,115,22)"/><g clip-path="url(#ishc10)"><path d="M333.4 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp11)"><g clip-path="url(#ct12)"><text x="355.41" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Orange</text></g></g><rect x="425" y="20" width="69.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="425.5" y="20.5" width="69" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="438" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#ishc13)"><path d="M434 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp14)"><g clip-path="url(#ct15)"><text x="456.03" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Red</text></g></g><rect x="20" y="60" width="86.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="60.5" width="86" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="33" y="70" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#ishc16)"><path d="M29 66h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp17)"><g clip-path="url(#ct18)"><text x="51" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Purple</text></g></g><rect x="114.8" y="60" width="72.4" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="115.5" y="60.5" width="71" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="127.8" y="70" width="12" height="12" rx="6" fill="rgb(236,72,153)"/><g clip-path="url(#ishc19)"><path d="M123.8 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp20)"><g clip-path="url(#ct21)"><text x="145.84" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Pink</text></g></g><rect x="195.2" y="60" width="70.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="195.5" y="60.5" width="70" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="208.2" y="70" width="12" height="12" rx="6" fill="rgb(20,184,166)"/><g clip-path="url(#ishc22)"><path d="M204.2 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp23)"><g clip-path="url(#ct24)"><text x="226.22" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Teal</text></g></g><rect x="274" y="60" width="75" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="274.5" y="60.5" width="74" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="287" y="70" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#ishc25)"><path d="M283 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#cp26)"><g clip-path="url(#ct27)"><text x="305.05" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Gray</text></g></g></svg>
package/docs/design/templates/choice-chips-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632 434" width="632" height="434"><defs><clipPath id="cp0"><rect x="16" y="38" width="600" height="136"/></clipPath><clipPath id="cp1"><rect x="16" y="212" width="600" height="80"/></clipPath><clipPath id="cp2"><rect x="16" y="330" width="600" height="88"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="600" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="600" height="136" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="190" width="600" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="212" width="600" height="80" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="308" width="600" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="330" width="600" height="88" rx="0"/></clipPath></defs><rect x="0" y="0" width="632" height="434" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Wrapping Color Palette</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="600" height="136"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5cp0"><rect x="51" y="29" width="79.6" height="14"/></clipPath><clipPath id="svgimg5ct1"><rect x="51" y="29" width="79.6" height="14"/></clipPath><clipPath id="svgimg5ishc2"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5ishc3"><rect x="152.6" y="21" width="71" height="30" rx="15"/></clipPath><clipPath id="svgimg5ishc4"><rect x="164.6" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp5"><rect x="182.6" y="29" width="29" height="14"/></clipPath><clipPath id="svgimg5ct6"><rect x="182.6" y="29" width="29" height="14"/></clipPath><clipPath id="svgimg5ishc7"><rect x="245.6" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp8"><rect x="263.6" y="29" width="39.8" height="14"/></clipPath><clipPath id="svgimg5ct9"><rect x="263.6" y="29" width="39.8" height="14"/></clipPath><clipPath id="svgimg5ishc10"><rect x="337.4" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp11"><rect x="355.4" y="29" width="48.6" height="14"/></clipPath><clipPath id="svgimg5ct12"><rect x="355.4" y="29" width="48.6" height="14"/></clipPath><clipPath id="svgimg5ishc13"><rect x="438" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp14"><rect x="456" y="29" width="25.6" height="14"/></clipPath><clipPath id="svgimg5ct15"><rect x="456" y="29" width="25.6" height="14"/></clipPath><clipPath id="svgimg5ishc16"><rect x="33" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp17"><rect x="51" y="69" width="42.8" height="14"/></clipPath><clipPath id="svgimg5ct18"><rect x="51" y="69" width="42.8" height="14"/></clipPath><clipPath id="svgimg5ishc19"><rect x="127.8" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp20"><rect x="145.8" y="69" width="28.4" height="14"/></clipPath><clipPath id="svgimg5ct21"><rect x="145.8" y="69" width="28.4" height="14"/></clipPath><clipPath id="svgimg5ishc22"><rect x="208.2" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp23"><rect x="226.2" y="69" width="26.8" height="14"/></clipPath><clipPath id="svgimg5ct24"><rect x="226.2" y="69" width="26.8" height="14"/></clipPath><clipPath id="svgimg5ishc25"><rect x="287" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp26"><rect x="305" y="69" width="31" height="14"/></clipPath><clipPath id="svgimg5ct27"><rect x="305" y="69" width="31" height="14"/></clipPath></defs><rect x="20" y="20" width="123.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="20.5" width="123" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg5cp0)"><g clip-path="url(#svgimg5ct1)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Transparent</text></g></g><g clip-path="url(#svgimg5ishc2)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(250,250,255,0.32)" fill-rule="evenodd"/></g><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g transform="rotate(45 33.636 80.28)scale(.15686 1.2549)"><rect x="34.2" y="31.2" width="9.6" height="9.6" rx="1" ry="1" fill="rgb(255, 105, 108)"/></g></g><rect x="151.6" y="20" width="73" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg5ishc3)"><path d="M148.6 17h79v38h-79zm19 5h41a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-41a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="152.5" y="20.5" width="72" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="164.6" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#svgimg5ishc4)"><path d="M160.6 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp5)"><g clip-path="url(#svgimg5ct6)"><text x="182.58" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(138,203,255)">Blue</text></g></g><rect x="232.6" y="20" width="83.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="233.5" y="20.5" width="82" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="245.6" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#svgimg5ishc7)"><path d="M241.6 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp8)"><g clip-path="url(#svgimg5ct9)"><text x="263.61" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Green</text></g></g><rect x="324.4" y="20" width="92.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="324.5" y="20.5" width="92" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="337.4" y="30" width="12" height="12" rx="6" fill="rgb(249,115,22)"/><g clip-path="url(#svgimg5ishc10)"><path d="M333.4 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp11)"><g clip-path="url(#svgimg5ct12)"><text x="355.41" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Orange</text></g></g><rect x="425" y="20" width="69.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="425.5" y="20.5" width="69" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="438" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#svgimg5ishc13)"><path d="M434 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp14)"><g clip-path="url(#svgimg5ct15)"><text x="456.03" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Red</text></g></g><rect x="20" y="60" width="86.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="60.5" width="86" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="33" y="70" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#svgimg5ishc16)"><path d="M29 66h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp17)"><g clip-path="url(#svgimg5ct18)"><text x="51" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Purple</text></g></g><rect x="114.8" y="60" width="72.4" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="115.5" y="60.5" width="71" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="127.8" y="70" width="12" height="12" rx="6" fill="rgb(236,72,153)"/><g clip-path="url(#svgimg5ishc19)"><path d="M123.8 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp20)"><g clip-path="url(#svgimg5ct21)"><text x="145.84" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Pink</text></g></g><rect x="195.2" y="60" width="70.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="195.5" y="60.5" width="70" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="208.2" y="70" width="12" height="12" rx="6" fill="rgb(20,184,166)"/><g clip-path="url(#svgimg5ishc22)"><path d="M204.2 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp23)"><g clip-path="url(#svgimg5ct24)"><text x="226.22" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Teal</text></g></g><rect x="274" y="60" width="75" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="274.5" y="60.5" width="74" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="287" y="70" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#svgimg5ishc25)"><path d="M283 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp26)"><g clip-path="url(#svgimg5ct27)"><text x="305.05" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Gray</text></g></g></g></g></g></g><text x="16" y="202" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Compact with Icons</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="212" width="600" height="80"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 212)"><defs><clipPath id="svgimg8ishc0"><rect x="21" y="21" width="66.2" height="22" rx="11"/></clipPath><clipPath id="svgimg8cp1"><rect x="29" y="26" width="12" height="12"/></clipPath><clipPath id="svgimg8cp3"><rect x="45" y="26" width="34.2" height="12"/></clipPath><clipPath id="svgimg8ct4"><rect x="45" y="26" width="34.2" height="12"/></clipPath><clipPath id="svgimg8cp5"><rect x="105" y="26" width="12.2" height="12"/></clipPath><clipPath id="svgimg8cp7"><rect x="121.2" y="26" width="21" height="12"/></clipPath><clipPath id="svgimg8ct8"><rect x="121.2" y="26" width="21" height="12"/></clipPath></defs><rect x="20" y="20" width="68.2" height="24" rx="12" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg8ishc0)"><path d="M17 17h74.2v30H17zm15 5h44.2a10 10 0 0 1 10 10 10 10 0 0 1-10 10H32a10 10 0 0 1-10-10 10 10 0 0 1 10-10" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="20.5" y="20.5" width="67" height="23" rx="11.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg8cp1)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg8svgic2"><rect x="29" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg8svgic2)"><g transform="matrix(.5 0 0 .5 29 26)"><rect width="18" height="18" x="3" y="3" rx="2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M15 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg8cp3)"><g clip-path="url(#svgimg8ct4)"><text x="45" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="500" fill="rgb(138,203,255)">Board</text></g></g><rect x="96.2" y="20" width="55" height="24" rx="12" fill="rgb(28,28,30)"/><rect x="96.5" y="20.5" width="54" height="23" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg8cp5)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg8svgic6"><rect x="105.2" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg8svgic6)"><g transform="matrix(.5 0 0 .5 105.156 26)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg8cp7)"><g clip-path="url(#svgimg8ct8)"><text x="121.16" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="500" fill="rgb(245,245,247)">List</text></g></g></g></g></g></g><text x="16" y="320" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Multiple Selection</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="330" width="600" height="88"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 330)"><defs><clipPath id="svgimg11ishc0"><rect x="21" y="21" width="68" height="30" rx="15"/></clipPath><clipPath id="svgimg11ishc1"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp2"><rect x="51" y="29" width="26" height="14"/></clipPath><clipPath id="svgimg11ct3"><rect x="51" y="29" width="26" height="14"/></clipPath><clipPath id="svgimg11ishc4"><rect x="111" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp5"><rect x="129" y="29" width="50.3" height="14"/></clipPath><clipPath id="svgimg11ct6"><rect x="129" y="29" width="50.3" height="14"/></clipPath><clipPath id="svgimg11ishc7"><rect x="201.3" y="21" width="75.6" height="30" rx="15"/></clipPath><clipPath id="svgimg11ishc8"><rect x="213.3" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp9"><rect x="231.3" y="29" width="33.6" height="14"/></clipPath><clipPath id="svgimg11ct10"><rect x="231.3" y="29" width="33.6" height="14"/></clipPath><clipPath id="svgimg11ishc11"><rect x="298.9" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp12"><rect x="316.9" y="29" width="45.8" height="14"/></clipPath><clipPath id="svgimg11ct13"><rect x="316.9" y="29" width="45.8" height="14"/></clipPath><clipPath id="svgimg11ishc14"><rect x="396.7" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp15"><rect x="414.7" y="29" width="39.8" height="14"/></clipPath><clipPath id="svgimg11ct16"><rect x="414.7" y="29" width="39.8" height="14"/></clipPath></defs><rect x="20" y="20" width="70" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg11ishc0)"><path d="M17 17h76v38H17zm19 5h38a14 14 0 0 1 14 14 14 14 0 0 1-14 14H36a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="20.5" y="20.5" width="69" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="33" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#svgimg11ishc1)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp2)"><g clip-path="url(#svgimg11ct3)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(138,203,255)">Bug</text></g></g><rect x="98" y="20" width="94.3" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="98.5" y="20.5" width="93" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="111" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#svgimg11ishc4)"><path d="M107 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp5)"><g clip-path="url(#svgimg11ct6)"><text x="129" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Feature</text></g></g><rect x="200.3" y="20" width="77.6" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg11ishc7)"><path d="M197.3 17h83.6v38h-83.6zm19 5h45.6a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-45.6a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="200.5" y="20.5" width="77" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="213.3" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#svgimg11ishc8)"><path d="M209.3 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp9)"><g clip-path="url(#svgimg11ct10)"><text x="231.34" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(138,203,255)">Docs</text></g></g><rect x="285.9" y="20" width="89.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="286.5" y="20.5" width="89" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="298.9" y="30" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#svgimg11ishc11)"><path d="M294.9 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp12)"><g clip-path="url(#svgimg11ct13)"><text x="316.92" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Design</text></g></g><rect x="383.7" y="20" width="83.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="384.5" y="20.5" width="82" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="396.7" y="30" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#svgimg11ishc14)"><path d="M392.7 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp15)"><g clip-path="url(#svgimg11ct16)"><text x="414.67" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Chore</text></g></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632 434" width="632" height="434"><defs><clipPath id="cp0"><rect x="16" y="38" width="600" height="136"/></clipPath><clipPath id="cp1"><rect x="16" y="212" width="600" height="80"/></clipPath><clipPath id="cp2"><rect x="16" y="330" width="600" height="88"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="600" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="600" height="136" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="190" width="600" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="212" width="600" height="80" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="308" width="600" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="330" width="600" height="88" rx="0"/></clipPath></defs><rect x="0" y="0" width="632" height="434" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Wrapping Color Palette</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="600" height="136"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5cp0"><rect x="51" y="29" width="79.6" height="14"/></clipPath><clipPath id="svgimg5ct1"><rect x="51" y="29" width="79.6" height="14"/></clipPath><clipPath id="svgimg5ishc2"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5ishc3"><rect x="152.6" y="21" width="71" height="30" rx="15"/></clipPath><clipPath id="svgimg5ishc4"><rect x="164.6" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp5"><rect x="182.6" y="29" width="29" height="14"/></clipPath><clipPath id="svgimg5ct6"><rect x="182.6" y="29" width="29" height="14"/></clipPath><clipPath id="svgimg5ishc7"><rect x="245.6" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp8"><rect x="263.6" y="29" width="39.8" height="14"/></clipPath><clipPath id="svgimg5ct9"><rect x="263.6" y="29" width="39.8" height="14"/></clipPath><clipPath id="svgimg5ishc10"><rect x="337.4" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp11"><rect x="355.4" y="29" width="48.6" height="14"/></clipPath><clipPath id="svgimg5ct12"><rect x="355.4" y="29" width="48.6" height="14"/></clipPath><clipPath id="svgimg5ishc13"><rect x="438" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp14"><rect x="456" y="29" width="25.6" height="14"/></clipPath><clipPath id="svgimg5ct15"><rect x="456" y="29" width="25.6" height="14"/></clipPath><clipPath id="svgimg5ishc16"><rect x="33" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp17"><rect x="51" y="69" width="42.8" height="14"/></clipPath><clipPath id="svgimg5ct18"><rect x="51" y="69" width="42.8" height="14"/></clipPath><clipPath id="svgimg5ishc19"><rect x="127.8" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp20"><rect x="145.8" y="69" width="28.4" height="14"/></clipPath><clipPath id="svgimg5ct21"><rect x="145.8" y="69" width="28.4" height="14"/></clipPath><clipPath id="svgimg5ishc22"><rect x="208.2" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp23"><rect x="226.2" y="69" width="26.8" height="14"/></clipPath><clipPath id="svgimg5ct24"><rect x="226.2" y="69" width="26.8" height="14"/></clipPath><clipPath id="svgimg5ishc25"><rect x="287" y="70" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg5cp26"><rect x="305" y="69" width="31" height="14"/></clipPath><clipPath id="svgimg5ct27"><rect x="305" y="69" width="31" height="14"/></clipPath></defs><rect x="20" y="20" width="123.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="20.5" width="123" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg5cp0)"><g clip-path="url(#svgimg5ct1)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Transparent</text></g></g><g clip-path="url(#svgimg5ishc2)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(250,250,255,0.32)" fill-rule="evenodd"/></g><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g transform="rotate(45 33.636 80.28)scale(.15686 1.2549)"><rect x="34.2" y="31.2" width="9.6" height="9.6" rx="1" ry="1" fill="rgb(255, 133, 136)"/></g></g><rect x="151.6" y="20" width="73" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg5ishc3)"><path d="M148.6 17h79v38h-79zm19 5h41a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-41a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="152.5" y="20.5" width="72" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="164.6" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#svgimg5ishc4)"><path d="M160.6 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp5)"><g clip-path="url(#svgimg5ct6)"><text x="182.58" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(138,203,255)">Blue</text></g></g><rect x="232.6" y="20" width="83.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="233.5" y="20.5" width="82" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="245.6" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#svgimg5ishc7)"><path d="M241.6 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp8)"><g clip-path="url(#svgimg5ct9)"><text x="263.61" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Green</text></g></g><rect x="324.4" y="20" width="92.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="324.5" y="20.5" width="92" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="337.4" y="30" width="12" height="12" rx="6" fill="rgb(249,115,22)"/><g clip-path="url(#svgimg5ishc10)"><path d="M333.4 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp11)"><g clip-path="url(#svgimg5ct12)"><text x="355.41" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Orange</text></g></g><rect x="425" y="20" width="69.6" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="425.5" y="20.5" width="69" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="438" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#svgimg5ishc13)"><path d="M434 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp14)"><g clip-path="url(#svgimg5ct15)"><text x="456.03" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Red</text></g></g><rect x="20" y="60" width="86.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="20.5" y="60.5" width="86" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="33" y="70" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#svgimg5ishc16)"><path d="M29 66h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp17)"><g clip-path="url(#svgimg5ct18)"><text x="51" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Purple</text></g></g><rect x="114.8" y="60" width="72.4" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="115.5" y="60.5" width="71" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="127.8" y="70" width="12" height="12" rx="6" fill="rgb(236,72,153)"/><g clip-path="url(#svgimg5ishc19)"><path d="M123.8 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp20)"><g clip-path="url(#svgimg5ct21)"><text x="145.84" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Pink</text></g></g><rect x="195.2" y="60" width="70.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="195.5" y="60.5" width="70" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="208.2" y="70" width="12" height="12" rx="6" fill="rgb(20,184,166)"/><g clip-path="url(#svgimg5ishc22)"><path d="M204.2 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp23)"><g clip-path="url(#svgimg5ct24)"><text x="226.22" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Teal</text></g></g><rect x="274" y="60" width="75" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="274.5" y="60.5" width="74" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="287" y="70" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#svgimg5ishc25)"><path d="M283 66h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp26)"><g clip-path="url(#svgimg5ct27)"><text x="305.05" y="81" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Gray</text></g></g></g></g></g></g><text x="16" y="202" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Compact with Icons</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="212" width="600" height="80"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 212)"><defs><clipPath id="svgimg8ishc0"><rect x="21" y="21" width="66.2" height="22" rx="11"/></clipPath><clipPath id="svgimg8cp1"><rect x="29" y="26" width="12" height="12"/></clipPath><clipPath id="svgimg8cp3"><rect x="45" y="26" width="34.2" height="12"/></clipPath><clipPath id="svgimg8ct4"><rect x="45" y="26" width="34.2" height="12"/></clipPath><clipPath id="svgimg8cp5"><rect x="105" y="26" width="12.2" height="12"/></clipPath><clipPath id="svgimg8cp7"><rect x="121.2" y="26" width="21" height="12"/></clipPath><clipPath id="svgimg8ct8"><rect x="121.2" y="26" width="21" height="12"/></clipPath></defs><rect x="20" y="20" width="68.2" height="24" rx="12" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg8ishc0)"><path d="M17 17h74.2v30H17zm15 5h44.2a10 10 0 0 1 10 10 10 10 0 0 1-10 10H32a10 10 0 0 1-10-10 10 10 0 0 1 10-10" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="20.5" y="20.5" width="67" height="23" rx="11.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g clip-path="url(#svgimg8cp1)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg8svgic2"><rect x="29" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg8svgic2)"><g transform="matrix(.5 0 0 .5 29 26)"><rect width="18" height="18" x="3" y="3" rx="2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M15 3v18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg8cp3)"><g clip-path="url(#svgimg8ct4)"><text x="45" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="500" fill="rgb(138,203,255)">Board</text></g></g><rect x="96.2" y="20" width="55" height="24" rx="12" fill="rgb(28,28,30)"/><rect x="96.5" y="20.5" width="54" height="23" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg8cp5)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg8svgic6"><rect x="105.2" y="26" width="12" height="12"/></clipPath><g clip-path="url(#svgimg8svgic6)"><g transform="matrix(.5 0 0 .5 105.156 26)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg8cp7)"><g clip-path="url(#svgimg8ct8)"><text x="121.16" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="500" fill="rgb(245,245,247)">List</text></g></g></g></g></g></g><text x="16" y="320" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Multiple Selection</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="330" width="600" height="88"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 330)"><defs><clipPath id="svgimg11ishc0"><rect x="21" y="21" width="68" height="30" rx="15"/></clipPath><clipPath id="svgimg11ishc1"><rect x="33" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp2"><rect x="51" y="29" width="26" height="14"/></clipPath><clipPath id="svgimg11ct3"><rect x="51" y="29" width="26" height="14"/></clipPath><clipPath id="svgimg11ishc4"><rect x="111" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp5"><rect x="129" y="29" width="50.3" height="14"/></clipPath><clipPath id="svgimg11ct6"><rect x="129" y="29" width="50.3" height="14"/></clipPath><clipPath id="svgimg11ishc7"><rect x="201.3" y="21" width="75.6" height="30" rx="15"/></clipPath><clipPath id="svgimg11ishc8"><rect x="213.3" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp9"><rect x="231.3" y="29" width="33.6" height="14"/></clipPath><clipPath id="svgimg11ct10"><rect x="231.3" y="29" width="33.6" height="14"/></clipPath><clipPath id="svgimg11ishc11"><rect x="298.9" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp12"><rect x="316.9" y="29" width="45.8" height="14"/></clipPath><clipPath id="svgimg11ct13"><rect x="316.9" y="29" width="45.8" height="14"/></clipPath><clipPath id="svgimg11ishc14"><rect x="396.7" y="30" width="12" height="12" rx="6"/></clipPath><clipPath id="svgimg11cp15"><rect x="414.7" y="29" width="39.8" height="14"/></clipPath><clipPath id="svgimg11ct16"><rect x="414.7" y="29" width="39.8" height="14"/></clipPath></defs><rect x="20" y="20" width="70" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg11ishc0)"><path d="M17 17h76v38H17zm19 5h38a14 14 0 0 1 14 14 14 14 0 0 1-14 14H36a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="20.5" y="20.5" width="69" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="33" y="30" width="12" height="12" rx="6" fill="rgb(239,68,68)"/><g clip-path="url(#svgimg11ishc1)"><path d="M29 26h20v20H29zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp2)"><g clip-path="url(#svgimg11ct3)"><text x="51" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(138,203,255)">Bug</text></g></g><rect x="98" y="20" width="94.3" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="98.5" y="20.5" width="93" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="111" y="30" width="12" height="12" rx="6" fill="rgb(59,130,246)"/><g clip-path="url(#svgimg11ishc4)"><path d="M107 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp5)"><g clip-path="url(#svgimg11ct6)"><text x="129" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Feature</text></g></g><rect x="200.3" y="20" width="77.6" height="32" rx="16" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg11ishc7)"><path d="M197.3 17h83.6v38h-83.6zm19 5h45.6a14 14 0 0 1 14 14 14 14 0 0 1-14 14h-45.6a14 14 0 0 1-14-14 14 14 0 0 1 14-14" fill="rgb(100,210,255)" fill-rule="evenodd"/></g><rect x="200.5" y="20.5" width="77" height="31" rx="15.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><rect x="213.3" y="30" width="12" height="12" rx="6" fill="rgb(34,197,94)"/><g clip-path="url(#svgimg11ishc8)"><path d="M209.3 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp9)"><g clip-path="url(#svgimg11ct10)"><text x="231.34" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(138,203,255)">Docs</text></g></g><rect x="285.9" y="20" width="89.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="286.5" y="20.5" width="89" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="298.9" y="30" width="12" height="12" rx="6" fill="rgb(168,85,247)"/><g clip-path="url(#svgimg11ishc11)"><path d="M294.9 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp12)"><g clip-path="url(#svgimg11ct13)"><text x="316.92" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Design</text></g></g><rect x="383.7" y="20" width="83.8" height="32" rx="16" fill="rgb(28,28,30)"/><rect x="384.5" y="20.5" width="82" height="31" rx="15.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="396.7" y="30" width="12" height="12" rx="6" fill="rgb(107,114,128)"/><g clip-path="url(#svgimg11ishc14)"><path d="M392.7 26h20v20h-20zm10 5a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp15)"><g clip-path="url(#svgimg11ct16)"><text x="414.67" y="41" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" font-weight="500" fill="rgb(245,245,247)">Chore</text></g></g></g></g></g></g></svg>
package/docs/design/templates/color-field/error-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 140" width="460" height="140"><defs><clipPath id="ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="ct1"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="ct2"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="cp3"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">THEME ACCENT</text><text x="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,105,108)">The theme locks this color.</text><g opacity="0.5" style="isolation:isolate"><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(245,245,247)">BF5AF2</text><g clip-path="url(#cp3)"><g color="rgb(194, 194, 198)"><clipPath id="svgic4"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic4)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" 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(#cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(28,28,30)"/><g clip-path="url(#ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(191,90,242)"/></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 140" width="460" height="140"><defs><clipPath id="ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="ct1"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="ct2"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="cp3"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">THEME ACCENT</text><text x="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,133,136)">The theme locks this color.</text><g opacity="0.5" style="isolation:isolate"><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(245,245,247)">BF5AF2</text><g clip-path="url(#cp3)"><g color="rgb(194, 194, 198)"><clipPath id="svgic4"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic4)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" 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(#cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(28,28,30)"/><g clip-path="url(#ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(191,90,242)"/></g></g></svg>
package/docs/design/templates/color-field/hint.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 140" width="460" height="140"><defs><clipPath id="ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="ct1"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="cp2"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="ct4"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">FILL</text><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(29,29,31)">0A84FF</text><g clip-path="url(#cp2)"><g color="rgb(98, 98, 103)"><clipPath id="svgic3"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic3)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" 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="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Applies to the selected shapes.</text><g clip-path="url(#cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(255,255,255)"/><g clip-path="url(#ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(10,132,255)"/></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 140" width="460" height="140"><defs><clipPath id="ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="ct1"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="cp2"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="ct4"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">FILL</text><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(29,29,31)">0A84FF</text><g clip-path="url(#cp2)"><g color="rgb(98, 98, 103)"><clipPath id="svgic3"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic3)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" 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="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Applies to the selected shapes.</text><g clip-path="url(#cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(255,255,255)"/><g clip-path="url(#ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(10,132,255)"/></g></svg>
package/docs/design/templates/color-field-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 520" width="492" height="520"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="140"/></clipPath><clipPath id="cp1"><rect x="16" y="216" width="460" height="110"/></clipPath><clipPath id="cp2"><rect x="16" y="364" width="460" height="140"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="460" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="460" height="140" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="194" width="460" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="216" width="460" height="110" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="342" width="460" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="364" width="460" height="140" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="520" 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)">Label, Color, and Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="460" height="140"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg5ct1"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="svgimg5cp2"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="svgimg5ct4"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="svgimg5cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="svgimg5ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="svgimg5ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">FILL</text><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(245,245,247)">0A84FF</text><g clip-path="url(#svgimg5cp2)"><g color="rgb(194, 194, 198)"><clipPath id="svgimg5svgic3"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg5svgic3)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" 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="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Applies to the selected shapes.</text><g clip-path="url(#svgimg5cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(28,28,30)"/><g clip-path="url(#svgimg5ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg5ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg5ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg5ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(10,132,255)"/></g></g></g></g></g><text x="16" y="206" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Compact with Opacity</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="216" width="460" height="110"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 216)"><defs><clipPath id="svgimg8ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg8ct1"><rect x="54.5" y="52.9" width="352.5" height="16"/></clipPath><clipPath id="svgimg8cp2"><rect x="415" y="52.9" width="16" height="16.1"/></clipPath><clipPath id="svgimg8cp4"><rect x="29" y="52.1" width="17.5" height="17.5"/></clipPath><clipPath id="svgimg8ishc5"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6"/></clipPath><clipPath id="svgimg8ov6"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">BORDER</text><rect x="20" y="44.4" width="420" height="33" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="44.5" width="419" height="32" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><text x="54.5" y="64.89" font-family="&quot;Courier New&quot;, monospace" font-size="14" fill="rgb(245,245,247)">1C1C1E80</text><g clip-path="url(#svgimg8cp2)"><g color="rgb(194, 194, 198)"><clipPath id="svgimg8svgic3"><rect x="415" y="52.9" width="16" height="16"/></clipPath><g clip-path="url(#svgimg8svgic3)"><g transform="translate(415 52.89)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" 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(#svgimg8cp4)"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6" fill="rgb(28,28,30)"/><g clip-path="url(#svgimg8ishc5)"><path d="M25 48.1h25.5v25.5H25zm10 5h5.5a5 5 0 0 1 5 5v5.5a5 5 0 0 1-5 5H35a5 5 0 0 1-5-5v-5.5a5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg8ov6)"><rect x="29" y="52.1" width="8.8" height="8.8" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg8ov6)"><rect x="37.8" y="60.9" width="8.8" height="8.8" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg8ov6)"><rect x="29" y="52.1" width="17.5" height="17.5" rx="0" fill="rgba(28,28,30,0.5)"/></g></g></g></g></g><text x="16" y="354" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Disabled with an Error</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="364" width="460" height="140"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 364)"><defs><clipPath id="svgimg11ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg11ct1"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="svgimg11ct2"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="svgimg11cp3"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="svgimg11cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="svgimg11ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="svgimg11ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">THEME ACCENT</text><text x="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,105,108)">The theme locks this color.</text><g opacity="0.5" style="isolation:isolate"><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(245,245,247)">BF5AF2</text><g clip-path="url(#svgimg11cp3)"><g color="rgb(194, 194, 198)"><clipPath id="svgimg11svgic4"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg11svgic4)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" 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(#svgimg11cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(28,28,30)"/><g clip-path="url(#svgimg11ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg11ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg11ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg11ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(191,90,242)"/></g></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 520" width="492" height="520"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="140"/></clipPath><clipPath id="cp1"><rect x="16" y="216" width="460" height="110"/></clipPath><clipPath id="cp2"><rect x="16" y="364" width="460" height="140"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="460" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="460" height="140" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="194" width="460" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="216" width="460" height="110" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="342" width="460" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="364" width="460" height="140" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="520" 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)">Label, Color, and Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="460" height="140"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg5ct1"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="svgimg5cp2"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="svgimg5ct4"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="svgimg5cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="svgimg5ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="svgimg5ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">FILL</text><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(245,245,247)">0A84FF</text><g clip-path="url(#svgimg5cp2)"><g color="rgb(194, 194, 198)"><clipPath id="svgimg5svgic3"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg5svgic3)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" 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="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Applies to the selected shapes.</text><g clip-path="url(#svgimg5cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(28,28,30)"/><g clip-path="url(#svgimg5ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg5ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg5ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg5ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(10,132,255)"/></g></g></g></g></g><text x="16" y="206" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Compact with Opacity</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="216" width="460" height="110"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 216)"><defs><clipPath id="svgimg8ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg8ct1"><rect x="54.5" y="52.9" width="352.5" height="16"/></clipPath><clipPath id="svgimg8cp2"><rect x="415" y="52.9" width="16" height="16.1"/></clipPath><clipPath id="svgimg8cp4"><rect x="29" y="52.1" width="17.5" height="17.5"/></clipPath><clipPath id="svgimg8ishc5"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6"/></clipPath><clipPath id="svgimg8ov6"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">BORDER</text><rect x="20" y="44.4" width="420" height="33" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="44.5" width="419" height="32" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><text x="54.5" y="64.89" font-family="&quot;Courier New&quot;, monospace" font-size="14" fill="rgb(245,245,247)">1C1C1E80</text><g clip-path="url(#svgimg8cp2)"><g color="rgb(194, 194, 198)"><clipPath id="svgimg8svgic3"><rect x="415" y="52.9" width="16" height="16"/></clipPath><g clip-path="url(#svgimg8svgic3)"><g transform="translate(415 52.89)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" 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(#svgimg8cp4)"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6" fill="rgb(28,28,30)"/><g clip-path="url(#svgimg8ishc5)"><path d="M25 48.1h25.5v25.5H25zm10 5h5.5a5 5 0 0 1 5 5v5.5a5 5 0 0 1-5 5H35a5 5 0 0 1-5-5v-5.5a5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg8ov6)"><rect x="29" y="52.1" width="8.8" height="8.8" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg8ov6)"><rect x="37.8" y="60.9" width="8.8" height="8.8" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg8ov6)"><rect x="29" y="52.1" width="17.5" height="17.5" rx="0" fill="rgba(28,28,30,0.5)"/></g></g></g></g></g><text x="16" y="354" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Disabled with an Error</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="364" width="460" height="140"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 364)"><defs><clipPath id="svgimg11ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg11ct1"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="svgimg11ct2"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="svgimg11cp3"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="svgimg11cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="svgimg11ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="svgimg11ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">THEME ACCENT</text><text x="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,133,136)">The theme locks this color.</text><g opacity="0.5" style="isolation:isolate"><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(245,245,247)">BF5AF2</text><g clip-path="url(#svgimg11cp3)"><g color="rgb(194, 194, 198)"><clipPath id="svgimg11svgic4"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg11svgic4)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(194, 194, 198)" 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(#svgimg11cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(28,28,30)"/><g clip-path="url(#svgimg11ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg11ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg11ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(253,253,255,0.133)"/></g><g clip-path="url(#svgimg11ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(191,90,242)"/></g></g></g></g></g></g></svg>
package/docs/design/templates/color-field.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 520" width="492" height="520"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="140"/></clipPath><clipPath id="cp1"><rect x="16" y="216" width="460" height="110"/></clipPath><clipPath id="cp2"><rect x="16" y="364" width="460" height="140"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="460" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="460" height="140" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="194" width="460" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="216" width="460" height="110" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="342" width="460" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="364" width="460" height="140" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="520" 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)">Label, Color, and Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="460" height="140"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg5ct1"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="svgimg5cp2"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="svgimg5ct4"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="svgimg5cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="svgimg5ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="svgimg5ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">FILL</text><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(29,29,31)">0A84FF</text><g clip-path="url(#svgimg5cp2)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg5svgic3"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg5svgic3)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" 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="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Applies to the selected shapes.</text><g clip-path="url(#svgimg5cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(255,255,255)"/><g clip-path="url(#svgimg5ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg5ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg5ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg5ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(10,132,255)"/></g></g></g></g></g><text x="16" y="206" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact with Opacity</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="216" width="460" height="110"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 216)"><defs><clipPath id="svgimg8ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg8ct1"><rect x="54.5" y="52.9" width="352.5" height="16"/></clipPath><clipPath id="svgimg8cp2"><rect x="415" y="52.9" width="16" height="16.1"/></clipPath><clipPath id="svgimg8cp4"><rect x="29" y="52.1" width="17.5" height="17.5"/></clipPath><clipPath id="svgimg8ishc5"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6"/></clipPath><clipPath id="svgimg8ov6"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">BORDER</text><rect x="20" y="44.4" width="420" height="33" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="419" height="32" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="54.5" y="64.89" font-family="&quot;Courier New&quot;, monospace" font-size="14" fill="rgb(29,29,31)">1C1C1E80</text><g clip-path="url(#svgimg8cp2)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg8svgic3"><rect x="415" y="52.9" width="16" height="16"/></clipPath><g clip-path="url(#svgimg8svgic3)"><g transform="translate(415 52.89)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" 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(#svgimg8cp4)"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6" fill="rgb(255,255,255)"/><g clip-path="url(#svgimg8ishc5)"><path d="M25 48.1h25.5v25.5H25zm10 5h5.5a5 5 0 0 1 5 5v5.5a5 5 0 0 1-5 5H35a5 5 0 0 1-5-5v-5.5a5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg8ov6)"><rect x="29" y="52.1" width="8.8" height="8.8" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg8ov6)"><rect x="37.8" y="60.9" width="8.8" height="8.8" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg8ov6)"><rect x="29" y="52.1" width="17.5" height="17.5" rx="0" fill="rgba(28,28,30,0.5)"/></g></g></g></g></g><text x="16" y="354" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Disabled with an Error</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="364" width="460" height="140"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 364)"><defs><clipPath id="svgimg11ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg11ct1"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="svgimg11ct2"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="svgimg11cp3"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="svgimg11cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="svgimg11ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="svgimg11ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">THEME ACCENT</text><text x="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,11,32)">The theme locks this color.</text><g opacity="0.5" style="isolation:isolate"><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(29,29,31)">BF5AF2</text><g clip-path="url(#svgimg11cp3)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg11svgic4"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg11svgic4)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" 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(#svgimg11cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(255,255,255)"/><g clip-path="url(#svgimg11ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg11ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg11ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg11ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(191,90,242)"/></g></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 520" width="492" height="520"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="140"/></clipPath><clipPath id="cp1"><rect x="16" y="216" width="460" height="110"/></clipPath><clipPath id="cp2"><rect x="16" y="364" width="460" height="140"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="460" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="460" height="140" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="194" width="460" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="216" width="460" height="110" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="342" width="460" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="364" width="460" height="140" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="520" 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)">Label, Color, and Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="460" height="140"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg5ct1"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="svgimg5cp2"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="svgimg5ct4"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="svgimg5cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="svgimg5ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="svgimg5ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">FILL</text><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(29,29,31)">0A84FF</text><g clip-path="url(#svgimg5cp2)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg5svgic3"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg5svgic3)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" 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="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Applies to the selected shapes.</text><g clip-path="url(#svgimg5cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(255,255,255)"/><g clip-path="url(#svgimg5ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg5ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg5ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg5ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(10,132,255)"/></g></g></g></g></g><text x="16" y="206" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact with Opacity</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="216" width="460" height="110"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 216)"><defs><clipPath id="svgimg8ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg8ct1"><rect x="54.5" y="52.9" width="352.5" height="16"/></clipPath><clipPath id="svgimg8cp2"><rect x="415" y="52.9" width="16" height="16.1"/></clipPath><clipPath id="svgimg8cp4"><rect x="29" y="52.1" width="17.5" height="17.5"/></clipPath><clipPath id="svgimg8ishc5"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6"/></clipPath><clipPath id="svgimg8ov6"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">BORDER</text><rect x="20" y="44.4" width="420" height="33" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="419" height="32" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="54.5" y="64.89" font-family="&quot;Courier New&quot;, monospace" font-size="14" fill="rgb(29,29,31)">1C1C1E80</text><g clip-path="url(#svgimg8cp2)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg8svgic3"><rect x="415" y="52.9" width="16" height="16"/></clipPath><g clip-path="url(#svgimg8svgic3)"><g transform="translate(415 52.89)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" 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(#svgimg8cp4)"><rect x="29" y="52.1" width="17.5" height="17.5" rx="6" fill="rgb(255,255,255)"/><g clip-path="url(#svgimg8ishc5)"><path d="M25 48.1h25.5v25.5H25zm10 5h5.5a5 5 0 0 1 5 5v5.5a5 5 0 0 1-5 5H35a5 5 0 0 1-5-5v-5.5a5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg8ov6)"><rect x="29" y="52.1" width="8.8" height="8.8" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg8ov6)"><rect x="37.8" y="60.9" width="8.8" height="8.8" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg8ov6)"><rect x="29" y="52.1" width="17.5" height="17.5" rx="0" fill="rgba(28,28,30,0.5)"/></g></g></g></g></g><text x="16" y="354" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Disabled with an Error</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="364" width="460" height="140"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 364)"><defs><clipPath id="svgimg11ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg11ct1"><rect x="20" y="94.4" width="420" height="19.6"/></clipPath><clipPath id="svgimg11ct2"><rect x="57" y="57.4" width="350" height="18"/></clipPath><clipPath id="svgimg11cp3"><rect x="415" y="58" width="16" height="16.4"/></clipPath><clipPath id="svgimg11cp5"><rect x="29" y="56.4" width="20" height="20"/></clipPath><clipPath id="svgimg11ishc6"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath><clipPath id="svgimg11ov7"><rect x="29" y="56.4" width="20" height="20" rx="6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">THEME ACCENT</text><text x="29" y="109.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,11,32)">The theme locks this color.</text><g opacity="0.5" style="isolation:isolate"><rect x="20" y="44.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><text x="57" y="70.39" font-family="&quot;Courier New&quot;, monospace" font-size="16" fill="rgb(29,29,31)">BF5AF2</text><g clip-path="url(#svgimg11cp3)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg11svgic4"><rect x="415" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg11svgic4)"><g transform="translate(415 58.39)scale(.66667)"><path d="m6 9 6 6 6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" 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(#svgimg11cp5)"><rect x="29" y="56.4" width="20" height="20" rx="6" fill="rgb(255,255,255)"/><g clip-path="url(#svgimg11ishc6)"><path d="M25 52.4h28v28H25zm10 5h8a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5h-8a5 5 0 0 1-5-5v-8a5 5 0 0 1 5-5" fill="rgba(29,29,31,0.2)" fill-rule="evenodd"/></g></g><g clip-path="url(#svgimg11ov7)"><rect x="29" y="56.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg11ov7)"><rect x="39" y="66.4" width="10" height="10" rx="0" fill="rgba(0,0,49,0.1)"/></g><g clip-path="url(#svgimg11ov7)"><rect x="29" y="56.4" width="20" height="20" rx="0" fill="rgb(191,90,242)"/></g></g></g></g></g></g></svg>