npm - @kerfjs/ui - Versions diffs - 4.5.0-beta.1 → 5.0.0-beta.100 - Mend

@kerfjs/ui 4.5.0-beta.1 → 5.0.0-beta.100

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 (980) hide show

package/README.md +461 -116
package/ai/application-ui-diagnostic-ids-v1.json +23 -1
package/ai/application-ui-profile-sync.cjs +21 -2
package/ai/application-ui-profile.d.ts +4 -0
package/ai/application-ui-profile.defaults.json +63 -8
package/ai/application-ui-profile.mjs +28 -1
package/ai/application-ui-profile.schema.json +10 -0
package/ai/catalog-authoring.json +13 -4
package/ai/catalog-authoring.schema.json +52 -8
package/ai/compile-time-contracts-v1.json +63 -16
package/ai/compile-time-contracts-v1.schema.json +4 -1
package/ai/component-catalog-extension.schema.json +25 -0
package/ai/component-catalog.json +5585 -1175
package/ai/component-catalog.schema.json +78 -1
package/ai/component-class-owners.cjs +83 -0
package/ai/component-composition-extension.d.ts +7 -0
package/ai/component-composition-extension.schema.json +7 -0
package/ai/{component-catalog-v2-overrides.json → component-composition-rules.json} +281 -49
package/ai/component-composition.d.ts +132 -0
package/ai/component-composition.json +8729 -0
package/ai/component-composition.schema.json +412 -0
package/ai/components/README.md +185 -0
package/ai/components/anchored-surface.md +99 -0
package/ai/components/application-tabs.md +65 -0
package/ai/components/badge.md +76 -0
package/ai/components/chip.md +76 -0
package/ai/components/choice-chips.md +87 -0
package/ai/components/collapsible-panel.md +103 -0
package/ai/components/column-track.md +78 -0
package/ai/components/combobox.md +88 -0
package/ai/components/composer.md +83 -0
package/ai/components/content-item.md +98 -0
package/ai/components/content-swap.md +78 -0
package/ai/components/corner-status.md +88 -0
package/ai/components/disclosure-arrow.md +77 -0
package/ai/components/document-baseline.md +77 -0
package/ai/components/edge-activity-indicator.md +81 -0
package/ai/components/empty-state.md +80 -0
package/ai/components/feedback.md +71 -0
package/ai/components/file-picker.md +88 -0
package/ai/components/floating-toolbar.md +82 -0
package/ai/components/foundation.md +65 -0
package/ai/components/framed-list.md +80 -0
package/ai/components/grid.md +101 -0
package/ai/components/headers.md +63 -0
package/ai/components/icon-button.md +82 -0
package/ai/components/icon-toggle-button.md +80 -0
package/ai/components/layout.md +75 -0
package/ai/components/list-action-row.md +108 -0
package/ai/components/list-header.md +91 -0
package/ai/components/list-inset-control.md +74 -0
package/ai/components/list-inset-text.md +72 -0
package/ai/components/list-item.md +108 -0
package/ai/components/list.md +125 -0
package/ai/components/loading-spinner.md +73 -0
package/ai/components/lucide-icon.md +97 -0
package/ai/components/nav-stack.md +115 -0
package/ai/components/pane.md +115 -0
package/ai/components/popup-menu.md +171 -0
package/ai/components/recipe-app-shell.md +57 -0
package/ai/components/recipe-collapsible-sidebar.md +57 -0
package/ai/components/recipe-compact-toolbar.md +57 -0
package/ai/components/recipe-composer-form.md +57 -0
package/ai/components/recipe-list-detail-dialog.md +57 -0
package/ai/components/recipe-list-workspace-states.md +57 -0
package/ai/components/recipe-loading-inspector.md +57 -0
package/ai/components/recipe-navigation-sidebar.md +57 -0
package/ai/components/recipe-navigation-stack.md +57 -0
package/ai/components/recipe-workspace-header.md +57 -0
package/ai/components/resize.md +106 -0
package/ai/components/row.md +96 -0
package/ai/components/segmented-control.md +82 -0
package/ai/components/select.md +116 -0
package/ai/components/skeleton.md +84 -0
package/ai/components/spacer.md +86 -0
package/ai/components/split-button.md +80 -0
package/ai/components/split-view.md +105 -0
package/ai/components/state-banner.md +96 -0
package/ai/components/summary-row.md +85 -0
package/ai/components/sunken-panel.md +79 -0
package/ai/components/surface-scaffold.md +105 -0
package/ai/components/tab-bar.md +114 -0
package/ai/components/tab-navigator.md +100 -0
package/ai/components/tabs.md +95 -0
package/ai/components/text.md +90 -0
package/ai/components/token-search-field.md +107 -0
package/ai/components/toolbar-control-group.md +125 -0
package/ai/components/toolbar-text.md +100 -0
package/ai/components/toolbar.md +103 -0
package/ai/components/value-table.md +80 -0
package/ai/components/wa-accordion-item.md +55 -0
package/ai/components/wa-accordion.md +65 -0
package/ai/components/wa-animated-image.md +55 -0
package/ai/components/wa-animation.md +55 -0
package/ai/components/wa-avatar.md +55 -0
package/ai/components/wa-badge.md +55 -0
package/ai/components/wa-breadcrumb-item.md +53 -0
package/ai/components/wa-breadcrumb.md +55 -0
package/ai/components/wa-button-group.md +60 -0
package/ai/components/wa-button.md +59 -0
package/ai/components/wa-callout.md +58 -0
package/ai/components/wa-card.md +59 -0
package/ai/components/wa-carousel-item.md +53 -0
package/ai/components/wa-carousel.md +55 -0
package/ai/components/wa-checkbox-group.md +55 -0
package/ai/components/wa-checkbox.md +55 -0
package/ai/components/wa-color-picker.md +55 -0
package/ai/components/wa-comparison.md +55 -0
package/ai/components/wa-copy-button.md +55 -0
package/ai/components/wa-details.md +61 -0
package/ai/components/wa-dialog.md +59 -0
package/ai/components/wa-divider.md +53 -0
package/ai/components/wa-drawer.md +55 -0
package/ai/components/wa-dropdown-item.md +60 -0
package/ai/components/wa-dropdown.md +60 -0
package/ai/components/wa-format-bytes.md +53 -0
package/ai/components/wa-format-date.md +53 -0
package/ai/components/wa-format-number.md +53 -0
package/ai/components/wa-icon.md +58 -0
package/ai/components/wa-include.md +53 -0
package/ai/components/wa-input.md +59 -0
package/ai/components/wa-intersection-observer.md +53 -0
package/ai/components/wa-known-date.md +53 -0
package/ai/components/wa-markdown.md +53 -0
package/ai/components/wa-mutation-observer.md +53 -0
package/ai/components/wa-number-input.md +55 -0
package/ai/components/wa-option.md +59 -0
package/ai/components/wa-otp-input.md +53 -0
package/ai/components/wa-page.md +53 -0
package/ai/components/wa-pagination.md +55 -0
package/ai/components/wa-popover.md +55 -0
package/ai/components/wa-popup.md +53 -0
package/ai/components/wa-progress-bar.md +53 -0
package/ai/components/wa-progress-ring.md +53 -0
package/ai/components/wa-qr-code.md +53 -0
package/ai/components/wa-radio-group.md +59 -0
package/ai/components/wa-radio.md +55 -0
package/ai/components/wa-random-content.md +53 -0
package/ai/components/wa-rating.md +55 -0
package/ai/components/wa-relative-time.md +53 -0
package/ai/components/wa-resize-observer.md +53 -0
package/ai/components/wa-scroller.md +53 -0
package/ai/components/wa-select.md +63 -0
package/ai/components/wa-skeleton.md +53 -0
package/ai/components/wa-slider.md +55 -0
package/ai/components/wa-spinner.md +58 -0
package/ai/components/wa-split-panel.md +58 -0
package/ai/components/wa-switch.md +53 -0
package/ai/components/wa-tab-group.md +69 -0
package/ai/components/wa-tab-panel.md +60 -0
package/ai/components/wa-tab.md +59 -0
package/ai/components/wa-tag.md +59 -0
package/ai/components/wa-textarea.md +53 -0
package/ai/components/wa-time-input.md +55 -0
package/ai/components/wa-toast-item.md +60 -0
package/ai/components/wa-toast.md +60 -0
package/ai/components/wa-tooltip.md +55 -0
package/ai/components/wa-tree-item.md +55 -0
package/ai/components/wa-tree.md +55 -0
package/ai/components/wa-zoomable-frame.md +55 -0
package/ai/components/workbench.md +120 -0
package/ai/public-api-signatures-v1.md +3851 -441
package/ai/skill.md +402 -70
package/ai/webawesome-jsx-signatures-v1.md +9 -2
package/analyzer/cli.mjs +5 -2
package/analyzer/component-ownership.d.mts +72 -0
package/analyzer/component-ownership.mjs +429 -0
package/analyzer/index.d.mts +8 -0
package/analyzer/index.mjs +1687 -49
package/analyzer/loud-pairs.d.mts +49 -0
package/analyzer/loud-pairs.mjs +357 -0
package/analyzer/selectors.d.mts +21 -0
package/analyzer/selectors.mjs +212 -0
package/catalog-projection-cli.mjs +96 -0
package/catalog-projection.d.mts +55 -0
package/catalog-projection.mjs +62 -0
package/dist/anchored-surface.d.ts +69 -0
package/dist/anchored-surface.js +3 -0
package/dist/anchored-surface.js.map +1 -0
package/dist/app-tab.d.ts +39 -4
package/dist/app-tab.js +2 -1
package/dist/badge.d.ts +83 -0
package/dist/badge.js +4 -0
package/dist/badge.js.map +1 -0
package/dist/browser/anchored-surface.js +3 -0
package/dist/browser/badge.js +3 -0
package/dist/browser/catalog.js +28 -0
package/dist/browser/chip.js +3 -0
package/dist/browser/choice-chips.js +3 -0
package/dist/browser/collapsible-panel.js +9 -0
package/dist/browser/column-track.js +3 -0
package/dist/browser/combobox.js +3 -0
package/dist/browser/composer.js +4 -0
package/dist/browser/content-item.js +3 -0
package/dist/browser/content-swap.js +3 -0
package/dist/browser/corner-status.js +3 -0
package/dist/browser/edge-activity-indicator.js +3 -0
package/dist/browser/file-picker.js +3 -0
package/dist/browser/framed-list.js +3 -0
package/dist/browser/grid.js +3 -0
package/dist/browser/icon-button.js +4 -0
package/dist/browser/icon-toggle-button.js +4 -0
package/dist/browser/list-action-row.js +2 -0
package/dist/browser/list-header.js +3 -1
package/dist/browser/list-item.js +1 -0
package/dist/browser/nav-stack.js +11 -0
package/dist/browser/popup-menu.js +3 -0
package/dist/browser/row.js +3 -0
package/dist/browser/segmented-control.js +0 -1
package/dist/browser/select.js +2 -1
package/dist/browser/spacer.js +3 -0
package/dist/browser/split-button.js +5 -0
package/dist/browser/split-view.js +13 -0
package/dist/browser/state-banner.js +1 -0
package/dist/browser/summary-row.js +3 -0
package/dist/browser/surface-scaffold.js +3 -0
package/dist/browser/tab-navigator.js +4 -0
package/dist/browser/text.js +3 -0
package/dist/browser/toolbar-control-group.js +1 -0
package/dist/browser/workbench.js +14 -0
package/dist/catalog-resources.d.ts +17 -1
package/dist/catalog-resources.js +5 -5
package/dist/catalog-resources.js.map +1 -1
package/dist/catalog.d.ts +123 -121
package/dist/catalog.js +598 -269
package/dist/catalog.js.map +1 -1
package/dist/chip.d.ts +69 -0
package/dist/chip.js +3 -0
package/dist/chip.js.map +1 -0
package/dist/choice-chips.d.ts +82 -0
package/dist/choice-chips.js +3 -0
package/dist/choice-chips.js.map +1 -0
package/dist/chunk-2GOCOLQL.js +270 -0
package/dist/chunk-2GOCOLQL.js.map +1 -0
package/dist/chunk-2MSPNRWJ.js +82 -0
package/dist/chunk-2MSPNRWJ.js.map +1 -0
package/dist/chunk-34U4ANDJ.js +119 -0
package/dist/chunk-34U4ANDJ.js.map +1 -0
package/dist/chunk-3GLYIIFR.js +230 -0
package/dist/chunk-3GLYIIFR.js.map +1 -0
package/dist/{chunk-Y6LYKFXY.js → chunk-3VXDSIBJ.js} +7 -4
package/dist/chunk-3VXDSIBJ.js.map +1 -0
package/dist/chunk-3WYREXW4.js +120 -0
package/dist/chunk-3WYREXW4.js.map +1 -0
package/dist/chunk-4UB5Z3ZZ.js +68 -0
package/dist/chunk-4UB5Z3ZZ.js.map +1 -0
package/dist/chunk-6C6DLP3W.js +31 -0
package/dist/chunk-6C6DLP3W.js.map +1 -0
package/dist/chunk-7IUEBNCO.js +108 -0
package/dist/chunk-7IUEBNCO.js.map +1 -0
package/dist/{chunk-QO55FN2Y.js → chunk-AN5IWMTM.js} +7 -3
package/dist/chunk-AN5IWMTM.js.map +1 -0
package/dist/chunk-AV7CPAPT.js +82 -0
package/dist/chunk-AV7CPAPT.js.map +1 -0
package/dist/{chunk-PX3YSS5C.js → chunk-B53PS2LE.js} +5 -3
package/dist/chunk-B53PS2LE.js.map +1 -0
package/dist/chunk-CA7LNX3J.js +44 -0
package/dist/chunk-CA7LNX3J.js.map +1 -0
package/dist/chunk-CEJ5FK6G.js +288 -0
package/dist/chunk-CEJ5FK6G.js.map +1 -0
package/dist/chunk-CMETHPKR.js +175 -0
package/dist/chunk-CMETHPKR.js.map +1 -0
package/dist/chunk-CMLPFIC5.js +46 -0
package/dist/chunk-CMLPFIC5.js.map +1 -0
package/dist/{chunk-RKVQEH4J.js → chunk-CVD5IZGB.js} +10 -5
package/dist/chunk-CVD5IZGB.js.map +1 -0
package/dist/chunk-CXZXHZTR.js +514 -0
package/dist/chunk-CXZXHZTR.js.map +1 -0
package/dist/chunk-D5RGM3XA.js +38 -0
package/dist/chunk-D5RGM3XA.js.map +1 -0
package/dist/{chunk-KWWR5VMS.js → chunk-DZJ4GBSP.js} +19 -5
package/dist/chunk-DZJ4GBSP.js.map +1 -0
package/dist/chunk-EIET4QLK.js +51 -0
package/dist/chunk-EIET4QLK.js.map +1 -0
package/dist/chunk-ELCMSQNJ.js +49 -0
package/dist/chunk-ELCMSQNJ.js.map +1 -0
package/dist/chunk-EOO6PYGF.js +162 -0
package/dist/chunk-EOO6PYGF.js.map +1 -0
package/dist/chunk-ETCWQLJV.js +85 -0
package/dist/chunk-ETCWQLJV.js.map +1 -0
package/dist/chunk-FDZNYD4C.js +138 -0
package/dist/chunk-FDZNYD4C.js.map +1 -0
package/dist/chunk-FR76ZJQC.js +90 -0
package/dist/chunk-FR76ZJQC.js.map +1 -0
package/dist/chunk-G3J7JDP6.js +29 -0
package/dist/chunk-G3J7JDP6.js.map +1 -0
package/dist/chunk-GS2QD3N7.js +14 -0
package/dist/chunk-GS2QD3N7.js.map +1 -0
package/dist/chunk-HGV7J4T6.js +86 -0
package/dist/chunk-HGV7J4T6.js.map +1 -0
package/dist/chunk-HLDRH23D.js +84 -0
package/dist/chunk-HLDRH23D.js.map +1 -0
package/dist/chunk-HQZYKJ56.js +302 -0
package/dist/chunk-HQZYKJ56.js.map +1 -0
package/dist/chunk-HZPHCSCS.js +95 -0
package/dist/chunk-HZPHCSCS.js.map +1 -0
package/dist/chunk-IKS72C6P.js +53 -0
package/dist/chunk-IKS72C6P.js.map +1 -0
package/dist/chunk-IM3GKYOG.js +202 -0
package/dist/chunk-IM3GKYOG.js.map +1 -0
package/dist/{chunk-JRKSK2HX.js → chunk-INI4WDWC.js} +53 -7
package/dist/chunk-INI4WDWC.js.map +1 -0
package/dist/chunk-IQSRHXZR.js +164 -0
package/dist/chunk-IQSRHXZR.js.map +1 -0
package/dist/{chunk-M7JBER5U.js → chunk-JOR5LGYE.js} +18 -4
package/dist/chunk-JOR5LGYE.js.map +1 -0
package/dist/chunk-K4AT3V3J.js +545 -0
package/dist/chunk-K4AT3V3J.js.map +1 -0
package/dist/chunk-KCS6NJ3O.js +82 -0
package/dist/chunk-KCS6NJ3O.js.map +1 -0
package/dist/{chunk-SRSJO5QE.js → chunk-KH4KEMSP.js} +34 -3
package/dist/chunk-KH4KEMSP.js.map +1 -0
package/dist/chunk-LL45C7BB.js +122 -0
package/dist/chunk-LL45C7BB.js.map +1 -0
package/dist/chunk-LOSRXZAH.js +100 -0
package/dist/chunk-LOSRXZAH.js.map +1 -0
package/dist/{chunk-7KEUJIIC.js → chunk-MF6ZUUJZ.js} +93 -11
package/dist/chunk-MF6ZUUJZ.js.map +1 -0
package/dist/chunk-MHMWQ7RB.js +19 -0
package/dist/chunk-MHMWQ7RB.js.map +1 -0
package/dist/chunk-MJ5RU6XT.js +173 -0
package/dist/chunk-MJ5RU6XT.js.map +1 -0
package/dist/chunk-MXNIVEVL.js +48 -0
package/dist/chunk-MXNIVEVL.js.map +1 -0
package/dist/{chunk-IJBSZ4NX.js → chunk-NS2TBYM4.js} +8 -5
package/dist/chunk-NS2TBYM4.js.map +1 -0
package/dist/chunk-PIVY32AE.js +140 -0
package/dist/chunk-PIVY32AE.js.map +1 -0
package/dist/chunk-PYBBYSZ3.js +526 -0
package/dist/chunk-PYBBYSZ3.js.map +1 -0
package/dist/chunk-QDSZTQXL.js +28 -0
package/dist/chunk-QDSZTQXL.js.map +1 -0
package/dist/chunk-QH5KOFNS.js +39 -0
package/dist/chunk-QH5KOFNS.js.map +1 -0
package/dist/chunk-QIG4IGUP.js +139 -0
package/dist/chunk-QIG4IGUP.js.map +1 -0
package/dist/chunk-QLA25V2K.js +493 -0
package/dist/chunk-QLA25V2K.js.map +1 -0
package/dist/chunk-QROYYGWU.js +52 -0
package/dist/chunk-QROYYGWU.js.map +1 -0
package/dist/chunk-QYMJHS4K.js +36 -0
package/dist/chunk-QYMJHS4K.js.map +1 -0
package/dist/chunk-RHD7RKGI.js +176 -0
package/dist/chunk-RHD7RKGI.js.map +1 -0
package/dist/chunk-S2XULQEK.js +52 -0
package/dist/chunk-S2XULQEK.js.map +1 -0
package/dist/{chunk-LPOMRC4C.js → chunk-S3ECMF23.js} +11 -3
package/dist/chunk-S3ECMF23.js.map +1 -0
package/dist/chunk-S4Y3YTAI.js +35 -0
package/dist/chunk-S4Y3YTAI.js.map +1 -0
package/dist/chunk-S4ZGTDSG.js +18 -0
package/dist/chunk-S4ZGTDSG.js.map +1 -0
package/dist/{chunk-PSKN344N.js → chunk-T4WJ5VGP.js} +63 -12
package/dist/chunk-T4WJ5VGP.js.map +1 -0
package/dist/chunk-TDMHA7C3.js +251 -0
package/dist/chunk-TDMHA7C3.js.map +1 -0
package/dist/{chunk-Y45PPBDV.js → chunk-TGLUDQP2.js} +47 -14
package/dist/chunk-TGLUDQP2.js.map +1 -0
package/dist/chunk-TLMMFQWM.js +222 -0
package/dist/chunk-TLMMFQWM.js.map +1 -0
package/dist/chunk-U6QYTMDB.js +85 -0
package/dist/chunk-U6QYTMDB.js.map +1 -0
package/dist/chunk-UMKV7YVQ.js +20 -0
package/dist/chunk-UMKV7YVQ.js.map +1 -0
package/dist/chunk-VFYO3UGZ.js +45 -0
package/dist/chunk-VFYO3UGZ.js.map +1 -0
package/dist/chunk-W4IK7AWD.js +73 -0
package/dist/chunk-W4IK7AWD.js.map +1 -0
package/dist/chunk-WVS6CUCT.js +48 -0
package/dist/chunk-WVS6CUCT.js.map +1 -0
package/dist/chunk-Y6KT7ZTR.js +109 -0
package/dist/chunk-Y6KT7ZTR.js.map +1 -0
package/dist/chunk-YMUIQRWK.js +44 -0
package/dist/chunk-YMUIQRWK.js.map +1 -0
package/dist/chunk-YOA5W5ZH.js +807 -0
package/dist/chunk-YOA5W5ZH.js.map +1 -0
package/dist/chunk-YQ2AC4E2.js +59 -0
package/dist/chunk-YQ2AC4E2.js.map +1 -0
package/dist/chunk-ZKKO4MHC.js +25 -0
package/dist/chunk-ZKKO4MHC.js.map +1 -0
package/dist/chunk-ZNROKDSZ.js +54 -0
package/dist/chunk-ZNROKDSZ.js.map +1 -0
package/dist/collapsible-panel.d.ts +96 -17
package/dist/collapsible-panel.js +104 -27
package/dist/collapsible-panel.js.map +1 -1
package/dist/column-track.d.ts +41 -0
package/dist/column-track.js +4 -0
package/dist/column-track.js.map +1 -0
package/dist/combobox.d.ts +40 -0
package/dist/combobox.js +3 -0
package/dist/combobox.js.map +1 -0
package/dist/composer.d.ts +62 -0
package/dist/composer.js +5 -0
package/dist/composer.js.map +1 -0
package/dist/content-item.d.ts +116 -0
package/dist/content-item.js +4 -0
package/dist/content-item.js.map +1 -0
package/dist/content-swap.d.ts +34 -0
package/dist/content-swap.js +3 -0
package/dist/content-swap.js.map +1 -0
package/dist/corner-status.d.ts +36 -0
package/dist/corner-status.js +3 -0
package/dist/corner-status.js.map +1 -0
package/dist/css-values.d.ts +127 -0
package/dist/css-values.js +3 -0
package/dist/css-values.js.map +1 -0
package/dist/device-class.js +1 -1
package/dist/device-class.js.map +1 -1
package/dist/disclosure-arrow.d.ts +6 -1
package/dist/disclosure-arrow.js +2 -1
package/dist/edge-activity-indicator.d.ts +28 -0
package/dist/edge-activity-indicator.js +3 -0
package/dist/edge-activity-indicator.js.map +1 -0
package/dist/empty-state.d.ts +5 -2
package/dist/empty-state.js +2 -1
package/dist/extension-attributes-mu8MFUl0.d.ts +13 -0
package/dist/file-picker.d.ts +47 -0
package/dist/file-picker.js +3 -0
package/dist/file-picker.js.map +1 -0
package/dist/flex-alignment-4ms8ZbV8.d.ts +5 -0
package/dist/floating-toolbar.d.ts +29 -6
package/dist/floating-toolbar.js +1 -1
package/dist/framed-list.d.ts +47 -0
package/dist/framed-list.js +4 -0
package/dist/framed-list.js.map +1 -0
package/dist/grid.d.ts +58 -0
package/dist/grid.js +6 -0
package/dist/grid.js.map +1 -0
package/dist/help-tags-register.d.ts +13 -0
package/dist/help-tags-register.js +9 -0
package/dist/help-tags-register.js.map +1 -0
package/dist/icon-button.d.ts +46 -0
package/dist/icon-button.js +6 -0
package/dist/icon-button.js.map +1 -0
package/dist/icon-toggle-button.d.ts +42 -0
package/dist/icon-toggle-button.js +6 -0
package/dist/icon-toggle-button.js.map +1 -0
package/dist/index.d.ts +59 -20
package/dist/index.js +66 -29
package/dist/list-action-row.d.ts +69 -12
package/dist/list-action-row.js +5 -1
package/dist/list-header.d.ts +36 -2
package/dist/list-header.js +4 -1
package/dist/list-icon-tile-B8dr97OW.d.ts +18 -0
package/dist/list-inset-control.d.ts +10 -4
package/dist/list-inset-control.js +1 -1
package/dist/list-inset-text.d.ts +17 -12
package/dist/list-inset-text.js +2 -1
package/dist/list-item.d.ts +49 -5
package/dist/list-item.js +4 -1
package/dist/list.d.ts +121 -12
package/dist/list.js +5 -1
package/dist/loading-spinner.d.ts +12 -2
package/dist/loading-spinner.js +2 -1
package/dist/lucide-icon.d.ts +15 -3
package/dist/lucide-icon.js +2 -1
package/dist/nav-stack-VXTumzKa.d.ts +158 -0
package/dist/nav-stack.d.ts +15 -38
package/dist/nav-stack.js +13 -1
package/dist/pane.d.ts +111 -7
package/dist/pane.js +2 -1
package/dist/panel-toolbar-vg6Ir5Dy.d.ts +77 -0
package/dist/popup-menu-register.d.ts +10 -0
package/dist/popup-menu-register.js +336 -0
package/dist/popup-menu-register.js.map +1 -0
package/dist/popup-menu.d.ts +125 -0
package/dist/popup-menu.js +3 -0
package/dist/popup-menu.js.map +1 -0
package/dist/resizable-region.d.ts +32 -3
package/dist/resizable-region.js +1 -1
package/dist/row.d.ts +53 -0
package/dist/row.js +7 -0
package/dist/row.js.map +1 -0
package/dist/scroll-clearance-BikHljTc.d.ts +14 -0
package/dist/segmented-control.d.ts +7 -4
package/dist/segmented-control.js +1 -2
package/dist/select-register.js +255 -3
package/dist/select-register.js.map +1 -1
package/dist/select.d.ts +95 -6
package/dist/select.js +4 -1
package/dist/semantic-content-BbzjvSu9.d.ts +14 -0
package/dist/semantic-tone-CdW013KF.d.ts +4 -0
package/dist/sides-BPSWde0A.d.ts +4 -0
package/dist/skeleton.d.ts +14 -7
package/dist/skeleton.js +2 -1
package/dist/spacer.d.ts +18 -0
package/dist/spacer.js +4 -0
package/dist/spacer.js.map +1 -0
package/dist/split-button.d.ts +57 -0
package/dist/split-button.js +7 -0
package/dist/split-button.js.map +1 -0
package/dist/split-view.d.ts +63 -6
package/dist/split-view.js +88 -9
package/dist/split-view.js.map +1 -1
package/dist/state-banner.d.ts +37 -6
package/dist/state-banner.js +4 -1
package/dist/styles/anchored-surface.css +41 -0
package/dist/styles/app-tab.css +232 -0
package/dist/styles/badge.css +145 -0
package/dist/styles/catalog/components/catalog-example-stack.css +14 -0
package/dist/styles/catalog/components/catalog-example.css +204 -0
package/dist/styles/catalog/components/catalog-stage.css +61 -0
package/dist/styles/catalog/components/catalog.css +26 -0
package/dist/styles/catalog.css +5 -575
package/dist/styles/chip.css +208 -0
package/dist/styles/choice-chips.css +154 -0
package/dist/styles/collapsible-panel.css +450 -16
package/dist/styles/column-track.css +57 -0
package/dist/styles/combobox.css +113 -0
package/dist/styles/components/actions/floating-toolbar/floating-toolbar.css +119 -0
package/dist/styles/components/actions/icon-button/icon-button.css +22 -0
package/dist/styles/components/actions/icon-toggle-button/icon-toggle-button.css +83 -0
package/dist/styles/components/actions/popup-menu/popup-menu.css +370 -0
package/dist/styles/components/actions/split-button/split-button.css +95 -0
package/dist/styles/components/actions/toolbar/toolbar.css +443 -0
package/dist/styles/components/actions/toolbar-control-group/toolbar-control-group.css +1069 -0
package/dist/styles/components/actions/toolbar-text/toolbar-text.css +269 -0
package/dist/styles/components/collections/framed-list/framed-list.css +47 -0
package/dist/styles/components/collections/list/list.css +250 -0
package/dist/styles/components/collections/list-action-row/list-action-row.css +466 -0
package/dist/styles/components/collections/list-header/list-header.css +229 -0
package/dist/styles/components/collections/list-inset-control/list-inset-control.css +30 -0
package/dist/styles/components/collections/list-inset-text/list-inset-text.css +29 -0
package/dist/styles/components/collections/list-item/list-item.css +461 -0
package/dist/styles/components/collections/summary-row/summary-row.css +161 -0
package/dist/styles/components/data-display/value-table/value-table.css +183 -0
package/dist/styles/components/feedback/anchored-surface/anchored-surface.css +41 -0
package/dist/styles/components/feedback/badge/badge.css +145 -0
package/dist/styles/components/feedback/chip/chip.css +208 -0
package/dist/styles/components/feedback/corner-status/corner-status.css +60 -0
package/dist/styles/components/feedback/edge-activity-indicator/edge-activity-indicator.css +127 -0
package/dist/styles/components/feedback/empty-state/empty-state.css +47 -0
package/dist/styles/components/feedback/loading-spinner/loading-spinner.css +25 -0
package/dist/styles/components/feedback/skeleton/skeleton.css +92 -0
package/dist/styles/components/feedback/state-banner/state-banner.css +297 -0
package/dist/styles/components/forms/choice-chips/choice-chips.css +154 -0
package/dist/styles/components/forms/combobox/combobox.css +113 -0
package/dist/styles/components/forms/composer/composer.css +100 -0
package/dist/styles/components/forms/file-picker/file-picker.css +81 -0
package/dist/styles/components/forms/segmented-control/segmented-control.css +196 -0
package/dist/styles/components/forms/select/select.css +455 -0
package/dist/styles/components/forms/token-search-field/token-search-field.css +432 -0
package/dist/styles/components/layout/collapsible-panel/collapsible-panel.css +580 -0
package/dist/styles/components/layout/column-track/column-track.css +57 -0
package/dist/styles/components/layout/content-swap/content-swap.css +154 -0
package/dist/styles/components/layout/grid/grid.css +88 -0
package/dist/styles/components/layout/pane/pane.css +382 -0
package/dist/styles/components/layout/resizable-region/resizable-region.css +545 -0
package/dist/styles/components/layout/row/row.css +114 -0
package/dist/styles/components/layout/spacer/spacer.css +11 -0
package/dist/styles/components/layout/split-view/split-view.css +146 -0
package/dist/styles/components/layout/workbench/workbench.css +1086 -0
package/dist/styles/components/media/lucide-icon/lucide-icon.css +15 -0
package/dist/styles/components/navigation/app-tab/app-tab.css +384 -0
package/dist/styles/components/navigation/disclosure-arrow/disclosure-arrow.css +23 -0
package/dist/styles/components/navigation/nav-stack/nav-stack.css +342 -0
package/dist/styles/components/navigation/tab-bar/tab-bar.css +197 -0
package/dist/styles/components/navigation/tab-navigator/tab-navigator.css +325 -0
package/dist/styles/components/surfaces/content-item/content-item.css +138 -0
package/dist/styles/components/surfaces/sunken-panel/sunken-panel.css +31 -0
package/dist/styles/components/surfaces/surface-scaffold/surface-scaffold.css +425 -0
package/dist/styles/components/typography/text/text.css +220 -0
package/dist/styles/composer.css +100 -0
package/dist/styles/content-item.css +138 -0
package/dist/styles/content-swap.css +154 -0
package/dist/styles/corner-status.css +60 -0
package/dist/styles/document.css +98 -0
package/dist/styles/edge-activity-indicator.css +127 -0
package/dist/styles/file-picker.css +81 -0
package/dist/styles/floating-toolbar.css +87 -6
package/dist/styles/foundation.css +254 -53
package/dist/styles/framed-list.css +47 -0
package/dist/styles/grid.css +88 -0
package/dist/styles/icon-button.css +22 -0
package/dist/styles/icon-toggle-button.css +83 -0
package/dist/styles/layout.css +1 -21
package/dist/styles/list-action-row.css +323 -17
package/dist/styles/list-header.css +128 -59
package/dist/styles/list-inset-control.css +25 -2
package/dist/styles/list-inset-text.css +27 -12
package/dist/styles/list-item.css +371 -33
package/dist/styles/list.css +214 -7
package/dist/styles/loading-spinner.css +4 -0
package/dist/styles/lucide-icon.css +9 -0
package/dist/styles/nav-stack.css +280 -49
package/dist/styles/pane.css +322 -2
package/dist/styles/popup-menu.css +370 -0
package/dist/styles/resizable-region.css +438 -4
package/dist/styles/row.css +114 -0
package/dist/styles/segmented-control.css +34 -3
package/dist/styles/select.css +338 -23
package/dist/styles/skeleton.css +64 -3
package/dist/styles/spacer.css +11 -0
package/dist/styles/split-button.css +95 -0
package/dist/styles/split-view.css +114 -3
package/dist/styles/state-banner.css +141 -42
package/dist/styles/styles.css +22 -1
package/dist/styles/summary-row.css +161 -0
package/dist/styles/sunken-panel.css +13 -4
package/dist/styles/surface-scaffold.css +425 -0
package/dist/styles/tab-bar.css +161 -9
package/dist/styles/tab-navigator.css +325 -0
package/dist/styles/text.css +220 -0
package/dist/styles/token-search-field.css +202 -59
package/dist/styles/toolbar-control-group.css +886 -42
package/dist/styles/toolbar-text.css +184 -7
package/dist/styles/toolbar.css +363 -17
package/dist/styles/value-table.css +115 -7
package/dist/styles/webawesome.css +282 -20
package/dist/styles/workbench.css +999 -7
package/dist/summary-row.d.ts +56 -0
package/dist/summary-row.js +4 -0
package/dist/summary-row.js.map +1 -0
package/dist/sunken-panel.d.ts +23 -4
package/dist/sunken-panel.js +2 -1
package/dist/surface-scaffold-register.d.ts +9 -0
package/dist/surface-scaffold-register.js +151 -0
package/dist/surface-scaffold-register.js.map +1 -0
package/dist/surface-scaffold.d.ts +170 -0
package/dist/surface-scaffold.js +4 -0
package/dist/surface-scaffold.js.map +1 -0
package/dist/tab-bar.d.ts +31 -6
package/dist/tab-bar.js +1 -1
package/dist/tab-navigator.d.ts +114 -0
package/dist/tab-navigator.js +102 -0
package/dist/tab-navigator.js.map +1 -0
package/dist/text.d.ts +98 -0
package/dist/text.js +3 -0
package/dist/text.js.map +1 -0
package/dist/token-search-field.d.ts +3 -59
package/dist/token-search-field.js +2 -1
package/dist/token-search-model-aYR0YAei.d.ts +184 -0
package/dist/token-search-model.d.ts +3 -0
package/dist/token-search-model.js +3 -0
package/dist/token-search-model.js.map +1 -0
package/dist/toolbar-control-group.d.ts +87 -4
package/dist/toolbar-control-group.js +3 -1
package/dist/toolbar-text.d.ts +46 -12
package/dist/toolbar-text.js +2 -1
package/dist/toolbar.d.ts +71 -9
package/dist/toolbar.js +1 -1
package/dist/types-CVgIwSdq.d.ts +189 -0
package/dist/value-table.d.ts +30 -4
package/dist/value-table.js +2 -1
package/dist/webawesome.d.ts +8 -1
package/dist/wire-catalog.d.ts +88 -13
package/dist/wire-catalog.js +240 -206
package/dist/wire-catalog.js.map +1 -1
package/dist/wire-comboboxes.d.ts +26 -0
package/dist/wire-comboboxes.js +3 -0
package/dist/wire-comboboxes.js.map +1 -0
package/dist/wire-composers.d.ts +16 -0
package/dist/wire-composers.js +3 -0
package/dist/wire-composers.js.map +1 -0
package/dist/wire-content-items.d.ts +11 -0
package/dist/wire-content-items.js +139 -0
package/dist/wire-content-items.js.map +1 -0
package/dist/wire-corner-status.d.ts +11 -0
package/dist/wire-corner-status.js +3 -0
package/dist/wire-corner-status.js.map +1 -0
package/dist/wire-file-pickers.d.ts +26 -0
package/dist/wire-file-pickers.js +3 -0
package/dist/wire-file-pickers.js.map +1 -0
package/dist/wire-list-focus-scroll.d.ts +16 -0
package/dist/wire-list-focus-scroll.js +3 -0
package/dist/wire-list-focus-scroll.js.map +1 -0
package/dist/wire-list-reorder.d.ts +41 -0
package/dist/wire-list-reorder.js +3 -0
package/dist/wire-list-reorder.js.map +1 -0
package/dist/wire-nav-stack.d.ts +4 -1
package/dist/wire-nav-stack.js +312 -16
package/dist/wire-nav-stack.js.map +1 -1
package/dist/wire-resizable-regions.d.ts +2 -1
package/dist/wire-resizable-regions.js +2 -1
package/dist/wire-scroll-dividers.d.ts +87 -0
package/dist/wire-scroll-dividers.js +3 -0
package/dist/wire-scroll-dividers.js.map +1 -0
package/dist/wire-sidebar.d.ts +24 -4
package/dist/wire-sidebar.js +122 -19
package/dist/wire-sidebar.js.map +1 -1
package/dist/wire-tab-bars.d.ts +1 -0
package/dist/wire-tab-bars.js +1 -1
package/dist/wire-tab-navigator.d.ts +13 -0
package/dist/wire-tab-navigator.js +153 -0
package/dist/wire-tab-navigator.js.map +1 -0
package/dist/wire-token-search-fields.d.ts +5 -1
package/dist/wire-token-search-fields.js +2 -1
package/dist/wire-toolbar-visibility.d.ts +13 -0
package/dist/wire-toolbar-visibility.js +3 -0
package/dist/wire-toolbar-visibility.js.map +1 -0
package/dist/wire-workbench.d.ts +116 -0
package/dist/wire-workbench.js +6 -0
package/dist/wire-workbench.js.map +1 -0
package/dist/workbench.d.ts +253 -10
package/dist/workbench.js +20 -62
package/dist/workbench.js.map +1 -1
package/docs/accessibility.md +617 -32
package/docs/anchored-surface.md +101 -0
package/docs/app-layouts.md +159 -10
package/docs/apple-hig.md +2 -0
package/docs/catalog.md +403 -110
package/docs/collapsible-panel.md +272 -16
package/docs/component-contract.md +700 -79
package/docs/component-integration.md +75 -0
package/docs/component-selection.md +908 -79
package/docs/composer.md +143 -0
package/docs/design/templates/choice-chips/color-palette-dark.svg +1 -0
package/docs/design/templates/choice-chips/color-palette.svg +1 -0
package/docs/design/templates/choice-chips/compact-icons-dark.svg +1 -0
package/docs/design/templates/choice-chips/compact-icons.svg +1 -0
package/docs/design/templates/choice-chips/multiple-dark.svg +1 -0
package/docs/design/templates/choice-chips/multiple.svg +1 -0
package/docs/design/templates/choice-chips-dark.svg +1 -0
package/docs/design/templates/choice-chips.svg +1 -0
package/docs/design/templates/composer/chat-dark.svg +1 -0
package/docs/design/templates/composer/chat.svg +1 -0
package/docs/design/templates/composer/prompt-dark.svg +1 -0
package/docs/design/templates/composer/prompt.svg +1 -0
package/docs/design/templates/composer-dark.svg +1 -0
package/docs/design/templates/composer.svg +1 -0
package/docs/design/templates/empty-state/filtered-dark.svg +1 -1
package/docs/design/templates/empty-state/filtered.svg +1 -1
package/docs/design/templates/empty-state/with-action-dark.svg +1 -1
package/docs/design/templates/empty-state/with-action.svg +1 -1
package/docs/design/templates/empty-state-dark.svg +1 -1
package/docs/design/templates/empty-state.svg +1 -1
package/docs/design/templates/list/compact-dark.svg +1 -1
package/docs/design/templates/list/compact.svg +1 -1
package/docs/design/templates/list/stack-dark.svg +1 -1
package/docs/design/templates/list/stack.svg +1 -1
package/docs/design/templates/list-action-row/default-dark.svg +1 -1
package/docs/design/templates/list-action-row/default.svg +1 -1
package/docs/design/templates/list-action-row/icon-tile-dark.svg +1 -0
package/docs/design/templates/list-action-row/icon-tile.svg +1 -0
package/docs/design/templates/list-action-row/selected-dark.svg +1 -1
package/docs/design/templates/list-action-row/selected.svg +1 -1
package/docs/design/templates/list-action-row/trailing-menu-dark.svg +1 -0
package/docs/design/templates/list-action-row/trailing-menu.svg +1 -0
package/docs/design/templates/list-action-row-dark.svg +1 -1
package/docs/design/templates/list-action-row.svg +1 -1
package/docs/design/templates/list-dark.svg +1 -1
package/docs/design/templates/list-header/action-dark.svg +1 -1
package/docs/design/templates/list-header/action.svg +1 -1
package/docs/design/templates/list-header/count-dark.svg +1 -1
package/docs/design/templates/list-header/count.svg +1 -1
package/docs/design/templates/list-header/inline-action-dark.svg +1 -0
package/docs/design/templates/list-header/inline-action.svg +1 -0
package/docs/design/templates/list-header/size-l-dark.svg +1 -0
package/docs/design/templates/list-header/size-l.svg +1 -0
package/docs/design/templates/list-header/size-m-dark.svg +1 -0
package/docs/design/templates/list-header/size-m.svg +1 -0
package/docs/design/templates/list-header/size-xl-dark.svg +1 -0
package/docs/design/templates/list-header/size-xl.svg +1 -0
package/docs/design/templates/list-header/size-xs-dark.svg +1 -0
package/docs/design/templates/list-header/size-xs.svg +1 -0
package/docs/design/templates/list-header/toggle-collapsed-dark.svg +1 -1
package/docs/design/templates/list-header/toggle-collapsed.svg +1 -1
package/docs/design/templates/list-header/toggle-expanded-dark.svg +1 -1
package/docs/design/templates/list-header/toggle-expanded.svg +1 -1
package/docs/design/templates/list-header-dark.svg +1 -1
package/docs/design/templates/list-header.svg +1 -1
package/docs/design/templates/list-item/default-dark.svg +1 -1
package/docs/design/templates/list-item/default.svg +1 -1
package/docs/design/templates/list-item/icon-tile-dark.svg +1 -0
package/docs/design/templates/list-item/icon-tile.svg +1 -0
package/docs/design/templates/list-item/multiline-dark.svg +1 -1
package/docs/design/templates/list-item/multiline.svg +1 -1
package/docs/design/templates/list-item/selected-dark.svg +1 -1
package/docs/design/templates/list-item/selected.svg +1 -1
package/docs/design/templates/list-item/trailing-dark.svg +1 -1
package/docs/design/templates/list-item/trailing.svg +1 -1
package/docs/design/templates/list-item-dark.svg +1 -1
package/docs/design/templates/list-item.svg +1 -1
package/docs/design/templates/list.svg +1 -1
package/docs/design/templates/segmented-control/equal-dark.svg +1 -1
package/docs/design/templates/segmented-control/equal.svg +1 -1
package/docs/design/templates/segmented-control/pill-small-dark.svg +1 -1
package/docs/design/templates/segmented-control/pill-small.svg +1 -1
package/docs/design/templates/segmented-control-dark.svg +1 -1
package/docs/design/templates/segmented-control.svg +1 -1
package/docs/design/templates/skeleton-dark.svg +1 -1
package/docs/design/templates/skeleton.svg +1 -1
package/docs/design/templates/state-banner/danger-dark.svg +1 -1
package/docs/design/templates/state-banner/danger.svg +1 -1
package/docs/design/templates/state-banner/info-badge-dark.svg +1 -1
package/docs/design/templates/state-banner/info-badge.svg +1 -1
package/docs/design/templates/state-banner/info-dark.svg +1 -1
package/docs/design/templates/state-banner/info.svg +1 -1
package/docs/design/templates/state-banner/strip-dark.svg +1 -0
package/docs/design/templates/state-banner/strip.svg +1 -0
package/docs/design/templates/state-banner/success-dark.svg +1 -1
package/docs/design/templates/state-banner/success.svg +1 -1
package/docs/design/templates/state-banner/warning-dark.svg +1 -1
package/docs/design/templates/state-banner/warning.svg +1 -1
package/docs/design/templates/state-banner-dark.svg +1 -1
package/docs/design/templates/state-banner.svg +1 -1
package/docs/design/templates/tab-bar/workspace-tabs-dark.svg +1 -1
package/docs/design/templates/tab-bar/workspace-tabs.svg +1 -1
package/docs/design/templates/tab-bar-dark.svg +1 -1
package/docs/design/templates/tab-bar.svg +1 -1
package/docs/design/templates/token-search-field/empty-dark.svg +1 -1
package/docs/design/templates/token-search-field/empty.svg +1 -1
package/docs/design/templates/token-search-field/tokens-dark.svg +1 -1
package/docs/design/templates/token-search-field/tokens.svg +1 -1
package/docs/design/templates/token-search-field-dark.svg +1 -1
package/docs/design/templates/token-search-field.svg +1 -1
package/docs/design/templates/toolbar/title-and-actions-dark.svg +1 -1
package/docs/design/templates/toolbar/title-and-actions.svg +1 -1
package/docs/design/templates/toolbar/width-visibility-320-dark.svg +1 -0
package/docs/design/templates/toolbar/width-visibility-320.svg +1 -0
package/docs/design/templates/toolbar/width-visibility-600-dark.svg +1 -0
package/docs/design/templates/toolbar/width-visibility-600.svg +1 -0
package/docs/design/templates/toolbar-control-group/borderless-single-dark.svg +1 -1
package/docs/design/templates/toolbar-control-group/borderless-single.svg +1 -1
package/docs/design/templates/toolbar-control-group/icon-buttons-dark.svg +1 -1
package/docs/design/templates/toolbar-control-group/icon-buttons.svg +1 -1
package/docs/design/templates/toolbar-control-group/icon-tile-brand-dark.svg +1 -0
package/docs/design/templates/toolbar-control-group/icon-tile-brand.svg +1 -0
package/docs/design/templates/toolbar-control-group/icon-tile-danger-dark.svg +1 -0
package/docs/design/templates/toolbar-control-group/icon-tile-danger.svg +1 -0
package/docs/design/templates/toolbar-control-group/icon-tile-neutral-dark.svg +1 -0
package/docs/design/templates/toolbar-control-group/icon-tile-neutral.svg +1 -0
package/docs/design/templates/toolbar-control-group/icon-tile-success-dark.svg +1 -0
package/docs/design/templates/toolbar-control-group/icon-tile-success.svg +1 -0
package/docs/design/templates/toolbar-control-group/icon-tile-warning-dark.svg +1 -0
package/docs/design/templates/toolbar-control-group/icon-tile-warning.svg +1 -0
package/docs/design/templates/toolbar-control-group/push-buttons-dark.svg +1 -1
package/docs/design/templates/toolbar-control-group/push-buttons.svg +1 -1
package/docs/design/templates/toolbar-control-group/with-text-dark.svg +1 -1
package/docs/design/templates/toolbar-control-group/with-text.svg +1 -1
package/docs/design/templates/toolbar-control-group-dark.svg +1 -1
package/docs/design/templates/toolbar-control-group.svg +1 -1
package/docs/design/templates/toolbar-dark.svg +1 -1
package/docs/design/templates/toolbar-text/dark-tone-dark.svg +1 -0
package/docs/design/templates/toolbar-text/dark-tone.svg +1 -0
package/docs/design/templates/toolbar-text/default-dark.svg +1 -1
package/docs/design/templates/toolbar-text/default.svg +1 -1
package/docs/design/templates/toolbar-text/large-dark.svg +1 -1
package/docs/design/templates/toolbar-text/large.svg +1 -1
package/docs/design/templates/toolbar-text/small-dark.svg +1 -1
package/docs/design/templates/toolbar-text/small.svg +1 -1
package/docs/design/templates/toolbar-text-dark.svg +1 -1
package/docs/design/templates/toolbar-text.svg +1 -1
package/docs/design/templates/toolbar.svg +1 -1
package/docs/design/templates/value-table/details-dark.svg +1 -1
package/docs/design/templates/value-table/details.svg +1 -1
package/docs/design/templates/value-table-dark.svg +1 -1
package/docs/design/templates/value-table.svg +1 -1
package/docs/design/templates.md +19 -9
package/docs/design-philosophy.md +58 -11
package/docs/device-class.md +2 -1
package/docs/document-baseline.md +93 -0
package/docs/examples/application-ui-profile.json +8 -8
package/docs/examples/command-palette-adapter.tsx +9 -7
package/docs/examples/component-catalog-extension.json +8 -1
package/docs/examples/{component-catalog-extension-v2.json → component-composition-extension.json} +8 -9
package/docs/layout.md +764 -40
package/docs/nav-stack.md +275 -11
package/docs/recipes.md +125 -69
package/docs/split-view.md +94 -5
package/docs/sunken-panel.md +54 -1
package/docs/surface-scaffold.md +270 -0
package/docs/tab-navigator.md +255 -0
package/docs/type-contracts.md +57 -22
package/docs/ui-analyzer.md +334 -14
package/docs/ui-doctor.md +207 -10
package/docs/ui-evaluator.md +17 -0
package/docs/ux-demo.md +47 -16
package/docs/webawesome-theme.md +148 -14
package/docs/workbench.md +600 -11
package/docs/writing.md +152 -0
package/doctor/cli.mjs +5 -0
package/doctor/component-style-checks.mjs +457 -0
package/doctor/config.schema.json +26 -0
package/doctor/copy-capitalization-checks.mjs +591 -0
package/doctor/eslint-diagnostics.d.mts +16 -0
package/doctor/eslint-diagnostics.mjs +17 -0
package/doctor/index.d.mts +6 -0
package/doctor/index.mjs +214 -47
package/evaluator/index.mjs +73 -8
package/llms.txt +702 -56
package/package.json +256 -25
package/scripts/component-catalog-extension-validation.mjs +28 -0
package/traversal-exclusions.mjs +60 -1
package/ux-demo/recipes/app-shell.tsx +181 -189
package/ux-demo/recipes/collapsible-sidebar.tsx +177 -139
package/ux-demo/recipes/compact-toolbar.tsx +120 -101
package/ux-demo/recipes/composer-form.tsx +86 -62
package/ux-demo/recipes/list-detail-dialog.tsx +219 -114
package/ux-demo/recipes/list-workspace-states.tsx +95 -80
package/ux-demo/recipes/loaders.ts +5 -2
package/ux-demo/recipes/loading-inspector.tsx +157 -117
package/ux-demo/recipes/mount-recipe.ts +0 -5
package/ux-demo/recipes/navigation-sidebar.tsx +98 -83
package/ux-demo/recipes/navigation-stack.tsx +42 -29
package/ux-demo/recipes/types.ts +14 -1
package/ux-demo/recipes/workspace-header.tsx +77 -51
package/vite-ux-review.d.mts +83 -0
package/vite-ux-review.mjs +120 -0
package/ai/component-catalog-extension-v2.d.ts +0 -7
package/ai/component-catalog-extension-v2.schema.json +0 -7
package/ai/component-catalog-v2.d.ts +0 -67
package/ai/component-catalog-v2.json +0 -4675
package/ai/component-catalog-v2.schema.json +0 -246
package/dist/browser/panel-header.js +0 -7
package/dist/chunk-5VTB2BKP.js +0 -35
package/dist/chunk-5VTB2BKP.js.map +0 -1
package/dist/chunk-6WTETUZ6.js +0 -21
package/dist/chunk-6WTETUZ6.js.map +0 -1
package/dist/chunk-7KEUJIIC.js.map +0 -1
package/dist/chunk-7XRDUG4Y.js +0 -58
package/dist/chunk-7XRDUG4Y.js.map +0 -1
package/dist/chunk-B3A3IVO5.js +0 -83
package/dist/chunk-B3A3IVO5.js.map +0 -1
package/dist/chunk-DPDBVKNA.js +0 -113
package/dist/chunk-DPDBVKNA.js.map +0 -1
package/dist/chunk-FEAMR7S4.js +0 -68
package/dist/chunk-FEAMR7S4.js.map +0 -1
package/dist/chunk-FEY65TBV.js +0 -15
package/dist/chunk-FEY65TBV.js.map +0 -1
package/dist/chunk-IJBSZ4NX.js.map +0 -1
package/dist/chunk-J5BFYY7Q.js +0 -35
package/dist/chunk-J5BFYY7Q.js.map +0 -1
package/dist/chunk-JRKSK2HX.js.map +0 -1
package/dist/chunk-KWWR5VMS.js.map +0 -1
package/dist/chunk-LPOMRC4C.js.map +0 -1
package/dist/chunk-M7JBER5U.js.map +0 -1
package/dist/chunk-NENBUYX5.js +0 -79
package/dist/chunk-NENBUYX5.js.map +0 -1
package/dist/chunk-NWSEP5RT.js +0 -117
package/dist/chunk-NWSEP5RT.js.map +0 -1
package/dist/chunk-OJWWHFH3.js +0 -426
package/dist/chunk-OJWWHFH3.js.map +0 -1
package/dist/chunk-PSKN344N.js.map +0 -1
package/dist/chunk-PX3YSS5C.js.map +0 -1
package/dist/chunk-QO55FN2Y.js.map +0 -1
package/dist/chunk-R7ZWUN64.js +0 -38
package/dist/chunk-R7ZWUN64.js.map +0 -1
package/dist/chunk-RKVQEH4J.js.map +0 -1
package/dist/chunk-SRSJO5QE.js.map +0 -1
package/dist/chunk-SYDMYBPG.js +0 -31
package/dist/chunk-SYDMYBPG.js.map +0 -1
package/dist/chunk-TB6DY7H5.js +0 -25
package/dist/chunk-TB6DY7H5.js.map +0 -1
package/dist/chunk-UFZKLBCF.js +0 -108
package/dist/chunk-UFZKLBCF.js.map +0 -1
package/dist/chunk-UKKSMZYT.js +0 -281
package/dist/chunk-UKKSMZYT.js.map +0 -1
package/dist/chunk-W2FK7ZNY.js +0 -26
package/dist/chunk-W2FK7ZNY.js.map +0 -1
package/dist/chunk-W5L2JSBY.js +0 -40
package/dist/chunk-W5L2JSBY.js.map +0 -1
package/dist/chunk-Y45PPBDV.js.map +0 -1
package/dist/chunk-Y6LYKFXY.js.map +0 -1
package/dist/divider-sides-267FA7sY.d.ts +0 -4
package/dist/panel-header.d.ts +0 -42
package/dist/panel-header.js +0 -7
package/dist/panel-header.js.map +0 -1
package/dist/styles/panel-header.css +0 -64
package/dist/styles/tab-scaffold.css +0 -84
package/dist/tab-scaffold.d.ts +0 -30
package/dist/tab-scaffold.js +0 -51
package/dist/tab-scaffold.js.map +0 -1
package/dist/wire-tab-scaffold.d.ts +0 -11
package/dist/wire-tab-scaffold.js +0 -21
package/dist/wire-tab-scaffold.js.map +0 -1
package/docs/design/templates/panel-header/icon-actions-dark.svg +0 -1
package/docs/design/templates/panel-header/icon-actions.svg +0 -1
package/docs/design/templates/panel-header/icon-summary-actions-dark.svg +0 -1
package/docs/design/templates/panel-header/icon-summary-actions.svg +0 -1
package/docs/design/templates/panel-header/no-icon-dark.svg +0 -1
package/docs/design/templates/panel-header/no-icon.svg +0 -1
package/docs/design/templates/panel-header/page-heading-dark.svg +0 -1
package/docs/design/templates/panel-header/page-heading.svg +0 -1
package/docs/design/templates/panel-header/title-only-dark.svg +0 -1
package/docs/design/templates/panel-header/title-only.svg +0 -1
package/docs/design/templates/panel-header-dark.svg +0 -1
package/docs/design/templates/panel-header.svg +0 -1
package/docs/tab-scaffold.md +0 -50
package/ux-demo/recipes/recipes.css +0 -448

package/docs/design/templates/list-item/default.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="~~cp2~~"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="~~ct3~~"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"~~/><~~g clip-path="url(#cp0)"><g color="rgb(29, 29, 31)"><clipPath id="~~svgic1~~"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#~~svgic1~~)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2 2 0 0 1 1.7.7l3.6 3.6A2 2 0 0 1 20 8v12a2 2 0 0 1-2 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M14 2v5a1 1 0 0 0 1 1h5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M10 9H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 13H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 17H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#~~cp2~~)"><g clip-path="url(#~~ct3~~)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Overview</text></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="cp4"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="ov5"><rect x="63" y="33" width="252" height="18" rx="0"/></clipPath><clipPath id="cp6"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="ct7"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><g clip-path="url(#cp2)"><g color="rgb(29, 29, 31)"><clipPath id="svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2 2 0 0 1 1.7.7l3.6 3.6A2 2 0 0 1 20 8v12a2 2 0 0 1-2 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M14 2v5a1 1 0 0 0 1 1h5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M10 9H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 13H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 17H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp4)"><g clip-path="url(#ov5)"><g clip-path="url(#cp6)"><g clip-path="url(#ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Overview</text></g></g></g></g></g></g></svg>

package/docs/design/templates/list-item/icon-tile-dark.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="ishc2"><rect x="37" y="26" width="32" height="32" rx="6"/></clipPath><clipPath id="cp3"><rect x="44" y="33" width="18" height="18"/></clipPath><clipPath id="cp5"><rect x="77" y="33" width="238" height="18"/></clipPath><clipPath id="ov6"><rect x="77" y="33" width="238" height="18" rx="0"/></clipPath><clipPath id="cp7"><rect x="77" y="33" width="238" height="18"/></clipPath><clipPath id="ct8"><rect x="77" y="33" width="238" height="18"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><rect x="37" y="26" width="32" height="32" rx="6" fill="rgb(34,43,48)"/><g clip-path="url(#ishc2)"><path d="M33 22h40v40H33zm10 5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H43a5 5 0 0 1-5-5V32a5 5 0 0 1 5-5" fill="rgb(53,92,109)" fill-rule="evenodd"/></g><g clip-path="url(#cp3)"><g color="rgb(138, 203, 255)"><clipPath id="svgic4"><rect x="44" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic4)"><g transform="matrix(.75 0 0 .75 44 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" 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="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" 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(#cp5)"><g clip-path="url(#ov6)"><g clip-path="url(#cp7)"><g clip-path="url(#ct8)"><text x="77" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Notifications</text></g></g></g></g></g></g></svg>

package/docs/design/templates/list-item/icon-tile.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="ishc2"><rect x="37" y="26" width="32" height="32" rx="6"/></clipPath><clipPath id="cp3"><rect x="44" y="33" width="18" height="18"/></clipPath><clipPath id="cp5"><rect x="77" y="33" width="238" height="18"/></clipPath><clipPath id="ov6"><rect x="77" y="33" width="238" height="18" rx="0"/></clipPath><clipPath id="cp7"><rect x="77" y="33" width="238" height="18"/></clipPath><clipPath id="ct8"><rect x="77" y="33" width="238" height="18"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><rect x="37" y="26" width="32" height="32" rx="6" fill="rgb(235,244,252)"/><g clip-path="url(#ishc2)"><path d="M33 22h40v40H33zm10 5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H43a5 5 0 0 1-5-5V32a5 5 0 0 1 5-5" fill="rgb(166,207,242)" fill-rule="evenodd"/></g><g clip-path="url(#cp3)"><g color="rgb(12, 98, 243)"><clipPath id="svgic4"><rect x="44" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic4)"><g transform="matrix(.75 0 0 .75 44 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" 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="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" 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(#cp5)"><g clip-path="url(#ov6)"><g clip-path="url(#cp7)"><g clip-path="url(#ct8)"><text x="77" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Notifications</text></g></g></g></g></g></g></svg>

package/docs/design/templates/list-item/multiline-dark.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 112" width="380" height="112"><defs><clipPath id="cp0"><rect x="37" y="29" width="18" height="18"/></clipPath><clipPath id="~~ct2~~"><rect x="63" y="29" width="252" height="36"/></clipPath></defs><rect x="28.5" y="20.5" width="303" height="53" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"~~/><~~g clip-path="url(#cp0)"><g color="rgb(245, 245, 247)"><clipPath id="~~svgic1~~"><rect x="37" y="29" width="18" height="18"/></clipPath><g clip-path="url(#~~svgic1~~)"><g transform="matrix(.75 0 0 .75 37 29)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="63" y="44" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Migrate the legacy billing pipeline</text><text x="63" y="62" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">to the new ledger service</text></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 112" width="380" height="112"><defs><clipPath id="cp0"><rect x="28" y="20" width="304" height="54"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="302" height="52" rx="11"/></clipPath><clipPath id="cp2"><rect x="37" y="29" width="18" height="18"/></clipPath><clipPath id="ct4"><rect x="63" y="29" width="252" height="36"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28.5" y="20.5" width="303" height="53" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><g clip-path="url(#cp2)"><g color="rgb(245, 245, 247)"><clipPath id="svgic3"><rect x="37" y="29" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 29)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="63" y="44" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Migrate the legacy billing pipeline</text><text x="63" y="62" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">to the new ledger service</text></g></g></svg>

package/docs/design/templates/list-item/multiline.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 112" width="380" height="112"><defs><clipPath id="cp0"><rect x="37" y="29" width="18" height="18"/></clipPath><clipPath id="~~ct2~~"><rect x="63" y="29" width="252" height="36"/></clipPath></defs><rect x="28.5" y="20.5" width="303" height="53" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"~~/><~~g clip-path="url(#cp0)"><g color="rgb(29, 29, 31)"><clipPath id="~~svgic1~~"><rect x="37" y="29" width="18" height="18"/></clipPath><g clip-path="url(#~~svgic1~~)"><g transform="matrix(.75 0 0 .75 37 29)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="63" y="44" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Migrate the legacy billing pipeline</text><text x="63" y="62" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">to the new ledger service</text></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 112" width="380" height="112"><defs><clipPath id="cp0"><rect x="28" y="20" width="304" height="54"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="302" height="52" rx="11"/></clipPath><clipPath id="cp2"><rect x="37" y="29" width="18" height="18"/></clipPath><clipPath id="ct4"><rect x="63" y="29" width="252" height="36"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28.5" y="20.5" width="303" height="53" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><g clip-path="url(#cp2)"><g color="rgb(29, 29, 31)"><clipPath id="svgic3"><rect x="37" y="29" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 29)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="63" y="44" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Migrate the legacy billing pipeline</text><text x="63" y="62" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">to the new ledger service</text></g></g></svg>

package/docs/design/templates/list-item/selected-dark.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="~~cp2~~"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="~~ct3~~"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><rect x="28" y="20" width="304" height="44" rx="12" fill="rgb(40,57,66)"/><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgb(53,92,109)" stroke-width="1"~~/><~~g clip-path="url(#cp0)"><g color="rgb(245, 245, 247)"><clipPath id="~~svgic1~~"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#~~svgic1~~)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M9.7 4.1a2.3 2.3 0 0 1 4.6 0 2.3 2.3 0 0 0 3.3 2 2.3 2.3 0 0 1 2.4 4 2.3 2.3 0 0 0 0 3.8 2.3 2.3 0 0 1-2.4 4 2.3 2.3 0 0 0-3.3 2 2.3 2.3 0 0 1-4.6 0 2.3 2.3 0 0 0-3.3-2A2.3 2.3 0 0 1 4 14a2.3 2.3 0 0 0 0-3.8 2.3 2.3 0 0 1 2.3-4 2.3 2.3 0 0 0 3.4-2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="12" cy="12" r="3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#~~cp2~~)"><g clip-path="url(#~~ct3~~)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(245,245,247)">Billing & ~~plans~~</text></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="cp4"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="ov5"><rect x="63" y="33" width="252" height="18" rx="0"/></clipPath><clipPath id="cp6"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="ct7"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28" y="20" width="304" height="44" rx="12" fill="rgb(40,57,66)"/><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgb(53,92,109)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><g clip-path="url(#cp2)"><g color="rgb(245, 245, 247)"><clipPath id="svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M9.7 4.1a2.3 2.3 0 0 1 4.6 0 2.3 2.3 0 0 0 3.3 2 2.3 2.3 0 0 1 2.4 4 2.3 2.3 0 0 0 0 3.8 2.3 2.3 0 0 1-2.4 4 2.3 2.3 0 0 0-3.3 2 2.3 2.3 0 0 1-4.6 0 2.3 2.3 0 0 0-3.3-2A2.3 2.3 0 0 1 4 14a2.3 2.3 0 0 0 0-3.8 2.3 2.3 0 0 1 2.3-4 2.3 2.3 0 0 0 3.4-2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="12" cy="12" r="3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp4)"><g clip-path="url(#ov5)"><g clip-path="url(#cp6)"><g clip-path="url(#ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(245,245,247)">Billing & Plans</text></g></g></g></g></g></g></svg>

package/docs/design/templates/list-item/selected.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="~~cp2~~"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="~~ct3~~"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><rect x="28" y="20" width="304" height="44" rx="12" fill="rgb(214,~~236~~,~~255~~)"/><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgb(166,~~213~~,~~255~~)" stroke-width="1"~~/><~~g clip-path="url(#cp0)"><g color="rgb(29, 29, 31)"><clipPath id="~~svgic1~~"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#~~svgic1~~)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M9.7 4.1a2.3 2.3 0 0 1 4.6 0 2.3 2.3 0 0 0 3.3 2 2.3 2.3 0 0 1 2.4 4 2.3 2.3 0 0 0 0 3.8 2.3 2.3 0 0 1-2.4 4 2.3 2.3 0 0 0-3.3 2 2.3 2.3 0 0 1-4.6 0 2.3 2.3 0 0 0-3.3-2A2.3 2.3 0 0 1 4 14a2.3 2.3 0 0 0 0-3.8 2.3 2.3 0 0 1 2.3-4 2.3 2.3 0 0 0 3.4-2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="12" cy="12" r="3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#~~cp2~~)"><g clip-path="url(#~~ct3~~)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(29,29,31)">Billing & ~~plans~~</text></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="cp4"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="ov5"><rect x="63" y="33" width="252" height="18" rx="0"/></clipPath><clipPath id="cp6"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="ct7"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28" y="20" width="304" height="44" rx="12" fill="rgb(214,233,249)"/><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgb(166,207,242)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><g clip-path="url(#cp2)"><g color="rgb(29, 29, 31)"><clipPath id="svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M9.7 4.1a2.3 2.3 0 0 1 4.6 0 2.3 2.3 0 0 0 3.3 2 2.3 2.3 0 0 1 2.4 4 2.3 2.3 0 0 0 0 3.8 2.3 2.3 0 0 1-2.4 4 2.3 2.3 0 0 0-3.3 2 2.3 2.3 0 0 1-4.6 0 2.3 2.3 0 0 0-3.3-2A2.3 2.3 0 0 1 4 14a2.3 2.3 0 0 0 0-3.8 2.3 2.3 0 0 1 2.3-4 2.3 2.3 0 0 0 3.4-2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="12" cy="12" r="3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp4)"><g clip-path="url(#ov5)"><g clip-path="url(#cp6)"><g clip-path="url(#ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(29,29,31)">Billing & Plans</text></g></g></g></g></g></g></svg>

package/docs/design/templates/list-item/trailing-dark.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="~~cp2~~"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="~~ct3~~"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="~~ct4~~"><rect x="313.3" y="33" width="9.7" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"~~/><~~g clip-path="url(#cp0)"><g color="rgb(245, 245, 247)"><clipPath id="~~svgic1~~"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#~~svgic1~~)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#~~cp2~~)"><g clip-path="url(#~~ct3~~)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Notifications</text></g></g><text x="313.28" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">3</text></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="cp4"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="ov5"><rect x="63" y="33" width="242.3" height="18" rx="0"/></clipPath><clipPath id="cp6"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="ct7"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="ct8"><rect x="313.3" y="33" width="9.7" height="18"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><g clip-path="url(#cp2)"><g color="rgb(245, 245, 247)"><clipPath id="svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp4)"><g clip-path="url(#ov5)"><g clip-path="url(#cp6)"><g clip-path="url(#ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Notifications</text></g></g></g></g><text x="313.28" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">3</text></g></g></svg>

package/docs/design/templates/list-item/trailing.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="~~cp2~~"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="~~ct3~~"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="~~ct4~~"><rect x="313.3" y="33" width="9.7" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"~~/><~~g clip-path="url(#cp0)"><g color="rgb(29, 29, 31)"><clipPath id="~~svgic1~~"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#~~svgic1~~)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#~~cp2~~)"><g clip-path="url(#~~ct3~~)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Notifications</text></g></g><text x="313.28" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">3</text></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 92" width="380" height="92"><defs><clipPath id="cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="cp4"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="ov5"><rect x="63" y="33" width="242.3" height="18" rx="0"/></clipPath><clipPath id="cp6"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="ct7"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="ct8"><rect x="313.3" y="33" width="9.7" height="18"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><g clip-path="url(#cp2)"><g color="rgb(29, 29, 31)"><clipPath id="svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#cp4)"><g clip-path="url(#ov5)"><g clip-path="url(#cp6)"><g clip-path="url(#ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Notifications</text></g></g></g></g><text x="313.28" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">3</text></g></g></svg>

package/docs/design/templates/list-item-dark.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 412 556" width="412" height="556"><defs><clipPath id="cp0"><rect x="16" y="38" width="380" height="92"/></clipPath><clipPath id="cp1"><rect x="16" y="168" width="380" height="92"/></clipPath><clipPath id="cp2"><rect x="16" y="298" width="380" height="92"/></clipPath><clipPath id="cp3"><rect x="16" y="428" width="380" height="112"/></clipPath><clipPath id="ct4"><rect x="16" y="16" width="380" height="22"/></clipPath><clipPath id="irc5"><rect x="16" y="38" width="380" height="92" rx="0"/></clipPath><clipPath id="ct7"><rect x="16" y="146" width="380" height="22"/></clipPath><clipPath id="irc8"><rect x="16" y="168" width="380" height="92" rx="0"/></clipPath><clipPath id="ct10"><rect x="16" y="276" width="380" height="22"/></clipPath><clipPath id="irc11"><rect x="16" y="298" width="380" height="92" rx="0"/></clipPath><clipPath id="ct13"><rect x="16" y="406" width="380" height="22"/></clipPath><clipPath id="irc14"><rect x="16" y="428" width="380" height="112" rx="0"/></clipPath></defs><rect x="0" y="0" width="412" height="556" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Icon and label</text><g clip-path="url(#cp0)"><g clip-path="url(#irc5)"><clipPath id="svgimg6vclip"><rect x="16" y="38" width="380" height="92"/></clipPath><g clip-path="url(#svgimg6vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg6cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg6cp2"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg6ct3"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg6cp0)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg6svgic1"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg6svgic1)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2 2 0 0 1 1.7.7l3.6 3.6A2 2 0 0 1 20 8v12a2 2 0 0 1-2 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M14 2v5a1 1 0 0 0 1 1h5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M10 9H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 13H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 17H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg6cp2)"><g clip-path="url(#svgimg6ct3)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Overview</text></g></g></g></g></g></g><text x="16" y="158" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Selected (aria-current)</text><g clip-path="url(#cp1)"><g clip-path="url(#irc8)"><clipPath id="svgimg9vclip"><rect x="16" y="168" width="380" height="92"/></clipPath><g clip-path="url(#svgimg9vclip)"><g transform="translate(16 168)"><defs><clipPath id="svgimg9cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg9cp2"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg9ct3"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><rect x="28" y="20" width="304" height="44" rx="12" fill="rgb(40,57,66)"/><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgb(53,92,109)" stroke-width="1"/><g clip-path="url(#svgimg9cp0)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg9svgic1"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg9svgic1)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M9.7 4.1a2.3 2.3 0 0 1 4.6 0 2.3 2.3 0 0 0 3.3 2 2.3 2.3 0 0 1 2.4 4 2.3 2.3 0 0 0 0 3.8 2.3 2.3 0 0 1-2.4 4 2.3 2.3 0 0 0-3.3 2 2.3 2.3 0 0 1-4.6 0 2.3 2.3 0 0 0-3.3-2A2.3 2.3 0 0 1 4 14a2.3 2.3 0 0 0 0-3.8 2.3 2.3 0 0 1 2.3-4 2.3 2.3 0 0 0 3.4-2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="12" cy="12" r="3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg9cp2)"><g clip-path="url(#svgimg9ct3)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(245,245,247)">Billing & plans</text></g></g></g></g></g></g><text x="16" y="288" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Trailing metadata</text><g clip-path="url(#cp2)"><g clip-path="url(#irc11)"><clipPath id="svgimg12vclip"><rect x="16" y="298" width="380" height="92"/></clipPath><g clip-path="url(#svgimg12vclip)"><g transform="translate(16 298)"><defs><clipPath id="svgimg12cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg12cp2"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="svgimg12ct3"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="svgimg12ct4"><rect x="313.3" y="33" width="9.7" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg12cp0)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg12svgic1"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg12svgic1)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg12cp2)"><g clip-path="url(#svgimg12ct3)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Notifications</text></g></g><text x="313.28" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">3</text></g></g></g></g><text x="16" y="418" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Multiline label (icon aligns to first line)</text><g clip-path="url(#cp3)"><g clip-path="url(#irc14)"><clipPath id="svgimg15vclip"><rect x="16" y="428" width="380" height="112"/></clipPath><g clip-path="url(#svgimg15vclip)"><g transform="translate(16 428)"><defs><clipPath id="svgimg15cp0"><rect x="37" y="29" width="18" height="18"/></clipPath><clipPath id="svgimg15ct2"><rect x="63" y="29" width="252" height="36"/></clipPath></defs><rect x="28.5" y="20.5" width="303" height="53" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg15cp0)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg15svgic1"><rect x="37" y="29" width="18" height="18"/></clipPath><g clip-path="url(#svgimg15svgic1)"><g transform="matrix(.75 0 0 .75 37 29)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="63" y="44" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Migrate the legacy billing pipeline</text><text x="63" y="62" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">to the new ledger service</text></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 412 686" width="412" height="686"><defs><clipPath id="cp0"><rect x="16" y="38" width="380" height="92"/></clipPath><clipPath id="cp1"><rect x="16" y="168" width="380" height="92"/></clipPath><clipPath id="cp2"><rect x="16" y="298" width="380" height="92"/></clipPath><clipPath id="cp3"><rect x="16" y="428" width="380" height="112"/></clipPath><clipPath id="cp4"><rect x="16" y="578" width="380" height="92"/></clipPath><clipPath id="ct5"><rect x="16" y="16" width="380" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="38" width="380" height="92" rx="0"/></clipPath><clipPath id="ct8"><rect x="16" y="146" width="380" height="22"/></clipPath><clipPath id="irc9"><rect x="16" y="168" width="380" height="92" rx="0"/></clipPath><clipPath id="ct11"><rect x="16" y="276" width="380" height="22"/></clipPath><clipPath id="irc12"><rect x="16" y="298" width="380" height="92" rx="0"/></clipPath><clipPath id="ct14"><rect x="16" y="406" width="380" height="22"/></clipPath><clipPath id="irc15"><rect x="16" y="428" width="380" height="112" rx="0"/></clipPath><clipPath id="ct17"><rect x="16" y="556" width="380" height="22"/></clipPath><clipPath id="irc18"><rect x="16" y="578" width="380" height="92" rx="0"/></clipPath></defs><rect x="0" y="0" width="412" height="686" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Icon and Label</text><g clip-path="url(#cp0)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="38" width="380" height="92"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg7cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="svgimg7ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="svgimg7cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg7cp4"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg7ov5"><rect x="63" y="33" width="252" height="18" rx="0"/></clipPath><clipPath id="svgimg7cp6"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg7ct7"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><g clip-path="url(#svgimg7cp0)"><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#svgimg7cp0)"><g clip-path="url(#svgimg7ov1)"><g clip-path="url(#svgimg7cp2)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg7svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg7svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2 2 0 0 1 1.7.7l3.6 3.6A2 2 0 0 1 20 8v12a2 2 0 0 1-2 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M14 2v5a1 1 0 0 0 1 1h5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M10 9H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 13H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 17H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp4)"><g clip-path="url(#svgimg7ov5)"><g clip-path="url(#svgimg7cp6)"><g clip-path="url(#svgimg7ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Overview</text></g></g></g></g></g></g></g></g></g></g><text x="16" y="158" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Selected (aria-current)</text><g clip-path="url(#cp1)"><g clip-path="url(#irc9)"><clipPath id="svgimg10vclip"><rect x="16" y="168" width="380" height="92"/></clipPath><g clip-path="url(#svgimg10vclip)"><g transform="translate(16 168)"><defs><clipPath id="svgimg10cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="svgimg10ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="svgimg10cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg10cp4"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg10ov5"><rect x="63" y="33" width="252" height="18" rx="0"/></clipPath><clipPath id="svgimg10cp6"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg10ct7"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><g clip-path="url(#svgimg10cp0)"><rect x="28" y="20" width="304" height="44" rx="12" fill="rgb(40,57,66)"/><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgb(53,92,109)" stroke-width="1"/></g><g clip-path="url(#svgimg10cp0)"><g clip-path="url(#svgimg10ov1)"><g clip-path="url(#svgimg10cp2)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg10svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg10svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M9.7 4.1a2.3 2.3 0 0 1 4.6 0 2.3 2.3 0 0 0 3.3 2 2.3 2.3 0 0 1 2.4 4 2.3 2.3 0 0 0 0 3.8 2.3 2.3 0 0 1-2.4 4 2.3 2.3 0 0 0-3.3 2 2.3 2.3 0 0 1-4.6 0 2.3 2.3 0 0 0-3.3-2A2.3 2.3 0 0 1 4 14a2.3 2.3 0 0 0 0-3.8 2.3 2.3 0 0 1 2.3-4 2.3 2.3 0 0 0 3.4-2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="12" cy="12" r="3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg10cp4)"><g clip-path="url(#svgimg10ov5)"><g clip-path="url(#svgimg10cp6)"><g clip-path="url(#svgimg10ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(245,245,247)">Billing & Plans</text></g></g></g></g></g></g></g></g></g></g><text x="16" y="288" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Trailing Metadata</text><g clip-path="url(#cp2)"><g clip-path="url(#irc12)"><clipPath id="svgimg13vclip"><rect x="16" y="298" width="380" height="92"/></clipPath><g clip-path="url(#svgimg13vclip)"><g transform="translate(16 298)"><defs><clipPath id="svgimg13cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="svgimg13ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="svgimg13cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg13cp4"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="svgimg13ov5"><rect x="63" y="33" width="242.3" height="18" rx="0"/></clipPath><clipPath id="svgimg13cp6"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="svgimg13ct7"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="svgimg13ct8"><rect x="313.3" y="33" width="9.7" height="18"/></clipPath></defs><g clip-path="url(#svgimg13cp0)"><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#svgimg13cp0)"><g clip-path="url(#svgimg13ov1)"><g clip-path="url(#svgimg13cp2)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg13svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg13svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg13cp4)"><g clip-path="url(#svgimg13ov5)"><g clip-path="url(#svgimg13cp6)"><g clip-path="url(#svgimg13ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Notifications</text></g></g></g></g><text x="313.28" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">3</text></g></g></g></g></g></g><text x="16" y="418" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Multiline Label (Icon Aligns to First Line)</text><g clip-path="url(#cp3)"><g clip-path="url(#irc15)"><clipPath id="svgimg16vclip"><rect x="16" y="428" width="380" height="112"/></clipPath><g clip-path="url(#svgimg16vclip)"><g transform="translate(16 428)"><defs><clipPath id="svgimg16cp0"><rect x="28" y="20" width="304" height="54"/></clipPath><clipPath id="svgimg16ov1"><rect x="29" y="21" width="302" height="52" rx="11"/></clipPath><clipPath id="svgimg16cp2"><rect x="37" y="29" width="18" height="18"/></clipPath><clipPath id="svgimg16ct4"><rect x="63" y="29" width="252" height="36"/></clipPath></defs><g clip-path="url(#svgimg16cp0)"><rect x="28.5" y="20.5" width="303" height="53" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#svgimg16cp0)"><g clip-path="url(#svgimg16ov1)"><g clip-path="url(#svgimg16cp2)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg16svgic3"><rect x="37" y="29" width="18" height="18"/></clipPath><g clip-path="url(#svgimg16svgic3)"><g transform="matrix(.75 0 0 .75 37 29)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="63" y="44" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Migrate the legacy billing pipeline</text><text x="63" y="62" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">to the new ledger service</text></g></g></g></g></g></g><text x="16" y="568" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Tone Icon Tile</text><g clip-path="url(#cp4)"><g clip-path="url(#irc18)"><clipPath id="svgimg19vclip"><rect x="16" y="578" width="380" height="92"/></clipPath><g clip-path="url(#svgimg19vclip)"><g transform="translate(16 578)"><defs><clipPath id="svgimg19cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="svgimg19ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="svgimg19ishc2"><rect x="37" y="26" width="32" height="32" rx="6"/></clipPath><clipPath id="svgimg19cp3"><rect x="44" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg19cp5"><rect x="77" y="33" width="238" height="18"/></clipPath><clipPath id="svgimg19ov6"><rect x="77" y="33" width="238" height="18" rx="0"/></clipPath><clipPath id="svgimg19cp7"><rect x="77" y="33" width="238" height="18"/></clipPath><clipPath id="svgimg19ct8"><rect x="77" y="33" width="238" height="18"/></clipPath></defs><g clip-path="url(#svgimg19cp0)"><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#svgimg19cp0)"><g clip-path="url(#svgimg19ov1)"><rect x="37" y="26" width="32" height="32" rx="6" fill="rgb(34,43,48)"/><g clip-path="url(#svgimg19ishc2)"><path d="M33 22h40v40H33zm10 5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H43a5 5 0 0 1-5-5V32a5 5 0 0 1 5-5" fill="rgb(53,92,109)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg19cp3)"><g color="rgb(138, 203, 255)"><clipPath id="svgimg19svgic4"><rect x="44" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg19svgic4)"><g transform="matrix(.75 0 0 .75 44 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" 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="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" 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(#svgimg19cp5)"><g clip-path="url(#svgimg19ov6)"><g clip-path="url(#svgimg19cp7)"><g clip-path="url(#svgimg19ct8)"><text x="77" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Notifications</text></g></g></g></g></g></g></g></g></g></g></svg>

package/docs/design/templates/list-item.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 412 556" width="412" height="556"><defs><clipPath id="cp0"><rect x="16" y="38" width="380" height="92"/></clipPath><clipPath id="cp1"><rect x="16" y="168" width="380" height="92"/></clipPath><clipPath id="cp2"><rect x="16" y="298" width="380" height="92"/></clipPath><clipPath id="cp3"><rect x="16" y="428" width="380" height="112"/></clipPath><clipPath id="ct4"><rect x="16" y="16" width="380" height="22"/></clipPath><clipPath id="irc5"><rect x="16" y="38" width="380" height="92" rx="0"/></clipPath><clipPath id="ct7"><rect x="16" y="146" width="380" height="22"/></clipPath><clipPath id="irc8"><rect x="16" y="168" width="380" height="92" rx="0"/></clipPath><clipPath id="ct10"><rect x="16" y="276" width="380" height="22"/></clipPath><clipPath id="irc11"><rect x="16" y="298" width="380" height="92" rx="0"/></clipPath><clipPath id="ct13"><rect x="16" y="406" width="380" height="22"/></clipPath><clipPath id="irc14"><rect x="16" y="428" width="380" height="112" rx="0"/></clipPath></defs><rect x="0" y="0" width="412" height="556" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Icon and label</text><g clip-path="url(#cp0)"><g clip-path="url(#irc5)"><clipPath id="svgimg6vclip"><rect x="16" y="38" width="380" height="92"/></clipPath><g clip-path="url(#svgimg6vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg6cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg6cp2"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg6ct3"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg6cp0)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg6svgic1"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg6svgic1)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2 2 0 0 1 1.7.7l3.6 3.6A2 2 0 0 1 20 8v12a2 2 0 0 1-2 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M14 2v5a1 1 0 0 0 1 1h5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M10 9H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 13H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 17H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg6cp2)"><g clip-path="url(#svgimg6ct3)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Overview</text></g></g></g></g></g></g><text x="16" y="158" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Selected (aria-current)</text><g clip-path="url(#cp1)"><g clip-path="url(#irc8)"><clipPath id="svgimg9vclip"><rect x="16" y="168" width="380" height="92"/></clipPath><g clip-path="url(#svgimg9vclip)"><g transform="translate(16 168)"><defs><clipPath id="svgimg9cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg9cp2"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg9ct3"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><rect x="28" y="20" width="304" height="44" rx="12" fill="rgb(214,236,255)"/><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgb(166,213,255)" stroke-width="1"/><g clip-path="url(#svgimg9cp0)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg9svgic1"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg9svgic1)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M9.7 4.1a2.3 2.3 0 0 1 4.6 0 2.3 2.3 0 0 0 3.3 2 2.3 2.3 0 0 1 2.4 4 2.3 2.3 0 0 0 0 3.8 2.3 2.3 0 0 1-2.4 4 2.3 2.3 0 0 0-3.3 2 2.3 2.3 0 0 1-4.6 0 2.3 2.3 0 0 0-3.3-2A2.3 2.3 0 0 1 4 14a2.3 2.3 0 0 0 0-3.8 2.3 2.3 0 0 1 2.3-4 2.3 2.3 0 0 0 3.4-2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="12" cy="12" r="3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg9cp2)"><g clip-path="url(#svgimg9ct3)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(29,29,31)">Billing & plans</text></g></g></g></g></g></g><text x="16" y="288" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Trailing metadata</text><g clip-path="url(#cp2)"><g clip-path="url(#irc11)"><clipPath id="svgimg12vclip"><rect x="16" y="298" width="380" height="92"/></clipPath><g clip-path="url(#svgimg12vclip)"><g transform="translate(16 298)"><defs><clipPath id="svgimg12cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg12cp2"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="svgimg12ct3"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="svgimg12ct4"><rect x="313.3" y="33" width="9.7" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg12cp0)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg12svgic1"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg12svgic1)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg12cp2)"><g clip-path="url(#svgimg12ct3)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Notifications</text></g></g><text x="313.28" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">3</text></g></g></g></g><text x="16" y="418" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Multiline label (icon aligns to first line)</text><g clip-path="url(#cp3)"><g clip-path="url(#irc14)"><clipPath id="svgimg15vclip"><rect x="16" y="428" width="380" height="112"/></clipPath><g clip-path="url(#svgimg15vclip)"><g transform="translate(16 428)"><defs><clipPath id="svgimg15cp0"><rect x="37" y="29" width="18" height="18"/></clipPath><clipPath id="svgimg15ct2"><rect x="63" y="29" width="252" height="36"/></clipPath></defs><rect x="28.5" y="20.5" width="303" height="53" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg15cp0)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg15svgic1"><rect x="37" y="29" width="18" height="18"/></clipPath><g clip-path="url(#svgimg15svgic1)"><g transform="matrix(.75 0 0 .75 37 29)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="63" y="44" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Migrate the legacy billing pipeline</text><text x="63" y="62" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">to the new ledger service</text></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 412 686" width="412" height="686"><defs><clipPath id="cp0"><rect x="16" y="38" width="380" height="92"/></clipPath><clipPath id="cp1"><rect x="16" y="168" width="380" height="92"/></clipPath><clipPath id="cp2"><rect x="16" y="298" width="380" height="92"/></clipPath><clipPath id="cp3"><rect x="16" y="428" width="380" height="112"/></clipPath><clipPath id="cp4"><rect x="16" y="578" width="380" height="92"/></clipPath><clipPath id="ct5"><rect x="16" y="16" width="380" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="38" width="380" height="92" rx="0"/></clipPath><clipPath id="ct8"><rect x="16" y="146" width="380" height="22"/></clipPath><clipPath id="irc9"><rect x="16" y="168" width="380" height="92" rx="0"/></clipPath><clipPath id="ct11"><rect x="16" y="276" width="380" height="22"/></clipPath><clipPath id="irc12"><rect x="16" y="298" width="380" height="92" rx="0"/></clipPath><clipPath id="ct14"><rect x="16" y="406" width="380" height="22"/></clipPath><clipPath id="irc15"><rect x="16" y="428" width="380" height="112" rx="0"/></clipPath><clipPath id="ct17"><rect x="16" y="556" width="380" height="22"/></clipPath><clipPath id="irc18"><rect x="16" y="578" width="380" height="92" rx="0"/></clipPath></defs><rect x="0" y="0" width="412" height="686" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Icon and Label</text><g clip-path="url(#cp0)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="38" width="380" height="92"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg7cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="svgimg7ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="svgimg7cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg7cp4"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg7ov5"><rect x="63" y="33" width="252" height="18" rx="0"/></clipPath><clipPath id="svgimg7cp6"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg7ct7"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><g clip-path="url(#svgimg7cp0)"><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#svgimg7cp0)"><g clip-path="url(#svgimg7ov1)"><g clip-path="url(#svgimg7cp2)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg7svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg7svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2 2 0 0 1 1.7.7l3.6 3.6A2 2 0 0 1 20 8v12a2 2 0 0 1-2 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M14 2v5a1 1 0 0 0 1 1h5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M10 9H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 13H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M16 17H8" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp4)"><g clip-path="url(#svgimg7ov5)"><g clip-path="url(#svgimg7cp6)"><g clip-path="url(#svgimg7ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Overview</text></g></g></g></g></g></g></g></g></g></g><text x="16" y="158" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Selected (aria-current)</text><g clip-path="url(#cp1)"><g clip-path="url(#irc9)"><clipPath id="svgimg10vclip"><rect x="16" y="168" width="380" height="92"/></clipPath><g clip-path="url(#svgimg10vclip)"><g transform="translate(16 168)"><defs><clipPath id="svgimg10cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="svgimg10ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="svgimg10cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg10cp4"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg10ov5"><rect x="63" y="33" width="252" height="18" rx="0"/></clipPath><clipPath id="svgimg10cp6"><rect x="63" y="33" width="252" height="18"/></clipPath><clipPath id="svgimg10ct7"><rect x="63" y="33" width="252" height="18"/></clipPath></defs><g clip-path="url(#svgimg10cp0)"><rect x="28" y="20" width="304" height="44" rx="12" fill="rgb(214,233,249)"/><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgb(166,207,242)" stroke-width="1"/></g><g clip-path="url(#svgimg10cp0)"><g clip-path="url(#svgimg10ov1)"><g clip-path="url(#svgimg10cp2)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg10svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg10svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M9.7 4.1a2.3 2.3 0 0 1 4.6 0 2.3 2.3 0 0 0 3.3 2 2.3 2.3 0 0 1 2.4 4 2.3 2.3 0 0 0 0 3.8 2.3 2.3 0 0 1-2.4 4 2.3 2.3 0 0 0-3.3 2 2.3 2.3 0 0 1-4.6 0 2.3 2.3 0 0 0-3.3-2A2.3 2.3 0 0 1 4 14a2.3 2.3 0 0 0 0-3.8 2.3 2.3 0 0 1 2.3-4 2.3 2.3 0 0 0 3.4-2" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><circle cx="12" cy="12" r="3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg10cp4)"><g clip-path="url(#svgimg10ov5)"><g clip-path="url(#svgimg10cp6)"><g clip-path="url(#svgimg10ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(29,29,31)">Billing & Plans</text></g></g></g></g></g></g></g></g></g></g><text x="16" y="288" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Trailing Metadata</text><g clip-path="url(#cp2)"><g clip-path="url(#irc12)"><clipPath id="svgimg13vclip"><rect x="16" y="298" width="380" height="92"/></clipPath><g clip-path="url(#svgimg13vclip)"><g transform="translate(16 298)"><defs><clipPath id="svgimg13cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="svgimg13ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="svgimg13cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg13cp4"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="svgimg13ov5"><rect x="63" y="33" width="242.3" height="18" rx="0"/></clipPath><clipPath id="svgimg13cp6"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="svgimg13ct7"><rect x="63" y="33" width="242.3" height="18"/></clipPath><clipPath id="svgimg13ct8"><rect x="313.3" y="33" width="9.7" height="18"/></clipPath></defs><g clip-path="url(#svgimg13cp0)"><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#svgimg13cp0)"><g clip-path="url(#svgimg13ov1)"><g clip-path="url(#svgimg13cp2)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg13svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg13svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg13cp4)"><g clip-path="url(#svgimg13ov5)"><g clip-path="url(#svgimg13cp6)"><g clip-path="url(#svgimg13ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Notifications</text></g></g></g></g><text x="313.28" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">3</text></g></g></g></g></g></g><text x="16" y="418" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Multiline Label (Icon Aligns to First Line)</text><g clip-path="url(#cp3)"><g clip-path="url(#irc15)"><clipPath id="svgimg16vclip"><rect x="16" y="428" width="380" height="112"/></clipPath><g clip-path="url(#svgimg16vclip)"><g transform="translate(16 428)"><defs><clipPath id="svgimg16cp0"><rect x="28" y="20" width="304" height="54"/></clipPath><clipPath id="svgimg16ov1"><rect x="29" y="21" width="302" height="52" rx="11"/></clipPath><clipPath id="svgimg16cp2"><rect x="37" y="29" width="18" height="18"/></clipPath><clipPath id="svgimg16ct4"><rect x="63" y="29" width="252" height="36"/></clipPath></defs><g clip-path="url(#svgimg16cp0)"><rect x="28.5" y="20.5" width="303" height="53" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#svgimg16cp0)"><g clip-path="url(#svgimg16ov1)"><g clip-path="url(#svgimg16cp2)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg16svgic3"><rect x="37" y="29" width="18" height="18"/></clipPath><g clip-path="url(#svgimg16svgic3)"><g transform="matrix(.75 0 0 .75 37 29)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><text x="63" y="44" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Migrate the legacy billing pipeline</text><text x="63" y="62" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">to the new ledger service</text></g></g></g></g></g></g><text x="16" y="568" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Tone Icon Tile</text><g clip-path="url(#cp4)"><g clip-path="url(#irc18)"><clipPath id="svgimg19vclip"><rect x="16" y="578" width="380" height="92"/></clipPath><g clip-path="url(#svgimg19vclip)"><g transform="translate(16 578)"><defs><clipPath id="svgimg19cp0"><rect x="28" y="20" width="304" height="44"/></clipPath><clipPath id="svgimg19ov1"><rect x="29" y="21" width="302" height="42" rx="11"/></clipPath><clipPath id="svgimg19ishc2"><rect x="37" y="26" width="32" height="32" rx="6"/></clipPath><clipPath id="svgimg19cp3"><rect x="44" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg19cp5"><rect x="77" y="33" width="238" height="18"/></clipPath><clipPath id="svgimg19ov6"><rect x="77" y="33" width="238" height="18" rx="0"/></clipPath><clipPath id="svgimg19cp7"><rect x="77" y="33" width="238" height="18"/></clipPath><clipPath id="svgimg19ct8"><rect x="77" y="33" width="238" height="18"/></clipPath></defs><g clip-path="url(#svgimg19cp0)"><rect x="28.5" y="20.5" width="303" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#svgimg19cp0)"><g clip-path="url(#svgimg19ov1)"><rect x="37" y="26" width="32" height="32" rx="6" fill="rgb(235,244,252)"/><g clip-path="url(#svgimg19ishc2)"><path d="M33 22h40v40H33zm10 5h20a5 5 0 0 1 5 5v20a5 5 0 0 1-5 5H43a5 5 0 0 1-5-5V32a5 5 0 0 1 5-5" fill="rgb(166,207,242)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg19cp3)"><g color="rgb(12, 98, 243)"><clipPath id="svgimg19svgic4"><rect x="44" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg19svgic4)"><g transform="matrix(.75 0 0 .75 44 33)"><path d="M10.3 21a2 2 0 0 0 3.4 0" 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="M3.3 15.3A1 1 0 0 0 4 17h16a1 1 0 0 0 .7-1.7C19.4 14 18 12.5 18 8A6 6 0 0 0 6 8c0 4.5-1.4 6-2.7 7.3" 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(#svgimg19cp5)"><g clip-path="url(#svgimg19ov6)"><g clip-path="url(#svgimg19cp7)"><g clip-path="url(#svgimg19ct8)"><text x="77" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Notifications</text></g></g></g></g></g></g></g></g></g></g></svg>

package/docs/design/templates/list.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 452 512" width="452" height="512"><defs><clipPath id="cp0"><rect x="16" y="38" width="420" height="230"/></clipPath><clipPath id="cp1"><rect x="16" y="306" width="420" height="190"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="420" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="420" height="230" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="284" width="420" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="306" width="420" height="190" rx="0"/></clipPath></defs><rect x="0" y="0" width="452" height="512" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Standard gap and four dividers</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="420" height="230"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="37" y="34.5" width="81.8" height="15"/></clipPath><clipPath id="svgimg4ct1"><rect x="37" y="34.5" width="81.8" height="15"/></clipPath><clipPath id="svgimg4ct2"><rect x="126.8" y="31.2" width="21.6" height="21.6"/></clipPath><clipPath id="svgimg4cp3"><rect x="37" y="85" width="18" height="18"/></clipPath><clipPath id="svgimg4cp5"><rect x="63" y="85" width="272" height="18"/></clipPath><clipPath id="svgimg4ct6"><rect x="63" y="85" width="272" height="18"/></clipPath><clipPath id="svgimg4cp7"><rect x="37" y="137" width="18" height="18"/></clipPath><clipPath id="svgimg4cp9"><rect x="63" y="137" width="272" height="18"/></clipPath><clipPath id="svgimg4ct10"><rect x="63" y="137" width="272" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg4cp0)"><g clip-path="url(#svgimg4ct1)"><text x="37" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(110,110,115)">WORKSPACE</text></g></g><rect x="126.8" y="31.2" width="21.6" height="21.6" rx="10.8" fill="rgb(242,242,247)"/><text x="134.33" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="10" font-weight="700" fill="rgb(110,110,115)">2</text><rect x="28" y="72" width="324" height="44" rx="12" fill="rgb(214,236,255)"/><rect x="28.5" y="72.5" width="323" height="43" rx="11.5" fill="none" stroke="rgb(166,213,255)" stroke-width="1"/><g clip-path="url(#svgimg4cp3)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg4svgic4"><rect x="37" y="85" width="18" height="18"/></clipPath><g clip-path="url(#svgimg4svgic4)"><g transform="matrix(.75 0 0 .75 37 85)"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M5.5 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.7 1.1" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg4cp5)"><g clip-path="url(#svgimg4ct6)"><text x="63" y="100" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(29,29,31)">Inbox</text></g></g><rect x="28.5" y="124.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg4cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg4svgic8"><rect x="37" y="137" width="18" height="18"/></clipPath><g clip-path="url(#svgimg4svgic8)"><g transform="matrix(.75 0 0 .75 37 137)"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.7-.9l-.8-1.2A2 2 0 0 0 7.9 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg4cp9)"><g clip-path="url(#svgimg4ct10)"><text x="63" y="152" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Projects</text></g></g></g></g></g></g><text x="16" y="296" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact, no gap</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="306" width="420" height="190"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 306)"><defs><clipPath id="svgimg7cp0"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg7cp2"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="svgimg7ct3"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="svgimg7cp4"><rect x="37" y="77" width="18" height="18"/></clipPath><clipPath id="svgimg7cp6"><rect x="63" y="77" width="272" height="18"/></clipPath><clipPath id="svgimg7ct7"><rect x="63" y="77" width="272" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7cp0)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg7svgic1"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg7svgic1)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp2)"><g clip-path="url(#svgimg7ct3)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Priority</text></g></g><rect x="28.5" y="64.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7cp4)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg7svgic5"><rect x="37" y="77" width="18" height="18"/></clipPath><g clip-path="url(#svgimg7svgic5)"><g transform="matrix(.75 0 0 .75 37 77)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp6)"><g clip-path="url(#svgimg7ct7)"><text x="63" y="92" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">All work</text></g></g></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 452 512" width="452" height="512"><defs><clipPath id="cp0"><rect x="16" y="38" width="420" height="230"/></clipPath><clipPath id="cp1"><rect x="16" y="306" width="420" height="190"/></clipPath><clipPath id="ct2"><rect x="16" y="16" width="420" height="22"/></clipPath><clipPath id="irc3"><rect x="16" y="38" width="420" height="230" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="284" width="420" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="306" width="420" height="190" rx="0"/></clipPath></defs><rect x="0" y="0" width="452" height="512" rx="0" fill="rgb(255,255,255)"/><text x="16" y="28" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Standard Gap and Four Dividers</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="420" height="230"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="29" y="26.5" width="97.8" height="31"/></clipPath><clipPath id="svgimg4ct1"><rect x="29" y="26.5" width="97.8" height="31"/></clipPath><clipPath id="svgimg4ct2"><rect x="134.8" y="32" width="20.3" height="20"/></clipPath><clipPath id="svgimg4cp3"><rect x="28" y="72" width="324" height="44"/></clipPath><clipPath id="svgimg4ov4"><rect x="29" y="73" width="322" height="42" rx="11"/></clipPath><clipPath id="svgimg4cp5"><rect x="37" y="85" width="18" height="18"/></clipPath><clipPath id="svgimg4cp7"><rect x="63" y="85" width="272" height="18"/></clipPath><clipPath id="svgimg4ov8"><rect x="63" y="85" width="272" height="18" rx="0"/></clipPath><clipPath id="svgimg4cp9"><rect x="63" y="85" width="272" height="18"/></clipPath><clipPath id="svgimg4ct10"><rect x="63" y="85" width="272" height="18"/></clipPath><clipPath id="svgimg4cp11"><rect x="28" y="124" width="324" height="44"/></clipPath><clipPath id="svgimg4ov12"><rect x="29" y="125" width="322" height="42" rx="11"/></clipPath><clipPath id="svgimg4cp13"><rect x="37" y="137" width="18" height="18"/></clipPath><clipPath id="svgimg4cp15"><rect x="63" y="137" width="272" height="18"/></clipPath><clipPath id="svgimg4ov16"><rect x="63" y="137" width="272" height="18" rx="0"/></clipPath><clipPath id="svgimg4cp17"><rect x="63" y="137" width="272" height="18"/></clipPath><clipPath id="svgimg4ct18"><rect x="63" y="137" width="272" height="18"/></clipPath></defs><rect x="28.5" y="20.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg4cp0)"><g clip-path="url(#svgimg4ct1)"><text x="37" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(98,98,103)">WORKSPACE</text></g></g><rect x="134.8" y="32" width="20.3" height="20" rx="10" fill="rgba(0,0,98,0.05)"/><rect x="135.5" y="32.5" width="19" height="19" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="141.41" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(98,98,103)">2</text><g clip-path="url(#svgimg4cp3)"><rect x="28" y="72" width="324" height="44" rx="12" fill="rgb(214,233,249)"/><rect x="28.5" y="72.5" width="323" height="43" rx="11.5" fill="none" stroke="rgb(166,207,242)" stroke-width="1"/><g clip-path="url(#svgimg4ov4)"><g clip-path="url(#svgimg4cp5)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg4svgic6"><rect x="37" y="85" width="18" height="18"/></clipPath><g clip-path="url(#svgimg4svgic6)"><g transform="matrix(.75 0 0 .75 37 85)"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M5.5 5.1 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.7 1.1" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg4cp7)"><g clip-path="url(#svgimg4ov8)"><g clip-path="url(#svgimg4cp9)"><g clip-path="url(#svgimg4ct10)"><text x="63" y="100" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(29,29,31)">Inbox</text></g></g></g></g></g></g><g clip-path="url(#svgimg4cp11)"><rect x="28.5" y="124.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg4ov12)"><g clip-path="url(#svgimg4cp13)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg4svgic14"><rect x="37" y="137" width="18" height="18"/></clipPath><g clip-path="url(#svgimg4svgic14)"><g transform="matrix(.75 0 0 .75 37 137)"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.7-.9l-.8-1.2A2 2 0 0 0 7.9 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg4cp15)"><g clip-path="url(#svgimg4ov16)"><g clip-path="url(#svgimg4cp17)"><g clip-path="url(#svgimg4ct18)"><text x="63" y="152" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Projects</text></g></g></g></g></g></g></g></g></g></g><text x="16" y="296" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(110,110,115)">Compact, No Gap</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="306" width="420" height="190"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 306)"><defs><clipPath id="svgimg7cp0"><rect x="28" y="20" width="324" height="44"/></clipPath><clipPath id="svgimg7ov1"><rect x="29" y="21" width="322" height="42" rx="11"/></clipPath><clipPath id="svgimg7cp2"><rect x="37" y="33" width="18" height="18"/></clipPath><clipPath id="svgimg7cp4"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="svgimg7ov5"><rect x="63" y="33" width="272" height="18" rx="0"/></clipPath><clipPath id="svgimg7cp6"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="svgimg7ct7"><rect x="63" y="33" width="272" height="18"/></clipPath><clipPath id="svgimg7cp8"><rect x="28" y="64" width="324" height="44"/></clipPath><clipPath id="svgimg7ov9"><rect x="29" y="65" width="322" height="42" rx="11"/></clipPath><clipPath id="svgimg7cp10"><rect x="37" y="77" width="18" height="18"/></clipPath><clipPath id="svgimg7cp12"><rect x="63" y="77" width="272" height="18"/></clipPath><clipPath id="svgimg7ov13"><rect x="63" y="77" width="272" height="18" rx="0"/></clipPath><clipPath id="svgimg7cp14"><rect x="63" y="77" width="272" height="18"/></clipPath><clipPath id="svgimg7ct15"><rect x="63" y="77" width="272" height="18"/></clipPath></defs><g clip-path="url(#svgimg7cp0)"><rect x="28.5" y="20.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7ov1)"><g clip-path="url(#svgimg7cp2)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg7svgic3"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg7svgic3)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M11.5 2.3a.5.5 0 0 1 1 0L14.8 7a2 2 0 0 0 1.6 1l5.1.8a.5.5 0 0 1 .3.9l-3.7 3.6a2 2 0 0 0-.6 2l.9 5a.5.5 0 0 1-.8.6L13 18.6a2 2 0 0 0-2 0L6.4 21a.5.5 0 0 1-.8-.6l1-5a2 2 0 0 0-.7-2L2.2 9.8a.5.5 0 0 1 .3-1l5.1-.7A2 2 0 0 0 9.2 7Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp4)"><g clip-path="url(#svgimg7ov5)"><g clip-path="url(#svgimg7cp6)"><g clip-path="url(#svgimg7ct7)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Priority</text></g></g></g></g></g></g><g clip-path="url(#svgimg7cp8)"><rect x="28.5" y="64.5" width="323" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7ov9)"><g clip-path="url(#svgimg7cp10)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg7svgic11"><rect x="37" y="77" width="18" height="18"/></clipPath><g clip-path="url(#svgimg7svgic11)"><g transform="matrix(.75 0 0 .75 37 77)"><path d="M3 5z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(29, 29, 31)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#svgimg7cp12)"><g clip-path="url(#svgimg7ov13)"><g clip-path="url(#svgimg7cp14)"><g clip-path="url(#svgimg7ct15)"><text x="63" y="92" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">All Work</text></g></g></g></g></g></g></g></g></g></g></svg>

package/docs/design/templates/segmented-control/equal-dark.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 88" width="460" height="88"><defs><clipPath id="cp0"><rect x="20" y="20" width="210.3" height="44"/></clipPath><clipPath id="ov1"><rect x="21" y="21" width="208.3" height="42" rx="11"/></clipPath><filter id="sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="ct3"><rect x="38.7" y="36" width="35.3" height="12"/></clipPath><clipPath id="ct4"><rect x="114.1" y="36" width="22" height="12"/></clipPath><clipPath id="ct5"><rect x="168.5" y="36" width="50.8" height="12"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="20" y="20" width="210.3" height="44" rx="12" fill="~~rgb~~(58,58,60)"/><rect x="20.5" y="20.5" width="209" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><rect x="22" y="23" width="68.8" height="40" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#sh2)"/><rect x="22" y="22" width="68.8" height="40" rx="10" fill="rgb(28,28,30)"/><rect x="22.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="~~rgb~~(72,72,74)" stroke-width="1"/><text x="38.7" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(138,203,255)">Board</text><rect x="91.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="114.13" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(~~174~~,~~174~~,~~178~~)">List</text><rect x="160.5" y="22.5" width="67" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="168.5" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(~~174~~,~~174~~,~~178~~)">Timeline</text></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 88" width="460" height="88"><defs><clipPath id="cp0"><rect x="20" y="20" width="210.3" height="44"/></clipPath><clipPath id="ov1"><rect x="21" y="21" width="208.3" height="42" rx="11"/></clipPath><filter id="sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="ct3"><rect x="38.7" y="36" width="35.3" height="12"/></clipPath><clipPath id="ct4"><rect x="114.1" y="36" width="22" height="12"/></clipPath><clipPath id="ct5"><rect x="168.5" y="36" width="50.8" height="12"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="20" y="20" width="210.3" height="44" rx="12" fill="rgba(253,253,255,0.133)"/><rect x="20.5" y="20.5" width="209" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><rect x="22" y="23" width="68.8" height="40" rx="10" fill="rgba(0,0,0,0.5)" filter="url(#sh2)"/><rect x="22" y="22" width="68.8" height="40" rx="10" fill="rgb(28,28,30)"/><rect x="22.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><text x="38.7" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(138,203,255)">Board</text><rect x="91.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="114.13" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(245,245,247)">List</text><rect x="160.5" y="22.5" width="67" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="168.5" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(245,245,247)">Timeline</text></g></g></svg>

package/docs/design/templates/segmented-control/equal.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 88" width="460" height="88"><defs><clipPath id="cp0"><rect x="20" y="20" width="210.3" height="44"/></clipPath><clipPath id="ov1"><rect x="21" y="21" width="208.3" height="42" rx="11"/></clipPath><filter id="sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="ct3"><rect x="38.7" y="36" width="35.3" height="12"/></clipPath><clipPath id="ct4"><rect x="114.1" y="36" width="22" height="12"/></clipPath><clipPath id="ct5"><rect x="168.5" y="36" width="50.8" height="12"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="20" y="20" width="210.3" height="44" rx="12" fill="~~rgb~~(~~229~~,~~229~~,~~234~~)"/><rect x="20.5" y="20.5" width="209" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><rect x="22" y="23" width="68.8" height="40" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#sh2)"/><rect x="22" y="22" width="68.8" height="40" rx="10" fill="rgb(255,255,255)"/><rect x="22.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="~~rgb~~(~~209~~,~~209~~,~~214~~)" stroke-width="1"/><text x="38.7" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(30,~~110~~,~~244~~)">Board</text><rect x="91.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="114.13" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(~~110~~,~~110~~,~~115~~)">List</text><rect x="160.5" y="22.5" width="67" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="168.5" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(~~110~~,~~110~~,~~115~~)">Timeline</text></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 88" width="460" height="88"><defs><clipPath id="cp0"><rect x="20" y="20" width="210.3" height="44"/></clipPath><clipPath id="ov1"><rect x="21" y="21" width="208.3" height="42" rx="11"/></clipPath><filter id="sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="ct3"><rect x="38.7" y="36" width="35.3" height="12"/></clipPath><clipPath id="ct4"><rect x="114.1" y="36" width="22" height="12"/></clipPath><clipPath id="ct5"><rect x="168.5" y="36" width="50.8" height="12"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="20" y="20" width="210.3" height="44" rx="12" fill="rgba(0,0,49,0.1)"/><rect x="20.5" y="20.5" width="209" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#cp0)"><g clip-path="url(#ov1)"><rect x="22" y="23" width="68.8" height="40" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#sh2)"/><rect x="22" y="22" width="68.8" height="40" rx="10" fill="rgb(255,255,255)"/><rect x="22.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="38.7" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(12,98,243)">Board</text><rect x="91.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="114.13" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(29,29,31)">List</text><rect x="160.5" y="22.5" width="67" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="168.5" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(29,29,31)">Timeline</text></g></g></svg>

package/docs/design/templates/segmented-control/pill-small-dark.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 88" width="460" height="88"><defs><clipPath id="cp0"><rect x="20" y="20" width="141.4" height="44"/></clipPath><clipPath id="ov1"><rect x="21" y="21" width="139.4" height="42" rx="21"/></clipPath><clipPath id="ct2"><rect x="31.5" y="36.5" width="21.1" height="11"/></clipPath><filter id="sh3" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="ct4"><rect x="70" y="36.5" width="30.3" height="11"/></clipPath><clipPath id="ct5"><rect x="116.3" y="36.5" width="35.1" height="11"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="20" y="20" width="141.4" height="44" rx="22" fill="~~rgb~~(58,58,60)"/><rect x="20.5" y="20.5" width="140" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov1)"><rect x="22.5" y="22.5" width="39" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="31.47" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(~~174~~,~~174~~,~~178~~)">Day</text><rect x="62" y="23" width="46.3" height="40" rx="20" fill="rgba(0,0,0,0.14)" filter="url(#sh3)"/><rect x="62" y="22" width="46.3" height="40" rx="20" fill="rgb(28,28,30)"/><rect x="62.5" y="22.5" width="45" height="39" rx="19.5" fill="none" stroke="~~rgb~~(72,72,74)" stroke-width="1"/><text x="70" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(138,203,255)">Week</text><rect x="108.5" y="22.5" width="50" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="116.28" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(~~174~~,~~174~~,~~178~~)">Month</text></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 88" width="460" height="88"><defs><clipPath id="cp0"><rect x="20" y="20" width="141.4" height="44"/></clipPath><clipPath id="ov1"><rect x="21" y="21" width="139.4" height="42" rx="21"/></clipPath><clipPath id="ct2"><rect x="31.5" y="36.5" width="21.1" height="11"/></clipPath><filter id="sh3" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="ct4"><rect x="70" y="36.5" width="30.3" height="11"/></clipPath><clipPath id="ct5"><rect x="116.3" y="36.5" width="35.1" height="11"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="20" y="20" width="141.4" height="44" rx="22" fill="rgba(253,253,255,0.133)"/><rect x="20.5" y="20.5" width="140" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov1)"><rect x="22.5" y="22.5" width="39" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="31.47" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(245,245,247)">Day</text><rect x="62" y="23" width="46.3" height="40" rx="20" fill="rgba(0,0,0,0.5)" filter="url(#sh3)"/><rect x="62" y="22" width="46.3" height="40" rx="20" fill="rgb(28,28,30)"/><rect x="62.5" y="22.5" width="45" height="39" rx="19.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><text x="70" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(138,203,255)">Week</text><rect x="108.5" y="22.5" width="50" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="116.28" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(245,245,247)">Month</text></g></g></svg>

package/docs/design/templates/segmented-control/pill-small.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 88" width="460" height="88"><defs><clipPath id="cp0"><rect x="20" y="20" width="141.4" height="44"/></clipPath><clipPath id="ov1"><rect x="21" y="21" width="139.4" height="42" rx="21"/></clipPath><clipPath id="ct2"><rect x="31.5" y="36.5" width="21.1" height="11"/></clipPath><filter id="sh3" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="ct4"><rect x="70" y="36.5" width="30.3" height="11"/></clipPath><clipPath id="ct5"><rect x="116.3" y="36.5" width="35.1" height="11"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="20" y="20" width="141.4" height="44" rx="22" fill="~~rgb~~(~~229~~,~~229~~,~~234~~)"/><rect x="20.5" y="20.5" width="140" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov1)"><rect x="22.5" y="22.5" width="39" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="31.47" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(~~110~~,~~110~~,~~115~~)">Day</text><rect x="62" y="23" width="46.3" height="40" rx="20" fill="rgba(0,0,0,0.14)" filter="url(#sh3)"/><rect x="62" y="22" width="46.3" height="40" rx="20" fill="rgb(255,255,255)"/><rect x="62.5" y="22.5" width="45" height="39" rx="19.5" fill="none" stroke="~~rgb~~(~~209~~,~~209~~,~~214~~)" stroke-width="1"/><text x="70" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(30,~~110~~,~~244~~)">Week</text><rect x="108.5" y="22.5" width="50" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="116.28" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(~~110~~,~~110~~,~~115~~)">Month</text></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 88" width="460" height="88"><defs><clipPath id="cp0"><rect x="20" y="20" width="141.4" height="44"/></clipPath><clipPath id="ov1"><rect x="21" y="21" width="139.4" height="42" rx="21"/></clipPath><clipPath id="ct2"><rect x="31.5" y="36.5" width="21.1" height="11"/></clipPath><filter id="sh3" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="ct4"><rect x="70" y="36.5" width="30.3" height="11"/></clipPath><clipPath id="ct5"><rect x="116.3" y="36.5" width="35.1" height="11"/></clipPath></defs><g clip-path="url(#cp0)"><rect x="20" y="20" width="141.4" height="44" rx="22" fill="rgba(0,0,49,0.1)"/><rect x="20.5" y="20.5" width="140" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#ov1)"><rect x="22.5" y="22.5" width="39" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="31.47" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(29,29,31)">Day</text><rect x="62" y="23" width="46.3" height="40" rx="20" fill="rgba(0,0,0,0.14)" filter="url(#sh3)"/><rect x="62" y="22" width="46.3" height="40" rx="20" fill="rgb(255,255,255)"/><rect x="62.5" y="22.5" width="45" height="39" rx="19.5" fill="none" stroke="rgba(0,0,28,0.18)" stroke-width="1"/><text x="70" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(12,98,243)">Week</text><rect x="108.5" y="22.5" width="50" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="116.28" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(29,29,31)">Month</text></g></g></svg>

package/docs/design/templates/segmented-control-dark.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 268" width="492" height="268"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="88"/></clipPath><clipPath id="cp1"><rect x="16" y="164" width="460" height="88"/></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="88" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="142" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="164" width="460" height="88" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="268" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Equal-~~width~~ ~~rounded~~</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="88"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="20" y="20" width="210.3" height="44"/></clipPath><clipPath id="svgimg4ov1"><rect x="21" y="21" width="208.3" height="42" rx="11"/></clipPath><filter id="svgimg4sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg4ct3"><rect x="38.7" y="36" width="35.3" height="12"/></clipPath><clipPath id="svgimg4ct4"><rect x="114.1" y="36" width="22" height="12"/></clipPath><clipPath id="svgimg4ct5"><rect x="168.5" y="36" width="50.8" height="12"/></clipPath></defs><g clip-path="url(#svgimg4cp0)"><rect x="20" y="20" width="210.3" height="44" rx="12" fill="~~rgb~~(58,58,60)"/><rect x="20.5" y="20.5" width="209" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#svgimg4cp0)"><g clip-path="url(#svgimg4ov1)"><rect x="22" y="23" width="68.8" height="40" rx="10" fill="rgba(0,0,0,0.14)" filter="url(#svgimg4sh2)"/><rect x="22" y="22" width="68.8" height="40" rx="10" fill="rgb(28,28,30)"/><rect x="22.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="~~rgb~~(72,72,74)" stroke-width="1"/><text x="38.7" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(138,203,255)">Board</text><rect x="91.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="114.13" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(~~174~~,~~174~~,~~178~~)">List</text><rect x="160.5" y="22.5" width="67" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="168.5" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(~~174~~,~~174~~,~~178~~)">Timeline</text></g></g></g></g></g></g><text x="16" y="154" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Pill, ~~small~~</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="164" width="460" height="88"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 164)"><defs><clipPath id="svgimg7cp0"><rect x="20" y="20" width="141.4" height="44"/></clipPath><clipPath id="svgimg7ov1"><rect x="21" y="21" width="139.4" height="42" rx="21"/></clipPath><clipPath id="svgimg7ct2"><rect x="31.5" y="36.5" width="21.1" height="11"/></clipPath><filter id="svgimg7sh3" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg7ct4"><rect x="70" y="36.5" width="30.3" height="11"/></clipPath><clipPath id="svgimg7ct5"><rect x="116.3" y="36.5" width="35.1" height="11"/></clipPath></defs><g clip-path="url(#svgimg7cp0)"><rect x="20" y="20" width="141.4" height="44" rx="22" fill="~~rgb~~(58,58,60)"/><rect x="20.5" y="20.5" width="140" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7ov1)"><rect x="22.5" y="22.5" width="39" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="31.47" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(~~174~~,~~174~~,~~178~~)">Day</text><rect x="62" y="23" width="46.3" height="40" rx="20" fill="rgba(0,0,0,0.14)" filter="url(#svgimg7sh3)"/><rect x="62" y="22" width="46.3" height="40" rx="20" fill="rgb(28,28,30)"/><rect x="62.5" y="22.5" width="45" height="39" rx="19.5" fill="none" stroke="~~rgb~~(72,72,74)" stroke-width="1"/><text x="70" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(138,203,255)">Week</text><rect x="108.5" y="22.5" width="50" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="116.28" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(~~174~~,~~174~~,~~178~~)">Month</text></g></g></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 492 268" width="492" height="268"><defs><clipPath id="cp0"><rect x="16" y="38" width="460" height="88"/></clipPath><clipPath id="cp1"><rect x="16" y="164" width="460" height="88"/></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="88" rx="0"/></clipPath><clipPath id="ct5"><rect x="16" y="142" width="460" height="22"/></clipPath><clipPath id="irc6"><rect x="16" y="164" width="460" height="88" rx="0"/></clipPath></defs><rect x="0" y="0" width="492" height="268" rx="0" fill="rgb(28,28,30)"/><text x="16" y="28" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Equal-Width Rounded</text><g clip-path="url(#cp0)"><g clip-path="url(#irc3)"><clipPath id="svgimg4vclip"><rect x="16" y="38" width="460" height="88"/></clipPath><g clip-path="url(#svgimg4vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg4cp0"><rect x="20" y="20" width="210.3" height="44"/></clipPath><clipPath id="svgimg4ov1"><rect x="21" y="21" width="208.3" height="42" rx="11"/></clipPath><filter id="svgimg4sh2" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg4ct3"><rect x="38.7" y="36" width="35.3" height="12"/></clipPath><clipPath id="svgimg4ct4"><rect x="114.1" y="36" width="22" height="12"/></clipPath><clipPath id="svgimg4ct5"><rect x="168.5" y="36" width="50.8" height="12"/></clipPath></defs><g clip-path="url(#svgimg4cp0)"><rect x="20" y="20" width="210.3" height="44" rx="12" fill="rgba(253,253,255,0.133)"/><rect x="20.5" y="20.5" width="209" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/></g><g clip-path="url(#svgimg4cp0)"><g clip-path="url(#svgimg4ov1)"><rect x="22" y="23" width="68.8" height="40" rx="10" fill="rgba(0,0,0,0.5)" filter="url(#svgimg4sh2)"/><rect x="22" y="22" width="68.8" height="40" rx="10" fill="rgb(28,28,30)"/><rect x="22.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><text x="38.7" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(138,203,255)">Board</text><rect x="91.5" y="22.5" width="68" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="114.13" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(245,245,247)">List</text><rect x="160.5" y="22.5" width="67" height="39" rx="9.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="168.5" y="46" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="650" fill="rgb(245,245,247)">Timeline</text></g></g></g></g></g></g><text x="16" y="154" font-family="system-ui, "-apple-system", sans-serif" font-size="12" font-weight="600" fill="rgb(174,174,178)">Pill, Small</text><g clip-path="url(#cp1)"><g clip-path="url(#irc6)"><clipPath id="svgimg7vclip"><rect x="16" y="164" width="460" height="88"/></clipPath><g clip-path="url(#svgimg7vclip)"><g transform="translate(16 164)"><defs><clipPath id="svgimg7cp0"><rect x="20" y="20" width="141.4" height="44"/></clipPath><clipPath id="svgimg7ov1"><rect x="21" y="21" width="139.4" height="42" rx="21"/></clipPath><clipPath id="svgimg7ct2"><rect x="31.5" y="36.5" width="21.1" height="11"/></clipPath><filter id="svgimg7sh3" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="1.5"/></filter><clipPath id="svgimg7ct4"><rect x="70" y="36.5" width="30.3" height="11"/></clipPath><clipPath id="svgimg7ct5"><rect x="116.3" y="36.5" width="35.1" height="11"/></clipPath></defs><g clip-path="url(#svgimg7cp0)"><rect x="20" y="20" width="141.4" height="44" rx="22" fill="rgba(253,253,255,0.133)"/><rect x="20.5" y="20.5" width="140" height="43" rx="21.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#svgimg7ov1)"><rect x="22.5" y="22.5" width="39" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="31.47" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(245,245,247)">Day</text><rect x="62" y="23" width="46.3" height="40" rx="20" fill="rgba(0,0,0,0.5)" filter="url(#svgimg7sh3)"/><rect x="62" y="22" width="46.3" height="40" rx="20" fill="rgb(28,28,30)"/><rect x="62.5" y="22.5" width="45" height="39" rx="19.5" fill="none" stroke="rgba(253,253,255,0.196)" stroke-width="1"/><text x="70" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(138,203,255)">Week</text><rect x="108.5" y="22.5" width="50" height="39" rx="19.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><text x="116.28" y="46.5" font-family="system-ui, "-apple-system", sans-serif" font-size="11" font-weight="650" fill="rgb(245,245,247)">Month</text></g></g></g></g></g></g></svg>