7572 lines
190 KiB
JSON
7572 lines
190 KiB
JSON
{
|
|
"schemaVersion": 1,
|
|
"methodology": "Static observations from current working tree, including uncommitted files. Props copied from generated reference; not a parser or visual/behavior certification. Literal declaration count is a heuristic and includes legitimate structural values.",
|
|
"componentCount": 104,
|
|
"referenceCount": 104,
|
|
"catalogCount": 104,
|
|
"referenceOnly": [],
|
|
"catalogOnly": [],
|
|
"components": [
|
|
{
|
|
"name": "Accordion",
|
|
"source": "packages/ui/components/Accordion.wrn",
|
|
"sha256": "51714cc2103e4727fc64a5e6cb37f060d5b495c72e1660c1a04948982b7f4c53",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"class",
|
|
"id",
|
|
"items",
|
|
"defaultOpen",
|
|
"multiple",
|
|
"alwaysOpen",
|
|
"disabled",
|
|
"indicator",
|
|
"indicatorPosition",
|
|
"showIndicator",
|
|
"bordered",
|
|
"separated",
|
|
"flush",
|
|
"contentItalic"
|
|
],
|
|
"tokenReferences": [
|
|
"accordion-accent",
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"ease-standard",
|
|
"font-sans",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-2"
|
|
],
|
|
"dataAttributes": [
|
|
"data-disabled",
|
|
"data-indicator",
|
|
"data-indicator-position",
|
|
"data-multiple",
|
|
"data-open",
|
|
"data-variant",
|
|
"data-wrn-axis-bordered",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-flush",
|
|
"data-wrn-axis-separated",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 15,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "AdvancedSelect",
|
|
"source": "packages/ui/components/AdvancedSelect.wrn",
|
|
"sha256": "b812acc74cd717af6f102d29fd07b47de2b2ad6e3879706730e0a32eada6f3ee",
|
|
"category": "advanced-forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"label",
|
|
"name",
|
|
"value",
|
|
"values",
|
|
"options",
|
|
"groups",
|
|
"placeholder",
|
|
"placeholderIcon",
|
|
"searchPlaceholder",
|
|
"multiple",
|
|
"searchable",
|
|
"defaultOpen",
|
|
"clearable",
|
|
"allowEmpty",
|
|
"tags",
|
|
"disabled",
|
|
"required",
|
|
"invalid",
|
|
"validationMessage",
|
|
"helpText",
|
|
"loading",
|
|
"loadingLabel",
|
|
"emptyLabel",
|
|
"selectedOptionsLabel",
|
|
"clearLabel",
|
|
"createLabel",
|
|
"loadMoreLabel",
|
|
"searchMode",
|
|
"searchFields",
|
|
"minSearchLength",
|
|
"searchResultLimit",
|
|
"maxSelections",
|
|
"showCounter",
|
|
"counterTemplate",
|
|
"optionTemplate",
|
|
"selectedTemplate",
|
|
"closeOnSelect",
|
|
"scrollToSelected",
|
|
"fixed",
|
|
"placement",
|
|
"remote",
|
|
"remoteUrl",
|
|
"remoteQueryParam",
|
|
"remoteDebounce",
|
|
"remoteAutoLoad",
|
|
"infinite",
|
|
"hasMore",
|
|
"page",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-input-placeholder",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"font-sans",
|
|
"radius-sm"
|
|
],
|
|
"dataAttributes": [
|
|
"data-error",
|
|
"data-infinite",
|
|
"data-option-value",
|
|
"data-page",
|
|
"data-placement",
|
|
"data-remote",
|
|
"data-remote-auto-load",
|
|
"data-remote-debounce",
|
|
"data-remote-query-param",
|
|
"data-remote-url",
|
|
"data-search-mode",
|
|
"data-show",
|
|
"data-text",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 3,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "AnnouncementBar",
|
|
"source": "packages/ui/components/AnnouncementBar.wrn",
|
|
"sha256": "b2b833350eb9a37627e4047f371c12ff7a8c25385a70294c0fc25ddfd4bb74c8",
|
|
"category": "marketing",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"badge",
|
|
"badgeIcon",
|
|
"message",
|
|
"description",
|
|
"icon",
|
|
"actionLabel",
|
|
"actionHref",
|
|
"actionIcon",
|
|
"dismissible",
|
|
"dismissLabel",
|
|
"sticky",
|
|
"compact",
|
|
"flush",
|
|
"mobileCompact",
|
|
"mobileMessageLines",
|
|
"hideBadgeOnMobile",
|
|
"hideDescriptionOnMobile",
|
|
"mobileActionSize",
|
|
"gutter",
|
|
"contentGutter",
|
|
"flushMobile",
|
|
"size",
|
|
"width",
|
|
"color",
|
|
"variant",
|
|
"role",
|
|
"live",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-contrast",
|
|
"color-danger-muted",
|
|
"color-danger-soft",
|
|
"color-focus",
|
|
"color-info",
|
|
"color-info-contrast",
|
|
"color-info-muted",
|
|
"color-info-soft",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-muted",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-secondary-contrast",
|
|
"color-secondary-muted",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-contrast",
|
|
"color-success-muted",
|
|
"color-success-soft",
|
|
"color-surface-raised",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-contrast",
|
|
"color-warning-muted",
|
|
"color-warning-soft",
|
|
"shadow-2"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-compact",
|
|
"data-content-gutter",
|
|
"data-flush",
|
|
"data-flush-mobile",
|
|
"data-gutter",
|
|
"data-hide-badge-mobile",
|
|
"data-hide-description-mobile",
|
|
"data-mobile-action-size",
|
|
"data-mobile-compact",
|
|
"data-mobile-message-lines",
|
|
"data-show",
|
|
"data-size",
|
|
"data-sticky",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-width",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-compact",
|
|
"data-wrn-axis-flush",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 34,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "AuthForm",
|
|
"source": "packages/ui/components/AuthForm.wrn",
|
|
"sha256": "8a7bf17ee92d98caae1e987eeade29d0effc89b0eca4b8787dc10b2abad25de8",
|
|
"category": "core",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"mode",
|
|
"action",
|
|
"method",
|
|
"title",
|
|
"description",
|
|
"returnTo",
|
|
"schema",
|
|
"showRemember",
|
|
"showName",
|
|
"submitLabel",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-sans"
|
|
],
|
|
"dataAttributes": [
|
|
"data-schema",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrnexus-runtime"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 0,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "AuthSplitLayout",
|
|
"source": "packages/ui/components/AuthSplitLayout.wrn",
|
|
"sha256": "e5ca3b96f68fbc666d47ad2efac9f6c37fe321fcf222109aec5f05f4433b99d6",
|
|
"category": "core",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "eyebrow", "title", "description", "brand", "features", "class"],
|
|
"tokenReferences": [
|
|
"color-bg",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-sans"
|
|
],
|
|
"dataAttributes": [
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["aside-extra", "form"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 3,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "AvatarGroup",
|
|
"source": "packages/ui/components/AvatarGroup.wrn",
|
|
"sha256": "535d9c043aa2fc9e1976aa7472f5932be79ee9cef92a68d7c61ae53948f3a42e",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"items",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"shape",
|
|
"layout",
|
|
"maxVisible",
|
|
"columns",
|
|
"borderColor",
|
|
"showTooltips",
|
|
"overflowLabel",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"avatar-group-color",
|
|
"avatar-group-columns",
|
|
"avatar-group-size",
|
|
"color-bg",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"ease-emphasized",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-layout",
|
|
"data-shape",
|
|
"data-show",
|
|
"data-size",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-shape",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 17,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "BackToTop",
|
|
"source": "packages/ui/components/BackToTop.wrn",
|
|
"sha256": "a7fea53e8ef130e62df5a11e2fa7d7f44cf26b56fd25de298adfa8a035d07aaa",
|
|
"category": "navigation",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"threshold",
|
|
"label",
|
|
"ariaLabel",
|
|
"icon",
|
|
"position",
|
|
"offset",
|
|
"behavior",
|
|
"showProgress",
|
|
"showLabel",
|
|
"alwaysVisible",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"shape",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"back-to-top-progress",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-contrast",
|
|
"color-danger-hover",
|
|
"color-danger-soft",
|
|
"color-focus",
|
|
"color-info",
|
|
"color-info-contrast",
|
|
"color-info-hover",
|
|
"color-info-soft",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-hover",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-secondary-contrast",
|
|
"color-secondary-hover",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-contrast",
|
|
"color-success-hover",
|
|
"color-success-soft",
|
|
"color-surface-raised",
|
|
"color-warning",
|
|
"color-warning-contrast",
|
|
"color-warning-hover",
|
|
"color-warning-soft"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-offset",
|
|
"data-position",
|
|
"data-progress",
|
|
"data-shape",
|
|
"data-show",
|
|
"data-show-label",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-shape",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 19,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Blockquote",
|
|
"source": "packages/ui/components/Blockquote.wrn",
|
|
"sha256": "91aa254ea60f94a8e01a668bcfc858124631c717a96c18ae3fc52d1c90f1e56e",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"quote",
|
|
"citation",
|
|
"citationTitle",
|
|
"citationUrl",
|
|
"avatarSrc",
|
|
"avatarAlt",
|
|
"size",
|
|
"color",
|
|
"align",
|
|
"variant",
|
|
"quoteMark",
|
|
"italic",
|
|
"maxWidth",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"blockquote-color",
|
|
"blockquote-font-size",
|
|
"blockquote-mark-size",
|
|
"blockquote-max-width",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface-raised",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-sans",
|
|
"radius",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-color",
|
|
"data-italic",
|
|
"data-max-width",
|
|
"data-size",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 4,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Breadcrumb",
|
|
"source": "packages/ui/components/Breadcrumb.wrn",
|
|
"sha256": "879d72c0fcf3f98077c374f26eb9990696b7134263f51b38c2559ea445252596",
|
|
"category": "navigation",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"label",
|
|
"items",
|
|
"active",
|
|
"activeIcon",
|
|
"separator",
|
|
"showHome",
|
|
"homeLabel",
|
|
"homeHref",
|
|
"homeIcon",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-muted",
|
|
"color-danger-soft",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-info-muted",
|
|
"color-info-soft",
|
|
"color-info-text",
|
|
"color-primary",
|
|
"color-primary-muted",
|
|
"color-primary-soft",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-secondary-muted",
|
|
"color-secondary-soft",
|
|
"color-secondary-text",
|
|
"color-success",
|
|
"color-success-muted",
|
|
"color-success-soft",
|
|
"color-success-text",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"color-warning-muted",
|
|
"color-warning-soft",
|
|
"color-warning-text",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-current",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 8,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "ButtonGroup",
|
|
"source": "packages/ui/components/ButtonGroup.wrn",
|
|
"sha256": "fa060f809027a4fe943acab46fe557a103424411690642c2b769e00d672dff82",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"items",
|
|
"value",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"orientation",
|
|
"responsive",
|
|
"attached",
|
|
"selectable",
|
|
"toolbar",
|
|
"disabled",
|
|
"ariaLabel",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"font-sans",
|
|
"radius-sm"
|
|
],
|
|
"dataAttributes": [
|
|
"data-attached",
|
|
"data-color",
|
|
"data-disabled",
|
|
"data-orientation",
|
|
"data-responsive",
|
|
"data-selectable",
|
|
"data-selected",
|
|
"data-size",
|
|
"data-value",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 5,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "CTASection",
|
|
"source": "packages/ui/components/CTASection.wrn",
|
|
"sha256": "544d8fd6222f01c5140b26f29077998c4af004e90e2b237a18e2e42ef3b93290",
|
|
"category": "marketing",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"eyebrow",
|
|
"title",
|
|
"description",
|
|
"icon",
|
|
"align",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"spacing",
|
|
"radius",
|
|
"titleMaxWidth",
|
|
"contentPadding",
|
|
"mobilePadding",
|
|
"mobileActions",
|
|
"primaryLabel",
|
|
"primaryHref",
|
|
"primaryIcon",
|
|
"secondaryLabel",
|
|
"secondaryHref",
|
|
"secondaryIcon",
|
|
"backgroundImage",
|
|
"visualImage",
|
|
"visualAlt",
|
|
"visualIcon",
|
|
"visualTitle",
|
|
"visualDescription",
|
|
"visualItems",
|
|
"visualPosition",
|
|
"maxWidth",
|
|
"fullBleed",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-contrast",
|
|
"color-danger-hover",
|
|
"color-danger-muted",
|
|
"color-danger-soft",
|
|
"color-focus",
|
|
"color-info",
|
|
"color-info-contrast",
|
|
"color-info-hover",
|
|
"color-info-muted",
|
|
"color-info-soft",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-hover",
|
|
"color-primary-muted",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-secondary-contrast",
|
|
"color-secondary-hover",
|
|
"color-secondary-muted",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-contrast",
|
|
"color-success-hover",
|
|
"color-success-muted",
|
|
"color-success-soft",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-contrast",
|
|
"color-warning-hover",
|
|
"color-warning-muted",
|
|
"color-warning-soft",
|
|
"cta-title-max-width",
|
|
"highlight-edge",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-color",
|
|
"data-content-padding",
|
|
"data-full-bleed",
|
|
"data-max-width",
|
|
"data-mobile-actions",
|
|
"data-mobile-padding",
|
|
"data-radius",
|
|
"data-size",
|
|
"data-spacing",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-visual-position",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-radius",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["actions", "footer", "visual"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 32,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Card",
|
|
"source": "packages/ui/components/Card.wrn",
|
|
"sha256": "777d277b04292f650c6bb38a83a4b14c9f28940b567d250a87c20488d8324804",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"title",
|
|
"icon",
|
|
"titleKey",
|
|
"subtitle",
|
|
"subtitleKey",
|
|
"description",
|
|
"descriptionKey",
|
|
"showHeader",
|
|
"showFooter",
|
|
"header",
|
|
"footer",
|
|
"imageSrc",
|
|
"imageAlt",
|
|
"imagePosition",
|
|
"actionLabel",
|
|
"actionLabelKey",
|
|
"actionHref",
|
|
"headerActions",
|
|
"navigation",
|
|
"activeNav",
|
|
"mobileNavigation",
|
|
"alertTitle",
|
|
"alertDescription",
|
|
"empty",
|
|
"emptyTitle",
|
|
"emptyIcon",
|
|
"items",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"layout",
|
|
"align",
|
|
"hover",
|
|
"radius",
|
|
"shadow",
|
|
"equalHeight",
|
|
"scrollable",
|
|
"maxHeight",
|
|
"dismissible",
|
|
"ariaLabel",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"card-color",
|
|
"card-icon-color",
|
|
"card-max-height",
|
|
"card-padding",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-info-text",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-secondary-text",
|
|
"color-success",
|
|
"color-success-text",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-text",
|
|
"component-color",
|
|
"component-scale",
|
|
"ease-emphasized",
|
|
"font-mono",
|
|
"font-sans",
|
|
"motion-base",
|
|
"radius",
|
|
"radius-md",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-2",
|
|
"space-panel"
|
|
],
|
|
"dataAttributes": [
|
|
"data-active",
|
|
"data-align",
|
|
"data-color",
|
|
"data-equal-height",
|
|
"data-hover",
|
|
"data-index",
|
|
"data-layout",
|
|
"data-mobile-navigation",
|
|
"data-radius",
|
|
"data-scrollable",
|
|
"data-shadow",
|
|
"data-size",
|
|
"data-t",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-radius",
|
|
"data-wrn-axis-shadow",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["footer", "header"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 26,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Carousel",
|
|
"source": "packages/ui/components/Carousel.wrn",
|
|
"sha256": "5d8bd031007e7522c81f6acb16538534230cb8ea5fad4eef12b10db5f109c67a",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"title",
|
|
"description",
|
|
"items",
|
|
"activeIndex",
|
|
"slidesPerView",
|
|
"gap",
|
|
"showPagination",
|
|
"isAutoPlay",
|
|
"autoplayInterval",
|
|
"isInfiniteLoop",
|
|
"isRTL",
|
|
"isCentered",
|
|
"isDraggable",
|
|
"isAutoHeight",
|
|
"isSnap",
|
|
"showCounter",
|
|
"thumbnails",
|
|
"ariaLabel",
|
|
"framed",
|
|
"variant",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"carousel-color",
|
|
"carousel-drag-offset",
|
|
"carousel-gap",
|
|
"carousel-index",
|
|
"carousel-per-view",
|
|
"carousel-snap-slide",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-raised",
|
|
"color-surface-subtle",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"ease-emphasized",
|
|
"font-sans",
|
|
"motion-base",
|
|
"radius-md",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-active",
|
|
"data-auto-height",
|
|
"data-centered",
|
|
"data-draggable",
|
|
"data-dragging",
|
|
"data-framed",
|
|
"data-rtl",
|
|
"data-snap",
|
|
"data-t",
|
|
"data-thumbnails",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 28,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Chart",
|
|
"source": "packages/ui/components/Chart.wrn",
|
|
"sha256": "d87254752284ba10eb6f36b8654872b0defe84222c01c739c0086809e05dba12",
|
|
"category": "integrations",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"title",
|
|
"description",
|
|
"items",
|
|
"data",
|
|
"labels",
|
|
"datasets",
|
|
"options",
|
|
"type",
|
|
"valueKey",
|
|
"labelKey",
|
|
"height",
|
|
"showLegend",
|
|
"showValues",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"radius"
|
|
],
|
|
"dataAttributes": [
|
|
"data-chart-config",
|
|
"data-color",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrnexus-runtime"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 2,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"canvas": {
|
|
"ownership": "provider",
|
|
"parts": ["canvas"],
|
|
"limitations": "Chart.js draws canvas pixels; use the existing chart options/data API."
|
|
},
|
|
"accessible": {
|
|
"ownership": "provider",
|
|
"parts": ["accessible"],
|
|
"limitations": "Runtime-generated accessible data table is owned by the chart adapter."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "ChatBubble",
|
|
"source": "packages/ui/components/ChatBubble.wrn",
|
|
"sha256": "f81c2630542b7c8a171acf2c9102a91b64cc06f925a014bc7f96d3778adbafdc",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"title",
|
|
"description",
|
|
"items",
|
|
"oneSided",
|
|
"showAvatars",
|
|
"showMetadata",
|
|
"ariaLabel",
|
|
"variant",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"chat-color",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-raised",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-avatars",
|
|
"data-direction",
|
|
"data-one-sided",
|
|
"data-receipt",
|
|
"data-tone",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 15,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"vector": {
|
|
"ownership": "framework",
|
|
"parts": ["vector"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "Clipboard",
|
|
"source": "packages/ui/components/Clipboard.wrn",
|
|
"sha256": "fcc4e8a3b3a24b599eb6a52337a31d06c2c4dee3b1a000281d324b8b71678f1b",
|
|
"category": "integrations",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"value",
|
|
"label",
|
|
"copiedLabel",
|
|
"errorLabel",
|
|
"title",
|
|
"description",
|
|
"iconOnly",
|
|
"code",
|
|
"size",
|
|
"color",
|
|
"disabled",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-code-background",
|
|
"color-code-border",
|
|
"color-code-text",
|
|
"color-danger",
|
|
"color-focus",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"font-mono",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-show",
|
|
"data-size",
|
|
"data-status",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 10,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Collapse",
|
|
"source": "packages/ui/components/Collapse.wrn",
|
|
"sha256": "c5ecae44b455498e5eae527100abdc27bf9e18f7a361ce563d45087c0cc4a3d3",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"items",
|
|
"multiple",
|
|
"mode",
|
|
"initialOpenIndexes",
|
|
"ariaLabel",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"collapse-color",
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"font-sans",
|
|
"motion-base",
|
|
"radius",
|
|
"shadow-1",
|
|
"shadow-2"
|
|
],
|
|
"dataAttributes": [
|
|
"data-mode",
|
|
"data-open",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 15,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "ColorPicker",
|
|
"source": "packages/ui/components/ColorPicker.wrn",
|
|
"sha256": "561b1cef73ff86f50072fefabade212b0cf10a48e6dd6c6aa93fd6e900fe3f50",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"id",
|
|
"name",
|
|
"label",
|
|
"hiddenLabel",
|
|
"placeholder",
|
|
"value",
|
|
"icon",
|
|
"iconPosition",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"inline",
|
|
"variant",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-input-border-hover",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-right-aligned",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 55,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"control": {
|
|
"ownership": "native",
|
|
"parts": ["control"],
|
|
"limitations": "Only the outer native control is styled; picker dialogs, option popups, tracks and thumbs remain native or existing component CSS."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "Columns",
|
|
"source": "packages/ui/components/Columns.wrn",
|
|
"sha256": "c892798d910745453b617a7f0dcf20ab1fd6506095c150de0f36e9fcf7661783",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "columns", "gap", "maxWidth", "class"],
|
|
"tokenReferences": [],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-columns",
|
|
"data-gap",
|
|
"data-max-width",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 0,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "ComboBox",
|
|
"source": "packages/ui/components/Combobox.wrn",
|
|
"sha256": "1268286b6dcb00f187d985d5e7fedf0371c8febf04c16907beb10cf36ced2d25",
|
|
"category": "advanced-forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"label",
|
|
"name",
|
|
"value",
|
|
"options",
|
|
"groups",
|
|
"placeholder",
|
|
"searchPlaceholder",
|
|
"clearable",
|
|
"allowCustomValue",
|
|
"disabled",
|
|
"required",
|
|
"invalid",
|
|
"validationMessage",
|
|
"helpText",
|
|
"loading",
|
|
"loadingLabel",
|
|
"emptyLabel",
|
|
"clearLabel",
|
|
"toggleLabel",
|
|
"searchMode",
|
|
"searchFields",
|
|
"minSearchLength",
|
|
"searchResultLimit",
|
|
"optionTemplate",
|
|
"defaultOpen",
|
|
"closeOnSelect",
|
|
"fixed",
|
|
"placement",
|
|
"autocomplete",
|
|
"remote",
|
|
"remoteUrl",
|
|
"remoteQueryParam",
|
|
"remoteDebounce",
|
|
"remoteAutoLoad",
|
|
"infinite",
|
|
"hasMore",
|
|
"page",
|
|
"loadMoreLabel",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-sans"
|
|
],
|
|
"dataAttributes": [
|
|
"data-error",
|
|
"data-infinite",
|
|
"data-option-value",
|
|
"data-page",
|
|
"data-placement",
|
|
"data-remote",
|
|
"data-remote-auto-load",
|
|
"data-remote-debounce",
|
|
"data-remote-query-param",
|
|
"data-remote-url",
|
|
"data-search-mode",
|
|
"data-show",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 2,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Confetti",
|
|
"source": "packages/ui/components/Confetti.wrn",
|
|
"sha256": "91f72aa66babd721d5b8406992b13df442cd3d2a093540b0e504380242479ca6",
|
|
"category": "integrations",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["label", "duration", "count", "autoStart", "disabled", "size", "color", "class"],
|
|
"tokenReferences": [
|
|
"color-focus",
|
|
"color-on-primary",
|
|
"color-primary",
|
|
"confetti-delay",
|
|
"confetti-duration",
|
|
"confetti-index",
|
|
"confetti-x",
|
|
"radius"
|
|
],
|
|
"dataAttributes": [
|
|
"data-autostart",
|
|
"data-running",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 8,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"canvas": {
|
|
"ownership": "framework",
|
|
"parts": ["canvas"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "Container",
|
|
"source": "packages/ui/components/Container.wrn",
|
|
"sha256": "eefa6f3dfaecb1e86172f6f2b886adfad7dcacf07f75098f7d07948bff5d0a50",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "columns", "gap", "maxWidth", "centered", "class"],
|
|
"tokenReferences": [],
|
|
"dataAttributes": [
|
|
"data-centered",
|
|
"data-color",
|
|
"data-columns",
|
|
"data-gap",
|
|
"data-max-width",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 6,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "ContextMenu",
|
|
"source": "packages/ui/components/ContextMenu.wrn",
|
|
"sha256": "5dcf067343e35307c1e0de1c319112e6741bcc9b1c827cef5d09721383f4d066",
|
|
"category": "overlays",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"items",
|
|
"open",
|
|
"defaultOpen",
|
|
"trigger",
|
|
"placement",
|
|
"align",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"title",
|
|
"description",
|
|
"label",
|
|
"closeOnSelect",
|
|
"closeOnOutside",
|
|
"disabled",
|
|
"minWidth",
|
|
"maxWidth",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-soft",
|
|
"color-focus",
|
|
"color-info",
|
|
"color-info-soft",
|
|
"color-primary",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-soft",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"color-warning-soft",
|
|
"context-max-width",
|
|
"context-min-width",
|
|
"context-x",
|
|
"context-y",
|
|
"font-mono",
|
|
"highlight-edge",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-color",
|
|
"data-danger",
|
|
"data-open",
|
|
"data-placement",
|
|
"data-selected",
|
|
"data-show",
|
|
"data-size",
|
|
"data-trigger",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-anchored",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-open",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["footer", "header", "trigger"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 18,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "CustomScrollbar",
|
|
"source": "packages/ui/components/CustomScrollbar.wrn",
|
|
"sha256": "5325c9429b432b113e232a19786bb3f873454f8f4c7c0d6a3ecf81897fa35f09",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["color", "size", "axis", "thickness", "maxHeight", "radius", "class"],
|
|
"tokenReferences": [
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface-soft"
|
|
],
|
|
"dataAttributes": [
|
|
"data-axis",
|
|
"data-color",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-radius",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 2,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "DataMap",
|
|
"source": "packages/ui/components/DataMap.wrn",
|
|
"sha256": "66752f98718c748f25e0eed76d39f504fc20b26d3b3ae841db85f5d5f02df6cb",
|
|
"category": "integrations",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "title", "description", "items", "variant", "class"],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-soft",
|
|
"color-primary-text",
|
|
"color-surface",
|
|
"color-text"
|
|
],
|
|
"dataAttributes": [
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 3,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "DataTable",
|
|
"source": "packages/ui/components/DataTable.wrn",
|
|
"sha256": "c25aa8849d140562970cd2ffaa33b720cc903e809ef7fb20a564425e8295d5b9",
|
|
"category": "tables",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"color",
|
|
"size",
|
|
"columns",
|
|
"rows",
|
|
"rowKey",
|
|
"remote",
|
|
"loadingLabel",
|
|
"errorLabel",
|
|
"retryLabel",
|
|
"caption",
|
|
"description",
|
|
"searchable",
|
|
"searchPlaceholder",
|
|
"paginated",
|
|
"pageSize",
|
|
"paginationStyle",
|
|
"pageSizes",
|
|
"selectable",
|
|
"actions",
|
|
"striped",
|
|
"bordered",
|
|
"gridlines",
|
|
"density",
|
|
"emptyLabel",
|
|
"noResultsLabel",
|
|
"clearSearchLabel",
|
|
"stickyFirstColumn",
|
|
"layout",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-muted",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"radius",
|
|
"radius-md",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-active",
|
|
"data-align",
|
|
"data-bordered",
|
|
"data-color",
|
|
"data-density",
|
|
"data-for",
|
|
"data-gridlines",
|
|
"data-html",
|
|
"data-key",
|
|
"data-label",
|
|
"data-layout",
|
|
"data-loading",
|
|
"data-selected",
|
|
"data-show",
|
|
"data-size",
|
|
"data-slot",
|
|
"data-sticky-first",
|
|
"data-striped",
|
|
"data-tone",
|
|
"data-ui-component",
|
|
"data-wrn-axis-bordered",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 40,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"vector": {
|
|
"ownership": "framework",
|
|
"parts": ["vector"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
},
|
|
"sortIcon": {
|
|
"ownership": "framework",
|
|
"parts": ["sortIcon"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "DatePicker",
|
|
"source": "packages/ui/components/DatePicker.wrn",
|
|
"sha256": "107be1aa2ae2b329b50c9063f2f25bf4ac7dccebe6a2b6ca412cc12afac8f3af",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"label",
|
|
"id",
|
|
"name",
|
|
"value",
|
|
"placeholder",
|
|
"type",
|
|
"locale",
|
|
"firstDayOfWeek",
|
|
"months",
|
|
"days",
|
|
"years",
|
|
"min",
|
|
"max",
|
|
"step",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"variant",
|
|
"inline",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-outside",
|
|
"data-right-aligned",
|
|
"data-show",
|
|
"data-text",
|
|
"data-today",
|
|
"data-value",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 53,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"control": {
|
|
"ownership": "native",
|
|
"parts": ["control"],
|
|
"limitations": "Only the outer native control is styled; picker dialogs, option popups, tracks and thumbs remain native or existing component CSS."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "DeviceFrame",
|
|
"source": "packages/ui/components/DeviceFrame.wrn",
|
|
"sha256": "20485a867f404098afec5814174e3f83ca7110e193c787027c8b755bb1f5909e",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"title",
|
|
"description",
|
|
"items",
|
|
"variant",
|
|
"device",
|
|
"orientation",
|
|
"src",
|
|
"srcdoc",
|
|
"frameTitle",
|
|
"showToolbar",
|
|
"allow",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-background",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"ease-standard",
|
|
"font-sans",
|
|
"motion-normal",
|
|
"radius-md",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-device",
|
|
"data-orientation",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 7,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"embeddedFrame": {
|
|
"ownership": "provider",
|
|
"parts": ["embeddedFrame"],
|
|
"limitations": "Cross-origin embedded content cannot be styled through this contract."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "Divider",
|
|
"source": "packages/ui/components/Divider.wrn",
|
|
"sha256": "3d1065aa2dccb11f31eff35105ce7a3a0321317850e4df02b6c298e4a492cadc",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "label", "orientation", "variant", "class"],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-text-muted",
|
|
"color-warning"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-labelled",
|
|
"data-orientation",
|
|
"data-show",
|
|
"data-size",
|
|
"data-tone",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 1,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "DragAndDrop",
|
|
"source": "packages/ui/components/DragAndDrop.wrn",
|
|
"sha256": "5af6c01a9b58eca44868205708f47738c1c2b25589b94035cb2f4f31eec06ba6",
|
|
"category": "integrations",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "title", "description", "items", "variant", "class"],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-muted",
|
|
"color-surface",
|
|
"color-text",
|
|
"radius-sm"
|
|
],
|
|
"dataAttributes": [
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 3,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Drawer",
|
|
"source": "packages/ui/components/Drawer.wrn",
|
|
"sha256": "54f4a07464cc7bcd3f52453207c568d81044fca45850ca2ec1d8b6e6442b24d5",
|
|
"category": "overlays",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"open",
|
|
"defaultOpen",
|
|
"placement",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"title",
|
|
"description",
|
|
"icon",
|
|
"label",
|
|
"closeLabel",
|
|
"showClose",
|
|
"closeOnBackdrop",
|
|
"closeOnEscape",
|
|
"duration",
|
|
"overlay",
|
|
"scrollable",
|
|
"triggerLabel",
|
|
"triggerIcon",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-soft",
|
|
"color-info",
|
|
"color-info-soft",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-soft",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-soft",
|
|
"control-height",
|
|
"highlight-edge",
|
|
"radius-lg",
|
|
"radius-sm",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-open",
|
|
"data-overlay",
|
|
"data-placement",
|
|
"data-scrollable",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["footer", "header", "trigger"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 22,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"vector": {
|
|
"ownership": "framework",
|
|
"parts": ["vector"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "DrawflowCanvas",
|
|
"source": "packages/ui/components/DrawflowCanvas.wrn",
|
|
"sha256": "9c1d04d070d27e88d443daab5adf4afb5a9d08a1224f06c96d015c4e988d5617",
|
|
"category": "core",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["nodes", "toolbar", "class"],
|
|
"tokenReferences": [],
|
|
"dataAttributes": [
|
|
"data-active-node",
|
|
"data-flow-kind",
|
|
"data-flow-nodes",
|
|
"data-flow-zoom",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrnexus-runtime"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 1,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"viewport": {
|
|
"ownership": "provider",
|
|
"parts": ["viewport"],
|
|
"limitations": "Drawflow owns generated graph DOM and its styles. Use the existing provider options and CSS integration."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "Dropdown",
|
|
"source": "packages/ui/components/Dropdown.wrn",
|
|
"sha256": "10dacd8dca91937ceb65f3d0b69a9c26e7a1035055ea9178fa6415d78afa2b69",
|
|
"category": "overlays",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"value",
|
|
"items",
|
|
"open",
|
|
"defaultOpen",
|
|
"label",
|
|
"ariaLabel",
|
|
"icon",
|
|
"showChevron",
|
|
"menuLabel",
|
|
"placement",
|
|
"mobilePanel",
|
|
"width",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"closeOnSelect",
|
|
"closeOnOutside",
|
|
"disabled",
|
|
"emptyLabel",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-soft",
|
|
"color-info",
|
|
"color-info-soft",
|
|
"color-primary",
|
|
"color-primary-soft",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-soft",
|
|
"color-surface",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"color-warning-soft",
|
|
"control-height",
|
|
"control-height-lg",
|
|
"control-height-sm",
|
|
"font-mono",
|
|
"highlight-edge",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-danger",
|
|
"data-mobile-panel",
|
|
"data-open",
|
|
"data-placement",
|
|
"data-selected",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-width",
|
|
"data-wrn-anchored",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["footer", "header", "trigger"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 22,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "FeatureCard",
|
|
"source": "packages/ui/components/FeatureCard.wrn",
|
|
"sha256": "eab5df7460c9135978364d9efe1f76943f5b4c36d5d7cd5560ff49e3aa405d3d",
|
|
"category": "marketing",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"icon",
|
|
"iconStyle",
|
|
"iconSize",
|
|
"eyebrow",
|
|
"title",
|
|
"description",
|
|
"image",
|
|
"imageAlt",
|
|
"imagePosition",
|
|
"imageAspect",
|
|
"imageLoading",
|
|
"href",
|
|
"target",
|
|
"rel",
|
|
"external",
|
|
"actionLabel",
|
|
"actionIcon",
|
|
"showArrow",
|
|
"stretchedLink",
|
|
"badge",
|
|
"badgeColor",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"hover",
|
|
"align",
|
|
"disabled",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-contrast",
|
|
"color-danger-muted",
|
|
"color-danger-soft",
|
|
"color-focus",
|
|
"color-info",
|
|
"color-info-contrast",
|
|
"color-info-muted",
|
|
"color-info-soft",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-hover",
|
|
"color-primary-muted",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-secondary-contrast",
|
|
"color-secondary-hover",
|
|
"color-secondary-muted",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-contrast",
|
|
"color-success-muted",
|
|
"color-success-soft",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-contrast",
|
|
"color-warning-muted",
|
|
"color-warning-soft",
|
|
"color-warning-text",
|
|
"highlight-edge",
|
|
"shadow-2",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-color",
|
|
"data-disabled",
|
|
"data-hover",
|
|
"data-icon-size",
|
|
"data-icon-style",
|
|
"data-image-aspect",
|
|
"data-image-position",
|
|
"data-size",
|
|
"data-stretched-link",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["footer", "icon", "media"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 33,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "FeatureGrid",
|
|
"source": "packages/ui/components/FeatureGrid.wrn",
|
|
"sha256": "166214d4a00c604d1a70420128e2a7a3585afc6f60eae915d21a21c54c8364c2",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"items",
|
|
"columns",
|
|
"tabletColumns",
|
|
"mobileColumns",
|
|
"gap",
|
|
"minItemWidth",
|
|
"equalHeight",
|
|
"align",
|
|
"maxWidth",
|
|
"variant",
|
|
"label",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface-raised",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"feature-grid-columns",
|
|
"feature-grid-min-item-width",
|
|
"feature-grid-mobile-columns",
|
|
"feature-grid-tablet-columns",
|
|
"font-sans"
|
|
],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-autofit",
|
|
"data-color",
|
|
"data-columns",
|
|
"data-equal-height",
|
|
"data-gap",
|
|
"data-max-width",
|
|
"data-mobile-columns",
|
|
"data-size",
|
|
"data-tablet-columns",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 6,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "FeatureIconCard",
|
|
"source": "packages/ui/components/FeatureIconCard.wrn",
|
|
"sha256": "978eccf49716814595a29fd8e94ba8e4c7345e0a9589f498a6517df0c41533de",
|
|
"category": "marketing",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"icon",
|
|
"iconSize",
|
|
"iconVariant",
|
|
"title",
|
|
"description",
|
|
"href",
|
|
"actionLabel",
|
|
"badge",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"align",
|
|
"hover",
|
|
"radius",
|
|
"shadow",
|
|
"clickableSurface",
|
|
"descriptionTone",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-soft",
|
|
"color-on-primary",
|
|
"color-primary",
|
|
"color-primary-muted",
|
|
"color-primary-soft",
|
|
"color-success",
|
|
"color-success-soft",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning-soft",
|
|
"color-warning-text",
|
|
"motion-base",
|
|
"radius",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-clickable-surface",
|
|
"data-color",
|
|
"data-description-tone",
|
|
"data-hover",
|
|
"data-radius",
|
|
"data-shadow",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-radius",
|
|
"data-wrn-axis-shadow",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["footer"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 16,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "FileInput",
|
|
"source": "packages/ui/components/FileInput.wrn",
|
|
"sha256": "76b0719609ff2204cccbad9692a3b820ce63ee98754f2394be6dbd9b8510e873",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"id",
|
|
"name",
|
|
"label",
|
|
"hiddenLabel",
|
|
"placeholder",
|
|
"value",
|
|
"icon",
|
|
"iconPosition",
|
|
"accept",
|
|
"multiple",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"inline",
|
|
"variant",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-focus",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-right-aligned",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 46,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"control": {
|
|
"ownership": "native",
|
|
"parts": ["control"],
|
|
"limitations": "Only the outer native control is styled; picker dialogs, option popups, tracks and thumbs remain native or existing component CSS."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "FileUploadProgress",
|
|
"source": "packages/ui/components/FileUploadProgress.wrn",
|
|
"sha256": "4f4dbaf9eb165d9aa48742c03ce51d895891bb234f80b2865bce03d4da0e24ba",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"label",
|
|
"value",
|
|
"max",
|
|
"showValue",
|
|
"fileName",
|
|
"fileSize",
|
|
"uploadedSize",
|
|
"status",
|
|
"cancelLabel",
|
|
"retryLabel",
|
|
"showCompleteAction",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-success-text",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"motion-slow",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3",
|
|
"upload-color"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-right-aligned",
|
|
"data-status",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 59,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "FlowCanvas",
|
|
"source": "packages/ui/components/FlowCanvas.wrn",
|
|
"sha256": "8ca776800047ae4f4e1032352f2e17a295c9b8198d48d7ce3fc9ee26c2033ecd",
|
|
"category": "core",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"nodes",
|
|
"palette",
|
|
"activeNode",
|
|
"label",
|
|
"arrangeLabel",
|
|
"connectLabel",
|
|
"color",
|
|
"size",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-primary",
|
|
"color-surface",
|
|
"color-surface-muted",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"radius-lg"
|
|
],
|
|
"dataAttributes": [
|
|
"data-flow-node-id",
|
|
"data-pending",
|
|
"data-selected",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 8,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"links": {
|
|
"ownership": "framework",
|
|
"parts": ["links"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "Footer",
|
|
"source": "packages/ui/components/Footer.wrn",
|
|
"sha256": "ea931e624eb820beaef698e93191ed707403ea8b4be4117fa5b83d5a6b0b0f55",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"label",
|
|
"items",
|
|
"columns",
|
|
"maxWidth",
|
|
"mobileColumns",
|
|
"mobileCopyrightAlign",
|
|
"copyright",
|
|
"copyrightKey",
|
|
"translationPrefix",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-text",
|
|
"component-color",
|
|
"footer-columns"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-mobile-columns",
|
|
"data-mobile-copyright-align",
|
|
"data-size",
|
|
"data-t",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["copyright-left", "copyright-right", "post-footer", "pre-footer"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 4,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Grid",
|
|
"source": "packages/ui/components/Grid.wrn",
|
|
"sha256": "b44e041a627cf0f62f676b83ca3c0ea2b671e07876f0649310081edefde4217a",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "columns", "gap", "maxWidth", "minItemWidth", "class"],
|
|
"tokenReferences": [],
|
|
"dataAttributes": [
|
|
"data-auto",
|
|
"data-color",
|
|
"data-columns",
|
|
"data-gap",
|
|
"data-max-width",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 0,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Hero",
|
|
"source": "packages/ui/components/Hero.wrn",
|
|
"sha256": "dbc4cb3099d422edc2a7bc0500499db5c7c67aa272cbe9329a21e6d665aca047",
|
|
"category": "marketing",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"eyebrow",
|
|
"eyebrowIcon",
|
|
"icon",
|
|
"title",
|
|
"highlight",
|
|
"description",
|
|
"align",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"layout",
|
|
"visualPosition",
|
|
"visualStyle",
|
|
"showDecorations",
|
|
"fullBleed",
|
|
"visualEyebrow",
|
|
"visualTitle",
|
|
"visualDescription",
|
|
"visualIcon",
|
|
"visualImage",
|
|
"visualAlt",
|
|
"visualItems",
|
|
"primaryLabel",
|
|
"primaryHref",
|
|
"primaryIcon",
|
|
"primaryTarget",
|
|
"secondaryLabel",
|
|
"secondaryHref",
|
|
"secondaryIcon",
|
|
"secondaryTarget",
|
|
"tertiaryLabel",
|
|
"tertiaryHref",
|
|
"tertiaryIcon",
|
|
"tertiaryTarget",
|
|
"badges",
|
|
"trustItems",
|
|
"maxWidth",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-contrast",
|
|
"color-danger-muted",
|
|
"color-danger-soft",
|
|
"color-info",
|
|
"color-info-contrast",
|
|
"color-info-muted",
|
|
"color-info-soft",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-muted",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-secondary-contrast",
|
|
"color-secondary-muted",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-contrast",
|
|
"color-success-muted",
|
|
"color-success-soft",
|
|
"color-surface",
|
|
"color-surface-raised",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-contrast",
|
|
"color-warning-muted",
|
|
"color-warning-soft",
|
|
"hero-accent",
|
|
"hero-accent-muted",
|
|
"hero-accent-soft",
|
|
"hero-contrast"
|
|
],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-color",
|
|
"data-full-bleed",
|
|
"data-layout",
|
|
"data-max-width",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-visual-position",
|
|
"data-visual-style",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["actions", "eyebrow", "footer", "trust", "visual"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 39,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "HeroActions",
|
|
"source": "packages/ui/components/HeroActions.wrn",
|
|
"sha256": "f3e633751e1bdfca11d5fe3d4eb96d4aaba11cba298a62794ed3e2201d3ca038",
|
|
"category": "marketing",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"actions",
|
|
"align",
|
|
"orientation",
|
|
"stackOnMobile",
|
|
"fullWidthMobile",
|
|
"size",
|
|
"color",
|
|
"class"
|
|
],
|
|
"tokenReferences": [],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-full-mobile",
|
|
"data-orientation",
|
|
"data-stack-mobile",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 0,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Image",
|
|
"source": "packages/ui/components/Image.wrn",
|
|
"sha256": "e62edb27eb2debb3089ac6a9033acbf54d32a24dd9959127f39db70ef675b51a",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"src",
|
|
"alt",
|
|
"width",
|
|
"height",
|
|
"loading",
|
|
"fit",
|
|
"rounded",
|
|
"class"
|
|
],
|
|
"tokenReferences": ["color-surface-soft", "color-text-muted", "radius-lg"],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-fit",
|
|
"data-rounded",
|
|
"data-show",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-rounded",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 1,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "InputGroup",
|
|
"source": "packages/ui/components/InputGroup.wrn",
|
|
"sha256": "6059e1169d06dcf2cd38bbe10e626432b3d36d096411decdc4da7506fd8bf743",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"id",
|
|
"name",
|
|
"label",
|
|
"hiddenLabel",
|
|
"value",
|
|
"placeholder",
|
|
"type",
|
|
"startText",
|
|
"endText",
|
|
"icon",
|
|
"iconPosition",
|
|
"actionLabel",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"inline",
|
|
"variant",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-position",
|
|
"data-right-aligned",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 50,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "InputNumber",
|
|
"source": "packages/ui/components/InputNumber.wrn",
|
|
"sha256": "91d210f3f2341f46507f46459c89555127c8b4598fa4b88216dcb8a8e82f116e",
|
|
"category": "advanced-forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"class",
|
|
"id",
|
|
"name",
|
|
"value",
|
|
"min",
|
|
"max",
|
|
"step",
|
|
"precision",
|
|
"label",
|
|
"description",
|
|
"helpText",
|
|
"error",
|
|
"invalid",
|
|
"prefix",
|
|
"suffix",
|
|
"placeholder",
|
|
"autocomplete",
|
|
"inputMode",
|
|
"ariaLabel",
|
|
"required",
|
|
"disabled",
|
|
"inputDisabled",
|
|
"buttonsDisabled",
|
|
"readonly",
|
|
"allowInput",
|
|
"keyboard",
|
|
"wheel",
|
|
"clamp",
|
|
"fullWidth",
|
|
"showButtons",
|
|
"showValidationMessage",
|
|
"decrementLabel",
|
|
"incrementLabel",
|
|
"controlsLabel",
|
|
"requiredMessage",
|
|
"minMessage",
|
|
"maxMessage"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius-sm"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-disabled",
|
|
"data-full-width",
|
|
"data-invalid",
|
|
"data-size",
|
|
"data-value",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 12,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Kbd",
|
|
"source": "packages/ui/components/Kbd.wrn",
|
|
"sha256": "5c0bc26cc9acd984c297dd6457189110aef3fcfdfe3bcf16bf7d43d55ceaecd1",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "label", "class"],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-surface",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"font-mono",
|
|
"highlight-edge"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-size",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 5,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "LayoutSplitter",
|
|
"source": "packages/ui/components/LayoutSplitter.wrn",
|
|
"sha256": "394a765f26c6634d4d75cf91b47b2874bee2250f15f399c325b740fc671cb1ad",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["color", "size", "orientation", "minSize", "step", "label", "class"],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"split"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-orientation",
|
|
"data-slot",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrn-splitter",
|
|
"data-wrn-splitter-dragging",
|
|
"data-wrn-splitter-handle",
|
|
"data-wrn-splitter-min",
|
|
"data-wrn-splitter-step"
|
|
],
|
|
"slots": ["end", "start"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 8,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "LegendIndicator",
|
|
"source": "packages/ui/components/LegendIndicator.wrn",
|
|
"sha256": "6d72694259ad877ae987f260887a1d60301f692bf05622d9a36b3a7f02b57dd3",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "title", "description", "items", "variant", "class"],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-sans",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 9,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Link",
|
|
"source": "packages/ui/components/Link.wrn",
|
|
"sha256": "59b7590d68ddbc8c70dd1926ebeed22dbe7b3d0d60613eb74d156633808d9db9",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"label",
|
|
"href",
|
|
"target",
|
|
"rel",
|
|
"underline",
|
|
"external",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-danger",
|
|
"color-focus",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-primary-hover",
|
|
"color-secondary",
|
|
"color-secondary-hover",
|
|
"color-success",
|
|
"color-text",
|
|
"color-warning-text",
|
|
"radius-sm"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-external",
|
|
"data-show",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-underline",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 1,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "List",
|
|
"source": "packages/ui/components/List.wrn",
|
|
"sha256": "79ba3e76767a8ffccfc6a25c1d4d13e765cfaf2ef02c961d0490b385fe199036",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "title", "description", "items", "variant", "class"],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-focus",
|
|
"color-primary",
|
|
"color-primary-text",
|
|
"color-surface",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"motion-base",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-active",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 18,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "ListGroup",
|
|
"source": "packages/ui/components/ListGroup.wrn",
|
|
"sha256": "40c1e8f3030fdc41101f65a06ef8752e52a9e88d85f2c85773fa1544bb6527b9",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "title", "description", "items", "variant", "value", "class"],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-surface",
|
|
"color-text",
|
|
"radius",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 4,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Map",
|
|
"source": "packages/ui/components/Map.wrn",
|
|
"sha256": "aba6b73a89fe69f84a245d6685771cd7f34e813ca4c54d45a46c2e96135ecb70",
|
|
"category": "integrations",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"title",
|
|
"description",
|
|
"items",
|
|
"variant",
|
|
"provider",
|
|
"apiKey",
|
|
"query",
|
|
"latitude",
|
|
"longitude",
|
|
"zoomLevel",
|
|
"mapType",
|
|
"imageSrc",
|
|
"imageAlt",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-focus",
|
|
"color-on-primary",
|
|
"color-primary",
|
|
"color-primary-soft",
|
|
"color-surface",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"ease-standard",
|
|
"motion-base",
|
|
"radius",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 14,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"embeddedFrame": {
|
|
"ownership": "provider",
|
|
"parts": ["embeddedFrame"],
|
|
"limitations": "Cross-origin embedded content cannot be styled through this contract."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "MarketingSectionHeader",
|
|
"source": "packages/ui/components/MarketingSectionHeader.wrn",
|
|
"sha256": "b05e7fa1341fbd633145a702ab07fe04b163194bd2513f14b572eb63e09348ea",
|
|
"category": "marketing",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"id",
|
|
"eyebrow",
|
|
"title",
|
|
"description",
|
|
"align",
|
|
"size",
|
|
"color",
|
|
"actionLabel",
|
|
"actionHref",
|
|
"actionIcon",
|
|
"actionExternal",
|
|
"class"
|
|
],
|
|
"tokenReferences": [],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-size",
|
|
"data-slot",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["actions", "icon"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 0,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Marquee",
|
|
"source": "packages/ui/components/Marquee.wrn",
|
|
"sha256": "dd95881db4096cf9f10eed812ab501e4ad7f20994cad0b344919c5c0a856bf8a",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "title", "description", "items", "variant", "class"],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-focus",
|
|
"color-on-primary",
|
|
"color-primary",
|
|
"color-primary-soft",
|
|
"color-success",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"motion-base"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-show",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 8,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "MegaMenu",
|
|
"source": "packages/ui/components/MegaMenu.wrn",
|
|
"sha256": "5667b0c46af1937c013bfea2d36863a297dfae14c5cf49643eb3c1e22a5c66da",
|
|
"category": "navigation",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"color",
|
|
"size",
|
|
"label",
|
|
"icon",
|
|
"columns",
|
|
"rail",
|
|
"featured",
|
|
"variant",
|
|
"density",
|
|
"panelWidth",
|
|
"panelAlign",
|
|
"columnCount",
|
|
"fullWidth",
|
|
"openOnHover",
|
|
"activeCategory",
|
|
"actionLabel",
|
|
"actionHref",
|
|
"actionIcon",
|
|
"footer",
|
|
"defaultOpen",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"radius-lg",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-active",
|
|
"data-color",
|
|
"data-column-count",
|
|
"data-density",
|
|
"data-full-width",
|
|
"data-label",
|
|
"data-open",
|
|
"data-panel-align",
|
|
"data-panel-width",
|
|
"data-show",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-anchored",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrn-roving",
|
|
"data-wrn-roving-item"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 40,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"vector": {
|
|
"ownership": "framework",
|
|
"parts": ["vector"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "MetricCard",
|
|
"source": "packages/ui/components/MetricCard.wrn",
|
|
"sha256": "a5ce0dcf7d254330ea7a7ecf2e93dc933c4f563ebb249755abc180ee04af47a9",
|
|
"category": "data",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"label",
|
|
"value",
|
|
"description",
|
|
"icon",
|
|
"iconStyle",
|
|
"prefix",
|
|
"suffix",
|
|
"badge",
|
|
"trend",
|
|
"trendLabel",
|
|
"trendDirection",
|
|
"progress",
|
|
"progressLabel",
|
|
"href",
|
|
"target",
|
|
"rel",
|
|
"external",
|
|
"actionLabel",
|
|
"actionIcon",
|
|
"showArrow",
|
|
"selectable",
|
|
"disabled",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"hover",
|
|
"align",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-contrast",
|
|
"color-danger-hover",
|
|
"color-danger-muted",
|
|
"color-danger-soft",
|
|
"color-danger-text",
|
|
"color-focus",
|
|
"color-info",
|
|
"color-info-contrast",
|
|
"color-info-hover",
|
|
"color-info-muted",
|
|
"color-info-soft",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-hover",
|
|
"color-primary-muted",
|
|
"color-primary-soft",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-secondary-contrast",
|
|
"color-secondary-hover",
|
|
"color-secondary-muted",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-contrast",
|
|
"color-success-hover",
|
|
"color-success-muted",
|
|
"color-success-soft",
|
|
"color-success-text",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"color-warning-contrast",
|
|
"color-warning-hover",
|
|
"color-warning-muted",
|
|
"color-warning-soft",
|
|
"highlight-edge",
|
|
"metric-progress",
|
|
"radius",
|
|
"radius-lg",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-2",
|
|
"shadow-3",
|
|
"space-panel"
|
|
],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-color",
|
|
"data-direction",
|
|
"data-disabled",
|
|
"data-hover",
|
|
"data-icon-style",
|
|
"data-selectable",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["footer"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 27,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "MetricGrid",
|
|
"source": "packages/ui/components/MetricGrid.wrn",
|
|
"sha256": "c9f228b4b6bd371ad94c1e534501b9708ea555bef1e64c8bdf95fa5e07576d1d",
|
|
"category": "data",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"items",
|
|
"columns",
|
|
"tabletColumns",
|
|
"mobileColumns",
|
|
"gap",
|
|
"equalHeight",
|
|
"dividers",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"maxWidth",
|
|
"minItemWidth",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text-muted",
|
|
"metric-columns",
|
|
"metric-min-item-width",
|
|
"metric-mobile-columns",
|
|
"metric-tablet-columns",
|
|
"radius"
|
|
],
|
|
"dataAttributes": [
|
|
"data-auto-fit",
|
|
"data-color",
|
|
"data-dividers",
|
|
"data-equal-height",
|
|
"data-gap",
|
|
"data-max-width",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 6,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Modal",
|
|
"source": "packages/ui/components/Modal.wrn",
|
|
"sha256": "7ad50502de6f6ff20ec2dc62fdc923f78afc222509771c5f26e5a56810ead374",
|
|
"category": "overlays",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"open",
|
|
"defaultOpen",
|
|
"title",
|
|
"description",
|
|
"icon",
|
|
"label",
|
|
"size",
|
|
"placement",
|
|
"color",
|
|
"variant",
|
|
"showHeader",
|
|
"showClose",
|
|
"closeLabel",
|
|
"closeOnBackdrop",
|
|
"closeOnEscape",
|
|
"closeOnCancel",
|
|
"closeOnConfirm",
|
|
"showFooter",
|
|
"cancelLabel",
|
|
"cancelIcon",
|
|
"confirmLabel",
|
|
"confirmIcon",
|
|
"confirmDisabled",
|
|
"confirmLoading",
|
|
"destructive",
|
|
"triggerLabel",
|
|
"triggerIcon",
|
|
"scrollable",
|
|
"scrollBehavior",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-soft",
|
|
"color-info",
|
|
"color-info-contrast",
|
|
"color-info-soft",
|
|
"color-on-danger",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-secondary-contrast",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-contrast",
|
|
"color-success-soft",
|
|
"color-surface",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-soft",
|
|
"color-warning-text",
|
|
"control-height",
|
|
"highlight-edge",
|
|
"radius-lg",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-destructive",
|
|
"data-open",
|
|
"data-placement",
|
|
"data-scroll",
|
|
"data-scrollable",
|
|
"data-show",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-open",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["footer", "header", "trigger"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 29,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Nav",
|
|
"source": "packages/ui/components/Nav.wrn",
|
|
"sha256": "dd7d67b15ffe88fb991321a3707c82770bc0c14ced5cc6f2710adf7ef2045c6c",
|
|
"category": "navigation",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"color",
|
|
"size",
|
|
"items",
|
|
"active",
|
|
"orientation",
|
|
"label",
|
|
"collapsible",
|
|
"toggleLabel",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"highlight-edge",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-active",
|
|
"data-color",
|
|
"data-expanded",
|
|
"data-has-children",
|
|
"data-orientation",
|
|
"data-show",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-anchored",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrn-roving",
|
|
"data-wrn-roving-item"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 14,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Navbar",
|
|
"source": "packages/ui/components/Navbar.wrn",
|
|
"sha256": "02081bcbbf88f9fbbaff7348ad7183d914a424c8fe22ed3c870b61620c2920fa",
|
|
"category": "navigation",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"label",
|
|
"topbarLabel",
|
|
"brand",
|
|
"items",
|
|
"actions",
|
|
"active",
|
|
"sticky",
|
|
"floating",
|
|
"startFloating",
|
|
"openOnHover",
|
|
"maxWidth",
|
|
"mobileLabel",
|
|
"collapseAt",
|
|
"mobilePanel",
|
|
"mobileUtilitiesPosition",
|
|
"gutter",
|
|
"contentGutter",
|
|
"flushMobile",
|
|
"translationPrefix",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-on-primary",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-fast",
|
|
"navbar-floating-start",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-2",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-active",
|
|
"data-collapse-at",
|
|
"data-content-gutter",
|
|
"data-floating",
|
|
"data-flush-mobile",
|
|
"data-full-width",
|
|
"data-gutter",
|
|
"data-mobile-panel",
|
|
"data-mobile-utilities-position",
|
|
"data-open",
|
|
"data-open-on-hover",
|
|
"data-t",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrn-roving",
|
|
"data-wrn-roving-item"
|
|
],
|
|
"slots": ["actions", "brand", "topbar", "utilities"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 45,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "PageHeader",
|
|
"source": "packages/ui/components/PageHeader.wrn",
|
|
"sha256": "7586f4579031e9391d673eb413dfe2ca65f9e3da2a0257c6f987bfc3b3482927",
|
|
"category": "marketing",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"eyebrow",
|
|
"title",
|
|
"description",
|
|
"icon",
|
|
"id",
|
|
"align",
|
|
"centered",
|
|
"compact",
|
|
"size",
|
|
"maxWidth",
|
|
"showBreadcrumbs",
|
|
"breadcrumbs",
|
|
"breadcrumbParent",
|
|
"breadcrumbParentHref",
|
|
"breadcrumbCurrent",
|
|
"primaryLabel",
|
|
"primaryHref",
|
|
"primaryIcon",
|
|
"secondaryLabel",
|
|
"secondaryHref",
|
|
"secondaryIcon",
|
|
"color",
|
|
"variant",
|
|
"borderBottom",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-background",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-muted",
|
|
"color-danger-soft",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-info-muted",
|
|
"color-info-soft",
|
|
"color-info-text",
|
|
"color-primary",
|
|
"color-primary-muted",
|
|
"color-primary-soft",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-secondary-muted",
|
|
"color-secondary-soft",
|
|
"color-secondary-text",
|
|
"color-success",
|
|
"color-success-muted",
|
|
"color-success-soft",
|
|
"color-success-text",
|
|
"color-surface",
|
|
"color-surface-raised",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-muted",
|
|
"color-warning-soft",
|
|
"color-warning-text",
|
|
"shadow-sm"
|
|
],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-border-bottom",
|
|
"data-color",
|
|
"data-compact",
|
|
"data-max-width",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["actions", "meta"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 10,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Pagination",
|
|
"source": "packages/ui/components/Pagination.wrn",
|
|
"sha256": "df6faf0dbafd1249092b45e586159b575c3d37c73d81847376a28c3ea8fdb5cd",
|
|
"category": "navigation",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"color",
|
|
"size",
|
|
"page",
|
|
"pageSize",
|
|
"total",
|
|
"variant",
|
|
"siblingCount",
|
|
"showSummary",
|
|
"label",
|
|
"previousLabel",
|
|
"nextLabel",
|
|
"hrefTemplate",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-muted",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"highlight-edge",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-active",
|
|
"data-color",
|
|
"data-disabled",
|
|
"data-show",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 7,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "PinInput",
|
|
"source": "packages/ui/components/PinInput.wrn",
|
|
"sha256": "c17b2a1bb38ba0420de7c9179e64fd104cbd8d3b84127a308a4333d46232b3fb",
|
|
"category": "advanced-forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"label",
|
|
"name",
|
|
"value",
|
|
"length",
|
|
"pattern",
|
|
"type",
|
|
"inputMode",
|
|
"placeholder",
|
|
"autocomplete",
|
|
"masked",
|
|
"disabled",
|
|
"readonly",
|
|
"required",
|
|
"autoFocus",
|
|
"autoSubmit",
|
|
"allowPaste",
|
|
"clearable",
|
|
"clearLabel",
|
|
"separator",
|
|
"groupSize",
|
|
"helpText",
|
|
"invalid",
|
|
"validationMessage",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-standard",
|
|
"font-mono",
|
|
"font-sans",
|
|
"motion-base",
|
|
"radius-sm"
|
|
],
|
|
"dataAttributes": [
|
|
"data-allow-paste",
|
|
"data-auto-submit",
|
|
"data-complete",
|
|
"data-error",
|
|
"data-length",
|
|
"data-pattern",
|
|
"data-pin-index",
|
|
"data-value",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 9,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Popover",
|
|
"source": "packages/ui/components/Popover.wrn",
|
|
"sha256": "aa73c63bde88d6f52061a98fdc8c84f1147e784abfeb802f094a89c061b9a893",
|
|
"category": "overlays",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"open",
|
|
"defaultOpen",
|
|
"triggerLabel",
|
|
"triggerIcon",
|
|
"title",
|
|
"description",
|
|
"icon",
|
|
"placement",
|
|
"width",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"showArrow",
|
|
"showClose",
|
|
"closeLabel",
|
|
"closeOnOutside",
|
|
"closeOnEscape",
|
|
"actionLabel",
|
|
"actionHref",
|
|
"actionIcon",
|
|
"closeOnAction",
|
|
"disabled",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-soft",
|
|
"color-info",
|
|
"color-info-contrast",
|
|
"color-info-soft",
|
|
"color-on-danger",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-secondary-contrast",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-contrast",
|
|
"color-success-soft",
|
|
"color-surface",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-soft",
|
|
"color-warning-text",
|
|
"control-height",
|
|
"control-height-lg",
|
|
"control-height-sm",
|
|
"highlight-edge",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-open",
|
|
"data-placement",
|
|
"data-show",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-width",
|
|
"data-wrn-anchor-arrow",
|
|
"data-wrn-anchored",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["footer", "header", "trigger"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 26,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "PortalDashboard",
|
|
"source": "packages/ui/components/PortalDashboard.wrn",
|
|
"sha256": "ef67fdf9faac850ef34b1d2564386d41a0cfa4c754ed0988e85f2e7ea2f50cdb",
|
|
"category": "core",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"eyebrow",
|
|
"eyebrowKey",
|
|
"title",
|
|
"titleKey",
|
|
"description",
|
|
"descriptionKey",
|
|
"userName",
|
|
"metrics",
|
|
"actions",
|
|
"updates",
|
|
"tasks",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-sans",
|
|
"radius-md"
|
|
],
|
|
"dataAttributes": [
|
|
"data-t",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["hero-action"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 17,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "PreferenceSwitcher",
|
|
"source": "packages/ui/components/PreferenceSwitcher.wrn",
|
|
"sha256": "b1a5a72997dec35a1294f8a7724abc52ba9e50a108e175da9442816ca9adf0ec",
|
|
"category": "core",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"themeLabel",
|
|
"colorLabel",
|
|
"languageLabel",
|
|
"languages",
|
|
"colors",
|
|
"compact",
|
|
"iconOnly",
|
|
"themeIcon",
|
|
"colorIcon",
|
|
"languageIcon",
|
|
"panelPlacement",
|
|
"mobilePanel",
|
|
"showCurrentLanguage",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-sans",
|
|
"preference-swatch",
|
|
"radius-sm",
|
|
"shadow-lg"
|
|
],
|
|
"dataAttributes": [
|
|
"data-icon-only",
|
|
"data-mobile-panel",
|
|
"data-open",
|
|
"data-panel-placement",
|
|
"data-wrn-accent-set",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-compact",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-lang-set",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrn-theme-set"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 15,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "PublicPageShell",
|
|
"source": "packages/ui/components/PublicPageShell.wrn",
|
|
"sha256": "1e28f4f387f235198a723ed13b0128fe484894e4962b73a482a5a28c8acf003f",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"maxWidth",
|
|
"fullWidth",
|
|
"headerOffset",
|
|
"background",
|
|
"overflow",
|
|
"minHeight",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-background",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text"
|
|
],
|
|
"dataAttributes": [
|
|
"data-background",
|
|
"data-color",
|
|
"data-full-width",
|
|
"data-header-offset",
|
|
"data-max-width",
|
|
"data-min-height",
|
|
"data-overflow",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["after", "before"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 3,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "RangeSlider",
|
|
"source": "packages/ui/components/RangeSlider.wrn",
|
|
"sha256": "a4005dcca80e3e23b6488e865b92486b368f46e00d3f05e7b0663d421652be06",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"id",
|
|
"name",
|
|
"label",
|
|
"hiddenLabel",
|
|
"placeholder",
|
|
"variant",
|
|
"icon",
|
|
"iconPosition",
|
|
"value",
|
|
"min",
|
|
"max",
|
|
"step",
|
|
"showValue",
|
|
"showBounds",
|
|
"showSteps",
|
|
"marks",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"inline",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"range-progress",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-disabled",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-readonly",
|
|
"data-right-aligned",
|
|
"data-show-steps",
|
|
"data-value",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 56,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"vector": {
|
|
"ownership": "framework",
|
|
"parts": ["vector"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "Rating",
|
|
"source": "packages/ui/components/Rating.wrn",
|
|
"sha256": "8456d577da017eac6e54db78b4beced73930da6fe8ef7a5b74c65c2902571ea9",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"title",
|
|
"description",
|
|
"items",
|
|
"variant",
|
|
"value",
|
|
"max",
|
|
"step",
|
|
"readonly",
|
|
"disabled",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border-strong",
|
|
"color-focus",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-text",
|
|
"color-warning",
|
|
"font-mono",
|
|
"radius-sm"
|
|
],
|
|
"dataAttributes": [
|
|
"data-filled",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 3,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"vector": {
|
|
"ownership": "framework",
|
|
"parts": ["vector"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
},
|
|
"fill": {
|
|
"ownership": "framework",
|
|
"parts": ["fill"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
},
|
|
"precise": {
|
|
"ownership": "native",
|
|
"parts": ["precise"],
|
|
"limitations": "Only the outer native control is styled; picker dialogs, option popups, tracks and thumbs remain native or existing component CSS."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "Scrollspy",
|
|
"source": "packages/ui/components/Scrollspy.wrn",
|
|
"sha256": "a02f8bff11e611c867caf44aff9d16db51ce00adb7814760cc18950db2461aa4",
|
|
"category": "navigation",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"color",
|
|
"size",
|
|
"items",
|
|
"active",
|
|
"label",
|
|
"heading",
|
|
"sticky",
|
|
"topOffset",
|
|
"sectionOffset",
|
|
"collapseAt",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"font-mono",
|
|
"scrollspy-section-offset",
|
|
"scrollspy-top"
|
|
],
|
|
"dataAttributes": [
|
|
"data-active",
|
|
"data-collapse-at",
|
|
"data-color",
|
|
"data-show",
|
|
"data-size",
|
|
"data-sticky",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrn-scrollspy"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 3,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "SearchBox",
|
|
"source": "packages/ui/components/SearchBox.wrn",
|
|
"sha256": "9705699c05a83ea03a639b79618f62d2cd71bfe711fe2a6ed837d152ccf259a7",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"label",
|
|
"name",
|
|
"value",
|
|
"placeholder",
|
|
"type",
|
|
"min",
|
|
"max",
|
|
"step",
|
|
"disabled",
|
|
"required",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-focus",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-input-border-focus",
|
|
"color-input-border-hover",
|
|
"color-input-placeholder",
|
|
"color-input-text",
|
|
"color-on-primary",
|
|
"color-primary",
|
|
"color-primary-hover",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"radius-sm"
|
|
],
|
|
"dataAttributes": [
|
|
"data-hidden",
|
|
"data-show",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 8,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Section",
|
|
"source": "packages/ui/components/Section.wrn",
|
|
"sha256": "84df1d77f5f6c374a244fb30f76e28dd5dd8dbd168ebdb10d3f3a0eaa5dbee90",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"id",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"spacing",
|
|
"maxWidth",
|
|
"fullWidth",
|
|
"borderTop",
|
|
"borderBottom",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-soft",
|
|
"color-info",
|
|
"color-info-soft",
|
|
"color-on-danger",
|
|
"color-on-primary",
|
|
"color-on-secondary",
|
|
"color-primary",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-success-soft",
|
|
"color-surface",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-warning",
|
|
"color-warning-soft",
|
|
"radius-lg",
|
|
"shadow-1",
|
|
"sticky-header-offset"
|
|
],
|
|
"dataAttributes": [
|
|
"data-border-bottom",
|
|
"data-border-top",
|
|
"data-color",
|
|
"data-size",
|
|
"data-spacing",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 11,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "SectionHeader",
|
|
"source": "packages/ui/components/SectionHeader.wrn",
|
|
"sha256": "981ea9852591edeb02125219ae670e49c3be10c91cb57a6398d592dfff259667",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"id",
|
|
"eyebrow",
|
|
"title",
|
|
"description",
|
|
"align",
|
|
"size",
|
|
"color",
|
|
"headingLevel",
|
|
"maxWidth",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning-text"
|
|
],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-color",
|
|
"data-max-width",
|
|
"data-show",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["actions", "icon"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 1,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Sidebar",
|
|
"source": "packages/ui/components/Sidebar.wrn",
|
|
"sha256": "0c461f054007465f187368c066270ffbb6df850b66767e1479bbafa056384b1d",
|
|
"category": "navigation",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"color",
|
|
"size",
|
|
"label",
|
|
"items",
|
|
"active",
|
|
"mobileLabel",
|
|
"drawerTitle",
|
|
"mobile",
|
|
"drawerPlacement",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"font-mono",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-active",
|
|
"data-color",
|
|
"data-group",
|
|
"data-mobile",
|
|
"data-show",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrn-roving",
|
|
"data-wrn-roving-item"
|
|
],
|
|
"slots": ["drawer"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 14,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "SplitHero",
|
|
"source": "packages/ui/components/SplitHero.wrn",
|
|
"sha256": "dd449b79bdad8f3a480f654be665a98e0db43e63ca28c0d7c609bc1ca42a95c0",
|
|
"category": "marketing",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"eyebrow",
|
|
"eyebrowIcon",
|
|
"title",
|
|
"highlight",
|
|
"description",
|
|
"primaryLabel",
|
|
"primaryHref",
|
|
"primaryIcon",
|
|
"secondaryLabel",
|
|
"secondaryHref",
|
|
"secondaryIcon",
|
|
"visualPosition",
|
|
"reverse",
|
|
"ratio",
|
|
"align",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"maxWidth",
|
|
"fullBleed",
|
|
"gutter",
|
|
"contentGutter",
|
|
"flushMobile",
|
|
"titleSize",
|
|
"titleMaxWidth",
|
|
"descriptionWeight",
|
|
"mobileTitleSize",
|
|
"mobileStack",
|
|
"backgroundImage",
|
|
"visualImage",
|
|
"visualAlt",
|
|
"visualIcon",
|
|
"visualEyebrow",
|
|
"visualTitle",
|
|
"visualDescription",
|
|
"visualItems",
|
|
"visualStyle",
|
|
"trustItems",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-background",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-contrast",
|
|
"color-danger-hover",
|
|
"color-danger-muted",
|
|
"color-danger-soft",
|
|
"color-focus",
|
|
"color-info",
|
|
"color-info-contrast",
|
|
"color-info-hover",
|
|
"color-info-muted",
|
|
"color-info-soft",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-hover",
|
|
"color-primary-muted",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-secondary-contrast",
|
|
"color-secondary-hover",
|
|
"color-secondary-muted",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-contrast",
|
|
"color-success-hover",
|
|
"color-success-muted",
|
|
"color-success-soft",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-contrast",
|
|
"color-warning-hover",
|
|
"color-warning-muted",
|
|
"color-warning-soft",
|
|
"highlight-edge",
|
|
"shadow-3",
|
|
"split-title-max-width"
|
|
],
|
|
"dataAttributes": [
|
|
"data-align",
|
|
"data-color",
|
|
"data-content-gutter",
|
|
"data-description-weight",
|
|
"data-flush-mobile",
|
|
"data-full-bleed",
|
|
"data-gutter",
|
|
"data-max-width",
|
|
"data-mobile-stack",
|
|
"data-mobile-title-size",
|
|
"data-position",
|
|
"data-ratio",
|
|
"data-size",
|
|
"data-title-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-visual-style",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["actions", "trust", "visual"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 29,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "StatsBar",
|
|
"source": "packages/ui/components/StatsBar.wrn",
|
|
"sha256": "98fc8dea715ee0fcef9535c4a349499039140edf7bd150859bf54464b3331ab0",
|
|
"category": "data",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"items",
|
|
"columns",
|
|
"compact",
|
|
"dividers",
|
|
"icons",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"maxWidth",
|
|
"radius",
|
|
"shadow",
|
|
"gutter",
|
|
"outerSpacing",
|
|
"mobileColumns",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-contrast",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-info-contrast",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-secondary-contrast",
|
|
"color-success",
|
|
"color-success-contrast",
|
|
"color-success-text",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"color-warning-contrast",
|
|
"radius",
|
|
"radius-lg",
|
|
"radius-sm",
|
|
"shadow-2",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-columns",
|
|
"data-compact",
|
|
"data-direction",
|
|
"data-dividers",
|
|
"data-gutter",
|
|
"data-icons",
|
|
"data-index",
|
|
"data-max-width",
|
|
"data-mobile-columns",
|
|
"data-outer-spacing",
|
|
"data-radius",
|
|
"data-shadow",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-compact",
|
|
"data-wrn-axis-radius",
|
|
"data-wrn-axis-shadow",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 21,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Stepper",
|
|
"source": "packages/ui/components/Stepper.wrn",
|
|
"sha256": "35025eadca0738fc1eba291b54c8c6f8b5d79022ad3325f727becbb7169aebc5",
|
|
"category": "navigation",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"color",
|
|
"size",
|
|
"steps",
|
|
"active",
|
|
"controlled",
|
|
"orientation",
|
|
"clickable",
|
|
"label",
|
|
"showPanel",
|
|
"controls",
|
|
"allowSkip",
|
|
"nextDisabled",
|
|
"backLabel",
|
|
"nextLabel",
|
|
"skipLabel",
|
|
"finishLabel",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"control-height",
|
|
"font-mono",
|
|
"highlight-edge",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-clickable",
|
|
"data-color",
|
|
"data-orientation",
|
|
"data-primary",
|
|
"data-show",
|
|
"data-size",
|
|
"data-slot",
|
|
"data-status",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrn-roving",
|
|
"data-wrn-roving-item"
|
|
],
|
|
"slots": ["panel-{index}", "step-{index}"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 17,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "StrongPassword",
|
|
"source": "packages/ui/components/StrongPassword.wrn",
|
|
"sha256": "080e31a667fe77f19af1465771262d99a42d3d74dadc16153b19bc8383baf6d4",
|
|
"category": "advanced-forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"label",
|
|
"name",
|
|
"value",
|
|
"placeholder",
|
|
"autocomplete",
|
|
"minLength",
|
|
"specialCharactersSet",
|
|
"requireLowercase",
|
|
"requireUppercase",
|
|
"requireNumber",
|
|
"requireSpecialCharacter",
|
|
"showRequirements",
|
|
"presentation",
|
|
"hintText",
|
|
"emptyLabel",
|
|
"weakLabel",
|
|
"fairLabel",
|
|
"goodLabel",
|
|
"strongLabel",
|
|
"disabled",
|
|
"readonly",
|
|
"required",
|
|
"invalid",
|
|
"validationMessage",
|
|
"showLabel",
|
|
"hideLabel",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-success-text",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-met",
|
|
"data-open",
|
|
"data-orientation",
|
|
"data-right-aligned",
|
|
"data-score",
|
|
"data-strength",
|
|
"data-text",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 65,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "StyledIcon",
|
|
"source": "packages/ui/components/StyledIcon.wrn",
|
|
"sha256": "64ac0aeaa9f0b833f68943dc0116acc1d0a9c8816d3b4bb2c91d00cf7ec3dc0a",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"title",
|
|
"description",
|
|
"items",
|
|
"variant",
|
|
"icon",
|
|
"label",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-primary-text",
|
|
"color-success-text",
|
|
"color-warning-text",
|
|
"radius-sm"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-size",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 0,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Tabs",
|
|
"source": "packages/ui/components/Tabs.wrn",
|
|
"sha256": "462b8d821dd4390213fc6e75263d30d2b0f9a3d19f7b83053ae41f780c2c2671",
|
|
"category": "navigation",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"color",
|
|
"size",
|
|
"items",
|
|
"active",
|
|
"orientation",
|
|
"mode",
|
|
"param",
|
|
"label",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-muted",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"radius-md",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-mode",
|
|
"data-orientation",
|
|
"data-param",
|
|
"data-show",
|
|
"data-size",
|
|
"data-slide",
|
|
"data-ui-component",
|
|
"data-value",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrn-roving",
|
|
"data-wrn-roving-item"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 13,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "TextLink",
|
|
"source": "packages/ui/components/TextLink.wrn",
|
|
"sha256": "3d8ec57f065fbb12a2ba42e85f1d66ff24adf041e8a1ec4b59cc3f1a17004f4e",
|
|
"category": "marketing",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"label",
|
|
"href",
|
|
"target",
|
|
"rel",
|
|
"external",
|
|
"icon",
|
|
"iconPosition",
|
|
"showArrow",
|
|
"underline",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"disabled",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-danger",
|
|
"color-focus",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-primary-hover",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-text",
|
|
"color-warning-text",
|
|
"ease-standard",
|
|
"motion-base",
|
|
"radius",
|
|
"radius-sm"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-underline",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 4,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "TimePicker",
|
|
"source": "packages/ui/components/TimePicker.wrn",
|
|
"sha256": "1695e1cc66f1c41f61bd194db0ba8abfba45a528ca414bb700272a1884f908de",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"id",
|
|
"name",
|
|
"label",
|
|
"hiddenLabel",
|
|
"value",
|
|
"placeholder",
|
|
"variant",
|
|
"icon",
|
|
"iconPosition",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"inline",
|
|
"min",
|
|
"max",
|
|
"step",
|
|
"format",
|
|
"minuteStep",
|
|
"hours",
|
|
"minutes",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-part",
|
|
"data-right-aligned",
|
|
"data-show",
|
|
"data-value",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 47,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Timeline",
|
|
"source": "packages/ui/components/Timeline.wrn",
|
|
"sha256": "1f46194e222b7eb04750785542a8933028fb4d23a94f199874ffe27d9dc74e79",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "title", "description", "items", "variant", "numbered", "class"],
|
|
"tokenReferences": [
|
|
"color-bg",
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-on-primary",
|
|
"color-primary",
|
|
"color-primary-hover",
|
|
"color-primary-text",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"font-mono",
|
|
"highlight-edge",
|
|
"radius",
|
|
"shadow-1",
|
|
"shadow-2",
|
|
"timeline-accent"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-interactive",
|
|
"data-size",
|
|
"data-status",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 25,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Toaster",
|
|
"source": "packages/ui/components/Toaster.wrn",
|
|
"sha256": "e46b15818d8f50467521e58c5dae605871c107c09e80e8dade60da675b40b8e6",
|
|
"category": "core",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"color",
|
|
"size",
|
|
"position",
|
|
"duration",
|
|
"max",
|
|
"pauseOnHover",
|
|
"showIcon",
|
|
"successIcon",
|
|
"dangerIcon",
|
|
"warningIcon",
|
|
"infoIcon",
|
|
"closable",
|
|
"showProgress",
|
|
"closeLabel",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"highlight-edge",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-for",
|
|
"data-key",
|
|
"data-leaving",
|
|
"data-position",
|
|
"data-ref",
|
|
"data-show",
|
|
"data-size",
|
|
"data-toaster",
|
|
"data-tone",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 20,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"icon": {
|
|
"ownership": "framework",
|
|
"parts": ["icon"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
},
|
|
"vector": {
|
|
"ownership": "framework",
|
|
"parts": ["vector"],
|
|
"limitations": "Rendered pixels and vector geometry are owned by the existing renderer; recipes style surrounding parts only."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "ToggleCount",
|
|
"source": "packages/ui/components/ToggleCount.wrn",
|
|
"sha256": "b95bc9967d40d954427caea544c1b465f30dede623ed8d25b0aefee5b2453910",
|
|
"category": "advanced-forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"class",
|
|
"name",
|
|
"value",
|
|
"firstValue",
|
|
"firstLabel",
|
|
"secondValue",
|
|
"secondLabel",
|
|
"ariaLabel",
|
|
"items",
|
|
"currency",
|
|
"suffix",
|
|
"firstValueKey",
|
|
"secondValueKey",
|
|
"emptyValue",
|
|
"align",
|
|
"fullWidth",
|
|
"disabled",
|
|
"animate",
|
|
"animationDuration",
|
|
"animationSteps"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"font-sans",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"toggle-count-accent"
|
|
],
|
|
"dataAttributes": [
|
|
"data-disabled",
|
|
"data-first-value",
|
|
"data-second-value",
|
|
"data-selected",
|
|
"data-value",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 15,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "TogglePassword",
|
|
"source": "packages/ui/components/TogglePassword.wrn",
|
|
"sha256": "181b1c01ec9f43ded279825eef6a3a654b3fa51f087d93d4b578da0e4f76dc48",
|
|
"category": "advanced-forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"label",
|
|
"icon",
|
|
"name",
|
|
"value",
|
|
"placeholder",
|
|
"autocomplete",
|
|
"minlength",
|
|
"maxlength",
|
|
"pattern",
|
|
"fields",
|
|
"visible",
|
|
"toggleable",
|
|
"toggleMode",
|
|
"checkboxLabel",
|
|
"showLabel",
|
|
"hideLabel",
|
|
"disabled",
|
|
"readonly",
|
|
"required",
|
|
"invalid",
|
|
"helpText",
|
|
"validationMessage",
|
|
"cornerHint",
|
|
"cornerHref",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-bg",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-right-aligned",
|
|
"data-variant",
|
|
"data-visible",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 54,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "TreeView",
|
|
"source": "packages/ui/components/TreeView.wrn",
|
|
"sha256": "b9dd8b1633c391ba3c036230ebaa8d6fc0f9900eccf1a889005b8a1abb2d1649",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"title",
|
|
"description",
|
|
"items",
|
|
"valueKey",
|
|
"labelKey",
|
|
"defaultExpanded",
|
|
"selected",
|
|
"size",
|
|
"color",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-focus",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-text",
|
|
"color-text-subtle",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-show",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part",
|
|
"data-wrn-roving"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 10,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Typography",
|
|
"source": "packages/ui/components/Typography.wrn",
|
|
"sha256": "329dbcd9e040e363d6c4904e89e08ac19bbdbef9491ac99b6e6cbc99c4abf075",
|
|
"category": "layout",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "columns", "gap", "maxWidth", "class"],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-primary",
|
|
"color-primary-hover",
|
|
"color-primary-soft",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted"
|
|
],
|
|
"dataAttributes": [
|
|
"data-columns",
|
|
"data-gap",
|
|
"data-max-width",
|
|
"data-size",
|
|
"data-ui-component",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 7,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "WysiwygEditor",
|
|
"source": "packages/ui/components/WysiwygEditor.wrn",
|
|
"sha256": "a6e3d9a47915aaa26f6b16d9db7752a0af0c83301d8295439948e16c6c293905",
|
|
"category": "integrations",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"title",
|
|
"description",
|
|
"items",
|
|
"variant",
|
|
"value",
|
|
"readonly",
|
|
"placeholder",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-muted",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-text",
|
|
"radius-md"
|
|
],
|
|
"dataAttributes": [
|
|
"data-placeholder",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 3,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {
|
|
"content": {
|
|
"ownership": "content",
|
|
"parts": ["content"],
|
|
"limitations": "Styles apply to the editor container, never rewrite the user-authored document or formatting."
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"name": "Alert",
|
|
"source": "packages/ui/components/alert.wrn",
|
|
"sha256": "aac21d2b7b80aebf13f762ff5cc2ac761c21079655b412a6a8d9b2f39fcaf702",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"class",
|
|
"radius",
|
|
"shadow",
|
|
"title",
|
|
"description",
|
|
"items",
|
|
"actions",
|
|
"showIcon",
|
|
"icon",
|
|
"dismissible",
|
|
"dismissLabel",
|
|
"role",
|
|
"live",
|
|
"linkLabel",
|
|
"linkHref",
|
|
"actionLabel",
|
|
"actionHref",
|
|
"compact"
|
|
],
|
|
"tokenReferences": [
|
|
"alert-color",
|
|
"alert-ink",
|
|
"alert-soft",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-info-text",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-success-text",
|
|
"color-surface",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-text",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-sans",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-2",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-radius",
|
|
"data-shadow",
|
|
"data-show",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-radius",
|
|
"data-wrn-axis-shadow",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 16,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Avatar",
|
|
"source": "packages/ui/components/avatar.wrn",
|
|
"sha256": "6d7a581b401dd1c267a5aee0ee44a963eda92b2f9a415b4d2d1349d3582d20fb",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"src",
|
|
"alt",
|
|
"initials",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"shape",
|
|
"status",
|
|
"statusLabel",
|
|
"statusPosition",
|
|
"badge",
|
|
"badgeIcon",
|
|
"badgeLabel",
|
|
"tooltip",
|
|
"name",
|
|
"description",
|
|
"loading",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"avatar-color",
|
|
"avatar-size",
|
|
"color-bg",
|
|
"color-border",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"ease-standard",
|
|
"font-sans",
|
|
"motion-fast",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-shape",
|
|
"data-size",
|
|
"data-status",
|
|
"data-status-position",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-shape",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 17,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Badge",
|
|
"source": "packages/ui/components/badge.wrn",
|
|
"sha256": "862e8c70ccd11486fca9a8026981a3b58e385bfd4ec5bc8667c0f93d7b9b757f",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"label",
|
|
"humanize",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"shape",
|
|
"class",
|
|
"icon",
|
|
"iconPosition",
|
|
"dot",
|
|
"dotOnly",
|
|
"dotLabel",
|
|
"animated",
|
|
"avatarSrc",
|
|
"avatarAlt",
|
|
"dismissible",
|
|
"dismissLabel",
|
|
"truncate",
|
|
"maxWidth",
|
|
"anchorLabel",
|
|
"anchorIcon",
|
|
"placement",
|
|
"anchorLabelText"
|
|
],
|
|
"tokenReferences": [
|
|
"badge-color",
|
|
"badge-ink",
|
|
"badge-max-width",
|
|
"color-bg",
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-info-text",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-text",
|
|
"color-secondary",
|
|
"color-secondary-text",
|
|
"color-success",
|
|
"color-success-text",
|
|
"color-surface",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"color-warning-text",
|
|
"component-color",
|
|
"component-scale",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"radius-sm",
|
|
"shadow-1"
|
|
],
|
|
"dataAttributes": [
|
|
"data-animated",
|
|
"data-color",
|
|
"data-placement",
|
|
"data-shape",
|
|
"data-show",
|
|
"data-size",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-shape",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 22,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Button",
|
|
"source": "packages/ui/components/button.wrn",
|
|
"sha256": "392366662ad0f5b54511d51bc6d51fcb5c251761adca46965d83e1b62eb594c3",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"label",
|
|
"loadingLabel",
|
|
"description",
|
|
"as",
|
|
"href",
|
|
"target",
|
|
"rel",
|
|
"type",
|
|
"variant",
|
|
"color",
|
|
"size",
|
|
"disabled",
|
|
"loading",
|
|
"pill",
|
|
"fullWidth",
|
|
"icon",
|
|
"iconPosition",
|
|
"ariaLabel",
|
|
"ariaPressed",
|
|
"ariaExpanded",
|
|
"ariaControls",
|
|
"title",
|
|
"tooltipPlacement",
|
|
"autofocus",
|
|
"controlClass",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"btn-color",
|
|
"btn-contrast",
|
|
"color-bg",
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-warning",
|
|
"control-height",
|
|
"control-height-lg",
|
|
"control-height-sm",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-2"
|
|
],
|
|
"dataAttributes": [
|
|
"data-full-width",
|
|
"data-placement",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-pill",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 28,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Checkbox",
|
|
"source": "packages/ui/components/checkbox.wrn",
|
|
"sha256": "65b764703ffb36b3485bd473cf76126dfb2c746ab65a44d0bbc94b121f10e986",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"id",
|
|
"name",
|
|
"label",
|
|
"hiddenLabel",
|
|
"placeholder",
|
|
"variant",
|
|
"icon",
|
|
"iconPosition",
|
|
"value",
|
|
"values",
|
|
"options",
|
|
"checked",
|
|
"indeterminate",
|
|
"orientation",
|
|
"card",
|
|
"rightAligned",
|
|
"list",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"inline",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-disabled",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-right-aligned",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 50,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Input",
|
|
"source": "packages/ui/components/input.wrn",
|
|
"sha256": "3e43ccab4d80cdb9fe0a760748474b427c6faddd89a6183bc888e53d773b2f03",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"id",
|
|
"name",
|
|
"label",
|
|
"hiddenLabel",
|
|
"placeholder",
|
|
"value",
|
|
"type",
|
|
"variant",
|
|
"icon",
|
|
"iconPosition",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"invalidMessage",
|
|
"inline",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"autocomplete",
|
|
"inputmode",
|
|
"minlength",
|
|
"maxlength",
|
|
"pattern",
|
|
"min",
|
|
"max",
|
|
"step",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-input-border-hover",
|
|
"color-input-placeholder",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-empty",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-input-type",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-right-aligned",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 44,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Progress",
|
|
"source": "packages/ui/components/progress.wrn",
|
|
"sha256": "f55ff8ccaf18960b967ab69d278b720da5f744251f1f614a284bfd99c93168e2",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["size", "color", "label", "value", "max", "showValue", "class"],
|
|
"tokenReferences": [
|
|
"color-danger",
|
|
"color-info",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-warning",
|
|
"ease-emphasized",
|
|
"font-mono",
|
|
"motion-slow",
|
|
"progress-color"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-size",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 6,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Radio",
|
|
"source": "packages/ui/components/radio.wrn",
|
|
"sha256": "537b8c992a0040f84ea382127ccdc68c63d24d809e8c663ce9f0c16b79c22e54",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"id",
|
|
"name",
|
|
"label",
|
|
"hiddenLabel",
|
|
"placeholder",
|
|
"variant",
|
|
"icon",
|
|
"iconPosition",
|
|
"value",
|
|
"options",
|
|
"checked",
|
|
"orientation",
|
|
"card",
|
|
"rightAligned",
|
|
"list",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"inline",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-disabled",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-right-aligned",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 50,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Select",
|
|
"source": "packages/ui/components/select.wrn",
|
|
"sha256": "9bb6c0a6238c76ef1b96ecc30eee1e7208abc6b1d195d9f0880244aada465791",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"id",
|
|
"name",
|
|
"label",
|
|
"hiddenLabel",
|
|
"value",
|
|
"values",
|
|
"options",
|
|
"placeholder",
|
|
"variant",
|
|
"icon",
|
|
"iconPosition",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"inline",
|
|
"multiple",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-input-border-hover",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-readonly",
|
|
"data-right-aligned",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 44,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Skeleton",
|
|
"source": "packages/ui/components/skeleton.wrn",
|
|
"sha256": "8bf41be508416c9cb3dc05103bde9ae944499da12ea244fe853749daaed07f3f",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["color", "label", "size", "lines", "class"],
|
|
"tokenReferences": [
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-surface",
|
|
"color-text",
|
|
"skeleton-base",
|
|
"skeleton-line",
|
|
"skeleton-shine"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-size",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 2,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Spinner",
|
|
"source": "packages/ui/components/spinner.wrn",
|
|
"sha256": "0144152d936a861ffcd3c37f226ede28d31c0dc945f3c3cf85474db5b4335cf9",
|
|
"category": "base",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": ["color", "label", "size", "lines", "class"],
|
|
"tokenReferences": [
|
|
"color-danger",
|
|
"color-info",
|
|
"color-primary",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-warning",
|
|
"spinner-color",
|
|
"spinner-size"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-size",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 2,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Switch",
|
|
"source": "packages/ui/components/switch.wrn",
|
|
"sha256": "00a40becd26bc7ddc63954f1c8856b3c9b0a4ad13b78c8db5c86910bc9e260d0",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"id",
|
|
"name",
|
|
"label",
|
|
"hiddenLabel",
|
|
"placeholder",
|
|
"variant",
|
|
"icon",
|
|
"iconPosition",
|
|
"value",
|
|
"checked",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"inline",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-border-strong",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-right-aligned",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 49,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Textarea",
|
|
"source": "packages/ui/components/textarea.wrn",
|
|
"sha256": "e1402419f3f6bd91b2119a8a49704683cabfba3329a9806c4a78242fd0ff0036",
|
|
"category": "forms",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"size",
|
|
"color",
|
|
"id",
|
|
"name",
|
|
"label",
|
|
"hiddenLabel",
|
|
"placeholder",
|
|
"value",
|
|
"variant",
|
|
"icon",
|
|
"iconPosition",
|
|
"helperText",
|
|
"cornerHint",
|
|
"error",
|
|
"inline",
|
|
"rows",
|
|
"resize",
|
|
"readonly",
|
|
"disabled",
|
|
"required",
|
|
"minlength",
|
|
"maxlength",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-text",
|
|
"color-info",
|
|
"color-input-background",
|
|
"color-input-border",
|
|
"color-muted",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-secondary",
|
|
"color-success",
|
|
"color-surface",
|
|
"color-surface-2",
|
|
"color-surface-muted",
|
|
"color-surface-raised",
|
|
"color-surface-soft",
|
|
"color-text",
|
|
"color-text-muted",
|
|
"color-text-subtle",
|
|
"color-warning",
|
|
"component-color",
|
|
"component-scale",
|
|
"control-height",
|
|
"ease-emphasized",
|
|
"ease-standard",
|
|
"field-color",
|
|
"font-mono",
|
|
"font-sans",
|
|
"highlight-edge",
|
|
"motion-base",
|
|
"motion-fast",
|
|
"radius",
|
|
"radius-sm",
|
|
"shadow-1",
|
|
"shadow-3"
|
|
],
|
|
"dataAttributes": [
|
|
"data-card",
|
|
"data-error",
|
|
"data-expanded",
|
|
"data-floating",
|
|
"data-has-icon",
|
|
"data-icon-position",
|
|
"data-inline",
|
|
"data-invalid",
|
|
"data-list",
|
|
"data-orientation",
|
|
"data-right-aligned",
|
|
"data-variant",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": [],
|
|
"hasDefaultSlot": false,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 43,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
},
|
|
{
|
|
"name": "Tooltip",
|
|
"source": "packages/ui/components/tooltip.wrn",
|
|
"sha256": "2bd977b0b8e6fccfeac4ea96b71d01065a237779243d3b8236db34448ea3b381",
|
|
"category": "overlays",
|
|
"inReference": true,
|
|
"inCatalog": true,
|
|
"props": [
|
|
"id",
|
|
"open",
|
|
"defaultOpen",
|
|
"title",
|
|
"description",
|
|
"content",
|
|
"trigger",
|
|
"placement",
|
|
"size",
|
|
"color",
|
|
"variant",
|
|
"maxWidth",
|
|
"offset",
|
|
"showArrow",
|
|
"interactive",
|
|
"disabled",
|
|
"class"
|
|
],
|
|
"tokenReferences": [
|
|
"color-border",
|
|
"color-danger",
|
|
"color-danger-soft",
|
|
"color-focus",
|
|
"color-info",
|
|
"color-info-soft",
|
|
"color-primary",
|
|
"color-primary-contrast",
|
|
"color-primary-soft",
|
|
"color-secondary",
|
|
"color-secondary-soft",
|
|
"color-success",
|
|
"color-success-soft",
|
|
"color-surface",
|
|
"color-surface-raised",
|
|
"color-text",
|
|
"color-warning",
|
|
"color-warning-soft",
|
|
"radius-sm",
|
|
"shadow-2",
|
|
"tooltip-max-width",
|
|
"tooltip-offset"
|
|
],
|
|
"dataAttributes": [
|
|
"data-color",
|
|
"data-interactive",
|
|
"data-open",
|
|
"data-placement",
|
|
"data-show",
|
|
"data-size",
|
|
"data-trigger",
|
|
"data-ui-component",
|
|
"data-variant",
|
|
"data-wrn-anchor-arrow",
|
|
"data-wrn-anchored",
|
|
"data-wrn-axis-color",
|
|
"data-wrn-axis-size",
|
|
"data-wrn-axis-variant",
|
|
"data-wrn-component",
|
|
"data-wrn-owner",
|
|
"data-wrn-part"
|
|
],
|
|
"slots": ["trigger"],
|
|
"hasDefaultSlot": true,
|
|
"hasLocalStyle": true,
|
|
"hasContractPartHooks": true,
|
|
"literalGeometryDeclarations": 21,
|
|
"status": "recipe-supported",
|
|
"contractVersion": 1,
|
|
"regions": {}
|
|
}
|
|
]
|
|
}
|