@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/color-swatches/palette-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 120" width="420" height="120"><defs><clipPath id="fln0" clip-rule="evenodd"><path d="M0 0h420v120H0Zm29 20h117.7v18H29Z" clip-rule="evenodd"/></clipPath><clipPath id="ct1"><rect x="29" y="20" width="117.7" height="18"/></clipPath><clipPath id="ishc2"><rect x="29" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="ishc3"><rect x="69" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="ishc4"><rect x="109" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="ishc5"><rect x="149" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="ishc6"><rect x="189" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="ishc7"><rect x="229" y="58" width="24" height="24" rx="12"/></clipPath></defs><g clip-path="url(#fln0)"><rect x="20.5" y="29.5" width="241" height="65" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Command Color</text><g clip-path="url(#ishc2)"><path d="M25 54h32v32H25zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" 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 50.176 126.96)scale(.08319 1.33102)"><rect x="32" y="61" width="18" height="18" rx="1" ry="1" fill="rgb(255, 105, 108)"/></g></g><rect x="69" y="58" width="24" height="24" rx="12" fill="rgb(255,59,48)"/><g clip-path="url(#ishc3)"><path d="M65 54h32v32H65zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="109" y="58" width="24" height="24" rx="12" fill="rgb(255,149,0)"/><g clip-path="url(#ishc4)"><path d="M105 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="149" y="58" width="24" height="24" rx="12" fill="rgb(52,199,89)"/><g clip-path="url(#ishc5)"><path d="M145 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="189" y="58" width="24" height="24" rx="12" fill="rgb(10,132,255)"/><g clip-path="url(#ishc6)"><path d="M185 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="186" y="55" width="30" height="30" rx="15" fill="none" stroke="rgb(245,245,247)" stroke-width="2"/><rect x="229" y="58" width="24" height="24" rx="12" fill="rgb(191,90,242)"/><g clip-path="url(#ishc7)"><path d="M225 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 120" width="420" height="120"><defs><clipPath id="fln0" clip-rule="evenodd"><path d="M0 0h420v120H0Zm29 20h117.7v18H29Z" clip-rule="evenodd"/></clipPath><clipPath id="ct1"><rect x="29" y="20" width="117.7" height="18"/></clipPath><clipPath id="ishc2"><rect x="29" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="ishc3"><rect x="69" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="ishc4"><rect x="109" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="ishc5"><rect x="149" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="ishc6"><rect x="189" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="ishc7"><rect x="229" y="58" width="24" height="24" rx="12"/></clipPath></defs><g clip-path="url(#fln0)"><rect x="20.5" y="29.5" width="241" height="65" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Command Color</text><g clip-path="url(#ishc2)"><path d="M25 54h32v32H25zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" 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 50.176 126.96)scale(.08319 1.33102)"><rect x="32" y="61" width="18" height="18" rx="1" ry="1" fill="rgb(255, 133, 136)"/></g></g><rect x="69" y="58" width="24" height="24" rx="12" fill="rgb(255,59,48)"/><g clip-path="url(#ishc3)"><path d="M65 54h32v32H65zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="109" y="58" width="24" height="24" rx="12" fill="rgb(255,149,0)"/><g clip-path="url(#ishc4)"><path d="M105 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="149" y="58" width="24" height="24" rx="12" fill="rgb(52,199,89)"/><g clip-path="url(#ishc5)"><path d="M145 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="189" y="58" width="24" height="24" rx="12" fill="rgb(10,132,255)"/><g clip-path="url(#ishc6)"><path d="M185 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="186" y="55" width="30" height="30" rx="15" fill="none" stroke="rgb(245,245,247)" stroke-width="2"/><rect x="229" y="58" width="24" height="24" rx="12" fill="rgb(191,90,242)"/><g clip-path="url(#ishc7)"><path d="M225 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></svg>
package/docs/design/templates/color-swatches-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 452 174" width="452" height="174"><defs><clipPath id="cp0"><rect x="16" y="38" width="420" height="120"/></clipPath><clipPath id="ct1"><rect x="16" y="16" width="420" height="22"/></clipPath><clipPath id="irc2"><rect x="16" y="38" width="420" height="120" rx="0"/></clipPath></defs><rect x="0" y="0" width="452" height="174" 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)">Palette with a Choice</text><g clip-path="url(#cp0)"><g clip-path="url(#irc2)"><clipPath id="svgimg3vclip"><rect x="16" y="38" width="420" height="120"/></clipPath><g clip-path="url(#svgimg3vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg3fln0" clip-rule="evenodd"><path d="M0 0h420v120H0Zm29 20h117.7v18H29Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg3ct1"><rect x="29" y="20" width="117.7" height="18"/></clipPath><clipPath id="svgimg3ishc2"><rect x="29" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="svgimg3ishc3"><rect x="69" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="svgimg3ishc4"><rect x="109" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="svgimg3ishc5"><rect x="149" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="svgimg3ishc6"><rect x="189" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="svgimg3ishc7"><rect x="229" y="58" width="24" height="24" rx="12"/></clipPath></defs><g clip-path="url(#svgimg3fln0)"><rect x="20.5" y="29.5" width="241" height="65" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Command Color</text><g clip-path="url(#svgimg3ishc2)"><path d="M25 54h32v32H25zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" 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 50.176 126.96)scale(.08319 1.33102)"><rect x="32" y="61" width="18" height="18" rx="1" ry="1" fill="rgb(255, 105, 108)"/></g></g><rect x="69" y="58" width="24" height="24" rx="12" fill="rgb(255,59,48)"/><g clip-path="url(#svgimg3ishc3)"><path d="M65 54h32v32H65zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="109" y="58" width="24" height="24" rx="12" fill="rgb(255,149,0)"/><g clip-path="url(#svgimg3ishc4)"><path d="M105 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="149" y="58" width="24" height="24" rx="12" fill="rgb(52,199,89)"/><g clip-path="url(#svgimg3ishc5)"><path d="M145 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="189" y="58" width="24" height="24" rx="12" fill="rgb(10,132,255)"/><g clip-path="url(#svgimg3ishc6)"><path d="M185 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="186" y="55" width="30" height="30" rx="15" fill="none" stroke="rgb(245,245,247)" stroke-width="2"/><rect x="229" y="58" width="24" height="24" rx="12" fill="rgb(191,90,242)"/><g clip-path="url(#svgimg3ishc7)"><path d="M225 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 452 174" width="452" height="174"><defs><clipPath id="cp0"><rect x="16" y="38" width="420" height="120"/></clipPath><clipPath id="ct1"><rect x="16" y="16" width="420" height="22"/></clipPath><clipPath id="irc2"><rect x="16" y="38" width="420" height="120" rx="0"/></clipPath></defs><rect x="0" y="0" width="452" height="174" 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)">Palette with a Choice</text><g clip-path="url(#cp0)"><g clip-path="url(#irc2)"><clipPath id="svgimg3vclip"><rect x="16" y="38" width="420" height="120"/></clipPath><g clip-path="url(#svgimg3vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg3fln0" clip-rule="evenodd"><path d="M0 0h420v120H0Zm29 20h117.7v18H29Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg3ct1"><rect x="29" y="20" width="117.7" height="18"/></clipPath><clipPath id="svgimg3ishc2"><rect x="29" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="svgimg3ishc3"><rect x="69" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="svgimg3ishc4"><rect x="109" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="svgimg3ishc5"><rect x="149" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="svgimg3ishc6"><rect x="189" y="58" width="24" height="24" rx="12"/></clipPath><clipPath id="svgimg3ishc7"><rect x="229" y="58" width="24" height="24" rx="12"/></clipPath></defs><g clip-path="url(#svgimg3fln0)"><rect x="20.5" y="29.5" width="241" height="65" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Command Color</text><g clip-path="url(#svgimg3ishc2)"><path d="M25 54h32v32H25zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" 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 50.176 126.96)scale(.08319 1.33102)"><rect x="32" y="61" width="18" height="18" rx="1" ry="1" fill="rgb(255, 133, 136)"/></g></g><rect x="69" y="58" width="24" height="24" rx="12" fill="rgb(255,59,48)"/><g clip-path="url(#svgimg3ishc3)"><path d="M65 54h32v32H65zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="109" y="58" width="24" height="24" rx="12" fill="rgb(255,149,0)"/><g clip-path="url(#svgimg3ishc4)"><path d="M105 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="149" y="58" width="24" height="24" rx="12" fill="rgb(52,199,89)"/><g clip-path="url(#svgimg3ishc5)"><path d="M145 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="189" y="58" width="24" height="24" rx="12" fill="rgb(10,132,255)"/><g clip-path="url(#svgimg3ishc6)"><path d="M185 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g><rect x="186" y="55" width="30" height="30" rx="15" fill="none" stroke="rgb(245,245,247)" stroke-width="2"/><rect x="229" y="58" width="24" height="24" rx="12" fill="rgb(191,90,242)"/><g clip-path="url(#svgimg3ishc7)"><path d="M225 54h32v32h-32zm16 5a11 11 0 0 1 11 11 11 11 0 0 1-11 11 11 11 0 0 1-11-11 11 11 0 0 1 11-11" fill="rgba(245,245,247,0.2)" fill-rule="evenodd"/></g></g></g></g></g></svg>
package/docs/design/templates/disclosure/embedded.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 150" width="460" height="150"><defs><clipPath id="ct0"><rect x="37" y="29" width="386" height="18"/></clipPath><clipPath id="ct1"><rect x="63" y="58" width="250.3" height="18"/></clipPath><clipPath id="ct2"><rect x="321.3" y="58" width="101.7" height="18"/></clipPath><clipPath id="cp3"><rect x="37" y="58" width="18" height="18"/></clipPath><clipPath id="ct5"><rect x="63" y="87" width="360" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="93" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="37" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">Move the export button into the toolbar.</text><text x="63" y="73" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">AI Feedback</text><text x="321.33" y="73" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">2 suggestions</text><g transform="rotate(90 46 67)"><g clip-path="url(#cp3)"><g color="rgb(0, 0, 0)"><clipPath id="svgic4"><rect x="37" y="58" width="18" height="18"/></clipPath><g clip-path="url(#svgic4)"><g transform="matrix(.75 0 0 .75 37 58)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="102" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">Group Export and Share in one group.</text></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 150" width="460" height="150"><defs><clipPath id="ct0"><rect x="37" y="29" width="386" height="18"/></clipPath><clipPath id="ct1"><rect x="63" y="58" width="250.3" height="18"/></clipPath><clipPath id="ct2"><rect x="321.3" y="58" width="101.7" height="18"/></clipPath><clipPath id="cp3"><rect x="37" y="58" width="18" height="18"/></clipPath><clipPath id="ct5"><rect x="63" y="87" width="360" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="93" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="37" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">Move the export button into the toolbar.</text><text x="63" y="73" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">AI Feedback</text><text x="321.33" y="73" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">2 suggestions</text><g transform="rotate(90 46 67)"><g clip-path="url(#cp3)"><g color="rgb(0, 0, 0)"><clipPath id="svgic4"><rect x="37" y="58" width="18" height="18"/></clipPath><g clip-path="url(#svgic4)"><g transform="matrix(.75 0 0 .75 37 58)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="102" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">Group Export and Share in one group.</text></svg>
package/docs/design/templates/disclosure/framed-sunken.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 190" width="460" height="190"><defs><clipPath id="ct0"><rect x="63" y="33" width="360" height="18"/></clipPath><clipPath id="cp1"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="ct3"><rect x="54" y="63" width="377" height="36"/></clipPath><clipPath id="ct6"><rect x="63" y="121" width="288.2" height="18"/></clipPath><clipPath id="ct7"><rect x="359.2" y="121" width="63.8" height="18"/></clipPath><clipPath id="cp8"><rect x="37" y="121" width="18" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="79" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="54.5" y="63.5" width="376" height="35" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">When am I billed?</text><g transform="rotate(90 46 42)"><g clip-path="url(#cp1)"><g color="rgb(0, 0, 0)"><clipPath id="svgic2"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic2)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="87" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">On the first of each month.</text><rect x="28" y="108" width="404" height="44" rx="12" fill="rgba(0,0,98,0.05)"/><rect x="28.5" y="108.5" width="403" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="63" y="136" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Build Log</text><text x="359.23" y="136" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">412 lines</text><g clip-path="url(#cp8)"><g color="rgb(0, 0, 0)"><clipPath id="svgic9"><rect x="37" y="121" width="18" height="18"/></clipPath><g clip-path="url(#svgic9)"><g transform="matrix(.75 0 0 .75 37 121)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 190" width="460" height="190"><defs><clipPath id="ct0"><rect x="63" y="33" width="360" height="18"/></clipPath><clipPath id="cp1"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="ct3"><rect x="54" y="63" width="377" height="36"/></clipPath><clipPath id="ct6"><rect x="63" y="121" width="288.2" height="18"/></clipPath><clipPath id="ct7"><rect x="359.2" y="121" width="63.8" height="18"/></clipPath><clipPath id="cp8"><rect x="37" y="121" width="18" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="79" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="54.5" y="63.5" width="376" height="35" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">When am I billed?</text><g transform="rotate(90 46 42)"><g clip-path="url(#cp1)"><g color="rgb(0, 0, 0)"><clipPath id="svgic2"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic2)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="87" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">On the first of each month.</text><rect x="28" y="108" width="404" height="44" rx="12" fill="rgba(0,0,98,0.05)"/><rect x="28.5" y="108.5" width="403" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="63" y="136" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Build Log</text><text x="359.23" y="136" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">412 lines</text><g clip-path="url(#cp8)"><g color="rgb(0, 0, 0)"><clipPath id="svgic9"><rect x="37" y="121" width="18" height="18"/></clipPath><g clip-path="url(#svgic9)"><g transform="matrix(.75 0 0 .75 37 121)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></svg>
package/docs/design/templates/disclosure/plain.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 180" width="460" height="180"><defs><clipPath id="ct0"><rect x="63" y="33" width="284.1" height="18"/></clipPath><clipPath id="ct1"><rect x="355.1" y="33" width="67.9" height="18"/></clipPath><clipPath id="cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="ct4"><rect x="63" y="85" width="360" height="18"/></clipPath><clipPath id="cp5"><rect x="37" y="85" width="18" height="18"/></clipPath><clipPath id="ct7"><rect x="54" y="115" width="377" height="36"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Advanced Settings</text><text x="355.13" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">3 options</text><g clip-path="url(#cp2)"><g color="rgb(0, 0, 0)"><clipPath id="svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="28.5" y="72.5" width="403" height="79" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><rect x="54.5" y="115.5" width="376" height="35" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="100" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Release Notes</text><g transform="rotate(90 46 94)"><g clip-path="url(#cp5)"><g color="rgb(0, 0, 0)"><clipPath id="svgic6"><rect x="37" y="85" width="18" height="18"/></clipPath><g clip-path="url(#svgic6)"><g transform="matrix(.75 0 0 .75 37 85)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="139" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">Faster sync and four fixes.</text></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 180" width="460" height="180"><defs><clipPath id="ct0"><rect x="63" y="33" width="284.1" height="18"/></clipPath><clipPath id="ct1"><rect x="355.1" y="33" width="67.9" height="18"/></clipPath><clipPath id="cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="ct4"><rect x="63" y="85" width="360" height="18"/></clipPath><clipPath id="cp5"><rect x="37" y="85" width="18" height="18"/></clipPath><clipPath id="ct7"><rect x="54" y="115" width="377" height="36"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Advanced Settings</text><text x="355.13" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">3 options</text><g clip-path="url(#cp2)"><g color="rgb(0, 0, 0)"><clipPath id="svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="28.5" y="72.5" width="403" height="79" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><rect x="54.5" y="115.5" width="376" height="35" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="100" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Release Notes</text><g transform="rotate(90 46 94)"><g clip-path="url(#cp5)"><g color="rgb(0, 0, 0)"><clipPath id="svgic6"><rect x="37" y="85" width="18" height="18"/></clipPath><g clip-path="url(#svgic6)"><g transform="matrix(.75 0 0 .75 37 85)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="139" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">Faster sync and four fixes.</text></svg>
package/docs/design/templates/disclosure.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 650" width="492" height="650"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="180"/></clipPath><clipPath id="cp1"><rect x="16" y="256" width="460" height="190"/></clipPath><clipPath id="cp2"><rect x="16" y="484" width="460" height="150"/></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="180" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="234" width="460" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="256" width="460" height="190" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="462" width="460" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="484" width="460" height="150" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="650" 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)">Closed and Open</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="460" height="180"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ct0"><rect x="63" y="33" width="284.1" height="18"/></clipPath><clipPath id="svgimg5ct1"><rect x="355.1" y="33" width="67.9" height="18"/></clipPath><clipPath id="svgimg5cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg5ct4"><rect x="63" y="85" width="360" height="18"/></clipPath><clipPath id="svgimg5cp5"><rect x="37" y="85" width="18" height="18"/></clipPath><clipPath id="svgimg5ct7"><rect x="54" y="115" width="377" height="36"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Advanced Settings</text><text x="355.13" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">3 options</text><g clip-path="url(#svgimg5cp2)"><g color="rgb(0, 0, 0)"><clipPath id="svgimg5svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg5svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="28.5" y="72.5" width="403" height="79" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><rect x="54.5" y="115.5" width="376" height="35" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="100" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Release Notes</text><g transform="rotate(90 46 94)"><g clip-path="url(#svgimg5cp5)"><g color="rgb(0, 0, 0)"><clipPath id="svgimg5svgic6"><rect x="37" y="85" width="18" height="18"/></clipPath><g clip-path="url(#svgimg5svgic6)"><g transform="matrix(.75 0 0 .75 37 85)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="139" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">Faster sync and four fixes.</text></g></g></g></g><text x="16" y="246" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Framed and Sunken</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="256" width="460" height="190"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 256)"><defs><clipPath id="svgimg8ct0"><rect x="63" y="33" width="360" height="18"/></clipPath><clipPath id="svgimg8cp1"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg8ct3"><rect x="54" y="63" width="377" height="36"/></clipPath><clipPath id="svgimg8ct6"><rect x="63" y="121" width="288.2" height="18"/></clipPath><clipPath id="svgimg8ct7"><rect x="359.2" y="121" width="63.8" height="18"/></clipPath><clipPath id="svgimg8cp8"><rect x="37" y="121" width="18" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="79" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="54.5" y="63.5" width="376" height="35" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">When am I billed?</text><g transform="rotate(90 46 42)"><g clip-path="url(#svgimg8cp1)"><g color="rgb(0, 0, 0)"><clipPath id="svgimg8svgic2"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg8svgic2)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="87" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">On the first of each month.</text><rect x="28" y="108" width="404" height="44" rx="12" fill="rgba(0,0,98,0.05)"/><rect x="28.5" y="108.5" width="403" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="63" y="136" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Build Log</text><text x="359.23" y="136" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">412 lines</text><g clip-path="url(#svgimg8cp8)"><g color="rgb(0, 0, 0)"><clipPath id="svgimg8svgic9"><rect x="37" y="121" width="18" height="18"/></clipPath><g clip-path="url(#svgimg8svgic9)"><g transform="matrix(.75 0 0 .75 37 121)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g></g></g></g><text x="16" y="474" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Embedded in a Content Item</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="484" width="460" height="150"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 484)"><defs><clipPath id="svgimg11ct0"><rect x="37" y="29" width="386" height="18"/></clipPath><clipPath id="svgimg11ct1"><rect x="63" y="58" width="250.3" height="18"/></clipPath><clipPath id="svgimg11ct2"><rect x="321.3" y="58" width="101.7" height="18"/></clipPath><clipPath id="svgimg11cp3"><rect x="37" y="58" width="18" height="18"/></clipPath><clipPath id="svgimg11ct5"><rect x="63" y="87" width="360" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="93" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="37" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">Move the export button into the toolbar.</text><text x="63" y="73" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">AI Feedback</text><text x="321.33" y="73" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">2 suggestions</text><g transform="rotate(90 46 67)"><g clip-path="url(#svgimg11cp3)"><g color="rgb(0, 0, 0)"><clipPath id="svgimg11svgic4"><rect x="37" y="58" width="18" height="18"/></clipPath><g clip-path="url(#svgimg11svgic4)"><g transform="matrix(.75 0 0 .75 37 58)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="102" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">Group Export and Share in one group.</text></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 650" width="492" height="650"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="180"/></clipPath><clipPath id="cp1"><rect x="16" y="256" width="460" height="190"/></clipPath><clipPath id="cp2"><rect x="16" y="484" width="460" height="150"/></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="180" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="234" width="460" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="256" width="460" height="190" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="462" width="460" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="484" width="460" height="150" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="650" 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)">Closed and Open</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="460" height="180"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ct0"><rect x="63" y="33" width="284.1" height="18"/></clipPath><clipPath id="svgimg5ct1"><rect x="355.1" y="33" width="67.9" height="18"/></clipPath><clipPath id="svgimg5cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg5ct4"><rect x="63" y="85" width="360" height="18"/></clipPath><clipPath id="svgimg5cp5"><rect x="37" y="85" width="18" height="18"/></clipPath><clipPath id="svgimg5ct7"><rect x="54" y="115" width="377" height="36"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Advanced Settings</text><text x="355.13" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">3 options</text><g clip-path="url(#svgimg5cp2)"><g color="rgb(0, 0, 0)"><clipPath id="svgimg5svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg5svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="28.5" y="72.5" width="403" height="79" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><rect x="54.5" y="115.5" width="376" height="35" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="100" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Release Notes</text><g transform="rotate(90 46 94)"><g clip-path="url(#svgimg5cp5)"><g color="rgb(0, 0, 0)"><clipPath id="svgimg5svgic6"><rect x="37" y="85" width="18" height="18"/></clipPath><g clip-path="url(#svgimg5svgic6)"><g transform="matrix(.75 0 0 .75 37 85)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="139" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">Faster sync and four fixes.</text></g></g></g></g><text x="16" y="246" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Framed and Sunken</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="256" width="460" height="190"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 256)"><defs><clipPath id="svgimg8ct0"><rect x="63" y="33" width="360" height="18"/></clipPath><clipPath id="svgimg8cp1"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg8ct3"><rect x="54" y="63" width="377" height="36"/></clipPath><clipPath id="svgimg8ct6"><rect x="63" y="121" width="288.2" height="18"/></clipPath><clipPath id="svgimg8ct7"><rect x="359.2" y="121" width="63.8" height="18"/></clipPath><clipPath id="svgimg8cp8"><rect x="37" y="121" width="18" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="79" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="54.5" y="63.5" width="376" height="35" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="63" y="48" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">When am I billed?</text><g transform="rotate(90 46 42)"><g clip-path="url(#svgimg8cp1)"><g color="rgb(0, 0, 0)"><clipPath id="svgimg8svgic2"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg8svgic2)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="87" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">On the first of each month.</text><rect x="28" y="108" width="404" height="44" rx="12" fill="rgba(0,0,98,0.05)"/><rect x="28.5" y="108.5" width="403" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="63" y="136" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">Build Log</text><text x="359.23" y="136" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">412 lines</text><g clip-path="url(#svgimg8cp8)"><g color="rgb(0, 0, 0)"><clipPath id="svgimg8svgic9"><rect x="37" y="121" width="18" height="18"/></clipPath><g clip-path="url(#svgimg8svgic9)"><g transform="matrix(.75 0 0 .75 37 121)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g></g></g></g><text x="16" y="474" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Embedded in a Content Item</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="484" width="460" height="150"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 484)"><defs><clipPath id="svgimg11ct0"><rect x="37" y="29" width="386" height="18"/></clipPath><clipPath id="svgimg11ct1"><rect x="63" y="58" width="250.3" height="18"/></clipPath><clipPath id="svgimg11ct2"><rect x="321.3" y="58" width="101.7" height="18"/></clipPath><clipPath id="svgimg11cp3"><rect x="37" y="58" width="18" height="18"/></clipPath><clipPath id="svgimg11ct5"><rect x="63" y="87" width="360" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="403" height="93" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="37" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(0,0,0)">Move the export button into the toolbar.</text><text x="63" y="73" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" font-weight="500" fill="rgb(0,0,0)">AI Feedback</text><text x="321.33" y="73" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">2 suggestions</text><g transform="rotate(90 46 67)"><g clip-path="url(#svgimg11cp3)"><g color="rgb(0, 0, 0)"><clipPath id="svgimg11svgic4"><rect x="37" y="58" width="18" height="18"/></clipPath><g clip-path="url(#svgimg11svgic4)"><g transform="matrix(.75 0 0 .75 37 58)"><path d="m9 18 6-6-6-6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(0, 0, 0)" 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><text x="63" y="102" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">Group Export and Share in one group.</text></g></g></g></g></svg>
package/docs/design/templates/message-composer/chat.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 160" width="600" height="160"><defs><filter id="sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="cp1"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="ct2"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="cp3"><rect x="25" y="67" width="481" height="42"/></clipPath><clipPath id="ov4"><rect x="25" y="67" width="481" height="42" rx="0"/></clipPath><clipPath id="ct5"><rect x="29" y="80.1" width="204.1" height="15"/></clipPath><clipPath id="ct6"><rect x="509.8" y="71.6" width="61.3" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="93.6" rx="12" fill="rgba(0,0,0,0.09)" filter="url(#sh0)"/><rect x="20" y="20" width="560" height="93.6" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="559" height="93" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#cp1)"><g clip-path="url(#ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(98, 98, 103)">Ask about this build</text></g></g><g clip-path="url(#cp3)"><g clip-path="url(#ov4)"><text x="29" y="92.09" font-family="&quot;ui-sans-serif&quot;, system-ui, sans-serif" font-size="12" fill="rgb(110,110,115)">Answers use the latest nightly build.</text></g></g><rect x="509.8" y="71.6" width="61.3" height="32" rx="16" fill="rgb(0,117,219)"/><text x="521.75" y="93.59" font-family="&quot;ui-sans-serif&quot;, system-ui, sans-serif" font-size="16" fill="rgb(255,255,255)">Send</text></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 160" width="600" height="160"><defs><filter id="sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="cp1"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="ct2"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="cp3"><rect x="25" y="67" width="481" height="42"/></clipPath><clipPath id="ov4"><rect x="25" y="67" width="481" height="42" rx="0"/></clipPath><clipPath id="ct5"><rect x="29" y="80.1" width="204.1" height="15"/></clipPath><clipPath id="ct6"><rect x="509.8" y="71.6" width="61.3" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="93.6" rx="12" fill="rgba(0,0,0,0.09)" filter="url(#sh0)"/><rect x="20" y="20" width="560" height="93.6" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="559" height="93" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#cp1)"><g clip-path="url(#ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(98, 98, 103)">Ask about this build</text></g></g><g clip-path="url(#cp3)"><g clip-path="url(#ov4)"><text x="29" y="92.09" font-family="&quot;ui-sans-serif&quot;, system-ui, sans-serif" font-size="12" fill="rgb(100,100,105)">Answers use the latest nightly build.</text></g></g><rect x="509.8" y="71.6" width="61.3" height="32" rx="16" fill="rgb(0,117,219)"/><text x="521.75" y="93.59" font-family="&quot;ui-sans-serif&quot;, system-ui, sans-serif" font-size="16" fill="rgb(255,255,255)">Send</text></svg>
package/docs/design/templates/message-composer.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632 460" width="632" height="460"><defs><clipPath id="cp0"><rect x="16" y="38" width="600" height="160"/></clipPath><clipPath id="cp1"><rect x="16" y="236" width="600" height="208"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="600" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="600" height="160" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="214" width="600" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="236" width="600" height="208" rx="0"/></clipPath></defs><rect x="0" y="0" width="632" height="460" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Chat MessageComposer with Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="600" height="160"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><filter id="svgimg4sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="svgimg4cp1"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="svgimg4ct2"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="svgimg4cp3"><rect x="25" y="67" width="481" height="42"/></clipPath><clipPath id="svgimg4ov4"><rect x="25" y="67" width="481" height="42" rx="0"/></clipPath><clipPath id="svgimg4ct5"><rect x="29" y="80.1" width="204.1" height="15"/></clipPath><clipPath id="svgimg4ct6"><rect x="509.8" y="71.6" width="61.3" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="93.6" rx="12" fill="rgba(0,0,0,0.09)" filter="url(#svgimg4sh0)"/><rect x="20" y="20" width="560" height="93.6" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="559" height="93" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg4cp1)"><g clip-path="url(#svgimg4ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(98, 98, 103)">Ask about this build</text></g></g><g clip-path="url(#svgimg4cp3)"><g clip-path="url(#svgimg4ov4)"><text x="29" y="92.09" font-family="&quot;ui-sans-serif&quot;, system-ui, sans-serif" font-size="12" fill="rgb(110,110,115)">Answers use the latest nightly build.</text></g></g><rect x="509.8" y="71.6" width="61.3" height="32" rx="16" fill="rgb(0,117,219)"/><text x="521.75" y="93.59" font-family="&quot;ui-sans-serif&quot;, system-ui, sans-serif" font-size="16" fill="rgb(255,255,255)">Send</text></g></g></g></g><text x="16" y="226" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Prompt with Taller Bounds</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="236" width="600" height="208"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 236)"><defs><filter id="svgimg7sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="svgimg7cp1"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="svgimg7ct2"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="svgimg7ct3"><rect x="480.2" y="122.8" width="90.8" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="144.8" rx="12" fill="rgba(0,0,0,0.09)" filter="url(#svgimg7sh0)"/><rect x="20" y="20" width="560" height="144.8" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="559" height="144" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg7cp1)"><g clip-path="url(#svgimg7ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(98, 98, 103)">Describe the change you want</text></g></g><rect x="480.2" y="122.8" width="90.8" height="32" rx="16" fill="rgb(0,117,219)"/><text x="492.17" y="144.78" font-family="&quot;ui-sans-serif&quot;, system-ui, sans-serif" font-size="16" fill="rgb(255,255,255)">Generate</text></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 632 460" width="632" height="460"><defs><clipPath id="cp0"><rect x="16" y="38" width="600" height="160"/></clipPath><clipPath id="cp1"><rect x="16" y="236" width="600" height="208"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="600" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="600" height="160" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="214" width="600" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="236" width="600" height="208" rx="0"/></clipPath></defs><rect x="0" y="0" width="632" height="460" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Chat MessageComposer with Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="600" height="160"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><filter id="svgimg4sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="svgimg4cp1"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="svgimg4ct2"><rect x="29" y="29" width="542" height="33.6"/></clipPath><clipPath id="svgimg4cp3"><rect x="25" y="67" width="481" height="42"/></clipPath><clipPath id="svgimg4ov4"><rect x="25" y="67" width="481" height="42" rx="0"/></clipPath><clipPath id="svgimg4ct5"><rect x="29" y="80.1" width="204.1" height="15"/></clipPath><clipPath id="svgimg4ct6"><rect x="509.8" y="71.6" width="61.3" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="93.6" rx="12" fill="rgba(0,0,0,0.09)" filter="url(#svgimg4sh0)"/><rect x="20" y="20" width="560" height="93.6" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="559" height="93" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg4cp1)"><g clip-path="url(#svgimg4ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(98, 98, 103)">Ask about this build</text></g></g><g clip-path="url(#svgimg4cp3)"><g clip-path="url(#svgimg4ov4)"><text x="29" y="92.09" font-family="&quot;ui-sans-serif&quot;, system-ui, sans-serif" font-size="12" fill="rgb(100,100,105)">Answers use the latest nightly build.</text></g></g><rect x="509.8" y="71.6" width="61.3" height="32" rx="16" fill="rgb(0,117,219)"/><text x="521.75" y="93.59" font-family="&quot;ui-sans-serif&quot;, system-ui, sans-serif" font-size="16" fill="rgb(255,255,255)">Send</text></g></g></g></g><text x="16" y="226" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Prompt with Taller Bounds</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="236" width="600" height="208"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 236)"><defs><filter id="svgimg7sh0" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="16"/></filter><clipPath id="svgimg7cp1"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="svgimg7ct2"><rect x="29" y="29" width="542" height="84.8"/></clipPath><clipPath id="svgimg7ct3"><rect x="480.2" y="122.8" width="90.8" height="32"/></clipPath></defs><rect x="20" y="32" width="560" height="144.8" rx="12" fill="rgba(0,0,0,0.09)" filter="url(#svgimg7sh0)"/><rect x="20" y="20" width="560" height="144.8" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="559" height="144" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg7cp1)"><g clip-path="url(#svgimg7ct2)"><text x="29" y="51" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(98, 98, 103)">Describe the change you want</text></g></g><rect x="480.2" y="122.8" width="90.8" height="32" rx="16" fill="rgb(0,117,219)"/><text x="492.17" y="144.78" font-family="&quot;ui-sans-serif&quot;, system-ui, sans-serif" font-size="16" fill="rgb(255,255,255)">Generate</text></g></g></g></g></svg>
package/docs/design/templates/progress-bar/determinate.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 100" width="460" height="100"><defs><clipPath id="ct0"><rect x="29" y="29" width="317" height="19.6"/></clipPath><clipPath id="ct1"><rect x="354" y="29" width="77" height="19.6"/></clipPath><clipPath id="cp2"><rect x="29" y="52.6" width="402" height="6"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="47" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Uploading Files</text><text x="353.95" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">4 of 12 files</text><g clip-path="url(#cp2)"><rect x="29" y="52.6" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="52.6" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="52.6" width="134" height="6" rx="0" fill="rgb(0, 117, 219)"/></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 100" width="460" height="100"><defs><clipPath id="ct0"><rect x="29" y="29" width="317" height="19.6"/></clipPath><clipPath id="ct1"><rect x="354" y="29" width="77" height="19.6"/></clipPath><clipPath id="cp2"><rect x="29" y="52.6" width="402" height="6"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="47" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Uploading Files</text><text x="353.95" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">4 of 12 files</text><g clip-path="url(#cp2)"><rect x="29" y="52.6" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="52.6" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="52.6" width="134" height="6" rx="0" fill="rgb(0, 117, 219)"/></g></svg>
package/docs/design/templates/progress-bar/tones.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 190" width="460" height="190"><defs><clipPath id="ct0"><rect x="29" y="29" width="363.9" height="19.6"/></clipPath><clipPath id="ct1"><rect x="400.9" y="29" width="30.1" height="19.6"/></clipPath><clipPath id="cp2"><rect x="29" y="52.6" width="402" height="6"/></clipPath><clipPath id="ct3"><rect x="29" y="84.6" width="363.9" height="19.6"/></clipPath><clipPath id="ct4"><rect x="400.9" y="84.6" width="30.1" height="19.6"/></clipPath><clipPath id="cp5"><rect x="29" y="108.2" width="402" height="6"/></clipPath><clipPath id="cp6"><rect x="29" y="140.2" width="402" height="4"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="47" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Confidence</text><text x="400.86" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">82%</text><g clip-path="url(#cp2)"><rect x="29" y="52.6" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="52.6" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="52.6" width="329.6" height="6" rx="0" fill="rgb(52, 199, 89)"/></g><rect x="20.5" y="76.5" width="419" height="46" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="99.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Storage Used</text><text x="400.86" y="99.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">93%</text><g clip-path="url(#cp5)"><rect x="29" y="108.2" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="108.2" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="108.2" width="373.9" height="6" rx="0" fill="rgb(255, 204, 0)"/></g><rect x="20.5" y="131.5" width="419" height="21" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp6)"><rect x="29" y="140.2" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="140.2" width="402" height="4" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="140.2" width="160.8" height="4" rx="0" fill="rgb(0, 117, 219)"/></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 190" width="460" height="190"><defs><clipPath id="ct0"><rect x="29" y="29" width="363.9" height="19.6"/></clipPath><clipPath id="ct1"><rect x="400.9" y="29" width="30.1" height="19.6"/></clipPath><clipPath id="cp2"><rect x="29" y="52.6" width="402" height="6"/></clipPath><clipPath id="ct3"><rect x="29" y="84.6" width="363.9" height="19.6"/></clipPath><clipPath id="ct4"><rect x="400.9" y="84.6" width="30.1" height="19.6"/></clipPath><clipPath id="cp5"><rect x="29" y="108.2" width="402" height="6"/></clipPath><clipPath id="cp6"><rect x="29" y="140.2" width="402" height="4"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="47" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Confidence</text><text x="400.86" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">82%</text><g clip-path="url(#cp2)"><rect x="29" y="52.6" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="52.6" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="52.6" width="329.6" height="6" rx="0" fill="rgb(52, 199, 89)"/></g><rect x="20.5" y="76.5" width="419" height="46" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="99.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Storage Used</text><text x="400.86" y="99.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">93%</text><g clip-path="url(#cp5)"><rect x="29" y="108.2" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="108.2" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="108.2" width="373.9" height="6" rx="0" fill="rgb(255, 204, 0)"/></g><rect x="20.5" y="131.5" width="419" height="21" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp6)"><rect x="29" y="140.2" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="140.2" width="402" height="4" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="140.2" width="160.8" height="4" rx="0" fill="rgb(0, 117, 219)"/></g></svg>
package/docs/design/templates/progress-bar.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 382" width="492" height="382"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="100"/></clipPath><clipPath id="cp1"><rect x="16" y="176" width="460" height="190"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="460" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="460" height="100" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="154" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="176" width="460" height="190" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="382" 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)">Labeled with a Readout</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="100"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4ct0"><rect x="29" y="29" width="317" height="19.6"/></clipPath><clipPath id="svgimg4ct1"><rect x="354" y="29" width="77" height="19.6"/></clipPath><clipPath id="svgimg4cp2"><rect x="29" y="52.6" width="402" height="6"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="47" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Uploading Files</text><text x="353.95" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">4 of 12 files</text><g clip-path="url(#svgimg4cp2)"><rect x="29" y="52.6" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="52.6" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="52.6" width="134" height="6" rx="0" fill="rgb(0, 117, 219)"/></g></g></g></g></g><text x="16" y="166" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Tones and Compact</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="176" width="460" height="190"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 176)"><defs><clipPath id="svgimg7ct0"><rect x="29" y="29" width="363.9" height="19.6"/></clipPath><clipPath id="svgimg7ct1"><rect x="400.9" y="29" width="30.1" height="19.6"/></clipPath><clipPath id="svgimg7cp2"><rect x="29" y="52.6" width="402" height="6"/></clipPath><clipPath id="svgimg7ct3"><rect x="29" y="84.6" width="363.9" height="19.6"/></clipPath><clipPath id="svgimg7ct4"><rect x="400.9" y="84.6" width="30.1" height="19.6"/></clipPath><clipPath id="svgimg7cp5"><rect x="29" y="108.2" width="402" height="6"/></clipPath><clipPath id="svgimg7cp6"><rect x="29" y="140.2" width="402" height="4"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="47" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Confidence</text><text x="400.86" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">82%</text><g clip-path="url(#svgimg7cp2)"><rect x="29" y="52.6" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="52.6" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="52.6" width="329.6" height="6" rx="0" fill="rgb(52, 199, 89)"/></g><rect x="20.5" y="76.5" width="419" height="46" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="99.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Storage Used</text><text x="400.86" y="99.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">93%</text><g clip-path="url(#svgimg7cp5)"><rect x="29" y="108.2" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="108.2" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="108.2" width="373.9" height="6" rx="0" fill="rgb(255, 204, 0)"/></g><rect x="20.5" y="131.5" width="419" height="21" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7cp6)"><rect x="29" y="140.2" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="140.2" width="402" height="4" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="140.2" width="160.8" height="4" rx="0" fill="rgb(0, 117, 219)"/></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 382" width="492" height="382"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="100"/></clipPath><clipPath id="cp1"><rect x="16" y="176" width="460" height="190"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="460" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="460" height="100" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="154" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="176" width="460" height="190" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="382" 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)">Labeled with a Readout</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="100"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4ct0"><rect x="29" y="29" width="317" height="19.6"/></clipPath><clipPath id="svgimg4ct1"><rect x="354" y="29" width="77" height="19.6"/></clipPath><clipPath id="svgimg4cp2"><rect x="29" y="52.6" width="402" height="6"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="47" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Uploading Files</text><text x="353.95" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">4 of 12 files</text><g clip-path="url(#svgimg4cp2)"><rect x="29" y="52.6" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="52.6" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="52.6" width="134" height="6" rx="0" fill="rgb(0, 117, 219)"/></g></g></g></g></g><text x="16" y="166" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Tones and Compact</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="176" width="460" height="190"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 176)"><defs><clipPath id="svgimg7ct0"><rect x="29" y="29" width="363.9" height="19.6"/></clipPath><clipPath id="svgimg7ct1"><rect x="400.9" y="29" width="30.1" height="19.6"/></clipPath><clipPath id="svgimg7cp2"><rect x="29" y="52.6" width="402" height="6"/></clipPath><clipPath id="svgimg7ct3"><rect x="29" y="84.6" width="363.9" height="19.6"/></clipPath><clipPath id="svgimg7ct4"><rect x="400.9" y="84.6" width="30.1" height="19.6"/></clipPath><clipPath id="svgimg7cp5"><rect x="29" y="108.2" width="402" height="6"/></clipPath><clipPath id="svgimg7cp6"><rect x="29" y="140.2" width="402" height="4"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="47" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Confidence</text><text x="400.86" y="44" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">82%</text><g clip-path="url(#svgimg7cp2)"><rect x="29" y="52.6" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="52.6" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="52.6" width="329.6" height="6" rx="0" fill="rgb(52, 199, 89)"/></g><rect x="20.5" y="76.5" width="419" height="46" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="99.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(0,0,0)">Storage Used</text><text x="400.86" y="99.59" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">93%</text><g clip-path="url(#svgimg7cp5)"><rect x="29" y="108.2" width="402" height="6" rx="3" fill="rgba(0,0,49,0.1)"/><rect x="29" y="108.2" width="402" height="6" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="108.2" width="373.9" height="6" rx="0" fill="rgb(255, 204, 0)"/></g><rect x="20.5" y="131.5" width="419" height="21" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7cp6)"><rect x="29" y="140.2" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="140.2" width="402" height="4" rx="0" fill="rgba(0, 0, 49, 0.1)"/><rect x="29" y="140.2" width="160.8" height="4" rx="0" fill="rgb(0, 117, 219)"/></g></g></g></g></g></svg>
package/docs/design/templates/radio-group/horizontal-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 105" width="400" height="105"><defs><clipPath id="fln0" clip-rule="evenodd"><path d="M0 0h400v105H0Zm20 20h142.3v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="ct1"><rect x="20" y="20" width="142.3" height="14.4"/></clipPath><clipPath id="ct2"><rect x="45" y="40.4" width="41" height="17.4"/></clipPath><clipPath id="ct3"><rect x="135" y="40.4" width="29.4" height="17.4"/></clipPath><clipPath id="ct4"><rect x="213.4" y="40.4" width="45.8" height="17.4"/></clipPath><clipPath id="ct5"><rect x="20" y="65.4" width="360" height="19.2"/></clipPath></defs><g clip-path="url(#fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">RELEASE CHANNEL</text><text x="45" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Stable</text><text x="134.97" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Beta</text><text x="213.39" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Nightly</text><text x="29" y="79.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(255,105,108)">Choose a channel.</text><rect x="20" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="20.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="110" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="110.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="188.4" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="188.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 105" width="400" height="105"><defs><clipPath id="fln0" clip-rule="evenodd"><path d="M0 0h400v105H0Zm20 20h142.3v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="ct1"><rect x="20" y="20" width="142.3" height="14.4"/></clipPath><clipPath id="ct2"><rect x="45" y="40.4" width="41" height="17.4"/></clipPath><clipPath id="ct3"><rect x="135" y="40.4" width="29.4" height="17.4"/></clipPath><clipPath id="ct4"><rect x="213.4" y="40.4" width="45.8" height="17.4"/></clipPath><clipPath id="ct5"><rect x="20" y="65.4" width="360" height="19.2"/></clipPath></defs><g clip-path="url(#fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">RELEASE CHANNEL</text><text x="45" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Stable</text><text x="134.97" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Beta</text><text x="213.39" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Nightly</text><text x="29" y="79.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(255,133,136)">Choose a channel.</text><rect x="20" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="20.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="110" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="110.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="188.4" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="188.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/></svg>
package/docs/design/templates/radio-group/vertical.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 217" width="400" height="217"><defs><clipPath id="fln0" clip-rule="evenodd"><path d="M0 0h400v217H0Zm20 20h130.4v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="ct1"><rect x="20" y="20" width="130.4" height="14.4"/></clipPath><clipPath id="ct2"><rect x="48" y="40.4" width="66.2" height="19.6"/></clipPath><clipPath id="ct3"><rect x="48" y="68.4" width="67" height="19.6"/></clipPath><clipPath id="ct4"><rect x="48" y="96.4" width="49.9" height="19.6"/></clipPath><clipPath id="ct5"><rect x="20" y="116.4" width="360" height="22.4"/></clipPath><clipPath id="ct6"><rect x="48" y="146.8" width="56.3" height="19.6"/></clipPath><clipPath id="ct7"><rect x="20" y="173.8" width="360" height="22.4"/></clipPath></defs><g clip-path="url(#fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">LAYOUT DENSITY</text><text x="48" y="55.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Compact</text><text x="48" y="83.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Balanced</text><text x="48" y="111.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Roomy</text><text x="48" y="132.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Larger rows for touch screens.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="162.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Custom</text><rect x="20" y="146.8" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="147.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g><text x="29" y="189.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Applies to every list.</text><rect x="20" y="40.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="40.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="20" y="68.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="68.5" width="19" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g><rect x="24.6" y="73" width="10.8" height="10.8" rx="5.4" ry="5.4" fill="rgb(0, 117, 219)"/></g></g><rect x="20" y="96.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="96.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 217" width="400" height="217"><defs><clipPath id="fln0" clip-rule="evenodd"><path d="M0 0h400v217H0Zm20 20h130.4v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="ct1"><rect x="20" y="20" width="130.4" height="14.4"/></clipPath><clipPath id="ct2"><rect x="48" y="40.4" width="66.2" height="19.6"/></clipPath><clipPath id="ct3"><rect x="48" y="68.4" width="67" height="19.6"/></clipPath><clipPath id="ct4"><rect x="48" y="96.4" width="49.9" height="19.6"/></clipPath><clipPath id="ct5"><rect x="20" y="116.4" width="360" height="22.4"/></clipPath><clipPath id="ct6"><rect x="48" y="146.8" width="56.3" height="19.6"/></clipPath><clipPath id="ct7"><rect x="20" y="173.8" width="360" height="22.4"/></clipPath></defs><g clip-path="url(#fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">LAYOUT DENSITY</text><text x="48" y="55.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Compact</text><text x="48" y="83.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Balanced</text><text x="48" y="111.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Roomy</text><text x="48" y="132.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Larger rows for touch screens.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="162.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Custom</text><rect x="20" y="146.8" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="147.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g><text x="29" y="189.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Applies to every list.</text><rect x="20" y="40.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="40.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="20" y="68.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="68.5" width="19" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g><rect x="24.6" y="73" width="10.8" height="10.8" rx="5.4" ry="5.4" fill="rgb(0, 117, 219)"/></g></g><rect x="20" y="96.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="96.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></svg>
package/docs/design/templates/radio-group-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 414" width="432" height="414"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="217"/></clipPath><clipPath id="cp1"><rect x="16" y="293" width="400" height="105"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="400" height="217" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="271" width="400" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="293" width="400" height="105" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="414" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Stacked Choices with Hints</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="400" height="217"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4fln0" clip-rule="evenodd"><path d="M0 0h400v217H0Zm20 20h130.4v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="20" width="130.4" height="14.4"/></clipPath><clipPath id="svgimg4ct2"><rect x="48" y="40.4" width="66.2" height="19.6"/></clipPath><clipPath id="svgimg4ct3"><rect x="48" y="68.4" width="67" height="19.6"/></clipPath><clipPath id="svgimg4ct4"><rect x="48" y="96.4" width="49.9" height="19.6"/></clipPath><clipPath id="svgimg4ct5"><rect x="20" y="116.4" width="360" height="22.4"/></clipPath><clipPath id="svgimg4ct6"><rect x="48" y="146.8" width="56.3" height="19.6"/></clipPath><clipPath id="svgimg4ct7"><rect x="20" y="173.8" width="360" height="22.4"/></clipPath></defs><g clip-path="url(#svgimg4fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">LAYOUT DENSITY</text><text x="48" y="55.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Compact</text><text x="48" y="83.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Balanced</text><text x="48" y="111.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Roomy</text><text x="48" y="132.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Larger rows for touch screens.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="162.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Custom</text><rect x="20" y="146.8" width="20" height="20" rx="10" fill="rgb(28,28,30)"/><rect x="20.5" y="147.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g><text x="29" y="189.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Applies to every list.</text><rect x="20" y="40.4" width="20" height="20" rx="10" fill="rgb(28,28,30)"/><rect x="20.5" y="40.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="20" y="68.4" width="20" height="20" rx="10" fill="rgb(28,28,30)"/><rect x="20.5" y="68.5" width="19" height="19" rx="9.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g><rect x="24.6" y="73" width="10.8" height="10.8" rx="5.4" ry="5.4" fill="rgb(100, 210, 255)"/></g></g><rect x="20" y="96.4" width="20" height="20" rx="10" fill="rgb(28,28,30)"/><rect x="20.5" y="96.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g></g></g></g><text x="16" y="283" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Horizontal, Compact, with an Error</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="293" width="400" height="105"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 293)"><defs><clipPath id="svgimg7fln0" clip-rule="evenodd"><path d="M0 0h400v105H0Zm20 20h142.3v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg7ct1"><rect x="20" y="20" width="142.3" height="14.4"/></clipPath><clipPath id="svgimg7ct2"><rect x="45" y="40.4" width="41" height="17.4"/></clipPath><clipPath id="svgimg7ct3"><rect x="135" y="40.4" width="29.4" height="17.4"/></clipPath><clipPath id="svgimg7ct4"><rect x="213.4" y="40.4" width="45.8" height="17.4"/></clipPath><clipPath id="svgimg7ct5"><rect x="20" y="65.4" width="360" height="19.2"/></clipPath></defs><g clip-path="url(#svgimg7fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">RELEASE CHANNEL</text><text x="45" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Stable</text><text x="134.97" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Beta</text><text x="213.39" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Nightly</text><text x="29" y="79.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(255,105,108)">Choose a channel.</text><rect x="20" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="20.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="110" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="110.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="188.4" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="188.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 414" width="432" height="414"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="217"/></clipPath><clipPath id="cp1"><rect x="16" y="293" width="400" height="105"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="400" height="217" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="271" width="400" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="293" width="400" height="105" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="414" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Stacked Choices with Hints</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="400" height="217"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4fln0" clip-rule="evenodd"><path d="M0 0h400v217H0Zm20 20h130.4v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="20" width="130.4" height="14.4"/></clipPath><clipPath id="svgimg4ct2"><rect x="48" y="40.4" width="66.2" height="19.6"/></clipPath><clipPath id="svgimg4ct3"><rect x="48" y="68.4" width="67" height="19.6"/></clipPath><clipPath id="svgimg4ct4"><rect x="48" y="96.4" width="49.9" height="19.6"/></clipPath><clipPath id="svgimg4ct5"><rect x="20" y="116.4" width="360" height="22.4"/></clipPath><clipPath id="svgimg4ct6"><rect x="48" y="146.8" width="56.3" height="19.6"/></clipPath><clipPath id="svgimg4ct7"><rect x="20" y="173.8" width="360" height="22.4"/></clipPath></defs><g clip-path="url(#svgimg4fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">LAYOUT DENSITY</text><text x="48" y="55.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Compact</text><text x="48" y="83.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Balanced</text><text x="48" y="111.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Roomy</text><text x="48" y="132.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Larger rows for touch screens.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="162.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">Custom</text><rect x="20" y="146.8" width="20" height="20" rx="10" fill="rgb(28,28,30)"/><rect x="20.5" y="147.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g><text x="29" y="189.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Applies to every list.</text><rect x="20" y="40.4" width="20" height="20" rx="10" fill="rgb(28,28,30)"/><rect x="20.5" y="40.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><rect x="20" y="68.4" width="20" height="20" rx="10" fill="rgb(28,28,30)"/><rect x="20.5" y="68.5" width="19" height="19" rx="9.5" fill="none" stroke="rgb(100,210,255)" stroke-width="1"/><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g><rect x="24.6" y="73" width="10.8" height="10.8" rx="5.4" ry="5.4" fill="rgb(100, 210, 255)"/></g></g><rect x="20" y="96.4" width="20" height="20" rx="10" fill="rgb(28,28,30)"/><rect x="20.5" y="96.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/></g></g></g></g><text x="16" y="283" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Horizontal, Compact, with an Error</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="293" width="400" height="105"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 293)"><defs><clipPath id="svgimg7fln0" clip-rule="evenodd"><path d="M0 0h400v105H0Zm20 20h142.3v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg7ct1"><rect x="20" y="20" width="142.3" height="14.4"/></clipPath><clipPath id="svgimg7ct2"><rect x="45" y="40.4" width="41" height="17.4"/></clipPath><clipPath id="svgimg7ct3"><rect x="135" y="40.4" width="29.4" height="17.4"/></clipPath><clipPath id="svgimg7ct4"><rect x="213.4" y="40.4" width="45.8" height="17.4"/></clipPath><clipPath id="svgimg7ct5"><rect x="20" y="65.4" width="360" height="19.2"/></clipPath></defs><g clip-path="url(#svgimg7fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">RELEASE CHANNEL</text><text x="45" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Stable</text><text x="134.97" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Beta</text><text x="213.39" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(245,245,247)">Nightly</text><text x="29" y="79.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(255,133,136)">Choose a channel.</text><rect x="20" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="20.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="110" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="110.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><rect x="188.4" y="40.4" width="18" height="18" rx="9" fill="rgb(28,28,30)"/><rect x="188.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/></g></g></g></g></svg>
package/docs/design/templates/radio-group.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 414" width="432" height="414"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="217"/></clipPath><clipPath id="cp1"><rect x="16" y="293" width="400" height="105"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="400" height="217" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="271" width="400" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="293" width="400" height="105" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="414" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Stacked Choices with Hints</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="400" height="217"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4fln0" clip-rule="evenodd"><path d="M0 0h400v217H0Zm20 20h130.4v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="20" width="130.4" height="14.4"/></clipPath><clipPath id="svgimg4ct2"><rect x="48" y="40.4" width="66.2" height="19.6"/></clipPath><clipPath id="svgimg4ct3"><rect x="48" y="68.4" width="67" height="19.6"/></clipPath><clipPath id="svgimg4ct4"><rect x="48" y="96.4" width="49.9" height="19.6"/></clipPath><clipPath id="svgimg4ct5"><rect x="20" y="116.4" width="360" height="22.4"/></clipPath><clipPath id="svgimg4ct6"><rect x="48" y="146.8" width="56.3" height="19.6"/></clipPath><clipPath id="svgimg4ct7"><rect x="20" y="173.8" width="360" height="22.4"/></clipPath></defs><g clip-path="url(#svgimg4fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">LAYOUT DENSITY</text><text x="48" y="55.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Compact</text><text x="48" y="83.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Balanced</text><text x="48" y="111.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Roomy</text><text x="48" y="132.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Larger rows for touch screens.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="162.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Custom</text><rect x="20" y="146.8" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="147.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g><text x="29" y="189.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Applies to every list.</text><rect x="20" y="40.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="40.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="20" y="68.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="68.5" width="19" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g><rect x="24.6" y="73" width="10.8" height="10.8" rx="5.4" ry="5.4" fill="rgb(0, 117, 219)"/></g></g><rect x="20" y="96.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="96.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g></g></g></g><text x="16" y="283" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Horizontal, Compact, with an Error</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="293" width="400" height="105"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 293)"><defs><clipPath id="svgimg7fln0" clip-rule="evenodd"><path d="M0 0h400v105H0Zm20 20h142.3v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg7ct1"><rect x="20" y="20" width="142.3" height="14.4"/></clipPath><clipPath id="svgimg7ct2"><rect x="45" y="40.4" width="41" height="17.4"/></clipPath><clipPath id="svgimg7ct3"><rect x="135" y="40.4" width="29.4" height="17.4"/></clipPath><clipPath id="svgimg7ct4"><rect x="213.4" y="40.4" width="45.8" height="17.4"/></clipPath><clipPath id="svgimg7ct5"><rect x="20" y="65.4" width="360" height="19.2"/></clipPath></defs><g clip-path="url(#svgimg7fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">RELEASE CHANNEL</text><text x="45" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Stable</text><text x="134.97" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Beta</text><text x="213.39" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Nightly</text><text x="29" y="79.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(194,11,32)">Choose a channel.</text><rect x="20" y="40.4" width="18" height="18" rx="9" fill="rgb(255,255,255)"/><rect x="20.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><rect x="110" y="40.4" width="18" height="18" rx="9" fill="rgb(255,255,255)"/><rect x="110.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><rect x="188.4" y="40.4" width="18" height="18" rx="9" fill="rgb(255,255,255)"/><rect x="188.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 414" width="432" height="414"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="217"/></clipPath><clipPath id="cp1"><rect x="16" y="293" width="400" height="105"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="400" height="217" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="271" width="400" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="293" width="400" height="105" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="414" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Stacked Choices with Hints</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="400" height="217"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4fln0" clip-rule="evenodd"><path d="M0 0h400v217H0Zm20 20h130.4v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="20" width="130.4" height="14.4"/></clipPath><clipPath id="svgimg4ct2"><rect x="48" y="40.4" width="66.2" height="19.6"/></clipPath><clipPath id="svgimg4ct3"><rect x="48" y="68.4" width="67" height="19.6"/></clipPath><clipPath id="svgimg4ct4"><rect x="48" y="96.4" width="49.9" height="19.6"/></clipPath><clipPath id="svgimg4ct5"><rect x="20" y="116.4" width="360" height="22.4"/></clipPath><clipPath id="svgimg4ct6"><rect x="48" y="146.8" width="56.3" height="19.6"/></clipPath><clipPath id="svgimg4ct7"><rect x="20" y="173.8" width="360" height="22.4"/></clipPath></defs><g clip-path="url(#svgimg4fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">LAYOUT DENSITY</text><text x="48" y="55.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Compact</text><text x="48" y="83.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Balanced</text><text x="48" y="111.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Roomy</text><text x="48" y="132.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Larger rows for touch screens.</text><g opacity="0.5" style="isolation:isolate"><text x="48" y="162.19" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Custom</text><rect x="20" y="146.8" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="147.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g><text x="29" y="189.78" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Applies to every list.</text><rect x="20" y="40.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="40.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="20" y="68.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="68.5" width="19" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::after" data-domotion-pseudo-owner="source-fragments"><g><rect x="24.6" y="73" width="10.8" height="10.8" rx="5.4" ry="5.4" fill="rgb(0, 117, 219)"/></g></g><rect x="20" y="96.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="96.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g></g></g></g><text x="16" y="283" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Horizontal, Compact, with an Error</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="293" width="400" height="105"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 293)"><defs><clipPath id="svgimg7fln0" clip-rule="evenodd"><path d="M0 0h400v105H0Zm20 20h142.3v14.4H20Z" clip-rule="evenodd"/></clipPath><clipPath id="svgimg7ct1"><rect x="20" y="20" width="142.3" height="14.4"/></clipPath><clipPath id="svgimg7ct2"><rect x="45" y="40.4" width="41" height="17.4"/></clipPath><clipPath id="svgimg7ct3"><rect x="135" y="40.4" width="29.4" height="17.4"/></clipPath><clipPath id="svgimg7ct4"><rect x="213.4" y="40.4" width="45.8" height="17.4"/></clipPath><clipPath id="svgimg7ct5"><rect x="20" y="65.4" width="360" height="19.2"/></clipPath></defs><g clip-path="url(#svgimg7fln0)"/><text x="29" y="31" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">RELEASE CHANNEL</text><text x="45" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Stable</text><text x="134.97" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Beta</text><text x="213.39" y="53.98" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Nightly</text><text x="29" y="79.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(194,11,32)">Choose a channel.</text><rect x="20" y="40.4" width="18" height="18" rx="9" fill="rgb(255,255,255)"/><rect x="20.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><rect x="110" y="40.4" width="18" height="18" rx="9" fill="rgb(255,255,255)"/><rect x="110.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><rect x="188.4" y="40.4" width="18" height="18" rx="9" fill="rgb(255,255,255)"/><rect x="188.5" y="40.5" width="17" height="17" rx="8.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/></g></g></g></g></svg>
package/docs/design/templates/search-field/empty.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 100" width="560" height="100"><defs><clipPath id="cp0"><rect x="29" y="34" width="16" height="16"/></clipPath></defs><rect x="20" y="20" width="520" height="44" rx="22" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="519" height="43" rx="21.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::before" data-domotion-pseudo-owner="source-fragments" role="img" aria-label="Search tickets"><g/><g transform="translate(53 46.547)"><text x="0" y="0" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110, 110, 115)">Search tickets</text></g></g><g clip-path="url(#cp0)"><g color="rgb(110, 110, 115)"><clipPath id="svgic1"><rect x="29" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(29 34)scale(.66667)"><path d="m21 21-4.3-4.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="11" cy="11" r="8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 100" width="560" height="100"><defs><clipPath id="cp0"><rect x="29" y="34" width="16" height="16"/></clipPath></defs><rect x="20" y="20" width="520" height="44" rx="22" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="519" height="43" rx="21.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::before" data-domotion-pseudo-owner="source-fragments" role="img" aria-label="Search tickets"><g/><g transform="translate(53 46.547)"><text x="0" y="0" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100, 100, 105)">Search tickets</text></g></g><g clip-path="url(#cp0)"><g color="rgb(100, 100, 105)"><clipPath id="svgic1"><rect x="29" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(29 34)scale(.66667)"><path d="m21 21-4.3-4.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="11" cy="11" r="8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></svg>
package/docs/design/templates/search-field/tokens.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 100" width="560" height="100"><defs><clipPath id="cp0"><rect x="29" y="34" width="16" height="16"/></clipPath><clipPath id="ct2"><rect x="53" y="32.5" width="66.8" height="17"/></clipPath><clipPath id="ct3"><rect x="129" y="33.9" width="41.1" height="18"/></clipPath><clipPath id="cp4"><rect x="175" y="37" width="11.3" height="11.5"/></clipPath><clipPath id="ct6"><rect x="191.7" y="32.5" width="50.7" height="17"/></clipPath><clipPath id="cp7"><rect x="512" y="35" width="14" height="14"/></clipPath></defs><rect x="20" y="20" width="520" height="44" rx="22" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="519" height="43" rx="21.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#cp0)"><g color="rgb(110, 110, 115)"><clipPath id="svgic1"><rect x="29" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(29 34)scale(.66667)"><path d="m21 21-4.3-4.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="11" cy="11" r="8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="53" y="46.55" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">payments </text><rect x="121.8" y="33.9" width="67.9" height="18" rx="9" fill="rgb(214,233,249)"/><text x="129" y="46.86" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">is:open</text><g clip-path="url(#cp4)"><g color="rgb(12, 98, 243)"><clipPath id="svgic5"><rect x="175.1" y="37.3" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic5)"><g transform="translate(175.094 37.266)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(12, 98, 243)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(12, 98, 243)" 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="191.69" y="46.55" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">is:open </text><g clip-path="url(#cp7)"><g color="rgb(110, 110, 115)"><clipPath id="svgic8"><rect x="512.2" y="35.2" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgic8)"><g transform="translate(512.203 35.203)scale(.5664)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 100" width="560" height="100"><defs><clipPath id="cp0"><rect x="29" y="34" width="16" height="16"/></clipPath><clipPath id="ct2"><rect x="53" y="32.5" width="66.8" height="17"/></clipPath><clipPath id="ct3"><rect x="129" y="33.9" width="41.1" height="18"/></clipPath><clipPath id="cp4"><rect x="175" y="37" width="11.3" height="11.5"/></clipPath><clipPath id="ct6"><rect x="191.7" y="32.5" width="50.7" height="17"/></clipPath><clipPath id="cp7"><rect x="512" y="35" width="14" height="14"/></clipPath></defs><rect x="20" y="20" width="520" height="44" rx="22" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="519" height="43" rx="21.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#cp0)"><g color="rgb(100, 100, 105)"><clipPath id="svgic1"><rect x="29" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic1)"><g transform="translate(29 34)scale(.66667)"><path d="m21 21-4.3-4.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="11" cy="11" r="8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="53" y="46.55" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">payments </text><rect x="121.8" y="33.9" width="67.9" height="18" rx="9" fill="rgb(214,233,249)"/><text x="129" y="46.86" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">is:open</text><g clip-path="url(#cp4)"><g color="rgb(12, 98, 243)"><clipPath id="svgic5"><rect x="175.1" y="37.3" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic5)"><g transform="translate(175.094 37.266)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(12, 98, 243)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(12, 98, 243)" 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="191.69" y="46.55" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">is:open </text><g clip-path="url(#cp7)"><g color="rgb(100, 100, 105)"><clipPath id="svgic8"><rect x="512.2" y="35.2" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgic8)"><g transform="translate(512.203 35.203)scale(.5664)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></svg>
package/docs/design/templates/search-field.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 592 292" width="592" height="292"><defs><clipPath id="cp0"><rect x="16" y="38" width="560" height="100"/></clipPath><clipPath id="cp1"><rect x="16" y="176" width="560" height="100"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="560" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="560" height="100" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="154" width="560" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="176" width="560" height="100" rx="0"/></clipPath></defs><rect x="0" y="0" width="592" height="292" 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)">Text with Atomic Tokens</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="560" height="100"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="29" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg4ct2"><rect x="53" y="32.5" width="66.8" height="17"/></clipPath><clipPath id="svgimg4ct3"><rect x="129" y="33.9" width="41.1" height="18"/></clipPath><clipPath id="svgimg4cp4"><rect x="175" y="37" width="11.3" height="11.5"/></clipPath><clipPath id="svgimg4ct6"><rect x="191.7" y="32.5" width="50.7" height="17"/></clipPath><clipPath id="svgimg4cp7"><rect x="512" y="35" width="14" height="14"/></clipPath></defs><rect x="20" y="20" width="520" height="44" rx="22" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="519" height="43" rx="21.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg4cp0)"><g color="rgb(110, 110, 115)"><clipPath id="svgimg4svgic1"><rect x="29" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg4svgic1)"><g transform="translate(29 34)scale(.66667)"><path d="m21 21-4.3-4.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="11" cy="11" r="8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="53" y="46.55" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">payments </text><rect x="121.8" y="33.9" width="67.9" height="18" rx="9" fill="rgb(214,233,249)"/><text x="129" y="46.86" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">is:open</text><g clip-path="url(#svgimg4cp4)"><g color="rgb(12, 98, 243)"><clipPath id="svgimg4svgic5"><rect x="175.1" y="37.3" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic5)"><g transform="translate(175.094 37.266)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(12, 98, 243)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(12, 98, 243)" 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="191.69" y="46.55" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">is:open </text><g clip-path="url(#svgimg4cp7)"><g color="rgb(110, 110, 115)"><clipPath id="svgimg4svgic8"><rect x="512.2" y="35.2" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgimg4svgic8)"><g transform="translate(512.203 35.203)scale(.5664)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g></g></g></g><text x="16" y="166" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Empty, Expanded</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="176" width="560" height="100"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 176)"><defs><clipPath id="svgimg7cp0"><rect x="29" y="34" width="16" height="16"/></clipPath></defs><rect x="20" y="20" width="520" height="44" rx="22" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="519" height="43" rx="21.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::before" data-domotion-pseudo-owner="source-fragments" role="img" aria-label="Search tickets"><g/><g transform="translate(53 46.547)"><text x="0" y="0" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110, 110, 115)">Search tickets</text></g></g><g clip-path="url(#svgimg7cp0)"><g color="rgb(110, 110, 115)"><clipPath id="svgimg7svgic1"><rect x="29" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg7svgic1)"><g transform="translate(29 34)scale(.66667)"><path d="m21 21-4.3-4.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="11" cy="11" r="8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(110, 110, 115)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 592 292" width="592" height="292"><defs><clipPath id="cp0"><rect x="16" y="38" width="560" height="100"/></clipPath><clipPath id="cp1"><rect x="16" y="176" width="560" height="100"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="560" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="560" height="100" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="154" width="560" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="176" width="560" height="100" rx="0"/></clipPath></defs><rect x="0" y="0" width="592" height="292" 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)">Text with Atomic Tokens</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="560" height="100"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="29" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg4ct2"><rect x="53" y="32.5" width="66.8" height="17"/></clipPath><clipPath id="svgimg4ct3"><rect x="129" y="33.9" width="41.1" height="18"/></clipPath><clipPath id="svgimg4cp4"><rect x="175" y="37" width="11.3" height="11.5"/></clipPath><clipPath id="svgimg4ct6"><rect x="191.7" y="32.5" width="50.7" height="17"/></clipPath><clipPath id="svgimg4cp7"><rect x="512" y="35" width="14" height="14"/></clipPath></defs><rect x="20" y="20" width="520" height="44" rx="22" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="519" height="43" rx="21.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg4cp0)"><g color="rgb(100, 100, 105)"><clipPath id="svgimg4svgic1"><rect x="29" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg4svgic1)"><g transform="translate(29 34)scale(.66667)"><path d="m21 21-4.3-4.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="11" cy="11" r="8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="53" y="46.55" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">payments </text><rect x="121.8" y="33.9" width="67.9" height="18" rx="9" fill="rgb(214,233,249)"/><text x="129" y="46.86" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">is:open</text><g clip-path="url(#svgimg4cp4)"><g color="rgb(12, 98, 243)"><clipPath id="svgimg4svgic5"><rect x="175.1" y="37.3" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic5)"><g transform="translate(175.094 37.266)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(12, 98, 243)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(12, 98, 243)" 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="191.69" y="46.55" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">is:open </text><g clip-path="url(#svgimg4cp7)"><g color="rgb(100, 100, 105)"><clipPath id="svgimg4svgic8"><rect x="512.2" y="35.2" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgimg4svgic8)"><g transform="translate(512.203 35.203)scale(.5664)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g></g></g></g><text x="16" y="166" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Empty, Expanded</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="176" width="560" height="100"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 176)"><defs><clipPath id="svgimg7cp0"><rect x="29" y="34" width="16" height="16"/></clipPath></defs><rect x="20" y="20" width="520" height="44" rx="22" fill="rgb(255,255,255)"/><rect x="20.5" y="20.5" width="519" height="43" rx="21.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g data-domotion-pseudo-source="blink-pseudo-fragment-v1" data-domotion-pseudo="::before" data-domotion-pseudo-owner="source-fragments" role="img" aria-label="Search tickets"><g/><g transform="translate(53 46.547)"><text x="0" y="0" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100, 100, 105)">Search tickets</text></g></g><g clip-path="url(#svgimg7cp0)"><g color="rgb(100, 100, 105)"><clipPath id="svgimg7svgic1"><rect x="29" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg7svgic1)"><g transform="translate(29 34)scale(.66667)"><path d="m21 21-4.3-4.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="11" cy="11" r="8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(100, 100, 105)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g></g></g></g></svg>