npm - @kerfjs/ui - Versions diffs - 5.0.0-beta.97 → 5.0.0-beta.99 - Mend

@kerfjs/ui 5.0.0-beta.97 → 5.0.0-beta.99

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

package/README.md +42 -1
package/ai/application-ui-diagnostic-ids-v1.json +1 -0
package/ai/component-catalog.json +487 -66
package/ai/component-catalog.schema.json +1 -1
package/ai/component-composition-rules.json +22 -2
package/ai/component-composition.json +360 -33
package/ai/component-composition.schema.json +1 -1
package/ai/components/README.md +18 -17
package/ai/components/anchored-surface.md +13 -0
package/ai/components/application-tabs.md +1 -1
package/ai/components/chip.md +9 -5
package/ai/components/choice-chips.md +15 -8
package/ai/components/collapsible-panel.md +3 -2
package/ai/components/composer.md +83 -0
package/ai/components/content-item.md +2 -2
package/ai/components/corner-status.md +1 -1
package/ai/components/document-baseline.md +3 -3
package/ai/components/foundation.md +2 -2
package/ai/components/layout.md +1 -1
package/ai/components/list-action-row.md +5 -1
package/ai/components/list-item.md +5 -1
package/ai/components/list.md +19 -3
package/ai/components/nav-stack.md +11 -2
package/ai/components/pane.md +13 -4
package/ai/components/popup-menu.md +4 -4
package/ai/components/recipe-app-shell.md +3 -3
package/ai/components/recipe-collapsible-sidebar.md +3 -3
package/ai/components/recipe-compact-toolbar.md +1 -1
package/ai/components/recipe-composer-form.md +3 -3
package/ai/components/recipe-list-detail-dialog.md +2 -2
package/ai/components/recipe-list-workspace-states.md +3 -3
package/ai/components/recipe-loading-inspector.md +1 -1
package/ai/components/recipe-navigation-sidebar.md +3 -3
package/ai/components/recipe-navigation-stack.md +3 -3
package/ai/components/recipe-workspace-header.md +3 -3
package/ai/components/resize.md +2 -2
package/ai/components/split-view.md +4 -2
package/ai/components/sunken-panel.md +2 -2
package/ai/components/surface-scaffold.md +15 -3
package/ai/components/tab-bar.md +1 -0
package/ai/components/tab-navigator.md +4 -0
package/ai/components/toolbar-control-group.md +2 -0
package/ai/components/toolbar-text.md +1 -0
package/ai/components/toolbar.md +1 -0
package/ai/components/workbench.md +1 -0
package/ai/public-api-signatures-v1.md +504 -80
package/ai/skill.md +41 -14
package/ai/webawesome-jsx-signatures-v1.md +1 -1
package/analyzer/component-ownership.mjs +1 -1
package/analyzer/index.mjs +41 -14
package/dist/anchored-surface.d.ts +30 -2
package/dist/anchored-surface.js +1 -1
package/dist/app-tab.js +1 -1
package/dist/browser/composer.js +4 -0
package/dist/catalog-resources.d.ts +3 -2
package/dist/catalog-resources.js +4 -4
package/dist/catalog-resources.js.map +1 -1
package/dist/catalog.d.ts +39 -8
package/dist/catalog.js +55 -32
package/dist/catalog.js.map +1 -1
package/dist/chip.d.ts +41 -9
package/dist/chip.js +1 -1
package/dist/choice-chips.d.ts +40 -16
package/dist/choice-chips.js +1 -1
package/dist/chunk-34U4ANDJ.js +119 -0
package/dist/chunk-34U4ANDJ.js.map +1 -0
package/dist/{chunk-36TL6BCR.js → chunk-3GLYIIFR.js} +34 -6
package/dist/chunk-3GLYIIFR.js.map +1 -0
package/dist/{chunk-HWY4BSLS.js → chunk-3VXDSIBJ.js} +2 -2
package/dist/{chunk-HWY4BSLS.js.map → chunk-3VXDSIBJ.js.map} +1 -1
package/dist/chunk-3WYREXW4.js +120 -0
package/dist/chunk-3WYREXW4.js.map +1 -0
package/dist/chunk-AV7CPAPT.js +82 -0
package/dist/chunk-AV7CPAPT.js.map +1 -0
package/dist/{chunk-XK4E225T.js → chunk-B53PS2LE.js} +2 -2
package/dist/{chunk-XK4E225T.js.map → chunk-B53PS2LE.js.map} +1 -1
package/dist/{chunk-R42D2BAO.js → chunk-CA7LNX3J.js} +2 -2
package/dist/{chunk-R42D2BAO.js.map → chunk-CA7LNX3J.js.map} +1 -1
package/dist/{chunk-AYHC62OZ.js → chunk-CMETHPKR.js} +26 -29
package/dist/chunk-CMETHPKR.js.map +1 -0
package/dist/{chunk-Y43B6DS3.js → chunk-CVD5IZGB.js} +2 -2
package/dist/{chunk-Y43B6DS3.js.map → chunk-CVD5IZGB.js.map} +1 -1
package/dist/{chunk-6STQXRT4.js → chunk-CXZXHZTR.js} +121 -12
package/dist/chunk-CXZXHZTR.js.map +1 -0
package/dist/{chunk-GZE2XVKC.js → chunk-DZJ4GBSP.js} +3 -3
package/dist/{chunk-GZE2XVKC.js.map → chunk-DZJ4GBSP.js.map} +1 -1
package/dist/chunk-ELCMSQNJ.js +49 -0
package/dist/chunk-ELCMSQNJ.js.map +1 -0
package/dist/{chunk-P74VXMB6.js → chunk-EOO6PYGF.js} +7 -14
package/dist/chunk-EOO6PYGF.js.map +1 -0
package/dist/{chunk-PRG4CL3Q.js → chunk-FR76ZJQC.js} +21 -19
package/dist/chunk-FR76ZJQC.js.map +1 -0
package/dist/{chunk-QQ3TTWFH.js → chunk-G3J7JDP6.js} +1 -1
package/dist/{chunk-QQ3TTWFH.js.map → chunk-G3J7JDP6.js.map} +1 -1
package/dist/{chunk-IGTWXPTN.js → chunk-HGV7J4T6.js} +3 -3
package/dist/{chunk-IGTWXPTN.js.map → chunk-HGV7J4T6.js.map} +1 -1
package/dist/{chunk-YWQGSUF2.js → chunk-HLDRH23D.js} +3 -3
package/dist/{chunk-YWQGSUF2.js.map → chunk-HLDRH23D.js.map} +1 -1
package/dist/{chunk-PBT3CPPY.js → chunk-HQZYKJ56.js} +24 -4
package/dist/chunk-HQZYKJ56.js.map +1 -0
package/dist/{chunk-V6W56V3N.js → chunk-HZPHCSCS.js} +16 -3
package/dist/chunk-HZPHCSCS.js.map +1 -0
package/dist/{chunk-GJYQ27C2.js → chunk-INI4WDWC.js} +8 -1
package/dist/chunk-INI4WDWC.js.map +1 -0
package/dist/{chunk-U657IHFB.js → chunk-IQSRHXZR.js} +10 -4
package/dist/chunk-IQSRHXZR.js.map +1 -0
package/dist/{chunk-KQDU7Z7P.js → chunk-K4AT3V3J.js} +2 -1
package/dist/chunk-K4AT3V3J.js.map +1 -0
package/dist/{chunk-QIAPOWHH.js → chunk-KCS6NJ3O.js} +2 -2
package/dist/{chunk-QIAPOWHH.js.map → chunk-KCS6NJ3O.js.map} +1 -1
package/dist/{chunk-UKKRPP56.js → chunk-LOSRXZAH.js} +2 -2
package/dist/{chunk-UKKRPP56.js.map → chunk-LOSRXZAH.js.map} +1 -1
package/dist/{chunk-ROZLJULF.js → chunk-MF6ZUUJZ.js} +8 -3
package/dist/chunk-MF6ZUUJZ.js.map +1 -0
package/dist/{chunk-6IVNMC6R.js → chunk-MHMWQ7RB.js} +2 -2
package/dist/{chunk-6IVNMC6R.js.map → chunk-MHMWQ7RB.js.map} +1 -1
package/dist/{chunk-JYD7G4RG.js → chunk-PIVY32AE.js} +15 -5
package/dist/chunk-PIVY32AE.js.map +1 -0
package/dist/{chunk-BU23Z5HZ.js → chunk-PYBBYSZ3.js} +13 -18
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-YXOMI7ES.js → chunk-QIG4IGUP.js} +2 -2
package/dist/{chunk-YXOMI7ES.js.map → chunk-QIG4IGUP.js.map} +1 -1
package/dist/{chunk-6BRRUPJY.js → chunk-QROYYGWU.js} +3 -3
package/dist/chunk-QROYYGWU.js.map +1 -0
package/dist/{chunk-FOQK4F3L.js → chunk-RHD7RKGI.js} +28 -7
package/dist/chunk-RHD7RKGI.js.map +1 -0
package/dist/{chunk-BBU2SPRE.js → chunk-T4WJ5VGP.js} +4 -4
package/dist/{chunk-BBU2SPRE.js.map → chunk-T4WJ5VGP.js.map} +1 -1
package/dist/{chunk-6NOLL5KG.js → chunk-TGLUDQP2.js} +3 -3
package/dist/{chunk-6NOLL5KG.js.map → chunk-TGLUDQP2.js.map} +1 -1
package/dist/{chunk-HO6FU3G7.js → chunk-TLMMFQWM.js} +4 -4
package/dist/{chunk-HO6FU3G7.js.map → chunk-TLMMFQWM.js.map} +1 -1
package/dist/chunk-UMKV7YVQ.js +20 -0
package/dist/chunk-UMKV7YVQ.js.map +1 -0
package/dist/{chunk-M2NRCFRO.js → chunk-VFYO3UGZ.js} +2 -2
package/dist/{chunk-M2NRCFRO.js.map → chunk-VFYO3UGZ.js.map} +1 -1
package/dist/{chunk-YOKEL75M.js → chunk-WVS6CUCT.js} +2 -2
package/dist/{chunk-YOKEL75M.js.map → chunk-WVS6CUCT.js.map} +1 -1
package/dist/{chunk-MN3POJFN.js → chunk-YMUIQRWK.js} +2 -2
package/dist/{chunk-MN3POJFN.js.map → chunk-YMUIQRWK.js.map} +1 -1
package/dist/{chunk-Y3LC7JQO.js → chunk-YOA5W5ZH.js} +2 -2
package/dist/{chunk-Y3LC7JQO.js.map → chunk-YOA5W5ZH.js.map} +1 -1
package/dist/{chunk-44A6LP54.js → chunk-YQ2AC4E2.js} +2 -2
package/dist/{chunk-44A6LP54.js.map → chunk-YQ2AC4E2.js.map} +1 -1
package/dist/chunk-ZNROKDSZ.js +54 -0
package/dist/chunk-ZNROKDSZ.js.map +1 -0
package/dist/collapsible-panel.d.ts +3 -2
package/dist/collapsible-panel.js +4 -3
package/dist/collapsible-panel.js.map +1 -1
package/dist/composer.d.ts +62 -0
package/dist/composer.js +5 -0
package/dist/composer.js.map +1 -0
package/dist/corner-status.d.ts +1 -1
package/dist/corner-status.js +1 -1
package/dist/css-values.d.ts +9 -1
package/dist/css-values.js +1 -1
package/dist/disclosure-arrow.js +1 -1
package/dist/empty-state.js +1 -1
package/dist/grid.js +1 -1
package/dist/icon-button.js +1 -1
package/dist/icon-toggle-button.js +1 -1
package/dist/index.d.ts +10 -5
package/dist/index.js +40 -37
package/dist/list-action-row.d.ts +10 -2
package/dist/list-action-row.js +1 -1
package/dist/list-header.js +1 -1
package/dist/list-icon-tile-B8dr97OW.d.ts +18 -0
package/dist/list-item.d.ts +10 -3
package/dist/list-item.js +1 -1
package/dist/list.d.ts +36 -4
package/dist/list.js +1 -1
package/dist/loading-spinner.js +1 -1
package/dist/lucide-icon.js +1 -1
package/dist/{nav-stack-BvSKY448.d.ts → nav-stack-VXTumzKa.d.ts} +53 -4
package/dist/nav-stack.d.ts +3 -2
package/dist/nav-stack.js +2 -1
package/dist/pane.d.ts +40 -3
package/dist/pane.js +1 -1
package/dist/{panel-toolbar-CL9tYOkh.d.ts → panel-toolbar-vg6Ir5Dy.d.ts} +6 -1
package/dist/popup-menu-register.d.ts +2 -1
package/dist/popup-menu-register.js +97 -22
package/dist/popup-menu-register.js.map +1 -1
package/dist/popup-menu.js +1 -1
package/dist/row.js +1 -1
package/dist/scroll-clearance-BikHljTc.d.ts +14 -0
package/dist/select-register.js +11 -0
package/dist/select-register.js.map +1 -1
package/dist/select.js +1 -1
package/dist/skeleton.js +1 -1
package/dist/spacer.js +1 -1
package/dist/split-button.js +1 -1
package/dist/split-view.d.ts +7 -5
package/dist/split-view.js +6 -3
package/dist/split-view.js.map +1 -1
package/dist/state-banner.d.ts +6 -1
package/dist/state-banner.js +1 -1
package/dist/styles/anchored-surface.css +27 -1
package/dist/styles/catalog/components/catalog-example-stack.css +5 -0
package/dist/styles/catalog/components/catalog-example.css +33 -0
package/dist/styles/catalog/components/catalog-stage.css +7 -0
package/dist/styles/chip.css +70 -0
package/dist/styles/components/actions/popup-menu/popup-menu.css +21 -4
package/dist/styles/components/actions/toolbar/toolbar.css +19 -0
package/dist/styles/components/actions/toolbar-control-group/toolbar-control-group.css +75 -1
package/dist/styles/components/actions/toolbar-text/toolbar-text.css +75 -0
package/dist/styles/components/collections/list/list.css +77 -7
package/dist/styles/components/collections/list-action-row/list-action-row.css +177 -22
package/dist/styles/components/collections/list-item/list-item.css +158 -11
package/dist/styles/components/feedback/anchored-surface/anchored-surface.css +27 -1
package/dist/styles/components/feedback/chip/chip.css +70 -0
package/dist/styles/components/feedback/state-banner/state-banner.css +24 -13
package/dist/styles/components/forms/composer/composer.css +100 -0
package/dist/styles/components/forms/select/select.css +1 -0
package/dist/styles/components/forms/token-search-field/token-search-field.css +13 -2
package/dist/styles/components/layout/pane/pane.css +81 -2
package/dist/styles/components/navigation/nav-stack/nav-stack.css +84 -0
package/dist/styles/components/navigation/tab-bar/tab-bar.css +15 -4
package/dist/styles/components/navigation/tab-navigator/tab-navigator.css +79 -4
package/dist/styles/components/surfaces/surface-scaffold/surface-scaffold.css +195 -0
package/dist/styles/composer.css +100 -0
package/dist/styles/foundation.css +66 -0
package/dist/styles/list-action-row.css +177 -22
package/dist/styles/list-item.css +158 -11
package/dist/styles/list.css +77 -7
package/dist/styles/nav-stack.css +84 -0
package/dist/styles/pane.css +81 -2
package/dist/styles/popup-menu.css +21 -4
package/dist/styles/select.css +1 -0
package/dist/styles/state-banner.css +24 -13
package/dist/styles/styles.css +1 -0
package/dist/styles/surface-scaffold.css +195 -0
package/dist/styles/tab-bar.css +15 -4
package/dist/styles/tab-navigator.css +79 -4
package/dist/styles/token-search-field.css +13 -2
package/dist/styles/toolbar-control-group.css +75 -1
package/dist/styles/toolbar-text.css +75 -0
package/dist/styles/toolbar.css +19 -0
package/dist/styles/webawesome.css +18 -0
package/dist/surface-scaffold-register.d.ts +6 -1
package/dist/surface-scaffold-register.js +89 -3
package/dist/surface-scaffold-register.js.map +1 -1
package/dist/surface-scaffold.d.ts +66 -7
package/dist/surface-scaffold.js +1 -1
package/dist/tab-navigator.d.ts +23 -2
package/dist/tab-navigator.js +2 -0
package/dist/tab-navigator.js.map +1 -1
package/dist/token-search-field.d.ts +1 -1
package/dist/token-search-field.js +1 -1
package/dist/{token-search-model-DTcTXWMS.d.ts → token-search-model-aYR0YAei.d.ts} +32 -2
package/dist/token-search-model.d.ts +1 -1
package/dist/toolbar-control-group.js +1 -1
package/dist/toolbar-text.js +1 -1
package/dist/toolbar.d.ts +1 -0
package/dist/value-table.js +1 -1
package/dist/wire-catalog.d.ts +3 -2
package/dist/wire-catalog.js +2 -2
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-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-nav-stack.js +135 -0
package/dist/wire-nav-stack.js.map +1 -1
package/dist/wire-scroll-dividers.d.ts +9 -0
package/dist/wire-scroll-dividers.js +1 -1
package/dist/wire-tab-bars.js +1 -1
package/dist/wire-tab-navigator.d.ts +3 -1
package/dist/wire-tab-navigator.js +133 -1
package/dist/wire-tab-navigator.js.map +1 -1
package/dist/wire-token-search-fields.d.ts +1 -1
package/dist/wire-token-search-fields.js +1 -1
package/dist/workbench.d.ts +8 -3
package/dist/workbench.js +2 -1
package/docs/accessibility.md +132 -3
package/docs/anchored-surface.md +46 -4
package/docs/app-layouts.md +23 -2
package/docs/apple-hig.md +1 -0
package/docs/catalog.md +61 -9
package/docs/collapsible-panel.md +9 -6
package/docs/component-contract.md +46 -13
package/docs/component-selection.md +147 -20
package/docs/composer.md +143 -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 -1
package/docs/design/templates/choice-chips.svg +1 -1
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-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 -1
package/docs/design/templates/list-action-row/trailing-menu.svg +1 -1
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/size-l-dark.svg +1 -1
package/docs/design/templates/list-header/size-l.svg +1 -1
package/docs/design/templates/list-header/size-m-dark.svg +1 -1
package/docs/design/templates/list-header/size-m.svg +1 -1
package/docs/design/templates/list-header/size-xl-dark.svg +1 -1
package/docs/design/templates/list-header/size-xl.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/icon-tile-dark.svg +1 -0
package/docs/design/templates/list-item/icon-tile.svg +1 -0
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-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-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 -1
package/docs/design/templates/state-banner/strip.svg +1 -1
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-dark.svg +1 -1
package/docs/design/templates/tab-bar.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-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/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-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-philosophy.md +9 -1
package/docs/examples/command-palette-adapter.tsx +3 -3
package/docs/layout.md +147 -14
package/docs/nav-stack.md +132 -8
package/docs/recipes.md +9 -9
package/docs/split-view.md +3 -3
package/docs/sunken-panel.md +2 -2
package/docs/surface-scaffold.md +138 -7
package/docs/tab-navigator.md +38 -1
package/docs/type-contracts.md +16 -16
package/docs/ui-analyzer.md +3 -1
package/docs/ui-doctor.md +71 -0
package/docs/ux-demo.md +6 -6
package/docs/webawesome-theme.md +7 -0
package/docs/workbench.md +10 -6
package/docs/writing.md +152 -0
package/doctor/copy-capitalization-checks.mjs +591 -0
package/doctor/index.mjs +17 -8
package/llms.txt +105 -11
package/package.json +15 -1
package/ux-demo/recipes/app-shell.tsx +11 -11
package/ux-demo/recipes/collapsible-sidebar.tsx +12 -11
package/ux-demo/recipes/compact-toolbar.tsx +10 -10
package/ux-demo/recipes/composer-form.tsx +8 -8
package/ux-demo/recipes/list-detail-dialog.tsx +13 -13
package/ux-demo/recipes/list-workspace-states.tsx +13 -13
package/ux-demo/recipes/loading-inspector.tsx +10 -10
package/ux-demo/recipes/navigation-sidebar.tsx +7 -7
package/ux-demo/recipes/navigation-stack.tsx +5 -5
package/ux-demo/recipes/workspace-header.tsx +5 -5
package/dist/chunk-36TL6BCR.js.map +0 -1
package/dist/chunk-4LOK4634.js +0 -21
package/dist/chunk-4LOK4634.js.map +0 -1
package/dist/chunk-6BRRUPJY.js.map +0 -1
package/dist/chunk-6STQXRT4.js.map +0 -1
package/dist/chunk-76PWEN5Y.js +0 -64
package/dist/chunk-76PWEN5Y.js.map +0 -1
package/dist/chunk-AYHC62OZ.js.map +0 -1
package/dist/chunk-BU23Z5HZ.js.map +0 -1
package/dist/chunk-DQDTZE4W.js +0 -70
package/dist/chunk-DQDTZE4W.js.map +0 -1
package/dist/chunk-FOQK4F3L.js.map +0 -1
package/dist/chunk-GJYQ27C2.js.map +0 -1
package/dist/chunk-JYD7G4RG.js.map +0 -1
package/dist/chunk-KQDU7Z7P.js.map +0 -1
package/dist/chunk-P74VXMB6.js.map +0 -1
package/dist/chunk-PBT3CPPY.js.map +0 -1
package/dist/chunk-PRG4CL3Q.js.map +0 -1
package/dist/chunk-ROZLJULF.js.map +0 -1
package/dist/chunk-U657IHFB.js.map +0 -1
package/dist/chunk-V6W56V3N.js.map +0 -1

package/docs/design/templates/list-action-row/default-dark.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="69" y="28" width="~~271~~" height="28"/></clipPath><clipPath id="ov4"><rect x="69" y="28" width="~~271~~" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="ct6"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M10 11v6" 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 11v6" 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="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" 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 6h18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">staging.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgic8)"><g transform="~~translate~~(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M10 11v6" 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 11v6" 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="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" 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 6h18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">staging.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>

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

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="69" y="28" width="~~271~~" height="28"/></clipPath><clipPath id="ov4"><rect x="69" y="28" width="~~271~~" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="ct6"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M10 11v6" 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 11v6" 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="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" 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 6h18" 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 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">staging.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgic8)"><g transform="~~translate~~(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M10 11v6" 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 11v6" 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="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" 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 6h18" 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 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">staging.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>

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

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="77" y="28" width="263" height="28"/></clipPath><clipPath id="ov4"><rect x="77" y="28" width="263" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="77" y="33" width="263" height="18"/></clipPath><clipPath id="ct6"><rect x="77" y="33" width="263" height="18"/></clipPath><clipPath id="ishc7"><rect x="37" y="26" width="32" height="32" rx="6"/></clipPath><clipPath id="cp8"><rect x="44" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.5Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m15 5 4 4" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="77" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Deploy Preview</text></g></g></g></g><rect x="37" y="26" width="32" height="32" rx="6" fill="rgb(0,144,255)"/><g clip-path="url(#ishc7)"><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="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp8)"><g color="color(srgb 0.999871 1.00005 1.00007)"><clipPath id="svgic9"><rect x="44" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic9)"><g transform="matrix(.75 0 0 .75 44 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 12H4s.5-3 2-4c1.6-1 5 0 5 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></svg>

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

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="77" y="28" width="263" height="28"/></clipPath><clipPath id="ov4"><rect x="77" y="28" width="263" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="77" y="33" width="263" height="18"/></clipPath><clipPath id="ct6"><rect x="77" y="33" width="263" height="18"/></clipPath><clipPath id="ishc7"><rect x="37" y="26" width="32" height="32" rx="6"/></clipPath><clipPath id="cp8"><rect x="44" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.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="m15 5 4 4" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="77" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Deploy Preview</text></g></g></g></g><rect x="37" y="26" width="32" height="32" rx="6" fill="rgb(0,144,255)"/><g clip-path="url(#ishc7)"><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="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp8)"><g color="color(srgb 0.999871 1.00005 1.00007)"><clipPath id="svgic9"><rect x="44" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic9)"><g transform="matrix(.75 0 0 .75 44 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 12H4s.5-3 2-4c1.6-1 5 0 5 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></svg>

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

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="69" y="28" width="~~271~~" height="28"/></clipPath><clipPath id="ov4"><rect x="69" y="28" width="~~271~~" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="ct6"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><rect x="28" y="20" width="364" height="44" rx="12" fill="rgb(40,57,66)"/><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgb(53,92,109)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.5Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m15 5 4 4" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(245,245,247)">production.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgic8)"><g transform="~~translate~~(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><rect x="28" y="20" width="364" height="44" rx="12" fill="rgb(40,57,66)"/><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgb(53,92,109)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.5Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m15 5 4 4" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(245,245,247)">production.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>

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

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="69" y="28" width="~~271~~" height="28"/></clipPath><clipPath id="ov4"><rect x="69" y="28" width="~~271~~" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="ct6"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><rect x="28" y="20" width="364" height="44" rx="12" fill="rgb(214,233,249)"/><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgb(166,207,242)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.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="m15 5 4 4" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(29,29,31)">production.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgic8)"><g transform="~~translate~~(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><rect x="28" y="20" width="364" height="44" rx="12" fill="rgb(214,233,249)"/><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgb(166,207,242)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.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="m15 5 4 4" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(29,29,31)">production.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>

package/docs/design/templates/list-action-row/trailing-menu-dark.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="69" y="28" width="~~271~~" height="28"/></clipPath><clipPath id="ov4"><rect x="69" y="28" width="~~271~~" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="ct6"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><circle cx="12" cy="12" r="1" 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="19" cy="12" r="1" 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="5" cy="12" r="1" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">preview.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgic8)"><g transform="~~translate~~(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><circle cx="12" cy="12" r="1" 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="19" cy="12" r="1" 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="5" cy="12" r="1" 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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">preview.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>

package/docs/design/templates/list-action-row/trailing-menu.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="69" y="28" width="~~271~~" height="28"/></clipPath><clipPath id="ov4"><rect x="69" y="28" width="~~271~~" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="ct6"><rect x="69" y="33" width="~~271~~" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><circle cx="12" cy="12" r="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"/><circle cx="19" cy="12" r="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"/><circle cx="5" cy="12" r="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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">preview.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgic8)"><g transform="~~translate~~(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgic2)"><g transform="translate(362 34)scale(.66667)"><circle cx="12" cy="12" r="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"/><circle cx="19" cy="12" r="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"/><circle cx="5" cy="12" r="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(#cp3)"><g clip-path="url(#ov4)"><g clip-path="url(#cp5)"><g clip-path="url(#ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">preview.example.com</text></g></g></g></g><g clip-path="url(#cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></svg>

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

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 452 406" width="452" height="406"><defs><clipPath id="cp0"><rect x="16" y="38" width="420" height="92"/></clipPath><clipPath id="cp1"><rect x="16" y="168" width="420" height="92"/></clipPath><clipPath id="cp2"><rect x="16" y="298" width="420" height="92"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="420" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="420" height="92" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="146" width="420" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="168" width="420" height="92" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="276" width="420" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="298" width="420" height="92" rx="0"/></clipPath></defs><rect x="0" y="0" width="452" height="406" 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)">Primary with a trailing action</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="420" height="92"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg5cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg5cp3"><rect x="69" y="28" width="271" height="28"/></clipPath><clipPath id="svgimg5ov4"><rect x="69" y="28" width="271" height="28" rx="0"/></clipPath><clipPath id="svgimg5cp5"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg5ct6"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg5cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><g clip-path="url(#svgimg5ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg5svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg5svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M10 11v6" 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 11v6" 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="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" 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 6h18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" 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(#svgimg5cp3)"><g clip-path="url(#svgimg5ov4)"><g clip-path="url(#svgimg5cp5)"><g clip-path="url(#svgimg5ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">staging.example.com</text></g></g></g></g><g clip-path="url(#svgimg5cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg5svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgimg5svgic8)"><g transform="translate(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></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 primary</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="168" width="420" height="92"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 168)"><defs><clipPath id="svgimg8ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg8cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg8cp3"><rect x="69" y="28" width="271" height="28"/></clipPath><clipPath id="svgimg8ov4"><rect x="69" y="28" width="271" height="28" rx="0"/></clipPath><clipPath id="svgimg8cp5"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg8ct6"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg8cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><rect x="28" y="20" width="364" height="44" rx="12" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg8ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgb(53,92,109)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg8cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg8svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg8svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.5Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m15 5 4 4" 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(#svgimg8cp3)"><g clip-path="url(#svgimg8ov4)"><g clip-path="url(#svgimg8cp5)"><g clip-path="url(#svgimg8ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(245,245,247)">production.example.com</text></g></g></g></g><g clip-path="url(#svgimg8cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg8svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgimg8svgic8)"><g transform="translate(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></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 overflow menu</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="298" width="420" height="92"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 298)"><defs><clipPath id="svgimg11ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg11cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg11cp3"><rect x="69" y="28" width="271" height="28"/></clipPath><clipPath id="svgimg11ov4"><rect x="69" y="28" width="271" height="28" rx="0"/></clipPath><clipPath id="svgimg11cp5"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg11ct6"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg11cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><g clip-path="url(#svgimg11ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg11svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg11svgic2)"><g transform="translate(362 34)scale(.66667)"><circle cx="12" cy="12" r="1" 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="19" cy="12" r="1" 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="5" cy="12" r="1" 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(#svgimg11cp3)"><g clip-path="url(#svgimg11ov4)"><g clip-path="url(#svgimg11cp5)"><g clip-path="url(#svgimg11ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">preview.example.com</text></g></g></g></g><g clip-path="url(#svgimg11cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg11svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgimg11svgic8)"><g transform="translate(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 452 536" width="452" height="536"><defs><clipPath id="cp0"><rect x="16" y="38" width="420" height="92"/></clipPath><clipPath id="cp1"><rect x="16" y="168" width="420" height="92"/></clipPath><clipPath id="cp2"><rect x="16" y="298" width="420" height="92"/></clipPath><clipPath id="cp3"><rect x="16" y="428" width="420" height="92"/></clipPath><clipPath id="ct4"><rect x="16" y="16" width="420" height="22"/></clipPath><clipPath id="irc5"><rect x="16" y="38" width="420" height="92" rx="0"/></clipPath><clipPath id="ct7"><rect x="16" y="146" width="420" height="22"/></clipPath><clipPath id="irc8"><rect x="16" y="168" width="420" height="92" rx="0"/></clipPath><clipPath id="ct10"><rect x="16" y="276" width="420" height="22"/></clipPath><clipPath id="irc11"><rect x="16" y="298" width="420" height="92" rx="0"/></clipPath><clipPath id="ct13"><rect x="16" y="406" width="420" height="22"/></clipPath><clipPath id="irc14"><rect x="16" y="428" width="420" height="92" rx="0"/></clipPath></defs><rect x="0" y="0" width="452" height="536" 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)">Primary with a Trailing Action</text><g clip-path="url(#cp0)"><g clip-path="url(#irc5)"><clipPath id="svgimg6vclip"><rect x="16" y="38" width="420" height="92"/></clipPath><g clip-path="url(#svgimg6vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg6ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg6cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg6cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="svgimg6ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="svgimg6cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg6ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg6cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#svgimg6ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg6cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg6svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg6svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M10 11v6" 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 11v6" 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="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" 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 6h18" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" 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(#svgimg6cp3)"><g clip-path="url(#svgimg6ov4)"><g clip-path="url(#svgimg6cp5)"><g clip-path="url(#svgimg6ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">staging.example.com</text></g></g></g></g><g clip-path="url(#svgimg6cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg6svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg6svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></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 Primary</text><g clip-path="url(#cp1)"><g clip-path="url(#irc8)"><clipPath id="svgimg9vclip"><rect x="16" y="168" width="420" height="92"/></clipPath><g clip-path="url(#svgimg9vclip)"><g transform="translate(16 168)"><defs><clipPath id="svgimg9ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg9cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg9cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="svgimg9ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="svgimg9cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg9ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg9cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><rect x="28" y="20" width="364" height="44" rx="12" fill="rgb(40,57,66)"/><g clip-path="url(#svgimg9ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgb(53,92,109)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg9cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg9svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg9svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.5Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m15 5 4 4" 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(#svgimg9cp3)"><g clip-path="url(#svgimg9ov4)"><g clip-path="url(#svgimg9cp5)"><g clip-path="url(#svgimg9ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(245,245,247)">production.example.com</text></g></g></g></g><g clip-path="url(#svgimg9cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg9svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg9svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></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 Overflow Menu</text><g clip-path="url(#cp2)"><g clip-path="url(#irc11)"><clipPath id="svgimg12vclip"><rect x="16" y="298" width="420" height="92"/></clipPath><g clip-path="url(#svgimg12vclip)"><g transform="translate(16 298)"><defs><clipPath id="svgimg12ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg12cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg12cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="svgimg12ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="svgimg12cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg12ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg12cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#svgimg12ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg12cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg12svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg12svgic2)"><g transform="translate(362 34)scale(.66667)"><circle cx="12" cy="12" r="1" 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="19" cy="12" r="1" 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="5" cy="12" r="1" 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(#svgimg12cp3)"><g clip-path="url(#svgimg12ov4)"><g clip-path="url(#svgimg12cp5)"><g clip-path="url(#svgimg12ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">preview.example.com</text></g></g></g></g><g clip-path="url(#svgimg12cp7)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg12svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg12svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></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)">Colored Icon Tile</text><g clip-path="url(#cp3)"><g clip-path="url(#irc14)"><clipPath id="svgimg15vclip"><rect x="16" y="428" width="420" height="92"/></clipPath><g clip-path="url(#svgimg15vclip)"><g transform="translate(16 428)"><defs><clipPath id="svgimg15ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg15cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg15cp3"><rect x="77" y="28" width="263" height="28"/></clipPath><clipPath id="svgimg15ov4"><rect x="77" y="28" width="263" height="28" rx="0"/></clipPath><clipPath id="svgimg15cp5"><rect x="77" y="33" width="263" height="18"/></clipPath><clipPath id="svgimg15ct6"><rect x="77" y="33" width="263" height="18"/></clipPath><clipPath id="svgimg15ishc7"><rect x="37" y="26" width="32" height="32" rx="6"/></clipPath><clipPath id="svgimg15cp8"><rect x="44" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#svgimg15ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg15cp1)"><g color="rgb(245, 245, 247)"><clipPath id="svgimg15svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg15svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.5Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="m15 5 4 4" 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(#svgimg15cp3)"><g clip-path="url(#svgimg15ov4)"><g clip-path="url(#svgimg15cp5)"><g clip-path="url(#svgimg15ct6)"><text x="77" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(245,245,247)">Deploy Preview</text></g></g></g></g><rect x="37" y="26" width="32" height="32" rx="6" fill="rgb(0,144,255)"/><g clip-path="url(#svgimg15ishc7)"><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="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg15cp8)"><g color="color(srgb 0.999871 1.00005 1.00007)"><clipPath id="svgimg15svgic9"><rect x="44" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg15svgic9)"><g transform="matrix(.75 0 0 .75 44 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 12H4s.5-3 2-4c1.6-1 5 0 5 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g></g></g></g></svg>

package/docs/design/templates/list-action-row.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 452 406" width="452" height="406"><defs><clipPath id="cp0"><rect x="16" y="38" width="420" height="92"/></clipPath><clipPath id="cp1"><rect x="16" y="168" width="420" height="92"/></clipPath><clipPath id="cp2"><rect x="16" y="298" width="420" height="92"/></clipPath><clipPath id="ct3"><rect x="16" y="16" width="420" height="22"/></clipPath><clipPath id="irc4"><rect x="16" y="38" width="420" height="92" rx="0"/></clipPath><clipPath id="ct6"><rect x="16" y="146" width="420" height="22"/></clipPath><clipPath id="irc7"><rect x="16" y="168" width="420" height="92" rx="0"/></clipPath><clipPath id="ct9"><rect x="16" y="276" width="420" height="22"/></clipPath><clipPath id="irc10"><rect x="16" y="298" width="420" height="92" rx="0"/></clipPath></defs><rect x="0" y="0" width="452" height="406" 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)">Primary with a trailing action</text><g clip-path="url(#cp0)"><g clip-path="url(#irc4)"><clipPath id="svgimg5vclip"><rect x="16" y="38" width="420" height="92"/></clipPath><g clip-path="url(#svgimg5vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg5ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg5cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg5cp3"><rect x="69" y="28" width="271" height="28"/></clipPath><clipPath id="svgimg5ov4"><rect x="69" y="28" width="271" height="28" rx="0"/></clipPath><clipPath id="svgimg5cp5"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg5ct6"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg5cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><g clip-path="url(#svgimg5ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg5cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg5svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg5svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M10 11v6" 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 11v6" 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="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" 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 6h18" 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 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" 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(#svgimg5cp3)"><g clip-path="url(#svgimg5ov4)"><g clip-path="url(#svgimg5cp5)"><g clip-path="url(#svgimg5ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">staging.example.com</text></g></g></g></g><g clip-path="url(#svgimg5cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg5svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgimg5svgic8)"><g transform="translate(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></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 primary</text><g clip-path="url(#cp1)"><g clip-path="url(#irc7)"><clipPath id="svgimg8vclip"><rect x="16" y="168" width="420" height="92"/></clipPath><g clip-path="url(#svgimg8vclip)"><g transform="translate(16 168)"><defs><clipPath id="svgimg8ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg8cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg8cp3"><rect x="69" y="28" width="271" height="28"/></clipPath><clipPath id="svgimg8ov4"><rect x="69" y="28" width="271" height="28" rx="0"/></clipPath><clipPath id="svgimg8cp5"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg8ct6"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg8cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><rect x="28" y="20" width="364" height="44" rx="12" fill="rgb(214,233,249)"/><g clip-path="url(#svgimg8ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgb(166,207,242)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg8cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg8svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg8svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.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="m15 5 4 4" 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(#svgimg8cp3)"><g clip-path="url(#svgimg8ov4)"><g clip-path="url(#svgimg8cp5)"><g clip-path="url(#svgimg8ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(29,29,31)">production.example.com</text></g></g></g></g><g clip-path="url(#svgimg8cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg8svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgimg8svgic8)"><g transform="translate(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></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 overflow menu</text><g clip-path="url(#cp2)"><g clip-path="url(#irc10)"><clipPath id="svgimg11vclip"><rect x="16" y="298" width="420" height="92"/></clipPath><g clip-path="url(#svgimg11vclip)"><g transform="translate(16 298)"><defs><clipPath id="svgimg11ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg11cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg11cp3"><rect x="69" y="28" width="271" height="28"/></clipPath><clipPath id="svgimg11ov4"><rect x="69" y="28" width="271" height="28" rx="0"/></clipPath><clipPath id="svgimg11cp5"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg11ct6"><rect x="69" y="33" width="271" height="18"/></clipPath><clipPath id="svgimg11cp7"><rect x="37" y="30" width="24" height="24"/></clipPath></defs><g clip-path="url(#svgimg11ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg11cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg11svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg11svgic2)"><g transform="translate(362 34)scale(.66667)"><circle cx="12" cy="12" r="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"/><circle cx="19" cy="12" r="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"/><circle cx="5" cy="12" r="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(#svgimg11cp3)"><g clip-path="url(#svgimg11ov4)"><g clip-path="url(#svgimg11cp5)"><g clip-path="url(#svgimg11ct6)"><text x="69" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">preview.example.com</text></g></g></g></g><g clip-path="url(#svgimg11cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg11svgic8"><rect x="37" y="30" width="24" height="24"/></clipPath><g clip-path="url(#svgimg11svgic8)"><g transform="translate(37 30)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></g></g></g></g></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 452 536" width="452" height="536"><defs><clipPath id="cp0"><rect x="16" y="38" width="420" height="92"/></clipPath><clipPath id="cp1"><rect x="16" y="168" width="420" height="92"/></clipPath><clipPath id="cp2"><rect x="16" y="298" width="420" height="92"/></clipPath><clipPath id="cp3"><rect x="16" y="428" width="420" height="92"/></clipPath><clipPath id="ct4"><rect x="16" y="16" width="420" height="22"/></clipPath><clipPath id="irc5"><rect x="16" y="38" width="420" height="92" rx="0"/></clipPath><clipPath id="ct7"><rect x="16" y="146" width="420" height="22"/></clipPath><clipPath id="irc8"><rect x="16" y="168" width="420" height="92" rx="0"/></clipPath><clipPath id="ct10"><rect x="16" y="276" width="420" height="22"/></clipPath><clipPath id="irc11"><rect x="16" y="298" width="420" height="92" rx="0"/></clipPath><clipPath id="ct13"><rect x="16" y="406" width="420" height="22"/></clipPath><clipPath id="irc14"><rect x="16" y="428" width="420" height="92" rx="0"/></clipPath></defs><rect x="0" y="0" width="452" height="536" 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)">Primary with a Trailing Action</text><g clip-path="url(#cp0)"><g clip-path="url(#irc5)"><clipPath id="svgimg6vclip"><rect x="16" y="38" width="420" height="92"/></clipPath><g clip-path="url(#svgimg6vclip)"><g transform="translate(16 38)"><defs><clipPath id="svgimg6ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg6cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg6cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="svgimg6ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="svgimg6cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg6ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg6cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#svgimg6ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg6cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg6svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg6svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M10 11v6" 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 11v6" 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="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" 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 6h18" 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 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" 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(#svgimg6cp3)"><g clip-path="url(#svgimg6ov4)"><g clip-path="url(#svgimg6cp5)"><g clip-path="url(#svgimg6ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">staging.example.com</text></g></g></g></g><g clip-path="url(#svgimg6cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg6svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg6svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></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 Primary</text><g clip-path="url(#cp1)"><g clip-path="url(#irc8)"><clipPath id="svgimg9vclip"><rect x="16" y="168" width="420" height="92"/></clipPath><g clip-path="url(#svgimg9vclip)"><g transform="translate(16 168)"><defs><clipPath id="svgimg9ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg9cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg9cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="svgimg9ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="svgimg9cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg9ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg9cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><rect x="28" y="20" width="364" height="44" rx="12" fill="rgb(214,233,249)"/><g clip-path="url(#svgimg9ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgb(166,207,242)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg9cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg9svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg9svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.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="m15 5 4 4" 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(#svgimg9cp3)"><g clip-path="url(#svgimg9ov4)"><g clip-path="url(#svgimg9cp5)"><g clip-path="url(#svgimg9ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" font-weight="650" fill="rgb(29,29,31)">production.example.com</text></g></g></g></g><g clip-path="url(#svgimg9cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg9svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg9svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></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 Overflow Menu</text><g clip-path="url(#cp2)"><g clip-path="url(#irc11)"><clipPath id="svgimg12vclip"><rect x="16" y="298" width="420" height="92"/></clipPath><g clip-path="url(#svgimg12vclip)"><g transform="translate(16 298)"><defs><clipPath id="svgimg12ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg12cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg12cp3"><rect x="63" y="28" width="277" height="28"/></clipPath><clipPath id="svgimg12ov4"><rect x="63" y="28" width="277" height="28" rx="0"/></clipPath><clipPath id="svgimg12cp5"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg12ct6"><rect x="63" y="33" width="277" height="18"/></clipPath><clipPath id="svgimg12cp7"><rect x="37" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#svgimg12ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg12cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg12svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg12svgic2)"><g transform="translate(362 34)scale(.66667)"><circle cx="12" cy="12" r="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"/><circle cx="19" cy="12" r="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"/><circle cx="5" cy="12" r="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(#svgimg12cp3)"><g clip-path="url(#svgimg12ov4)"><g clip-path="url(#svgimg12cp5)"><g clip-path="url(#svgimg12ct6)"><text x="63" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">preview.example.com</text></g></g></g></g><g clip-path="url(#svgimg12cp7)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg12svgic8"><rect x="37" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg12svgic8)"><g transform="matrix(.75 0 0 .75 37 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" 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="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 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="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 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="M9 12H4s.5-3 2-4c1.6-1 5 0 5 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"/></g></g></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)">Colored Icon Tile</text><g clip-path="url(#cp3)"><g clip-path="url(#irc14)"><clipPath id="svgimg15vclip"><rect x="16" y="428" width="420" height="92"/></clipPath><g clip-path="url(#svgimg15vclip)"><g transform="translate(16 428)"><defs><clipPath id="svgimg15ishc0"><rect x="28" y="20" width="364" height="44" rx="12"/></clipPath><clipPath id="svgimg15cp1"><rect x="362" y="34" width="16" height="16"/></clipPath><clipPath id="svgimg15cp3"><rect x="77" y="28" width="263" height="28"/></clipPath><clipPath id="svgimg15ov4"><rect x="77" y="28" width="263" height="28" rx="0"/></clipPath><clipPath id="svgimg15cp5"><rect x="77" y="33" width="263" height="18"/></clipPath><clipPath id="svgimg15ct6"><rect x="77" y="33" width="263" height="18"/></clipPath><clipPath id="svgimg15ishc7"><rect x="37" y="26" width="32" height="32" rx="6"/></clipPath><clipPath id="svgimg15cp8"><rect x="44" y="33" width="18" height="18"/></clipPath></defs><g clip-path="url(#svgimg15ishc0)"><path d="M24 16h372v52H24zm16 5h340a11 11 0 0 1 11 11v20a11 11 0 0 1-11 11H40a11 11 0 0 1-11-11V32a11 11 0 0 1 11-11" fill="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg15cp1)"><g color="rgb(29, 29, 31)"><clipPath id="svgimg15svgic2"><rect x="362" y="34" width="16" height="16"/></clipPath><g clip-path="url(#svgimg15svgic2)"><g transform="translate(362 34)scale(.66667)"><path d="M21.2 6.8a1 1 0 0 0-4-4L3.8 16.2l-.5.8L2 21.4a.5.5 0 0 0 .6.6L7 20.7l.8-.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="m15 5 4 4" 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(#svgimg15cp3)"><g clip-path="url(#svgimg15ov4)"><g clip-path="url(#svgimg15cp5)"><g clip-path="url(#svgimg15ct6)"><text x="77" y="48" font-family="system-ui, "-apple-system", sans-serif" font-size="16" fill="rgb(29,29,31)">Deploy Preview</text></g></g></g></g><rect x="37" y="26" width="32" height="32" rx="6" fill="rgb(0,144,255)"/><g clip-path="url(#svgimg15ishc7)"><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="rgba(0,0,0,0)" fill-rule="evenodd"/></g><g clip-path="url(#svgimg15cp8)"><g color="color(srgb 0.999871 1.00005 1.00007)"><clipPath id="svgimg15svgic9"><rect x="44" y="33" width="18" height="18"/></clipPath><g clip-path="url(#svgimg15svgic9)"><g transform="matrix(.75 0 0 .75 44 33)"><path d="M12 15v5s3-.6 4-2c1-1.6 0-5 0-5" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1 0-3a2 2 0 0 0-3 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 12a22 22 0 0 1 2-4 13 13 0 0 1 11-6c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 2Z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M9 12H4s.5-3 2-4c1.6-1 5 0 5 0" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="oklch(1 0 0)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g></g></g></g></g></svg>

package/docs/design/templates/list-dark.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(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)">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(194,194,198)">WORKSPACE</text></g></g><rect x="134.8" y="32" width="20.3" height="20" rx="10" fill="rgba(228,228,255,0.075)"/><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(194,194,198)">2</text><g clip-path="url(#svgimg4cp3)"><rect x="28" y="72" width="324" height="44" rx="12" fill="rgb(40,57,66)"/><rect x="28.5" y="72.5" width="323" height="43" rx="11.5" fill="none" stroke="rgb(53,92,109)" stroke-width="1"/><g clip-path="url(#svgimg4ov4)"><g clip-path="url(#svgimg4cp5)"><g color="rgb(245, 245, 247)"><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(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="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(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(#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(245,245,247)">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(245, 245, 247)"><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(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(#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(245,245,247)">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(174,174,178)">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(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="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><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)">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(245, 245, 247)"><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(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#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(245,245,247)">All work</text></g></g></g></g></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(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)">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(194,194,198)">WORKSPACE</text></g></g><rect x="134.8" y="32" width="20.3" height="20" rx="10" fill="rgba(228,228,255,0.075)"/><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(194,194,198)">2</text><g clip-path="url(#svgimg4cp3)"><rect x="28" y="72" width="324" height="44" rx="12" fill="rgb(40,57,66)"/><rect x="28.5" y="72.5" width="323" height="43" rx="11.5" fill="none" stroke="rgb(53,92,109)" stroke-width="1"/><g clip-path="url(#svgimg4ov4)"><g clip-path="url(#svgimg4cp5)"><g color="rgb(245, 245, 247)"><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(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="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(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(#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(245,245,247)">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(245, 245, 247)"><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(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(#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(245,245,247)">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(174,174,178)">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(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="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><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)">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(245, 245, 247)"><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(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 12z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M3 19z" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 5h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 12h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/><path d="M8 19h13" style="marker:none;vector-effect:none;color-interpolation:srgb" fill="none" stroke="rgb(245, 245, 247)" stroke-width="2px" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" fill-opacity="1" opacity="1"/></g></g></g></g><g clip-path="url(#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(245,245,247)">All Work</text></g></g></g></g></g></g></g></g></g></g></svg>

package/docs/design/templates/list-header/size-l-dark.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="cp0"><rect x="29" y="22" width="157.3" height="40"/></clipPath><clipPath id="ct1"><rect x="29" y="22" width="157.3" height="40"/></clipPath></defs><rect x="28.5" y="20.5" width="363" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g clip-path="url(#ct1)"><text x="37" y="49" font-family=""ui-sans-serif", "-apple-system", "system-ui", "Segoe UI", sans-serif" font-size="20" font-weight="600" fill="rgb(194,194,198)">Team ~~members~~</text></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="cp0"><rect x="29" y="22" width="157.1" height="40"/></clipPath><clipPath id="ct1"><rect x="29" y="22" width="157.1" height="40"/></clipPath></defs><rect x="28.5" y="20.5" width="363" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g clip-path="url(#ct1)"><text x="37" y="49" font-family=""ui-sans-serif", "-apple-system", "system-ui", "Segoe UI", sans-serif" font-size="20" font-weight="600" fill="rgb(194,194,198)">Team Members</text></g></g></svg>

package/docs/design/templates/list-header/size-l.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="cp0"><rect x="29" y="22" width="157.3" height="40"/></clipPath><clipPath id="ct1"><rect x="29" y="22" width="157.3" height="40"/></clipPath></defs><rect x="28.5" y="20.5" width="363" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g clip-path="url(#ct1)"><text x="37" y="49" font-family=""ui-sans-serif", "-apple-system", "system-ui", "Segoe UI", sans-serif" font-size="20" font-weight="600" fill="rgb(98,98,103)">Team ~~members~~</text></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="cp0"><rect x="29" y="22" width="157.1" height="40"/></clipPath><clipPath id="ct1"><rect x="29" y="22" width="157.1" height="40"/></clipPath></defs><rect x="28.5" y="20.5" width="363" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g clip-path="url(#ct1)"><text x="37" y="49" font-family=""ui-sans-serif", "-apple-system", "system-ui", "Segoe UI", sans-serif" font-size="20" font-weight="600" fill="rgb(98,98,103)">Team Members</text></g></g></svg>

package/docs/design/templates/list-header/size-m-dark.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="cp0"><rect x="29" y="24.4" width="132.3" height="35.2"/></clipPath><clipPath id="ct1"><rect x="29" y="24.4" width="132.3" height="35.2"/></clipPath></defs><rect x="28.5" y="20.5" width="363" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g clip-path="url(#ct1)"><text x="37" y="47.41" font-family=""ui-sans-serif", "-apple-system", "system-ui", "Segoe UI", sans-serif" font-size="16" font-weight="600" fill="rgb(194,194,198)">Team ~~members~~</text></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="cp0"><rect x="29" y="24.4" width="132.1" height="35.2"/></clipPath><clipPath id="ct1"><rect x="29" y="24.4" width="132.1" height="35.2"/></clipPath></defs><rect x="28.5" y="20.5" width="363" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g clip-path="url(#ct1)"><text x="37" y="47.41" font-family=""ui-sans-serif", "-apple-system", "system-ui", "Segoe UI", sans-serif" font-size="16" font-weight="600" fill="rgb(194,194,198)">Team Members</text></g></g></svg>

package/docs/design/templates/list-header/size-m.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="cp0"><rect x="29" y="24.4" width="132.3" height="35.2"/></clipPath><clipPath id="ct1"><rect x="29" y="24.4" width="132.3" height="35.2"/></clipPath></defs><rect x="28.5" y="20.5" width="363" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g clip-path="url(#ct1)"><text x="37" y="47.41" font-family=""ui-sans-serif", "-apple-system", "system-ui", "Segoe UI", sans-serif" font-size="16" font-weight="600" fill="rgb(98,98,103)">Team ~~members~~</text></g></g></svg>
1	+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 92" width="420" height="92"><defs><clipPath id="cp0"><rect x="29" y="24.4" width="132.1" height="35.2"/></clipPath><clipPath id="ct1"><rect x="29" y="24.4" width="132.1" height="35.2"/></clipPath></defs><rect x="28.5" y="20.5" width="363" height="43" rx="11.5" fill="none" stroke="rgba(0,0,0,0)" stroke-width="1"/><g clip-path="url(#cp0)"><g clip-path="url(#ct1)"><text x="37" y="47.41" font-family=""ui-sans-serif", "-apple-system", "system-ui", "Segoe UI", sans-serif" font-size="16" font-weight="600" fill="rgb(98,98,103)">Team Members</text></g></g></svg>