@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/select/form.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 134" width="400" height="134"><defs><clipPath id="ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="ct1"><rect x="20" y="95.4" width="360" height="22.4"/></clipPath><clipPath id="cp2"><rect x="16" y="40.4" width="368" height="52"/></clipPath><clipPath id="ov3"><rect x="21" y="45.4" width="358" height="42" rx="11"/></clipPath><clipPath id="cp4"><rect x="29" y="56.8" width="322" height="19.2"/></clipPath><clipPath id="ct5"><rect x="29" y="56.8" width="322" height="19.2"/></clipPath><clipPath id="cp6"><rect x="357.5" y="62" width="7.5" height="8.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">STATUS</text><text x="29" y="111.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Moves the ticket on the board.</text><g clip-path="url(#cp2)"><rect x="20" y="44.4" width="360" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="359" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#ov3)"><g clip-path="url(#cp4)"><g clip-path="url(#ct5)"><text x="29" y="71.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">In Review</text></g></g><g clip-path="url(#cp6)"><g color="rgb(98, 98, 103)"><clipPath id="svgic7"><rect x="357.5" y="62.4" width="7" height="8"/></clipPath><g clip-path="url(#svgic7)"><g transform="matrix(.5 0 0 .5 357.5 62.89)"><path d="m2 4.8 5 5 5-5" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="none" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 134" width="400" height="134"><defs><clipPath id="ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="ct1"><rect x="20" y="95.4" width="360" height="22.4"/></clipPath><clipPath id="cp2"><rect x="16" y="40.4" width="368" height="52"/></clipPath><clipPath id="ov3"><rect x="21" y="45.4" width="358" height="42" rx="11"/></clipPath><clipPath id="cp4"><rect x="29" y="56.8" width="322" height="19.2"/></clipPath><clipPath id="ct5"><rect x="29" y="56.8" width="322" height="19.2"/></clipPath><clipPath id="cp6"><rect x="357.5" y="62" width="7.5" height="8.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">STATUS</text><text x="29" y="111.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Moves the ticket on the board.</text><g clip-path="url(#cp2)"><rect x="20" y="44.4" width="360" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="359" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#ov3)"><g clip-path="url(#cp4)"><g clip-path="url(#ct5)"><text x="29" y="71.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">In Review</text></g></g><g clip-path="url(#cp6)"><g color="rgb(98, 98, 103)"><clipPath id="svgic7"><rect x="357.5" y="62.4" width="7" height="8"/></clipPath><g clip-path="url(#svgic7)"><g transform="matrix(.5 0 0 .5 357.5 62.89)"><path d="m2 4.8 5 5 5-5" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="none" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g></svg>
package/docs/design/templates/select.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 462" width="432" height="462"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="134"/></clipPath><clipPath id="cp1"><rect x="16" y="210" width="400" height="105"/></clipPath><clipPath id="cp2"><rect x="16" y="353" width="400" height="93"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="400" height="134" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="188" width="400" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="210" width="400" height="105" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="331" width="400" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="353" width="400" height="93" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="462" 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 Form Field</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="400" height="134"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="svgimg5ct1"><rect x="20" y="95.4" width="360" height="22.4"/></clipPath><clipPath id="svgimg5cp2"><rect x="16" y="40.4" width="368" height="52"/></clipPath><clipPath id="svgimg5ov3"><rect x="21" y="45.4" width="358" height="42" rx="11"/></clipPath><clipPath id="svgimg5cp4"><rect x="29" y="56.8" width="322" height="19.2"/></clipPath><clipPath id="svgimg5ct5"><rect x="29" y="56.8" width="322" height="19.2"/></clipPath><clipPath id="svgimg5cp6"><rect x="357.5" y="62" width="7.5" height="8.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">STATUS</text><text x="29" y="111.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Moves the ticket on the board.</text><g clip-path="url(#svgimg5cp2)"><rect x="20" y="44.4" width="360" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="359" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg5ov3)"><g clip-path="url(#svgimg5cp4)"><g clip-path="url(#svgimg5ct5)"><text x="29" y="71.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">In Review</text></g></g><g clip-path="url(#svgimg5cp6)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg5svgic7"><rect x="357.5" y="62.4" width="7" height="8"/></clipPath><g clip-path="url(#svgimg5svgic7)"><g transform="matrix(.5 0 0 .5 357.5 62.89)"><path d="m2 4.8 5 5 5-5" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="none" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g></g></g></g></g><text x="16" y="200" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Choices with Icons</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="210" width="400" height="105"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 210)"><defs><clipPath id="svgimg8ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="svgimg8cp1"><rect x="16" y="40.4" width="368" height="52"/></clipPath><clipPath id="svgimg8ov2"><rect x="21" y="45.4" width="358" height="42" rx="11"/></clipPath><clipPath id="svgimg8cp3"><rect x="29" y="58" width="16" height="16.4"/></clipPath><clipPath id="svgimg8cp5"><rect x="53" y="56.8" width="298" height="19.2"/></clipPath><clipPath id="svgimg8ct6"><rect x="53" y="56.8" width="298" height="19.2"/></clipPath><clipPath id="svgimg8cp7"><rect x="357.5" y="62" width="7.5" height="8.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">NOTIFY</text><g clip-path="url(#svgimg8cp1)"><rect x="20" y="44.4" width="360" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="359" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg8ov2)"><g clip-path="url(#svgimg8cp3)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg8svgic4"><rect x="29" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg8svgic4)"><g transform="translate(29 58.39)scale(.66667)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg8cp5)"><g clip-path="url(#svgimg8ct6)"><text x="53" y="71.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Mentions Only</text></g></g><g clip-path="url(#svgimg8cp7)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg8svgic8"><rect x="357.5" y="62.4" width="7" height="8"/></clipPath><g clip-path="url(#svgimg8svgic8)"><g transform="matrix(.5 0 0 .5 357.5 62.89)"><path d="m2 4.8 5 5 5-5" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="none" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g></g></g></g></g><text x="16" y="343" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact, Disabled</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="353" width="400" height="93"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 353)"><defs><clipPath id="svgimg11ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="svgimg11cp1"><rect x="16" y="40.4" width="368" height="40"/></clipPath><clipPath id="svgimg11ov2"><rect x="21" y="45.4" width="358" height="30" rx="11"/></clipPath><clipPath id="svgimg11cp3"><rect x="29" y="50.8" width="322" height="19.2"/></clipPath><clipPath id="svgimg11ct4"><rect x="29" y="50.8" width="322" height="19.2"/></clipPath><clipPath id="svgimg11cp5"><rect x="357.5" y="56" width="7.5" height="8.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">REGION</text><g opacity="0.5" clip-path="url(#svgimg11cp1)" style="isolation:isolate"><rect x="20" y="44.4" width="360" height="32" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="359" height="31" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg11ov2)"><g clip-path="url(#svgimg11cp3)"><g clip-path="url(#svgimg11ct4)"><text x="29" y="65.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">US East</text></g></g><g clip-path="url(#svgimg11cp5)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg11svgic6"><rect x="357.5" y="56.4" width="7" height="8"/></clipPath><g clip-path="url(#svgimg11svgic6)"><g transform="matrix(.5 0 0 .5 357.5 56.89)"><path d="m2 4.8 5 5 5-5" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="none" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 462" width="432" height="462"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="134"/></clipPath><clipPath id="cp1"><rect x="16" y="210" width="400" height="105"/></clipPath><clipPath id="cp2"><rect x="16" y="353" width="400" height="93"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="400" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="400" height="134" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="188" width="400" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="210" width="400" height="105" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="331" width="400" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="353" width="400" height="93" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="462" 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 Form Field</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="400" height="134"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="svgimg5ct1"><rect x="20" y="95.4" width="360" height="22.4"/></clipPath><clipPath id="svgimg5cp2"><rect x="16" y="40.4" width="368" height="52"/></clipPath><clipPath id="svgimg5ov3"><rect x="21" y="45.4" width="358" height="42" rx="11"/></clipPath><clipPath id="svgimg5cp4"><rect x="29" y="56.8" width="322" height="19.2"/></clipPath><clipPath id="svgimg5ct5"><rect x="29" y="56.8" width="322" height="19.2"/></clipPath><clipPath id="svgimg5cp6"><rect x="357.5" y="62" width="7.5" height="8.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">STATUS</text><text x="29" y="111.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Moves the ticket on the board.</text><g clip-path="url(#svgimg5cp2)"><rect x="20" y="44.4" width="360" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="359" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg5ov3)"><g clip-path="url(#svgimg5cp4)"><g clip-path="url(#svgimg5ct5)"><text x="29" y="71.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">In Review</text></g></g><g clip-path="url(#svgimg5cp6)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg5svgic7"><rect x="357.5" y="62.4" width="7" height="8"/></clipPath><g clip-path="url(#svgimg5svgic7)"><g transform="matrix(.5 0 0 .5 357.5 62.89)"><path d="m2 4.8 5 5 5-5" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="none" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g></g></g></g></g><text x="16" y="200" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Choices with Icons</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="210" width="400" height="105"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 210)"><defs><clipPath id="svgimg8ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="svgimg8cp1"><rect x="16" y="40.4" width="368" height="52"/></clipPath><clipPath id="svgimg8ov2"><rect x="21" y="45.4" width="358" height="42" rx="11"/></clipPath><clipPath id="svgimg8cp3"><rect x="29" y="58" width="16" height="16.4"/></clipPath><clipPath id="svgimg8cp5"><rect x="53" y="56.8" width="298" height="19.2"/></clipPath><clipPath id="svgimg8ct6"><rect x="53" y="56.8" width="298" height="19.2"/></clipPath><clipPath id="svgimg8cp7"><rect x="357.5" y="62" width="7.5" height="8.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">NOTIFY</text><g clip-path="url(#svgimg8cp1)"><rect x="20" y="44.4" width="360" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="359" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg8ov2)"><g clip-path="url(#svgimg8cp3)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg8svgic4"><rect x="29" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg8svgic4)"><g transform="translate(29 58.39)scale(.66667)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg8cp5)"><g clip-path="url(#svgimg8ct6)"><text x="53" y="71.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Mentions Only</text></g></g><g clip-path="url(#svgimg8cp7)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg8svgic8"><rect x="357.5" y="62.4" width="7" height="8"/></clipPath><g clip-path="url(#svgimg8svgic8)"><g transform="matrix(.5 0 0 .5 357.5 62.89)"><path d="m2 4.8 5 5 5-5" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="none" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g></g></g></g></g><text x="16" y="343" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact, Disabled</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="353" width="400" height="93"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 353)"><defs><clipPath id="svgimg11ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="svgimg11cp1"><rect x="16" y="40.4" width="368" height="40"/></clipPath><clipPath id="svgimg11ov2"><rect x="21" y="45.4" width="358" height="30" rx="11"/></clipPath><clipPath id="svgimg11cp3"><rect x="29" y="50.8" width="322" height="19.2"/></clipPath><clipPath id="svgimg11ct4"><rect x="29" y="50.8" width="322" height="19.2"/></clipPath><clipPath id="svgimg11cp5"><rect x="357.5" y="56" width="7.5" height="8.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">REGION</text><g opacity="0.5" clip-path="url(#svgimg11cp1)" style="isolation:isolate"><rect x="20" y="44.4" width="360" height="32" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="359" height="31" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg11ov2)"><g clip-path="url(#svgimg11cp3)"><g clip-path="url(#svgimg11ct4)"><text x="29" y="65.8" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">US East</text></g></g><g clip-path="url(#svgimg11cp5)"><g color="rgb(98, 98, 103)"><clipPath id="svgimg11svgic6"><rect x="357.5" y="56.4" width="7" height="8"/></clipPath><g clip-path="url(#svgimg11svgic6)"><g transform="matrix(.5 0 0 .5 357.5 56.89)"><path d="m2 4.8 5 5 5-5" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="none" stroke-opacity="1" fill-opacity="1" opacity="1" style="marker:none;vector-effect:none;color-interpolation:srgb"/></g></g></g></g></g></g></g></g></g></g></svg>
package/docs/design/templates/slider/compact.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="363.9" height="19.6"/></clipPath><clipPath id="ct1"><rect x="400.9" y="29" width="30.1" height="19.6"/></clipPath><filter id="sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="419" height="57" 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(29,29,31)">Layer Opacity</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)">80%</text><rect x="29" y="59.1" width="402" height="3" rx="1.5" fill="rgba(0,0,49,0.1)"/><rect x="29" y="59.1" width="316.8" height="3" rx="1.5" fill="rgb(0,117,219)"/><rect x="337.8" y="53.6" width="16" height="16" rx="8" fill="rgba(0,0,0,0.14)" filter="url(#sh2)"/><rect x="337.8" y="52.6" width="16" height="16" rx="8" fill="rgb(255,255,255)"/><rect x="338.5" y="53.5" width="15" height="15" rx="7.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 460 100" width="460" height="100"><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><filter id="sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="419" height="57" 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(29,29,31)">Layer Opacity</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)">80%</text><rect x="29" y="59.1" width="402" height="3" rx="1.5" fill="rgba(0,0,49,0.1)"/><rect x="29" y="59.1" width="316.8" height="3" rx="1.5" fill="rgb(0,117,219)"/><rect x="337.8" y="53.6" width="16" height="16" rx="8" fill="rgba(0,0,0,0.14)" filter="url(#sh2)"/><rect x="337.8" y="52.6" width="16" height="16" rx="8" fill="rgb(255,255,255)"/><rect x="338.5" y="53.5" width="15" height="15" rx="7.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></svg>
package/docs/design/templates/slider/readout.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 130" width="460" height="130"><defs><clipPath id="ct0"><rect x="29" y="29" width="360" height="22.4"/></clipPath><clipPath id="ct1"><rect x="397" y="29" width="34" height="22.4"/></clipPath><clipPath id="ct2"><rect x="29" y="79.4" width="402" height="22.4"/></clipPath><filter id="sh3" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="419" height="90" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Volume</text><text x="396.97" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">35%</text><text x="29" y="95.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Applies to every output device.</text><rect x="29" y="63.4" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="63.4" width="143.7" height="4" rx="2" fill="rgb(0,117,219)"/><rect x="162.7" y="56.4" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#sh3)"/><rect x="162.7" y="55.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="163.5" y="55.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 460 130" width="460" height="130"><defs><clipPath id="ct0"><rect x="29" y="29" width="360" height="22.4"/></clipPath><clipPath id="ct1"><rect x="397" y="29" width="34" height="22.4"/></clipPath><clipPath id="ct2"><rect x="29" y="79.4" width="402" height="22.4"/></clipPath><filter id="sh3" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="419" height="90" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Volume</text><text x="396.97" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">35%</text><text x="29" y="95.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Applies to every output device.</text><rect x="29" y="63.4" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="63.4" width="143.7" height="4" rx="2" fill="rgb(0,117,219)"/><rect x="162.7" y="56.4" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#sh3)"/><rect x="162.7" y="55.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="163.5" y="55.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/slider/ticks.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 130" width="460" height="130"><defs><clipPath id="ct0"><rect x="29" y="29" width="350.2" height="22.4"/></clipPath><clipPath id="ct1"><rect x="387.2" y="29" width="43.8" height="22.4"/></clipPath><filter id="sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="ct3"><rect x="39" y="79.4" width="30" height="19.6"/></clipPath><clipPath id="ct4"><rect x="166.3" y="79.4" width="36.5" height="19.6"/></clipPath><clipPath id="ct5"><rect x="293.7" y="79.4" width="36.3" height="19.6"/></clipPath><clipPath id="ct6"><rect x="421" y="79.4" width="38.5" height="19.6"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="87" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Zoom</text><text x="387.2" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">100%</text><rect x="29" y="63.4" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="63.4" width="137.3" height="4" rx="2" fill="rgb(0,117,219)"/><rect x="156.3" y="56.4" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#sh2)"/><rect x="156.3" y="55.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="156.5" y="55.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g transform="translate(-10)"><text x="39" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">50%</text></g><g transform="translate(-18.242)"><text x="166.33" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">100%</text></g><g transform="translate(-18.164)"><text x="293.66" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">150%</text></g><g><g transform="translate(-28.453)"><text x="421" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">200%</text></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 130" width="460" height="130"><defs><clipPath id="ct0"><rect x="29" y="29" width="350.2" height="22.4"/></clipPath><clipPath id="ct1"><rect x="387.2" y="29" width="43.8" height="22.4"/></clipPath><filter id="sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="ct3"><rect x="39" y="79.4" width="30" height="19.6"/></clipPath><clipPath id="ct4"><rect x="166.3" y="79.4" width="36.5" height="19.6"/></clipPath><clipPath id="ct5"><rect x="293.7" y="79.4" width="36.3" height="19.6"/></clipPath><clipPath id="ct6"><rect x="421" y="79.4" width="38.5" height="19.6"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="87" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Zoom</text><text x="387.2" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">100%</text><rect x="29" y="63.4" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="63.4" width="137.3" height="4" rx="2" fill="rgb(0,117,219)"/><rect x="156.3" y="56.4" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#sh2)"/><rect x="156.3" y="55.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="156.5" y="55.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g transform="translate(-10)"><text x="39" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">50%</text></g><g transform="translate(-18.242)"><text x="166.33" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">100%</text></g><g transform="translate(-18.164)"><text x="293.66" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">150%</text></g><g><g transform="translate(-28.453)"><text x="421" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">200%</text></g></g></svg>
package/docs/design/templates/slider.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 490" width="492" height="490"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="130"/></clipPath><clipPath id="cp1"><rect x="16" y="206" width="460" height="130"/></clipPath><clipPath id="cp2"><rect x="16" y="374" width="460" height="100"/></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="130" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="184" width="460" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="206" width="460" height="130" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="352" width="460" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="374" width="460" height="100" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="490" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Label, Readout, and Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="460" height="130"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ct0"><rect x="29" y="29" width="360" height="22.4"/></clipPath><clipPath id="svgimg5ct1"><rect x="397" y="29" width="34" height="22.4"/></clipPath><clipPath id="svgimg5ct2"><rect x="29" y="79.4" width="402" height="22.4"/></clipPath><filter id="svgimg5sh3" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="419" height="90" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Volume</text><text x="396.97" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">35%</text><text x="29" y="95.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Applies to every output device.</text><rect x="29" y="63.4" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="63.4" width="143.7" height="4" rx="2" fill="rgb(0,117,219)"/><rect x="162.7" y="56.4" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg5sh3)"/><rect x="162.7" y="55.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="163.5" y="55.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="196" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Stepped with Ticks</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="206" width="460" height="130"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 206)"><defs><clipPath id="svgimg8ct0"><rect x="29" y="29" width="350.2" height="22.4"/></clipPath><clipPath id="svgimg8ct1"><rect x="387.2" y="29" width="43.8" height="22.4"/></clipPath><filter id="svgimg8sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg8ct3"><rect x="39" y="79.4" width="30" height="19.6"/></clipPath><clipPath id="svgimg8ct4"><rect x="166.3" y="79.4" width="36.5" height="19.6"/></clipPath><clipPath id="svgimg8ct5"><rect x="293.7" y="79.4" width="36.3" height="19.6"/></clipPath><clipPath id="svgimg8ct6"><rect x="421" y="79.4" width="38.5" height="19.6"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="87" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Zoom</text><text x="387.2" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(110,110,115)">100%</text><rect x="29" y="63.4" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="63.4" width="137.3" height="4" rx="2" fill="rgb(0,117,219)"/><rect x="156.3" y="56.4" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg8sh2)"/><rect x="156.3" y="55.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="156.5" y="55.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g transform="translate(-10)"><text x="39" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">50%</text></g><g transform="translate(-18.242)"><text x="166.33" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">100%</text></g><g transform="translate(-18.164)"><text x="293.66" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">150%</text></g><g><g transform="translate(-28.453)"><text x="421" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">200%</text></g></g></g></g></g></g><text x="16" y="364" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="374" width="460" height="100"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 374)"><defs><clipPath id="svgimg11ct0"><rect x="29" y="29" width="363.9" height="19.6"/></clipPath><clipPath id="svgimg11ct1"><rect x="400.9" y="29" width="30.1" height="19.6"/></clipPath><filter id="svgimg11sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="419" height="57" 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(29,29,31)">Layer Opacity</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)">80%</text><rect x="29" y="59.1" width="402" height="3" rx="1.5" fill="rgba(0,0,49,0.1)"/><rect x="29" y="59.1" width="316.8" height="3" rx="1.5" fill="rgb(0,117,219)"/><rect x="337.8" y="53.6" width="16" height="16" rx="8" fill="rgba(0,0,0,0.14)" filter="url(#svgimg11sh2)"/><rect x="337.8" y="52.6" width="16" height="16" rx="8" fill="rgb(255,255,255)"/><rect x="338.5" y="53.5" width="15" height="15" rx="7.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 490" width="492" height="490"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="130"/></clipPath><clipPath id="cp1"><rect x="16" y="206" width="460" height="130"/></clipPath><clipPath id="cp2"><rect x="16" y="374" width="460" height="100"/></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="130" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="184" width="460" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="206" width="460" height="130" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="352" width="460" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="374" width="460" height="100" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="490" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Label, Readout, and Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="460" height="130"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ct0"><rect x="29" y="29" width="360" height="22.4"/></clipPath><clipPath id="svgimg5ct1"><rect x="397" y="29" width="34" height="22.4"/></clipPath><clipPath id="svgimg5ct2"><rect x="29" y="79.4" width="402" height="22.4"/></clipPath><filter id="svgimg5sh3" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="419" height="90" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Volume</text><text x="396.97" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">35%</text><text x="29" y="95.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Applies to every output device.</text><rect x="29" y="63.4" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="63.4" width="143.7" height="4" rx="2" fill="rgb(0,117,219)"/><rect x="162.7" y="56.4" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg5sh3)"/><rect x="162.7" y="55.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="163.5" y="55.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="196" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Stepped with Ticks</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="206" width="460" height="130"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 206)"><defs><clipPath id="svgimg8ct0"><rect x="29" y="29" width="350.2" height="22.4"/></clipPath><clipPath id="svgimg8ct1"><rect x="387.2" y="29" width="43.8" height="22.4"/></clipPath><filter id="svgimg8sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg8ct3"><rect x="39" y="79.4" width="30" height="19.6"/></clipPath><clipPath id="svgimg8ct4"><rect x="166.3" y="79.4" width="36.5" height="19.6"/></clipPath><clipPath id="svgimg8ct5"><rect x="293.7" y="79.4" width="36.3" height="19.6"/></clipPath><clipPath id="svgimg8ct6"><rect x="421" y="79.4" width="38.5" height="19.6"/></clipPath></defs><rect x="20.5" y="20.5" width="419" height="87" rx="0" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="29" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Zoom</text><text x="387.2" y="46" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(100,100,105)">100%</text><rect x="29" y="63.4" width="402" height="4" rx="2" fill="rgba(0,0,49,0.1)"/><rect x="29" y="63.4" width="137.3" height="4" rx="2" fill="rgb(0,117,219)"/><rect x="156.3" y="56.4" width="20" height="20" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg8sh2)"/><rect x="156.3" y="55.4" width="20" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="156.5" y="55.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g transform="translate(-10)"><text x="39" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">50%</text></g><g transform="translate(-18.242)"><text x="166.33" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">100%</text></g><g transform="translate(-18.164)"><text x="293.66" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">150%</text></g><g><g transform="translate(-28.453)"><text x="421" y="94.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">200%</text></g></g></g></g></g></g><text x="16" y="364" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="374" width="460" height="100"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 374)"><defs><clipPath id="svgimg11ct0"><rect x="29" y="29" width="363.9" height="19.6"/></clipPath><clipPath id="svgimg11ct1"><rect x="400.9" y="29" width="30.1" height="19.6"/></clipPath><filter id="svgimg11sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter></defs><rect x="20.5" y="20.5" width="419" height="57" 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(29,29,31)">Layer Opacity</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)">80%</text><rect x="29" y="59.1" width="402" height="3" rx="1.5" fill="rgba(0,0,49,0.1)"/><rect x="29" y="59.1" width="316.8" height="3" rx="1.5" fill="rgb(0,117,219)"/><rect x="337.8" y="53.6" width="16" height="16" rx="8" fill="rgba(0,0,0,0.14)" filter="url(#svgimg11sh2)"/><rect x="337.8" y="52.6" width="16" height="16" rx="8" fill="rgb(255,255,255)"/><rect x="338.5" y="53.5" width="15" height="15" rx="7.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/></g></g></g></g></svg>
package/docs/design/templates/switch/states.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 146" width="400" height="146"><defs><clipPath id="ct0"><rect x="63" y="20" width="92.3" height="20"/></clipPath><clipPath id="ct1"><rect x="20" y="40" width="360" height="22.4"/></clipPath><clipPath id="ct2"><rect x="63" y="70.4" width="144.8" height="20"/></clipPath><clipPath id="ct3"><rect x="63" y="98.4" width="121.7" height="20"/></clipPath></defs><text x="63" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Live updates</text><text x="63" y="56" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">The list refreshes as tickets change.</text><text x="63" y="86.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Compact navigation</text><g opacity="0.5" style="isolation:isolate"><text x="63" y="114.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Managed setting</text><rect x="20" y="98.4" width="35" height="20" rx="10" fill="rgb(0,117,219)"/><rect x="20.5" y="98.5" width="34" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="39" y="102.4" width="12" height="12" rx="6" fill="rgb(255,255,255)"/></g><rect x="20" y="20" width="35" height="20" rx="10" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="34" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="39" y="24" width="12" height="12" rx="6" fill="rgb(255,255,255)"/><rect x="20" y="70.4" width="35" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="70.5" width="34" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="24" y="74.4" width="12" height="12" rx="6" fill="rgba(0,0,28,0.18)"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 146" width="400" height="146"><defs><clipPath id="ct0"><rect x="63" y="20" width="92.3" height="20"/></clipPath><clipPath id="ct1"><rect x="20" y="40" width="360" height="22.4"/></clipPath><clipPath id="ct2"><rect x="63" y="70.4" width="144.8" height="20"/></clipPath><clipPath id="ct3"><rect x="63" y="98.4" width="121.7" height="20"/></clipPath></defs><text x="63" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Live updates</text><text x="63" y="56" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">The list refreshes as tickets change.</text><text x="63" y="86.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Compact navigation</text><g opacity="0.5" style="isolation:isolate"><text x="63" y="114.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Managed setting</text><rect x="20" y="98.4" width="35" height="20" rx="10" fill="rgb(0,117,219)"/><rect x="20.5" y="98.5" width="34" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="39" y="102.4" width="12" height="12" rx="6" fill="rgb(255,255,255)"/></g><rect x="20" y="20" width="35" height="20" rx="10" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="34" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="39" y="24" width="12" height="12" rx="6" fill="rgb(255,255,255)"/><rect x="20" y="70.4" width="35" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="70.5" width="34" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="24" y="74.4" width="12" height="12" rx="6" fill="rgba(0,0,28,0.18)"/></svg>
package/docs/design/templates/switch.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 322" width="432" height="322"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="146"/></clipPath><clipPath id="cp1"><rect x="16" y="222" width="400" height="84"/></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="146" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="200" width="400" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="222" width="400" height="84" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="322" 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)">On, Off, and Disabled</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="400" height="146"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4ct0"><rect x="63" y="20" width="92.3" height="20"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="40" width="360" height="22.4"/></clipPath><clipPath id="svgimg4ct2"><rect x="63" y="70.4" width="144.8" height="20"/></clipPath><clipPath id="svgimg4ct3"><rect x="63" y="98.4" width="121.7" height="20"/></clipPath></defs><text x="63" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Live updates</text><text x="63" y="56" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">The list refreshes as tickets change.</text><text x="63" y="86.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Compact navigation</text><g opacity="0.5" style="isolation:isolate"><text x="63" y="114.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Managed setting</text><rect x="20" y="98.4" width="35" height="20" rx="10" fill="rgb(0,117,219)"/><rect x="20.5" y="98.5" width="34" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="39" y="102.4" width="12" height="12" rx="6" fill="rgb(255,255,255)"/></g><rect x="20" y="20" width="35" height="20" rx="10" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="34" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="39" y="24" width="12" height="12" rx="6" fill="rgb(255,255,255)"/><rect x="20" y="70.4" width="35" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="70.5" width="34" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="24" y="74.4" width="12" height="12" rx="6" fill="rgba(0,0,28,0.18)"/></g></g></g></g><text x="16" y="212" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="222" width="400" height="84"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 222)"><defs><clipPath id="svgimg7ct0"><rect x="58.5" y="20.6" width="94.3" height="17.8"/></clipPath><clipPath id="svgimg7ct1"><rect x="58.5" y="46.6" width="77.3" height="17.8"/></clipPath></defs><text x="58.5" y="34.86" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Show archived</text><text x="58.5" y="60.86" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Show drafts</text><rect x="20" y="20.6" width="31.5" height="18" rx="9" fill="rgb(0,117,219)"/><rect x="20.5" y="21.5" width="31" height="17" rx="8.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="37.1" y="24.2" width="10.8" height="10.8" rx="5.4" fill="rgb(255,255,255)"/><rect x="20" y="46.6" width="31.5" height="18" rx="9" fill="rgb(255,255,255)"/><rect x="20.5" y="47.5" width="31" height="17" rx="8.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="23.6" y="50.2" width="10.8" height="10.8" rx="5.4" fill="rgba(0,0,28,0.18)"/></g></g></g></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432 322" width="432" height="322"><defs><clipPath id="cp0"><rect x="16" y="38" width="400" height="146"/></clipPath><clipPath id="cp1"><rect x="16" y="222" width="400" height="84"/></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="146" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="200" width="400" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="222" width="400" height="84" rx="0"/></clipPath></defs><rect x="0" y="0" width="432" height="322" 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)">On, Off, and Disabled</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="400" height="146"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4ct0"><rect x="63" y="20" width="92.3" height="20"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="40" width="360" height="22.4"/></clipPath><clipPath id="svgimg4ct2"><rect x="63" y="70.4" width="144.8" height="20"/></clipPath><clipPath id="svgimg4ct3"><rect x="63" y="98.4" width="121.7" height="20"/></clipPath></defs><text x="63" y="36" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Live updates</text><text x="63" y="56" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">The list refreshes as tickets change.</text><text x="63" y="86.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Compact navigation</text><g opacity="0.5" style="isolation:isolate"><text x="63" y="114.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Managed setting</text><rect x="20" y="98.4" width="35" height="20" rx="10" fill="rgb(0,117,219)"/><rect x="20.5" y="98.5" width="34" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="39" y="102.4" width="12" height="12" rx="6" fill="rgb(255,255,255)"/></g><rect x="20" y="20" width="35" height="20" rx="10" fill="rgb(0,117,219)"/><rect x="20.5" y="20.5" width="34" height="19" rx="9.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="39" y="24" width="12" height="12" rx="6" fill="rgb(255,255,255)"/><rect x="20" y="70.4" width="35" height="20" rx="10" fill="rgb(255,255,255)"/><rect x="20.5" y="70.5" width="34" height="19" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="24" y="74.4" width="12" height="12" rx="6" fill="rgba(0,0,28,0.18)"/></g></g></g></g><text x="16" y="212" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="222" width="400" height="84"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 222)"><defs><clipPath id="svgimg7ct0"><rect x="58.5" y="20.6" width="94.3" height="17.8"/></clipPath><clipPath id="svgimg7ct1"><rect x="58.5" y="46.6" width="77.3" height="17.8"/></clipPath></defs><text x="58.5" y="34.86" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Show archived</text><text x="58.5" y="60.86" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(29,29,31)">Show drafts</text><rect x="20" y="20.6" width="31.5" height="18" rx="9" fill="rgb(0,117,219)"/><rect x="20.5" y="21.5" width="31" height="17" rx="8.5" fill="none" stroke="rgb(0,117,219)" stroke-width="1"/><rect x="37.1" y="24.2" width="10.8" height="10.8" rx="5.4" fill="rgb(255,255,255)"/><rect x="20" y="46.6" width="31.5" height="18" rx="9" fill="rgb(255,255,255)"/><rect x="20.5" y="47.5" width="31" height="17" rx="8.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><rect x="23.6" y="50.2" width="10.8" height="10.8" rx="5.4" fill="rgba(0,0,28,0.18)"/></g></g></g></g></svg>
package/docs/design/templates/tag-field/error-dark.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="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="ct4"><rect x="62.2" y="56.3" width="114" height="18"/></clipPath><clipPath id="cp5"><rect x="181" y="59.7" width="11.4" height="11.3"/></clipPath><clipPath id="cp7"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">RECIPIENTS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,105,108)">Remove a recipient to add another.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><g clip-path="url(#cp2)"><g color="rgb(174, 174, 178)"><clipPath id="svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="7.5" cy="7.5" r="0.5" fill="rgb(174, 174, 178)" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(174, 174, 178)" 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="55" y="56.3" width="140.8" height="18" rx="9" fill="rgb(40,57,66)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(138,203,255)">mara@example.com</text><g clip-path="url(#cp5)"><g color="rgb(138, 203, 255)"><clipPath id="svgic6"><rect x="181.2" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic6)"><g transform="translate(181.234 59.656)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(174, 174, 178)"><clipPath id="svgic8"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgic8)"><g transform="translate(412.203 57.594)scale(.5664)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" 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(174, 174, 178)" 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 150" width="460" height="150"><defs><clipPath id="ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="ct4"><rect x="62.2" y="56.3" width="114" height="18"/></clipPath><clipPath id="cp5"><rect x="181" y="59.7" width="11.4" height="11.3"/></clipPath><clipPath id="cp7"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">RECIPIENTS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,133,136)">Remove a recipient to add another.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><g clip-path="url(#cp2)"><g color="rgb(174, 174, 178)"><clipPath id="svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="7.5" cy="7.5" r="0.5" fill="rgb(174, 174, 178)" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(174, 174, 178)" 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="55" y="56.3" width="140.8" height="18" rx="9" fill="rgb(40,57,66)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(138,203,255)">mara@example.com</text><g clip-path="url(#cp5)"><g color="rgb(138, 203, 255)"><clipPath id="svgic6"><rect x="181.2" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic6)"><g transform="translate(181.234 59.656)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(174, 174, 178)"><clipPath id="svgic8"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgic8)"><g transform="translate(412.203 57.594)scale(.5664)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" 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(174, 174, 178)" 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/tag-field/error.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="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="ct4"><rect x="62.2" y="56.3" width="114" height="18"/></clipPath><clipPath id="cp5"><rect x="181" y="59.7" width="11.4" height="11.3"/></clipPath><clipPath id="cp7"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">RECIPIENTS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,11,32)">Remove a recipient to add another.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><g clip-path="url(#cp2)"><g color="rgb(110, 110, 115)"><clipPath id="svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" 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="7.5" cy="7.5" r="0.5" fill="rgb(110, 110, 115)" style="marker:none;vector-effect:none;color-interpolation:srgb" 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><rect x="55" y="56.3" width="140.8" height="18" rx="9" fill="rgb(214,233,249)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">mara@example.com</text><g clip-path="url(#cp5)"><g color="rgb(12, 98, 243)"><clipPath id="svgic6"><rect x="181.2" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic6)"><g transform="translate(181.234 59.656)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><g clip-path="url(#cp7)"><g color="rgb(110, 110, 115)"><clipPath id="svgic8"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgic8)"><g transform="translate(412.203 57.594)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 460 150" width="460" height="150"><defs><clipPath id="ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="ct4"><rect x="62.2" y="56.3" width="114" height="18"/></clipPath><clipPath id="cp5"><rect x="181" y="59.7" width="11.4" height="11.3"/></clipPath><clipPath id="cp7"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">RECIPIENTS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,11,32)">Remove a recipient to add another.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><g clip-path="url(#cp2)"><g color="rgb(100, 100, 105)"><clipPath id="svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" 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="7.5" cy="7.5" r="0.5" fill="rgb(100, 100, 105)" style="marker:none;vector-effect:none;color-interpolation:srgb" 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><rect x="55" y="56.3" width="140.8" height="18" rx="9" fill="rgb(214,233,249)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">mara@example.com</text><g clip-path="url(#cp5)"><g color="rgb(12, 98, 243)"><clipPath id="svgic6"><rect x="181.2" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic6)"><g transform="translate(181.234 59.656)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><g clip-path="url(#cp7)"><g color="rgb(100, 100, 105)"><clipPath id="svgic8"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgic8)"><g transform="translate(412.203 57.594)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/tag-field/tags.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="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="ct4"><rect x="62.2" y="56.3" width="21.7" height="18"/></clipPath><clipPath id="cp5"><rect x="88.9" y="59.7" width="11.2" height="11.3"/></clipPath><clipPath id="ct7"><rect x="114.7" y="56.3" width="27.5" height="18"/></clipPath><clipPath id="cp8"><rect x="147" y="59.7" width="11.3" height="11.3"/></clipPath><clipPath id="ct10"><rect x="172.9" y="56.3" width="23.5" height="18"/></clipPath><clipPath id="cp11"><rect x="201" y="59.7" width="12" height="11.3"/></clipPath><clipPath id="cp13"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">LABELS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Press Enter or a comma to add a label.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#cp2)"><g color="rgb(110, 110, 115)"><clipPath id="svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" 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="7.5" cy="7.5" r="0.5" fill="rgb(110, 110, 115)" style="marker:none;vector-effect:none;color-interpolation:srgb" 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><rect x="55" y="56.3" width="48.5" height="18" rx="9" fill="rgb(214,233,249)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">bug</text><g clip-path="url(#cp5)"><g color="rgb(12, 98, 243)"><clipPath id="svgic6"><rect x="88.9" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic6)"><g transform="translate(88.875 59.656)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><rect x="107.5" y="56.3" width="54.3" height="18" rx="9" fill="rgb(214,233,249)"/><text x="114.66" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">docs</text><g clip-path="url(#cp8)"><g color="rgb(12, 98, 243)"><clipPath id="svgic9"><rect x="147.1" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic9)"><g transform="translate(147.125 59.656)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><rect x="165.7" y="56.3" width="50.2" height="18" rx="9" fill="rgb(214,233,249)"/><text x="172.91" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">perf</text><g clip-path="url(#cp11)"><g color="rgb(12, 98, 243)"><clipPath id="svgic12"><rect x="201.4" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic12)"><g transform="translate(201.36 59.656)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><g clip-path="url(#cp13)"><g color="rgb(110, 110, 115)"><clipPath id="svgic14"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgic14)"><g transform="translate(412.203 57.594)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 460 150" width="460" height="150"><defs><clipPath id="ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="ct4"><rect x="62.2" y="56.3" width="21.7" height="18"/></clipPath><clipPath id="cp5"><rect x="88.9" y="59.7" width="11.2" height="11.3"/></clipPath><clipPath id="ct7"><rect x="114.7" y="56.3" width="27.5" height="18"/></clipPath><clipPath id="cp8"><rect x="147" y="59.7" width="11.3" height="11.3"/></clipPath><clipPath id="ct10"><rect x="172.9" y="56.3" width="23.5" height="18"/></clipPath><clipPath id="cp11"><rect x="201" y="59.7" width="12" height="11.3"/></clipPath><clipPath id="cp13"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">LABELS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Press Enter or a comma to add a label.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#cp2)"><g color="rgb(100, 100, 105)"><clipPath id="svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" 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="7.5" cy="7.5" r="0.5" fill="rgb(100, 100, 105)" style="marker:none;vector-effect:none;color-interpolation:srgb" 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><rect x="55" y="56.3" width="48.5" height="18" rx="9" fill="rgb(214,233,249)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">bug</text><g clip-path="url(#cp5)"><g color="rgb(12, 98, 243)"><clipPath id="svgic6"><rect x="88.9" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic6)"><g transform="translate(88.875 59.656)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><rect x="107.5" y="56.3" width="54.3" height="18" rx="9" fill="rgb(214,233,249)"/><text x="114.66" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">docs</text><g clip-path="url(#cp8)"><g color="rgb(12, 98, 243)"><clipPath id="svgic9"><rect x="147.1" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic9)"><g transform="translate(147.125 59.656)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><rect x="165.7" y="56.3" width="50.2" height="18" rx="9" fill="rgb(214,233,249)"/><text x="172.91" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">perf</text><g clip-path="url(#cp11)"><g color="rgb(12, 98, 243)"><clipPath id="svgic12"><rect x="201.4" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgic12)"><g transform="translate(201.36 59.656)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><g clip-path="url(#cp13)"><g color="rgb(100, 100, 105)"><clipPath id="svgic14"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgic14)"><g transform="translate(412.203 57.594)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/tag-field-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 392" width="492" height="392"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="150"/></clipPath><clipPath id="cp1"><rect x="16" y="226" width="460" height="150"/></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="150" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="204" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="226" width="460" height="150" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="392" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Label, Tags, and Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="150"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="svgimg4cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="svgimg4ct4"><rect x="62.2" y="56.3" width="21.7" height="18"/></clipPath><clipPath id="svgimg4cp5"><rect x="88.9" y="59.7" width="11.2" height="11.3"/></clipPath><clipPath id="svgimg4ct7"><rect x="114.7" y="56.3" width="27.5" height="18"/></clipPath><clipPath id="svgimg4cp8"><rect x="147" y="59.7" width="11.3" height="11.3"/></clipPath><clipPath id="svgimg4ct10"><rect x="172.9" y="56.3" width="23.5" height="18"/></clipPath><clipPath id="svgimg4cp11"><rect x="201" y="59.7" width="12" height="11.3"/></clipPath><clipPath id="svgimg4cp13"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">LABELS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Press Enter or a comma to add a label.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg4cp2)"><g color="rgb(174, 174, 178)"><clipPath id="svgimg4svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg4svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="7.5" cy="7.5" r="0.5" fill="rgb(174, 174, 178)" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(174, 174, 178)" 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="55" y="56.3" width="48.5" height="18" rx="9" fill="rgb(40,57,66)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(138,203,255)">bug</text><g clip-path="url(#svgimg4cp5)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg4svgic6"><rect x="88.9" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic6)"><g transform="translate(88.875 59.656)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="107.5" y="56.3" width="54.3" height="18" rx="9" fill="rgb(40,57,66)"/><text x="114.66" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(138,203,255)">docs</text><g clip-path="url(#svgimg4cp8)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg4svgic9"><rect x="147.1" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic9)"><g transform="translate(147.125 59.656)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="165.7" y="56.3" width="50.2" height="18" rx="9" fill="rgb(40,57,66)"/><text x="172.91" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(138,203,255)">perf</text><g clip-path="url(#svgimg4cp11)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg4svgic12"><rect x="201.4" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic12)"><g transform="translate(201.36 59.656)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg4cp13)"><g color="rgb(174, 174, 178)"><clipPath id="svgimg4svgic14"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgimg4svgic14)"><g transform="translate(412.203 57.594)scale(.5664)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" 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(174, 174, 178)" 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="216" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Error</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="226" width="460" height="150"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 226)"><defs><clipPath id="svgimg7ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg7ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="svgimg7cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="svgimg7ct4"><rect x="62.2" y="56.3" width="114" height="18"/></clipPath><clipPath id="svgimg7cp5"><rect x="181" y="59.7" width="11.4" height="11.3"/></clipPath><clipPath id="svgimg7cp7"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">RECIPIENTS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,105,108)">Remove a recipient to add another.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><g clip-path="url(#svgimg7cp2)"><g color="rgb(174, 174, 178)"><clipPath id="svgimg7svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg7svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="7.5" cy="7.5" r="0.5" fill="rgb(174, 174, 178)" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(174, 174, 178)" 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="55" y="56.3" width="140.8" height="18" rx="9" fill="rgb(40,57,66)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(138,203,255)">mara@example.com</text><g clip-path="url(#svgimg7cp5)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg7svgic6"><rect x="181.2" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg7svgic6)"><g transform="translate(181.234 59.656)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp7)"><g color="rgb(174, 174, 178)"><clipPath id="svgimg7svgic8"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgimg7svgic8)"><g transform="translate(412.203 57.594)scale(.5664)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" 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(174, 174, 178)" 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 492 392" width="492" height="392"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="150"/></clipPath><clipPath id="cp1"><rect x="16" y="226" width="460" height="150"/></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="150" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="204" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="226" width="460" height="150" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="392" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Label, Tags, and Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="150"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="svgimg4cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="svgimg4ct4"><rect x="62.2" y="56.3" width="21.7" height="18"/></clipPath><clipPath id="svgimg4cp5"><rect x="88.9" y="59.7" width="11.2" height="11.3"/></clipPath><clipPath id="svgimg4ct7"><rect x="114.7" y="56.3" width="27.5" height="18"/></clipPath><clipPath id="svgimg4cp8"><rect x="147" y="59.7" width="11.3" height="11.3"/></clipPath><clipPath id="svgimg4ct10"><rect x="172.9" y="56.3" width="23.5" height="18"/></clipPath><clipPath id="svgimg4cp11"><rect x="201" y="59.7" width="12" height="11.3"/></clipPath><clipPath id="svgimg4cp13"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">LABELS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(174,174,178)">Press Enter or a comma to add a label.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><g clip-path="url(#svgimg4cp2)"><g color="rgb(174, 174, 178)"><clipPath id="svgimg4svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg4svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="7.5" cy="7.5" r="0.5" fill="rgb(174, 174, 178)" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(174, 174, 178)" 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="55" y="56.3" width="48.5" height="18" rx="9" fill="rgb(40,57,66)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(138,203,255)">bug</text><g clip-path="url(#svgimg4cp5)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg4svgic6"><rect x="88.9" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic6)"><g transform="translate(88.875 59.656)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="107.5" y="56.3" width="54.3" height="18" rx="9" fill="rgb(40,57,66)"/><text x="114.66" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(138,203,255)">docs</text><g clip-path="url(#svgimg4cp8)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg4svgic9"><rect x="147.1" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic9)"><g transform="translate(147.125 59.656)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><rect x="165.7" y="56.3" width="50.2" height="18" rx="9" fill="rgb(40,57,66)"/><text x="172.91" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(138,203,255)">perf</text><g clip-path="url(#svgimg4cp11)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg4svgic12"><rect x="201.4" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic12)"><g transform="translate(201.36 59.656)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg4cp13)"><g color="rgb(174, 174, 178)"><clipPath id="svgimg4svgic14"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgimg4svgic14)"><g transform="translate(412.203 57.594)scale(.5664)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" 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(174, 174, 178)" 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="216" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Error</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="226" width="460" height="150"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 226)"><defs><clipPath id="svgimg7ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg7ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="svgimg7cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="svgimg7ct4"><rect x="62.2" y="56.3" width="114" height="18"/></clipPath><clipPath id="svgimg7cp5"><rect x="181" y="59.7" width="11.4" height="11.3"/></clipPath><clipPath id="svgimg7cp7"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">RECIPIENTS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,133,136)">Remove a recipient to add another.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><g clip-path="url(#svgimg7cp2)"><g color="rgb(174, 174, 178)"><clipPath id="svgimg7svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg7svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="7.5" cy="7.5" r="0.5" fill="rgb(174, 174, 178)" style="marker:none;vector-effect:none;color-interpolation:srgb" stroke="rgb(174, 174, 178)" 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="55" y="56.3" width="140.8" height="18" rx="9" fill="rgb(40,57,66)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(138,203,255)">mara@example.com</text><g clip-path="url(#svgimg7cp5)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg7svgic6"><rect x="181.2" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg7svgic6)"><g transform="translate(181.234 59.656)scale(.46615)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m6 6 12 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(138, 203, 255)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp7)"><g color="rgb(174, 174, 178)"><clipPath id="svgimg7svgic8"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgimg7svgic8)"><g transform="translate(412.203 57.594)scale(.5664)"><path d="M18 6 6 18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(174, 174, 178)" 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(174, 174, 178)" 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>
package/docs/design/templates/tag-field.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 392" width="492" height="392"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="150"/></clipPath><clipPath id="cp1"><rect x="16" y="226" width="460" height="150"/></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="150" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="204" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="226" width="460" height="150" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="392" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Label, Tags, and Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="150"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="svgimg4cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="svgimg4ct4"><rect x="62.2" y="56.3" width="21.7" height="18"/></clipPath><clipPath id="svgimg4cp5"><rect x="88.9" y="59.7" width="11.2" height="11.3"/></clipPath><clipPath id="svgimg4ct7"><rect x="114.7" y="56.3" width="27.5" height="18"/></clipPath><clipPath id="svgimg4cp8"><rect x="147" y="59.7" width="11.3" height="11.3"/></clipPath><clipPath id="svgimg4ct10"><rect x="172.9" y="56.3" width="23.5" height="18"/></clipPath><clipPath id="svgimg4cp11"><rect x="201" y="59.7" width="12" height="11.3"/></clipPath><clipPath id="svgimg4cp13"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">LABELS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Press Enter or a comma to add a label.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg4cp2)"><g color="rgb(110, 110, 115)"><clipPath id="svgimg4svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg4svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" 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="7.5" cy="7.5" r="0.5" fill="rgb(110, 110, 115)" style="marker:none;vector-effect:none;color-interpolation:srgb" 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><rect x="55" y="56.3" width="48.5" height="18" rx="9" fill="rgb(214,233,249)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">bug</text><g clip-path="url(#svgimg4cp5)"><g color="rgb(12, 98, 243)"><clipPath id="svgimg4svgic6"><rect x="88.9" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic6)"><g transform="translate(88.875 59.656)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><rect x="107.5" y="56.3" width="54.3" height="18" rx="9" fill="rgb(214,233,249)"/><text x="114.66" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">docs</text><g clip-path="url(#svgimg4cp8)"><g color="rgb(12, 98, 243)"><clipPath id="svgimg4svgic9"><rect x="147.1" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic9)"><g transform="translate(147.125 59.656)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><rect x="165.7" y="56.3" width="50.2" height="18" rx="9" fill="rgb(214,233,249)"/><text x="172.91" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">perf</text><g clip-path="url(#svgimg4cp11)"><g color="rgb(12, 98, 243)"><clipPath id="svgimg4svgic12"><rect x="201.4" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic12)"><g transform="translate(201.36 59.656)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><g clip-path="url(#svgimg4cp13)"><g color="rgb(110, 110, 115)"><clipPath id="svgimg4svgic14"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgimg4svgic14)"><g transform="translate(412.203 57.594)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="216" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Error</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="226" width="460" height="150"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 226)"><defs><clipPath id="svgimg7ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg7ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="svgimg7cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="svgimg7ct4"><rect x="62.2" y="56.3" width="114" height="18"/></clipPath><clipPath id="svgimg7cp5"><rect x="181" y="59.7" width="11.4" height="11.3"/></clipPath><clipPath id="svgimg7cp7"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">RECIPIENTS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,11,32)">Remove a recipient to add another.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><g clip-path="url(#svgimg7cp2)"><g color="rgb(110, 110, 115)"><clipPath id="svgimg7svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg7svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" 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="7.5" cy="7.5" r="0.5" fill="rgb(110, 110, 115)" style="marker:none;vector-effect:none;color-interpolation:srgb" 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><rect x="55" y="56.3" width="140.8" height="18" rx="9" fill="rgb(214,233,249)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">mara@example.com</text><g clip-path="url(#svgimg7cp5)"><g color="rgb(12, 98, 243)"><clipPath id="svgimg7svgic6"><rect x="181.2" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg7svgic6)"><g transform="translate(181.234 59.656)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><g clip-path="url(#svgimg7cp7)"><g color="rgb(110, 110, 115)"><clipPath id="svgimg7svgic8"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgimg7svgic8)"><g transform="translate(412.203 57.594)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></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 392" width="492" height="392"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="150"/></clipPath><clipPath id="cp1"><rect x="16" y="226" width="460" height="150"/></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="150" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="204" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="226" width="460" height="150" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="392" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Label, Tags, and Hint</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="150"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg4ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="svgimg4cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="svgimg4ct4"><rect x="62.2" y="56.3" width="21.7" height="18"/></clipPath><clipPath id="svgimg4cp5"><rect x="88.9" y="59.7" width="11.2" height="11.3"/></clipPath><clipPath id="svgimg4ct7"><rect x="114.7" y="56.3" width="27.5" height="18"/></clipPath><clipPath id="svgimg4cp8"><rect x="147" y="59.7" width="11.3" height="11.3"/></clipPath><clipPath id="svgimg4ct10"><rect x="172.9" y="56.3" width="23.5" height="18"/></clipPath><clipPath id="svgimg4cp11"><rect x="201" y="59.7" width="12" height="11.3"/></clipPath><clipPath id="svgimg4cp13"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">LABELS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Press Enter or a comma to add a label.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><g clip-path="url(#svgimg4cp2)"><g color="rgb(100, 100, 105)"><clipPath id="svgimg4svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg4svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" 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="7.5" cy="7.5" r="0.5" fill="rgb(100, 100, 105)" style="marker:none;vector-effect:none;color-interpolation:srgb" 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><rect x="55" y="56.3" width="48.5" height="18" rx="9" fill="rgb(214,233,249)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">bug</text><g clip-path="url(#svgimg4cp5)"><g color="rgb(12, 98, 243)"><clipPath id="svgimg4svgic6"><rect x="88.9" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic6)"><g transform="translate(88.875 59.656)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><rect x="107.5" y="56.3" width="54.3" height="18" rx="9" fill="rgb(214,233,249)"/><text x="114.66" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">docs</text><g clip-path="url(#svgimg4cp8)"><g color="rgb(12, 98, 243)"><clipPath id="svgimg4svgic9"><rect x="147.1" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic9)"><g transform="translate(147.125 59.656)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><rect x="165.7" y="56.3" width="50.2" height="18" rx="9" fill="rgb(214,233,249)"/><text x="172.91" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">perf</text><g clip-path="url(#svgimg4cp11)"><g color="rgb(12, 98, 243)"><clipPath id="svgimg4svgic12"><rect x="201.4" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg4svgic12)"><g transform="translate(201.36 59.656)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><g clip-path="url(#svgimg4cp13)"><g color="rgb(100, 100, 105)"><clipPath id="svgimg4svgic14"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgimg4svgic14)"><g transform="translate(412.203 57.594)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="216" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Error</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="226" width="460" height="150"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 226)"><defs><clipPath id="svgimg7ct0"><rect x="20" y="24" width="420" height="14.4"/></clipPath><clipPath id="svgimg7ct1"><rect x="20" y="90.4" width="420" height="22.4"/></clipPath><clipPath id="svgimg7cp2"><rect x="29" y="56" width="16" height="16.4"/></clipPath><clipPath id="svgimg7ct4"><rect x="62.2" y="56.3" width="114" height="18"/></clipPath><clipPath id="svgimg7cp5"><rect x="181" y="59.7" width="11.4" height="11.3"/></clipPath><clipPath id="svgimg7cp7"><rect x="412" y="57.6" width="14" height="13.6"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">RECIPIENTS</text><text x="29" y="106.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(194,11,32)">Remove a recipient to add another.</text><rect x="20" y="42.4" width="420" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="42.5" width="419" height="43" rx="11.5" fill="none" stroke="rgb(190,6,11)" stroke-width="1"/><g clip-path="url(#svgimg7cp2)"><g color="rgb(100, 100, 105)"><clipPath id="svgimg7svgic3"><rect x="29" y="56.4" width="16" height="16"/></clipPath><g clip-path="url(#svgimg7svgic3)"><g transform="translate(29 56.39)scale(.66667)"><path d="M12.6 2.6a2 2 0 0 0-1.4-.6H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z" 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="7.5" cy="7.5" r="0.5" fill="rgb(100, 100, 105)" style="marker:none;vector-effect:none;color-interpolation:srgb" 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><rect x="55" y="56.3" width="140.8" height="18" rx="9" fill="rgb(214,233,249)"/><text x="62.19" y="69.25" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" fill="rgb(12,98,243)">mara@example.com</text><g clip-path="url(#svgimg7cp5)"><g color="rgb(12, 98, 243)"><clipPath id="svgimg7svgic6"><rect x="181.2" y="59.7" width="11.2" height="11.2"/></clipPath><g clip-path="url(#svgimg7svgic6)"><g transform="translate(181.234 59.656)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><g clip-path="url(#svgimg7cp7)"><g color="rgb(100, 100, 105)"><clipPath id="svgimg7svgic8"><rect x="412.2" y="57.6" width="13.6" height="13.6"/></clipPath><g clip-path="url(#svgimg7svgic8)"><g transform="translate(412.203 57.594)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></svg>
package/docs/design/templates/text-field/error-dark.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 134" width="400" height="134"><defs><clipPath id="ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="ct1"><rect x="70.3" y="23" width="6.3" height="15"/></clipPath><clipPath id="cp2"><rect x="29" y="45.4" width="342" height="42"/></clipPath><clipPath id="ct3"><rect x="29" y="45.4" width="342" height="42"/></clipPath><clipPath id="ct4"><rect x="20" y="95.4" width="360" height="22.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">EMAIL</text><text x="70.3" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">*</text><rect x="20" y="44.4" width="360" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="44.5" width="359" height="43" rx="11.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><g clip-path="url(#cp2)"><g clip-path="url(#ct3)"><text x="29" y="72.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">robin@</text></g></g><text x="29" y="111.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,105,108)">Enter a complete email address.</text></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 134" width="400" height="134"><defs><clipPath id="ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="ct1"><rect x="70.3" y="23" width="6.3" height="15"/></clipPath><clipPath id="cp2"><rect x="29" y="45.4" width="342" height="42"/></clipPath><clipPath id="ct3"><rect x="29" y="45.4" width="342" height="42"/></clipPath><clipPath id="ct4"><rect x="20" y="95.4" width="360" height="22.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">EMAIL</text><text x="70.3" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(194,194,198)">*</text><rect x="20" y="44.4" width="360" height="44" rx="12" fill="rgb(28,28,30)"/><rect x="20.5" y="44.5" width="359" height="43" rx="11.5" fill="none" stroke="rgb(253,98,101)" stroke-width="1"/><g clip-path="url(#cp2)"><g clip-path="url(#ct3)"><text x="29" y="72.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(245,245,247)">robin@</text></g></g><text x="29" y="111.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(255,133,136)">Enter a complete email address.</text></svg>
package/docs/design/templates/text-field/labeled.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 134" width="400" height="134"><defs><clipPath id="ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="cp1"><rect x="29" y="45.4" width="310" height="42"/></clipPath><clipPath id="ct2"><rect x="29" y="45.4" width="310" height="42"/></clipPath><clipPath id="cp3"><rect x="353" y="58" width="16" height="16.4"/></clipPath><clipPath id="ct5"><rect x="20" y="95.4" width="360" height="22.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">PROJECT NAME</text><rect x="20" y="44.4" width="360" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="359" height="43" 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="72.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Northstar Migration</text></g></g><g clip-path="url(#cp3)"><g color="rgb(98, 98, 103)"><clipPath id="svgic4"><rect x="353" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic4)"><g transform="translate(353 58.39)scale(.66667)"><circle cx="12" cy="12" r="10" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m15 9-6 6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m9 9 6 6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="29" y="111.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(110,110,115)">Visible to collaborators.</text></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 134" width="400" height="134"><defs><clipPath id="ct0"><rect x="20" y="24" width="360" height="14.4"/></clipPath><clipPath id="cp1"><rect x="29" y="45.4" width="310" height="42"/></clipPath><clipPath id="ct2"><rect x="29" y="45.4" width="310" height="42"/></clipPath><clipPath id="cp3"><rect x="353" y="58" width="16" height="16.4"/></clipPath><clipPath id="ct5"><rect x="20" y="95.4" width="360" height="22.4"/></clipPath></defs><text x="29" y="35" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">PROJECT NAME</text><rect x="20" y="44.4" width="360" height="44" rx="12" fill="rgb(255,255,255)"/><rect x="20.5" y="44.5" width="359" height="43" 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="72.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="16" fill="rgb(29,29,31)">Northstar Migration</text></g></g><g clip-path="url(#cp3)"><g color="rgb(98, 98, 103)"><clipPath id="svgic4"><rect x="353" y="58.4" width="16" height="16"/></clipPath><g clip-path="url(#svgic4)"><g transform="translate(353 58.39)scale(.66667)"><circle cx="12" cy="12" r="10" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m15 9-6 6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m9 9 6 6" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(98, 98, 103)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="29" y="111.39" font-family="system-ui, &quot;-apple-system&quot;, sans-serif" font-size="14" fill="rgb(100,100,105)">Visible to collaborators.</text></svg>