diff --git a/docs/markdown/components/accordion.md b/docs/markdown/components/accordion.md index bcdcd20e..f03632b1 100644 --- a/docs/markdown/components/accordion.md +++ b/docs/markdown/components/accordion.md @@ -3,6 +3,7 @@ title: Accordion description: "An accordion is a vertically stacked set of interactive headings that each contain a title and a content area." category: inputs documentationUrl: https://spectrum.adobe.com/page/accordion/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/accordion/ tags: - component - schema diff --git a/docs/markdown/components/action-bar.md b/docs/markdown/components/action-bar.md index 21dba565..e51300db 100644 --- a/docs/markdown/components/action-bar.md +++ b/docs/markdown/components/action-bar.md @@ -3,6 +3,7 @@ title: Action bar description: "Action bars are used for single and bulk selection patterns, when a user needs to perform actions on either a single or multiple items at the same time." category: actions documentationUrl: https://spectrum.adobe.com/page/action-bar/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/action-bar/ tags: - component - schema diff --git a/docs/markdown/components/action-button.md b/docs/markdown/components/action-button.md index 605964ca..2b58af92 100644 --- a/docs/markdown/components/action-button.md +++ b/docs/markdown/components/action-button.md @@ -3,6 +3,7 @@ title: Action button description: "Action buttons allow users to perform an action or mark a selection. They're used for similar, task-based options within a workflow, and are ideal for interface" category: actions documentationUrl: https://spectrum.adobe.com/page/action-button/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/action-button/ tags: - component - schema diff --git a/docs/markdown/components/action-group.md b/docs/markdown/components/action-group.md index d587e44d..69cb008f 100644 --- a/docs/markdown/components/action-group.md +++ b/docs/markdown/components/action-group.md @@ -3,6 +3,7 @@ title: Action group description: "An action group is a grouping of action buttons that are related to each other." category: actions documentationUrl: https://spectrum.adobe.com/page/action-group/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/action-group/ tags: - component - schema diff --git a/docs/markdown/components/alert-banner.md b/docs/markdown/components/alert-banner.md index 3f608da5..3d2b5a45 100644 --- a/docs/markdown/components/alert-banner.md +++ b/docs/markdown/components/alert-banner.md @@ -3,6 +3,7 @@ title: Alert banner description: "Alert banners show pressing and high-signal messages, such as system alerts. They're meant to be noticed and prompt users to take action." category: feedback documentationUrl: https://spectrum.adobe.com/page/alert-banner/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/alert-banner/ tags: - component - schema diff --git a/docs/markdown/components/alert-dialog.md b/docs/markdown/components/alert-dialog.md index e22eb93f..ec017efb 100644 --- a/docs/markdown/components/alert-dialog.md +++ b/docs/markdown/components/alert-dialog.md @@ -3,6 +3,7 @@ title: Alert dialog description: "Alert dialogs display important information that users need to acknowledge. They appear over the interface and block further interactions until an action is sel" category: feedback documentationUrl: https://spectrum.adobe.com/page/alert-dialog/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/alert-dialog/ tags: - component - schema diff --git a/docs/markdown/components/avatar-group.md b/docs/markdown/components/avatar-group.md index a1dc1c6e..af30b0d1 100644 --- a/docs/markdown/components/avatar-group.md +++ b/docs/markdown/components/avatar-group.md @@ -3,6 +3,7 @@ title: Avatar group description: "Avatar groups display a collection of avatars representing people or entities." category: actions documentationUrl: https://spectrum.adobe.com/page/avatar-group/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/avatar-group/ tags: - component - schema diff --git a/docs/markdown/components/avatar.md b/docs/markdown/components/avatar.md index e354361d..631ea5b4 100644 --- a/docs/markdown/components/avatar.md +++ b/docs/markdown/components/avatar.md @@ -3,6 +3,7 @@ title: Avatar description: "An avatar is a thumbnail representation of an entity, such as a user or an organization." category: navigation documentationUrl: https://spectrum.adobe.com/page/avatar/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/avatar/ tags: - component - schema diff --git a/docs/markdown/components/badge.md b/docs/markdown/components/badge.md index e72a8d16..59888d82 100644 --- a/docs/markdown/components/badge.md +++ b/docs/markdown/components/badge.md @@ -3,6 +3,7 @@ title: Badge description: "Similar to status lights, badges are for showing a small amount of color-categorized metadata. They're ideal for getting a user''s attention." category: status documentationUrl: https://spectrum.adobe.com/page/badge/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/badge/ tags: - component - schema diff --git a/docs/markdown/components/body.md b/docs/markdown/components/body.md index d8f8ec82..6141e4ab 100644 --- a/docs/markdown/components/body.md +++ b/docs/markdown/components/body.md @@ -3,6 +3,7 @@ title: Body description: "Body is a typography component primarily used within Spectrum components and for blocks of text." category: typography documentationUrl: https://spectrum.adobe.com/page/body/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/body/ tags: - component - schema diff --git a/docs/markdown/components/bottom-navigation-android.md b/docs/markdown/components/bottom-navigation-android.md index 58699dcf..a4def81a 100644 --- a/docs/markdown/components/bottom-navigation-android.md +++ b/docs/markdown/components/bottom-navigation-android.md @@ -3,6 +3,7 @@ title: Bottom navigation (Android) description: "Bottom navigation is a top-level navigation control for Android apps." category: navigation documentationUrl: https://spectrum.adobe.com/page/bottom-navigation-android/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/bottom-navigation-android/ tags: - component - schema diff --git a/docs/markdown/components/breadcrumbs.md b/docs/markdown/components/breadcrumbs.md index e824e41b..83587fe6 100644 --- a/docs/markdown/components/breadcrumbs.md +++ b/docs/markdown/components/breadcrumbs.md @@ -3,6 +3,7 @@ title: Breadcrumbs description: "Breadcrumbs show hierarchy and navigational context for a user’s location within an app." category: navigation documentationUrl: https://spectrum.adobe.com/page/breadcrumbs/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/breadcrumbs/ tags: - component - schema diff --git a/docs/markdown/components/button-group.md b/docs/markdown/components/button-group.md index 9e98cc26..54a55272 100644 --- a/docs/markdown/components/button-group.md +++ b/docs/markdown/components/button-group.md @@ -3,6 +3,7 @@ title: Button group description: "A button group is a grouping of buttons whose actions are related to each other." category: actions documentationUrl: https://spectrum.adobe.com/page/button-group/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/button-group/ tags: - component - schema diff --git a/docs/markdown/components/button.md b/docs/markdown/components/button.md index 62443461..5312b77f 100644 --- a/docs/markdown/components/button.md +++ b/docs/markdown/components/button.md @@ -3,6 +3,7 @@ title: Button description: "Buttons allow users to perform an action or to navigate to another page. They have multiple styles for various needs, and are ideal for calling attention to whe" category: actions documentationUrl: https://spectrum.adobe.com/page/button/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/button/ tags: - component - schema diff --git a/docs/markdown/components/calendar.md b/docs/markdown/components/calendar.md index 012f6727..7e73c7cf 100644 --- a/docs/markdown/components/calendar.md +++ b/docs/markdown/components/calendar.md @@ -3,6 +3,7 @@ title: Calendar description: "Calendars display days, weeks, and months, allowing users to select dates or ranges." category: inputs documentationUrl: https://spectrum.adobe.com/page/calendar/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/calendar/ tags: - component - schema diff --git a/docs/markdown/components/cards.md b/docs/markdown/components/cards.md index 0e3febfe..208b702f 100644 --- a/docs/markdown/components/cards.md +++ b/docs/markdown/components/cards.md @@ -3,6 +3,7 @@ title: Cards description: "Cards group related content into distinct layouts depending on context." category: containers documentationUrl: https://spectrum.adobe.com/page/cards/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/cards/ tags: - component - schema diff --git a/docs/markdown/components/checkbox-group.md b/docs/markdown/components/checkbox-group.md index 924571a3..cae7c2e4 100644 --- a/docs/markdown/components/checkbox-group.md +++ b/docs/markdown/components/checkbox-group.md @@ -3,6 +3,7 @@ title: Checkbox group description: "A checkbox group is a grouping of checkboxes that are related to each other." category: inputs documentationUrl: https://spectrum.adobe.com/page/checkbox-group/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/checkbox-group/ tags: - component - schema diff --git a/docs/markdown/components/checkbox.md b/docs/markdown/components/checkbox.md index 6838afe9..88567a14 100644 --- a/docs/markdown/components/checkbox.md +++ b/docs/markdown/components/checkbox.md @@ -3,6 +3,7 @@ title: Checkbox description: "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected." category: inputs documentationUrl: https://spectrum.adobe.com/page/checkbox/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/checkbox/ tags: - component - schema diff --git a/docs/markdown/components/close-button.md b/docs/markdown/components/close-button.md index 977c1146..8e032b30 100644 --- a/docs/markdown/components/close-button.md +++ b/docs/markdown/components/close-button.md @@ -3,6 +3,7 @@ title: Close button description: "The close button is used inside of other components, like a toast or an action bar, for closing or dismissing its parent component." category: actions documentationUrl: https://spectrum.adobe.com/page/close-button/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/close-button/ tags: - component - schema diff --git a/docs/markdown/components/coach-indicator.md b/docs/markdown/components/coach-indicator.md index e681b1b6..ece447f4 100644 --- a/docs/markdown/components/coach-indicator.md +++ b/docs/markdown/components/coach-indicator.md @@ -3,6 +3,7 @@ title: Coach indicator description: "Coach indicators help guide users through interfaces by highlighting important areas or features during onboarding and feature discovery." category: feedback documentationUrl: https://spectrum.adobe.com/page/coach-indicator/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/coach-indicator/ tags: - component - schema diff --git a/docs/markdown/components/coach-mark.md b/docs/markdown/components/coach-mark.md index 5a748e0d..e9f6bf64 100644 --- a/docs/markdown/components/coach-mark.md +++ b/docs/markdown/components/coach-mark.md @@ -3,6 +3,7 @@ title: Coach mark description: "Coach marks provide contextual guidance to users by highlighting specific interface elements." category: feedback documentationUrl: https://spectrum.adobe.com/page/coach-mark/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/coach-mark/ tags: - component - schema diff --git a/docs/markdown/components/code.md b/docs/markdown/components/code.md index 22c67720..f08c349a 100644 --- a/docs/markdown/components/code.md +++ b/docs/markdown/components/code.md @@ -3,6 +3,7 @@ title: Code description: "Detail is a typography component used for disclosing extra information or smaller items in hierarchical relationships of text." category: typography documentationUrl: https://spectrum.adobe.com/page/code/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/code/ tags: - component - schema diff --git a/docs/markdown/components/color-area.md b/docs/markdown/components/color-area.md index 1fd67156..10f66c64 100644 --- a/docs/markdown/components/color-area.md +++ b/docs/markdown/components/color-area.md @@ -3,6 +3,7 @@ title: Color area description: "A color area allows users to visually select two properties of a color simultaneously. It's commonly used together with a color slider or color wheel." category: inputs documentationUrl: https://spectrum.adobe.com/page/color-area/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/color-area/ tags: - component - schema diff --git a/docs/markdown/components/color-handle.md b/docs/markdown/components/color-handle.md index 00fb4c73..4466ba8a 100644 --- a/docs/markdown/components/color-handle.md +++ b/docs/markdown/components/color-handle.md @@ -3,6 +3,7 @@ title: Color handle description: "Color handles allow users to select and adjust colors in a color picker." category: inputs documentationUrl: https://spectrum.adobe.com/page/color-handle/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/color-handle/ tags: - component - schema diff --git a/docs/markdown/components/color-loupe.md b/docs/markdown/components/color-loupe.md index e5057b6b..85865738 100644 --- a/docs/markdown/components/color-loupe.md +++ b/docs/markdown/components/color-loupe.md @@ -3,6 +3,7 @@ title: Color loupe description: "A color loupe shows the output color that would otherwise be covered by a cursor, stylus, or finger during color selection." category: feedback documentationUrl: https://spectrum.adobe.com/page/color-loupe/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/color-loupe/ tags: - component - schema diff --git a/docs/markdown/components/color-slider.md b/docs/markdown/components/color-slider.md index ed17c99c..4624f635 100644 --- a/docs/markdown/components/color-slider.md +++ b/docs/markdown/components/color-slider.md @@ -3,6 +3,7 @@ title: Color slider description: "A color slider lets users visually change an individual channel of a color." category: inputs documentationUrl: https://spectrum.adobe.com/page/color-slider/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/color-slider/ tags: - component - schema diff --git a/docs/markdown/components/color-wheel.md b/docs/markdown/components/color-wheel.md index 27ad9f1b..af84153d 100644 --- a/docs/markdown/components/color-wheel.md +++ b/docs/markdown/components/color-wheel.md @@ -3,6 +3,7 @@ title: Color wheel description: "A color wheel lets users visually change an individual channel of a color on a circular track." category: inputs documentationUrl: https://spectrum.adobe.com/page/color-wheel/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/color-wheel/ tags: - component - schema diff --git a/docs/markdown/components/combo-box.md b/docs/markdown/components/combo-box.md index fb4b59af..4758fefd 100644 --- a/docs/markdown/components/combo-box.md +++ b/docs/markdown/components/combo-box.md @@ -3,6 +3,7 @@ title: Combo box description: "Combo boxes combine a text entry with a picker menu, allowing users to filter longer lists to only the selections matching a query." category: inputs documentationUrl: https://spectrum.adobe.com/page/combo-box/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/combo-box/ tags: - component - schema diff --git a/docs/markdown/components/contextual-help.md b/docs/markdown/components/contextual-help.md index 83751ae3..dac9ff58 100644 --- a/docs/markdown/components/contextual-help.md +++ b/docs/markdown/components/contextual-help.md @@ -3,6 +3,7 @@ title: Contextual help description: "Contextual help shows a user extra information about the state of either an adjacent component or an entire view. It explains a high-level topic about an experi" category: feedback documentationUrl: https://spectrum.adobe.com/page/contextual-help/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/contextual-help/ tags: - component - schema diff --git a/docs/markdown/components/date-picker.md b/docs/markdown/components/date-picker.md index f60f1ad7..4ba8b72f 100644 --- a/docs/markdown/components/date-picker.md +++ b/docs/markdown/components/date-picker.md @@ -3,6 +3,7 @@ title: Date picker description: "A date picker lets users enter a single date or a date range. It includes a calendar popover and a field." category: inputs documentationUrl: https://spectrum.adobe.com/page/date-picker/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/date-picker/ tags: - component - schema diff --git a/docs/markdown/components/detail.md b/docs/markdown/components/detail.md index e83b42fc..d1e0c6c4 100644 --- a/docs/markdown/components/detail.md +++ b/docs/markdown/components/detail.md @@ -3,6 +3,7 @@ title: Detail description: "Detail is a typography component used for disclosing extra information or smaller items in hierarchical relationships of text." category: typography documentationUrl: https://spectrum.adobe.com/page/detail/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/detail/ tags: - component - schema diff --git a/docs/markdown/components/divider.md b/docs/markdown/components/divider.md index 3994c130..bb87fbc8 100644 --- a/docs/markdown/components/divider.md +++ b/docs/markdown/components/divider.md @@ -3,6 +3,7 @@ title: Divider description: "Dividers bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy." category: containers documentationUrl: https://spectrum.adobe.com/page/divider/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/divider/ tags: - component - schema diff --git a/docs/markdown/components/drop-zone.md b/docs/markdown/components/drop-zone.md index 36ee269d..2b63532c 100644 --- a/docs/markdown/components/drop-zone.md +++ b/docs/markdown/components/drop-zone.md @@ -3,6 +3,7 @@ title: Drop zone description: "A drop zone allows users to drag and drop files or other content into a designated area." category: inputs documentationUrl: https://spectrum.adobe.com/page/drop-zone/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/drop-zone/ tags: - component - schema diff --git a/docs/markdown/components/field-label.md b/docs/markdown/components/field-label.md index ef7832aa..7779f666 100644 --- a/docs/markdown/components/field-label.md +++ b/docs/markdown/components/field-label.md @@ -3,6 +3,7 @@ title: Field label description: "Field labels give context to the information that a user needs to input. They're commonly used in forms." category: inputs documentationUrl: https://spectrum.adobe.com/page/field-label/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/field-label/ tags: - component - schema diff --git a/docs/markdown/components/heading.md b/docs/markdown/components/heading.md index 99fad8be..20818f3b 100644 --- a/docs/markdown/components/heading.md +++ b/docs/markdown/components/heading.md @@ -3,6 +3,7 @@ title: Heading description: "Heading is a typography component used to create various levels of hierarchies between text." category: typography documentationUrl: https://spectrum.adobe.com/page/heading/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/heading/ tags: - component - schema diff --git a/docs/markdown/components/help-text.md b/docs/markdown/components/help-text.md index 41a8d3d6..00d1914e 100644 --- a/docs/markdown/components/help-text.md +++ b/docs/markdown/components/help-text.md @@ -3,6 +3,7 @@ title: Help text description: "Help text provides either an informative description or an error message that gives more context about what a user needs to input. It’s commonly used in forms." category: inputs documentationUrl: https://spectrum.adobe.com/page/help-text/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/help-text/ tags: - component - schema diff --git a/docs/markdown/components/illustrated-message.md b/docs/markdown/components/illustrated-message.md index 69e99cbf..34f9605e 100644 --- a/docs/markdown/components/illustrated-message.md +++ b/docs/markdown/components/illustrated-message.md @@ -3,6 +3,7 @@ title: Illustrated message description: "An illustrated message displays an illustration with a short title and description, often used for empty states or error states." category: feedback documentationUrl: https://spectrum.adobe.com/page/illustrated-message/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/illustrated-message/ tags: - component - schema diff --git a/docs/markdown/components/in-field-progress-button.md b/docs/markdown/components/in-field-progress-button.md index 94fd42e5..f47a5a7f 100644 --- a/docs/markdown/components/in-field-progress-button.md +++ b/docs/markdown/components/in-field-progress-button.md @@ -3,6 +3,7 @@ title: In field progress button description: "In field progress buttons provide interactive controls within form fields for actions like clearing, adding, or disclosing additional content." category: actions documentationUrl: https://spectrum.adobe.com/page/in-field-progress-button/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/in-field-progress-button/ tags: - component - schema diff --git a/docs/markdown/components/in-field-progress-circle.md b/docs/markdown/components/in-field-progress-circle.md index 4b7fa36d..5437ebbd 100644 --- a/docs/markdown/components/in-field-progress-circle.md +++ b/docs/markdown/components/in-field-progress-circle.md @@ -3,6 +3,7 @@ title: In field progress circle description: "In field progress circles indicate progress for loading states within form fields and input areas." category: feedback documentationUrl: https://spectrum.adobe.com/page/in-field-progress-circle/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/in-field-progress-circle/ tags: - component - schema diff --git a/docs/markdown/components/in-line-alert.md b/docs/markdown/components/in-line-alert.md index 9bcc27e8..279d42e1 100644 --- a/docs/markdown/components/in-line-alert.md +++ b/docs/markdown/components/in-line-alert.md @@ -3,6 +3,7 @@ title: In-line alert description: "In-line alerts display a non-modal message associated with objects in a view. These are often used in form validation, providing a place to aggregate feedback r" category: feedback documentationUrl: https://spectrum.adobe.com/page/in-line-alert/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/in-line-alert/ tags: - component - schema diff --git a/docs/markdown/components/link.md b/docs/markdown/components/link.md index 9d482f11..8dca5983 100644 --- a/docs/markdown/components/link.md +++ b/docs/markdown/components/link.md @@ -3,6 +3,7 @@ title: Link description: "Links allow users to navigate to a different location. They can be presented inside a paragraph or as standalone text." category: actions documentationUrl: https://spectrum.adobe.com/page/link/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/link/ tags: - component - schema diff --git a/docs/markdown/components/list-view.md b/docs/markdown/components/list-view.md index e1369304..7821b79c 100644 --- a/docs/markdown/components/list-view.md +++ b/docs/markdown/components/list-view.md @@ -3,6 +3,7 @@ title: List view description: "List views display rows of data or options that users can browse, select, and interact with." category: navigation documentationUrl: https://spectrum.adobe.com/page/list-view/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/list-view/ tags: - component - schema diff --git a/docs/markdown/components/menu.md b/docs/markdown/components/menu.md index 0dc38520..8ae8db36 100644 --- a/docs/markdown/components/menu.md +++ b/docs/markdown/components/menu.md @@ -3,6 +3,7 @@ title: Menu description: "Menus help users take actions, choose from a list of options, configure settings, and more. They can be placed in a transient container, like a popover or tray." category: actions documentationUrl: https://spectrum.adobe.com/page/menu/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/menu/ tags: - component - schema diff --git a/docs/markdown/components/meter.md b/docs/markdown/components/meter.md index 73bcab3f..8e30d7b4 100644 --- a/docs/markdown/components/meter.md +++ b/docs/markdown/components/meter.md @@ -3,6 +3,7 @@ title: Meter description: "Meters are visual representations of a quantity or an achievement. Their progress is determined by user actions, rather than system actions." category: status documentationUrl: https://spectrum.adobe.com/page/meter/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/meter/ tags: - component - schema diff --git a/docs/markdown/components/number-field.md b/docs/markdown/components/number-field.md index c8d6ef76..8ca87340 100644 --- a/docs/markdown/components/number-field.md +++ b/docs/markdown/components/number-field.md @@ -3,6 +3,7 @@ title: Number field description: "Number fields allow users to enter a numeric value, with optional increment and decrement buttons." category: inputs documentationUrl: https://spectrum.adobe.com/page/number-field/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/number-field/ tags: - component - schema diff --git a/docs/markdown/components/opacity-checkerboard.md b/docs/markdown/components/opacity-checkerboard.md index baa6e481..9b4ef342 100644 --- a/docs/markdown/components/opacity-checkerboard.md +++ b/docs/markdown/components/opacity-checkerboard.md @@ -3,6 +3,7 @@ title: Opacity Checkerboard description: "Opacity checkerboards provide a visual pattern background used in color swatches and UI elements to indicate transparency or when no color is selected." category: status documentationUrl: https://spectrum.adobe.com/page/opacity-checkerboard/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/opacity-checkerboard/ tags: - component - schema diff --git a/docs/markdown/components/picker.md b/docs/markdown/components/picker.md index 07ad5620..eb9bd5f5 100644 --- a/docs/markdown/components/picker.md +++ b/docs/markdown/components/picker.md @@ -3,6 +3,7 @@ title: Picker description: "Pickers (sometimes known as \"dropdowns\" or \"selects\") allow users to choose from a list of options in a limited space. The list of options can change based on t" category: inputs documentationUrl: https://spectrum.adobe.com/page/picker/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/picker/ tags: - component - schema diff --git a/docs/markdown/components/popover.md b/docs/markdown/components/popover.md index fa01ee61..b714ea48 100644 --- a/docs/markdown/components/popover.md +++ b/docs/markdown/components/popover.md @@ -3,6 +3,7 @@ title: Popover description: "Popovers are containers used to display transient content such as menus, options, additional actions, and more. They visually stand out through stroke and drop " category: containers documentationUrl: https://spectrum.adobe.com/page/popover/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/popover/ tags: - component - schema diff --git a/docs/markdown/components/progress-bar.md b/docs/markdown/components/progress-bar.md index f04190c0..4f6e38e0 100644 --- a/docs/markdown/components/progress-bar.md +++ b/docs/markdown/components/progress-bar.md @@ -3,6 +3,7 @@ title: Progress bar description: "Progress bars show the progression of a system operation: downloading, uploading, processing, etc., in a visual way. They can represent either determinate or in" category: status documentationUrl: https://spectrum.adobe.com/page/progress-bar/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/progress-bar/ tags: - component - schema diff --git a/docs/markdown/components/progress-circle.md b/docs/markdown/components/progress-circle.md index cb4c159a..9fe77e7c 100644 --- a/docs/markdown/components/progress-circle.md +++ b/docs/markdown/components/progress-circle.md @@ -3,6 +3,7 @@ title: Progress circle description: "Progress circles show the progression of a system operation such as downloading, uploading, processing, etc. in a visual way. They can represent determinate or " category: status documentationUrl: https://spectrum.adobe.com/page/progress-circle/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/progress-circle/ tags: - component - schema diff --git a/docs/markdown/components/radio-button.md b/docs/markdown/components/radio-button.md index 3fbc8132..8c106aeb 100644 --- a/docs/markdown/components/radio-button.md +++ b/docs/markdown/components/radio-button.md @@ -3,6 +3,7 @@ title: Radio button description: "Radio buttons allow users to select a single option from a list of mutually exclusive options." category: inputs documentationUrl: https://spectrum.adobe.com/page/radio-button/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/radio-button/ tags: - component - schema diff --git a/docs/markdown/components/radio-group.md b/docs/markdown/components/radio-group.md index f3519009..a8053279 100644 --- a/docs/markdown/components/radio-group.md +++ b/docs/markdown/components/radio-group.md @@ -3,6 +3,7 @@ title: Radio Group description: "A radio group is a grouping of radio buttons that are related to each other." category: inputs documentationUrl: https://spectrum.adobe.com/page/radio-group/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/radio-group/ tags: - component - schema diff --git a/docs/markdown/components/rating.md b/docs/markdown/components/rating.md index aeb75428..cbd512c8 100644 --- a/docs/markdown/components/rating.md +++ b/docs/markdown/components/rating.md @@ -3,6 +3,7 @@ title: Rating description: "The rating component lets users apply a rating to an item or experience, such as an image, a forum post, an item for sale in a marketplace, and more." category: inputs documentationUrl: https://spectrum.adobe.com/page/rating/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/rating/ tags: - component - schema diff --git a/docs/markdown/components/scroll-zoom-bar.md b/docs/markdown/components/scroll-zoom-bar.md index c740074c..1d7fa1ea 100644 --- a/docs/markdown/components/scroll-zoom-bar.md +++ b/docs/markdown/components/scroll-zoom-bar.md @@ -3,6 +3,7 @@ title: Scroll-zoom bar description: "Primarily for usage in timelines, a scroll-zoom bar lets a user scroll or zoom with the same control." category: navigation documentationUrl: https://spectrum.adobe.com/page/scroll-zoom-bar/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/scroll-zoom-bar/ tags: - component - schema diff --git a/docs/markdown/components/search-field.md b/docs/markdown/components/search-field.md index 560df093..4795d4e7 100644 --- a/docs/markdown/components/search-field.md +++ b/docs/markdown/components/search-field.md @@ -3,6 +3,7 @@ title: Search field description: "A search field is used for searching and filtering items." category: inputs documentationUrl: https://spectrum.adobe.com/page/search-field/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/search-field/ tags: - component - schema diff --git a/docs/markdown/components/segmented-control.md b/docs/markdown/components/segmented-control.md index 1aeedd2b..2572c7a5 100644 --- a/docs/markdown/components/segmented-control.md +++ b/docs/markdown/components/segmented-control.md @@ -3,6 +3,7 @@ title: Segmented Control description: "Segmented controls allow users to select one option from a set of mutually exclusive options." category: navigation documentationUrl: https://spectrum.adobe.com/page/segmented-control/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/segmented-control/ tags: - component - schema diff --git a/docs/markdown/components/select-box.md b/docs/markdown/components/select-box.md index 332622a5..9fecd0f8 100644 --- a/docs/markdown/components/select-box.md +++ b/docs/markdown/components/select-box.md @@ -3,6 +3,7 @@ title: Select box description: "" category: inputs documentationUrl: https://spectrum.adobe.com/page/select-box/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/select-box/ tags: - component - schema diff --git a/docs/markdown/components/side-navigation.md b/docs/markdown/components/side-navigation.md index 3b948b5a..6011234b 100644 --- a/docs/markdown/components/side-navigation.md +++ b/docs/markdown/components/side-navigation.md @@ -3,6 +3,7 @@ title: Side navigation description: "Side navigation lets users navigate the entire content of a product or a section. These can be used for a single level or a multi-level navigation." category: navigation documentationUrl: https://spectrum.adobe.com/page/side-navigation/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/side-navigation/ tags: - component - schema diff --git a/docs/markdown/components/slider.md b/docs/markdown/components/slider.md index 4d6ff8e7..c0e74699 100644 --- a/docs/markdown/components/slider.md +++ b/docs/markdown/components/slider.md @@ -3,6 +3,7 @@ title: Slider description: "Sliders allow users to quickly select a value within a range. They should be used when the upper and lower bounds to the range are invariable." category: inputs documentationUrl: https://spectrum.adobe.com/page/slider/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/slider/ tags: - component - schema diff --git a/docs/markdown/components/standard-dialog.md b/docs/markdown/components/standard-dialog.md index fead8b1b..f2738fdc 100644 --- a/docs/markdown/components/standard-dialog.md +++ b/docs/markdown/components/standard-dialog.md @@ -3,6 +3,7 @@ title: Standard dialog description: "Standard dialogs display important information that users need to acknowledge. They appear over the interface and block further interactions until an action is " category: feedback documentationUrl: https://spectrum.adobe.com/page/standard-dialog/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/standard-dialog/ tags: - component - schema diff --git a/docs/markdown/components/standard-panel.md b/docs/markdown/components/standard-panel.md index f70ebb4c..10a0720d 100644 --- a/docs/markdown/components/standard-panel.md +++ b/docs/markdown/components/standard-panel.md @@ -3,6 +3,7 @@ title: Standard Panel description: "Standard Panels provide a flexible container for grouping related content and actions." category: containers documentationUrl: https://spectrum.adobe.com/page/standard-panel/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/standard-panel/ tags: - component - schema diff --git a/docs/markdown/components/status-light.md b/docs/markdown/components/status-light.md index d4a0edab..19266645 100644 --- a/docs/markdown/components/status-light.md +++ b/docs/markdown/components/status-light.md @@ -3,6 +3,7 @@ title: Status light description: "Status lights describe the condition of an entity. They can be used to convey semantic meaning, such as statuses and categories." category: status documentationUrl: https://spectrum.adobe.com/page/status-light/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/status-light/ tags: - component - schema diff --git a/docs/markdown/components/steplist.md b/docs/markdown/components/steplist.md index 81bbe63d..b82cf3ea 100644 --- a/docs/markdown/components/steplist.md +++ b/docs/markdown/components/steplist.md @@ -3,6 +3,7 @@ title: Steplist description: "Step lists display progress through a sequence of steps, with each step marked as completed, current, or incomplete." category: navigation documentationUrl: https://spectrum.adobe.com/page/steplist/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/steplist/ tags: - component - schema diff --git a/docs/markdown/components/swatch-group.md b/docs/markdown/components/swatch-group.md index f21c6fe4..43f413f5 100644 --- a/docs/markdown/components/swatch-group.md +++ b/docs/markdown/components/swatch-group.md @@ -3,6 +3,7 @@ title: Swatch group description: "A swatch group is a grouping of swatches that are related to each other." category: inputs documentationUrl: https://spectrum.adobe.com/page/swatch-group/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/swatch-group/ tags: - component - schema diff --git a/docs/markdown/components/swatch.md b/docs/markdown/components/swatch.md index d201e643..5604f93a 100644 --- a/docs/markdown/components/swatch.md +++ b/docs/markdown/components/swatch.md @@ -3,6 +3,7 @@ title: Swatch description: "A swatch shows a small sample of a fill — such as a color, gradient, texture, or material — that is intended to be applied to an object." category: inputs documentationUrl: https://spectrum.adobe.com/page/swatch/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/swatch/ tags: - component - schema diff --git a/docs/markdown/components/switch.md b/docs/markdown/components/switch.md index 82361467..6924d9b0 100644 --- a/docs/markdown/components/switch.md +++ b/docs/markdown/components/switch.md @@ -3,6 +3,7 @@ title: Switch description: "Switches allow users to turn an individual option on or off. They are usually used to activate or deactivate a specific setting." category: inputs documentationUrl: https://spectrum.adobe.com/page/switch/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/switch/ tags: - component - schema diff --git a/docs/markdown/components/tab-bar-ios.md b/docs/markdown/components/tab-bar-ios.md index 6d600631..02bf2df7 100644 --- a/docs/markdown/components/tab-bar-ios.md +++ b/docs/markdown/components/tab-bar-ios.md @@ -3,6 +3,7 @@ title: Tab bar (iOS) description: "Tab bar is a top-level navigation control for iOS apps." category: navigation documentationUrl: https://spectrum.adobe.com/page/tab-bar-ios/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/tab-bar-ios/ tags: - component - schema diff --git a/docs/markdown/components/table.md b/docs/markdown/components/table.md index 487c3da7..3c075180 100644 --- a/docs/markdown/components/table.md +++ b/docs/markdown/components/table.md @@ -3,6 +3,7 @@ title: Table description: "Tables display information in rows and columns, allowing users to compare and scan structured data." category: data visualization documentationUrl: https://spectrum.adobe.com/page/table/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/table/ tags: - component - schema diff --git a/docs/markdown/components/tabs.md b/docs/markdown/components/tabs.md index 1ab67767..e45390fc 100644 --- a/docs/markdown/components/tabs.md +++ b/docs/markdown/components/tabs.md @@ -3,6 +3,7 @@ title: Tabs description: "Tabs organize content into multiple sections and allow users to navigate between them. The content under the set of tabs should be related and form a coherent u" category: navigation documentationUrl: https://spectrum.adobe.com/page/tabs/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/tabs/ tags: - component - schema diff --git a/docs/markdown/components/tag-field.md b/docs/markdown/components/tag-field.md index 0ddba8f2..b9321fa6 100644 --- a/docs/markdown/components/tag-field.md +++ b/docs/markdown/components/tag-field.md @@ -3,6 +3,7 @@ title: Tag field description: "A tag field is an input field that allows users to enter and manage tags." category: inputs documentationUrl: https://spectrum.adobe.com/page/tag-field/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/tag-field/ tags: - component - schema diff --git a/docs/markdown/components/tag-group.md b/docs/markdown/components/tag-group.md index a989a8ec..b3f695d9 100644 --- a/docs/markdown/components/tag-group.md +++ b/docs/markdown/components/tag-group.md @@ -3,6 +3,7 @@ title: Tag group description: "A tag group is a collection of tags that represent a set of related items." category: inputs documentationUrl: https://spectrum.adobe.com/page/tag-group/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/tag-group/ tags: - component - schema diff --git a/docs/markdown/components/tag.md b/docs/markdown/components/tag.md index 353503f2..409284e8 100644 --- a/docs/markdown/components/tag.md +++ b/docs/markdown/components/tag.md @@ -3,6 +3,7 @@ title: Tag description: "Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request." category: navigation documentationUrl: https://spectrum.adobe.com/page/tag/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/tag/ tags: - component - schema diff --git a/docs/markdown/components/takeover-dialog.md b/docs/markdown/components/takeover-dialog.md index e4eabbe4..da9727c4 100644 --- a/docs/markdown/components/takeover-dialog.md +++ b/docs/markdown/components/takeover-dialog.md @@ -3,6 +3,7 @@ title: Takeover dialog description: "Takeover dialogs are larger, flexible dialogs that contain other components to support complex workflows." category: feedback documentationUrl: https://spectrum.adobe.com/page/takeover-dialog/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/takeover-dialog/ tags: - component - schema diff --git a/docs/markdown/components/text-area.md b/docs/markdown/components/text-area.md index 298bb0fa..45daca34 100644 --- a/docs/markdown/components/text-area.md +++ b/docs/markdown/components/text-area.md @@ -3,6 +3,7 @@ title: Text area description: "A text area lets a user input a longer amount of text than a standard text field. It can include all of the standard validation options supported by the text fi" category: inputs documentationUrl: https://spectrum.adobe.com/page/text-area/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/text-area/ tags: - component - schema diff --git a/docs/markdown/components/text-field.md b/docs/markdown/components/text-field.md index de32e367..b46bd24d 100644 --- a/docs/markdown/components/text-field.md +++ b/docs/markdown/components/text-field.md @@ -3,6 +3,7 @@ title: Text field description: "Text fields allow users to input custom text entries with a keyboard. Various options can be shown with the field to communicate the input requirements." category: inputs documentationUrl: https://spectrum.adobe.com/page/text-field/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/text-field/ tags: - component - schema diff --git a/docs/markdown/components/thumbnail.md b/docs/markdown/components/thumbnail.md index 25ddeb9c..2877982a 100644 --- a/docs/markdown/components/thumbnail.md +++ b/docs/markdown/components/thumbnail.md @@ -3,6 +3,7 @@ title: Thumbnail description: "Thumbnails are small representations of images or content used for previews and navigation in galleries, lists, and media collections." category: navigation documentationUrl: https://spectrum.adobe.com/page/thumbnail/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/thumbnail/ tags: - component - schema diff --git a/docs/markdown/components/toast.md b/docs/markdown/components/toast.md index 94a258d8..5d53974f 100644 --- a/docs/markdown/components/toast.md +++ b/docs/markdown/components/toast.md @@ -3,6 +3,7 @@ title: Toast description: "Toasts display brief, temporary notifications. They're meant to be noticed without disrupting a user's experience or requiring an action to be taken." category: feedback documentationUrl: https://spectrum.adobe.com/page/toast/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/toast/ tags: - component - schema diff --git a/docs/markdown/components/tooltip.md b/docs/markdown/components/tooltip.md index 99c42e36..c583f090 100644 --- a/docs/markdown/components/tooltip.md +++ b/docs/markdown/components/tooltip.md @@ -3,6 +3,7 @@ title: Tooltip description: "Tooltips show contextual help or information about specific components when a user hovers or focuses on them." category: feedback documentationUrl: https://spectrum.adobe.com/page/tooltip/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/tooltip/ tags: - component - schema diff --git a/docs/markdown/components/tray.md b/docs/markdown/components/tray.md index 527305b2..4920947d 100644 --- a/docs/markdown/components/tray.md +++ b/docs/markdown/components/tray.md @@ -3,6 +3,7 @@ title: Tray description: "Trays are containers that display transient content such as menus, options, additional actions, and more. They only exist on mobile experiences and are used for" category: containers documentationUrl: https://spectrum.adobe.com/page/tray/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/tray/ tags: - component - schema diff --git a/docs/markdown/components/tree-view.md b/docs/markdown/components/tree-view.md index ffc60074..84209439 100644 --- a/docs/markdown/components/tree-view.md +++ b/docs/markdown/components/tree-view.md @@ -3,6 +3,7 @@ title: Tree view description: "A tree view provides users with a way to navigate nested hierarchical information." category: navigation documentationUrl: https://spectrum.adobe.com/page/tree-view/ +source_url: https://opensource.adobe.com/spectrum-design-data/components/tree-view/ tags: - component - schema diff --git a/docs/markdown/pages/404.md b/docs/markdown/pages/404.md index 2ca61f94..7f5aaebd 100644 --- a/docs/markdown/pages/404.md +++ b/docs/markdown/pages/404.md @@ -2,6 +2,7 @@ title: Page not found layout: base.liquid permalink: /404.html +source_url: https://opensource.adobe.com/spectrum-design-data/pages/404/ --- # 404 — Page not found diff --git a/docs/markdown/pages/ai.md b/docs/markdown/pages/ai.md index d06f2947..6d79956a 100644 --- a/docs/markdown/pages/ai.md +++ b/docs/markdown/pages/ai.md @@ -2,6 +2,7 @@ title: Using with AI layout: base.liquid permalink: /ai/ +source_url: https://opensource.adobe.com/spectrum-design-data/pages/ai/ --- # Using with AI diff --git a/docs/markdown/pages/components/index.md b/docs/markdown/pages/components/index.md index 173f56b5..b31e3ea6 100644 --- a/docs/markdown/pages/components/index.md +++ b/docs/markdown/pages/components/index.md @@ -2,6 +2,7 @@ title: Components layout: base.liquid permalink: /components/ +source_url: https://opensource.adobe.com/spectrum-design-data/pages/components/index/ --- # Components diff --git a/docs/markdown/pages/index.md b/docs/markdown/pages/index.md index 2c03f034..68d272a4 100644 --- a/docs/markdown/pages/index.md +++ b/docs/markdown/pages/index.md @@ -2,6 +2,7 @@ title: Home layout: base.liquid permalink: / +source_url: https://opensource.adobe.com/spectrum-design-data/pages/index/ --- # Spectrum Design Data diff --git a/docs/markdown/pages/registry/index.md b/docs/markdown/pages/registry/index.md index e3337b09..c300fe50 100644 --- a/docs/markdown/pages/registry/index.md +++ b/docs/markdown/pages/registry/index.md @@ -2,6 +2,7 @@ title: Registry layout: base.liquid permalink: /registry/ +source_url: https://opensource.adobe.com/spectrum-design-data/pages/registry/index/ --- # Registry diff --git a/docs/markdown/pages/tokens/index.md b/docs/markdown/pages/tokens/index.md index 35a0daf5..b5daad97 100644 --- a/docs/markdown/pages/tokens/index.md +++ b/docs/markdown/pages/tokens/index.md @@ -2,6 +2,7 @@ title: Tokens layout: base.liquid permalink: /tokens/ +source_url: https://opensource.adobe.com/spectrum-design-data/pages/tokens/index/ --- # Tokens diff --git a/docs/markdown/registry/anatomy-terms.md b/docs/markdown/registry/anatomy-terms.md index ef149bea..40dab1b2 100644 --- a/docs/markdown/registry/anatomy-terms.md +++ b/docs/markdown/registry/anatomy-terms.md @@ -1,6 +1,7 @@ --- title: Anatomy terms description: Anatomical part names used in design tokens and component structures +source_url: https://opensource.adobe.com/spectrum-design-data/registry/anatomy-terms/ tags: - registry - anatomy-terms diff --git a/docs/markdown/registry/categories.md b/docs/markdown/registry/categories.md index fc529b91..9a19fae5 100644 --- a/docs/markdown/registry/categories.md +++ b/docs/markdown/registry/categories.md @@ -1,6 +1,7 @@ --- title: Categories description: Component categories for organization and discovery +source_url: https://opensource.adobe.com/spectrum-design-data/registry/categories/ tags: - registry - categories diff --git a/docs/markdown/registry/components.md b/docs/markdown/registry/components.md index 371d76bc..0ad7818b 100644 --- a/docs/markdown/registry/components.md +++ b/docs/markdown/registry/components.md @@ -1,6 +1,7 @@ --- title: Components description: Spectrum component names +source_url: https://opensource.adobe.com/spectrum-design-data/registry/components/ tags: - registry - components diff --git a/docs/markdown/registry/glossary.md b/docs/markdown/registry/glossary.md index 2c9ecd00..03d34f25 100644 --- a/docs/markdown/registry/glossary.md +++ b/docs/markdown/registry/glossary.md @@ -1,6 +1,7 @@ --- title: Glossary description: General design system terminology and concepts +source_url: https://opensource.adobe.com/spectrum-design-data/registry/glossary/ tags: - registry - glossary diff --git a/docs/markdown/registry/navigation-terms.md b/docs/markdown/registry/navigation-terms.md index 9edb9e1a..6d633f09 100644 --- a/docs/markdown/registry/navigation-terms.md +++ b/docs/markdown/registry/navigation-terms.md @@ -1,6 +1,7 @@ --- title: Navigation terms description: Navigation-specific terminology for app frame and navigation components +source_url: https://opensource.adobe.com/spectrum-design-data/registry/navigation-terms/ tags: - registry - navigation-terms diff --git a/docs/markdown/registry/platforms.md b/docs/markdown/registry/platforms.md index dc95ac85..db3e032d 100644 --- a/docs/markdown/registry/platforms.md +++ b/docs/markdown/registry/platforms.md @@ -1,6 +1,7 @@ --- title: Platforms description: Platform names for multi-platform design system support +source_url: https://opensource.adobe.com/spectrum-design-data/registry/platforms/ tags: - registry - platforms diff --git a/docs/markdown/registry/scale-values.md b/docs/markdown/registry/scale-values.md index 21951b82..ff0d64b0 100644 --- a/docs/markdown/registry/scale-values.md +++ b/docs/markdown/registry/scale-values.md @@ -1,6 +1,7 @@ --- title: Scale values description: Numeric scale values used in design tokens +source_url: https://opensource.adobe.com/spectrum-design-data/registry/scale-values/ tags: - registry - scale-values diff --git a/docs/markdown/registry/sizes.md b/docs/markdown/registry/sizes.md index 325f5d25..97ddb793 100644 --- a/docs/markdown/registry/sizes.md +++ b/docs/markdown/registry/sizes.md @@ -1,6 +1,7 @@ --- title: Sizes description: Standard size scale values used across Spectrum +source_url: https://opensource.adobe.com/spectrum-design-data/registry/sizes/ tags: - registry - sizes diff --git a/docs/markdown/registry/states.md b/docs/markdown/registry/states.md index 08b26767..4a38b33d 100644 --- a/docs/markdown/registry/states.md +++ b/docs/markdown/registry/states.md @@ -1,6 +1,7 @@ --- title: States description: Interaction states for components +source_url: https://opensource.adobe.com/spectrum-design-data/registry/states/ tags: - registry - states diff --git a/docs/markdown/registry/token-terminology.md b/docs/markdown/registry/token-terminology.md index 9ad79f89..ddd6330e 100644 --- a/docs/markdown/registry/token-terminology.md +++ b/docs/markdown/registry/token-terminology.md @@ -1,6 +1,7 @@ --- title: Token terminology description: Token-specific terminology for design token naming and structure +source_url: https://opensource.adobe.com/spectrum-design-data/registry/token-terminology/ tags: - registry - token-terminology diff --git a/docs/markdown/registry/variants.md b/docs/markdown/registry/variants.md index a80faf20..c5832b54 100644 --- a/docs/markdown/registry/variants.md +++ b/docs/markdown/registry/variants.md @@ -1,6 +1,7 @@ --- title: Variants description: Color and style variants used across components +source_url: https://opensource.adobe.com/spectrum-design-data/registry/variants/ tags: - registry - variants diff --git a/docs/markdown/tokens/color-aliases.md b/docs/markdown/tokens/color-aliases.md index e4b7993b..7010bdbb 100644 --- a/docs/markdown/tokens/color-aliases.md +++ b/docs/markdown/tokens/color-aliases.md @@ -1,6 +1,7 @@ --- title: Color aliases description: "Semantic color tokens that reference the palette (e.g. focus, overlay)." +source_url: https://opensource.adobe.com/spectrum-design-data/tokens/color-aliases/ tags: - tokens - color-aliases diff --git a/docs/markdown/tokens/color-component.md b/docs/markdown/tokens/color-component.md index a4cbb5fb..e0f1d622 100644 --- a/docs/markdown/tokens/color-component.md +++ b/docs/markdown/tokens/color-component.md @@ -1,6 +1,7 @@ --- title: Color component description: "Component-specific color tokens." +source_url: https://opensource.adobe.com/spectrum-design-data/tokens/color-component/ tags: - tokens - color-component diff --git a/docs/markdown/tokens/color-palette.md b/docs/markdown/tokens/color-palette.md index 2a50aec4..53d1d1ff 100644 --- a/docs/markdown/tokens/color-palette.md +++ b/docs/markdown/tokens/color-palette.md @@ -1,6 +1,7 @@ --- title: Color palette description: "Raw color values (hex/rgb) for the Spectrum palette." +source_url: https://opensource.adobe.com/spectrum-design-data/tokens/color-palette/ tags: - tokens - color-palette diff --git a/docs/markdown/tokens/icons.md b/docs/markdown/tokens/icons.md index ab4fb38e..4a827b62 100644 --- a/docs/markdown/tokens/icons.md +++ b/docs/markdown/tokens/icons.md @@ -1,6 +1,7 @@ --- title: Icons description: "Color tokens for Spectrum icons (primary, hover, down, background, disabled)." +source_url: https://opensource.adobe.com/spectrum-design-data/tokens/icons/ tags: - tokens - icons diff --git a/docs/markdown/tokens/layout-component.md b/docs/markdown/tokens/layout-component.md index 1eaa3e25..79693a02 100644 --- a/docs/markdown/tokens/layout-component.md +++ b/docs/markdown/tokens/layout-component.md @@ -1,6 +1,7 @@ --- title: Layout component description: "Component-specific layout tokens." +source_url: https://opensource.adobe.com/spectrum-design-data/tokens/layout-component/ tags: - tokens - layout-component diff --git a/docs/markdown/tokens/layout.md b/docs/markdown/tokens/layout.md index abf76c21..069f6b98 100644 --- a/docs/markdown/tokens/layout.md +++ b/docs/markdown/tokens/layout.md @@ -1,6 +1,7 @@ --- title: Layout description: "Spacing, dimensions, corner radius, and other layout primitives." +source_url: https://opensource.adobe.com/spectrum-design-data/tokens/layout/ tags: - tokens - layout diff --git a/docs/markdown/tokens/semantic-color-palette.md b/docs/markdown/tokens/semantic-color-palette.md index ac4319fb..84135b6d 100644 --- a/docs/markdown/tokens/semantic-color-palette.md +++ b/docs/markdown/tokens/semantic-color-palette.md @@ -1,6 +1,7 @@ --- title: Semantic color palette description: "Semantic palette tokens (e.g. semantic blue, semantic red)." +source_url: https://opensource.adobe.com/spectrum-design-data/tokens/semantic-color-palette/ tags: - tokens - semantic-color-palette diff --git a/docs/markdown/tokens/typography.md b/docs/markdown/tokens/typography.md index 4d8028dc..ddab6791 100644 --- a/docs/markdown/tokens/typography.md +++ b/docs/markdown/tokens/typography.md @@ -1,6 +1,7 @@ --- title: Typography description: "Font families, weights, sizes, letter spacing, and text alignment." +source_url: https://opensource.adobe.com/spectrum-design-data/tokens/typography/ tags: - tokens - typography diff --git a/tools/markdown-generator/src/components.js b/tools/markdown-generator/src/components.js index 76559f8d..d14920f8 100644 --- a/tools/markdown-generator/src/components.js +++ b/tools/markdown-generator/src/components.js @@ -13,6 +13,7 @@ governing permissions and limitations under the License. import { getAllSchemas } from "@adobe/spectrum-component-api-schemas"; import { writeFile, mkdir } from "fs/promises"; import { dirname } from "path"; +import { BASE_SOURCE_URL } from "./constants.js"; export async function generateComponentMarkdown(outputDir) { const schemas = await getAllSchemas(); @@ -60,6 +61,7 @@ title: ${title} description: "${safeDesc}" category: ${category} documentationUrl: ${documentationUrl} +source_url: ${BASE_SOURCE_URL}/components/${slug}/ tags: ${tags.map((t) => ` - ${t}`).join("\n")} --- diff --git a/tools/markdown-generator/src/constants.js b/tools/markdown-generator/src/constants.js new file mode 100644 index 00000000..e36acb76 --- /dev/null +++ b/tools/markdown-generator/src/constants.js @@ -0,0 +1,15 @@ +/* +Copyright 2024 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. +*/ + +/** Base URL for published docs; source_url in frontmatter is this + path + /. */ +export const BASE_SOURCE_URL = + "https://opensource.adobe.com/spectrum-design-data"; diff --git a/tools/markdown-generator/src/pages.js b/tools/markdown-generator/src/pages.js index 4cff2945..0539a3e1 100644 --- a/tools/markdown-generator/src/pages.js +++ b/tools/markdown-generator/src/pages.js @@ -13,6 +13,7 @@ governing permissions and limitations under the License. import { readdir, readFile, writeFile, mkdir } from "fs/promises"; import { join, dirname } from "path"; import { fileURLToPath } from "url"; +import { BASE_SOURCE_URL } from "./constants.js"; const __dirname = dirname(fileURLToPath(import.meta.url)); const REPO_ROOT = join(__dirname, "..", "..", ".."); @@ -39,10 +40,33 @@ async function collectMdPaths(dir, relativePrefix = "") { return paths; } +const FRONTMATTER_RE = /^---\n([\s\S]*?)\n---/; + +/** + * Inject or replace source_url in frontmatter. Path is relative to docs/markdown (e.g. "pages/index", "pages/components/index"). + * @param {string} content - full file content + * @param {string} pathWithoutExt - path under docs/markdown without .md (e.g. "pages/index") + * @returns {string} content with source_url in frontmatter + */ +function injectSourceUrl(content, pathWithoutExt) { + const sourceUrl = `${BASE_SOURCE_URL}/${pathWithoutExt}/`; + const match = content.match(FRONTMATTER_RE); + if (match) { + let fm = match[1]; + if (fm.includes("source_url:")) { + fm = fm.replace(/^source_url:.*$/gm, `source_url: ${sourceUrl}`); + } else { + fm = fm.trimEnd() + `\nsource_url: ${sourceUrl}`; + } + return content.replace(FRONTMATTER_RE, `---\n${fm}\n---`); + } + return `---\nsource_url: ${sourceUrl}\n---\n\n${content}`; +} + /** * Copy markdown pages from docs/site/src/pages into docs/markdown/pages/, * preserving directory structure. Used for chatbot indexing and consistency - * with the 11ty site content. + * with the 11ty site content. Injects source_url into each file's frontmatter. * @param {string} outputDir - docs/markdown directory * @returns {Promise} number of files copied */ @@ -56,7 +80,9 @@ export async function copySitePages(outputDir) { const destPath = join(pagesOutDir, rel); await mkdir(dirname(destPath), { recursive: true }); const content = await readFile(srcPath, "utf-8"); - await writeFile(destPath, content); + const pathWithoutExt = "pages/" + rel.replace(/\.md$/, ""); + const withSourceUrl = injectSourceUrl(content, pathWithoutExt); + await writeFile(destPath, withSourceUrl); } return relativePaths.length; diff --git a/tools/markdown-generator/src/registry.js b/tools/markdown-generator/src/registry.js index 7b2ecb94..88c4c87f 100644 --- a/tools/markdown-generator/src/registry.js +++ b/tools/markdown-generator/src/registry.js @@ -24,6 +24,7 @@ import { glossary, } from "@adobe/design-system-registry"; import { writeFile, mkdir } from "fs/promises"; +import { BASE_SOURCE_URL } from "./constants.js"; const REGISTRIES = [ { key: "sizes", data: sizes, title: "Sizes" }, @@ -82,6 +83,7 @@ export async function generateRegistryMarkdown(outputDir) { const frontmatter = `--- title: ${title} description: ${description} +source_url: ${BASE_SOURCE_URL}/registry/${key}/ tags: ${tags.map((t) => ` - ${t}`).join("\n")} --- diff --git a/tools/markdown-generator/src/token-resolver.js b/tools/markdown-generator/src/token-resolver.js index 5deff775..9310ed67 100644 --- a/tools/markdown-generator/src/token-resolver.js +++ b/tools/markdown-generator/src/token-resolver.js @@ -116,7 +116,19 @@ function resolveTokenValue(tokenMap, token) { for (const [setName, setToken] of Object.entries(token.sets)) { if (setToken && typeof setToken.value === "string") { const result = resolveValueOne(tokenMap, setToken.value); - resolvedSets[setName] = result; + if ( + typeof result.resolved === "object" && + result.resolved !== null && + !Array.isArray(result.resolved) && + setName in result.resolved + ) { + resolvedSets[setName] = { + value: result.value, + resolved: result.resolved[setName], + }; + } else { + resolvedSets[setName] = result; + } } else { resolvedSets[setName] = { value: setToken?.value, diff --git a/tools/markdown-generator/src/tokens.js b/tools/markdown-generator/src/tokens.js index 953dd770..e06caaa8 100644 --- a/tools/markdown-generator/src/tokens.js +++ b/tools/markdown-generator/src/tokens.js @@ -24,6 +24,7 @@ import { } from "./token-resolver.js"; import { writeFile, mkdir } from "fs/promises"; import { dirname } from "path"; +import { BASE_SOURCE_URL } from "./constants.js"; const ALIAS_PATTERN = /^\{([^}]+)\}$/; @@ -43,8 +44,28 @@ const TOKEN_FILE_DESCRIPTIONS = { "Color tokens for Spectrum icons (primary, hover, down, background, disabled).", }; +function formatObjectDisplay(obj) { + if (obj == null || typeof obj !== "object") return String(obj); + if (Array.isArray(obj)) return obj.map(formatShadowItem).join(", "); + return Object.entries(obj) + .map(([k, v]) => { + const val = + v != null && typeof v === "object" + ? formatObjectDisplay(v) + : (v ?? "-"); + return `${k}: ${val}`; + }) + .join("; "); +} + function formatValueDisplay(value, valueLink) { if (value == null) return "-"; + if (Array.isArray(value)) { + return value.map(formatShadowItem).join(", "); + } + if (typeof value === "object") { + return formatObjectDisplay(value); + } const str = String(value); if (valueLink && str.match(ALIAS_PATTERN)) { return `[${str}](${valueLink})`; @@ -52,15 +73,32 @@ function formatValueDisplay(value, valueLink) { return str; } +function formatShadowItem(item) { + if (item && typeof item === "object" && "x" in item && "y" in item) { + const { x = "0", y = "0", blur = "0", spread = "0", color = "" } = item; + return `${x} ${y} ${blur} ${spread} ${color}`.trim(); + } + return String(item); +} + function formatResolvedDisplay(resolved) { if (resolved == null) return "-"; - if (typeof resolved === "object" && !Array.isArray(resolved)) { + if (Array.isArray(resolved)) { + return resolved.map(formatShadowItem).join(", "); + } + if (typeof resolved === "object") { return Object.entries(resolved) .map(([k, v]) => { - const str = + let str = typeof v === "object" && v && "resolved" in v ? (v.resolved ?? v.value ?? "-") : (v ?? "-"); + if (typeof str === "object" && str !== null && k in str) { + str = str[k]; + } + if (typeof str === "object" || typeof str === "undefined") { + str = str == null ? "-" : formatObjectDisplay(str); + } return `${k}: ${str}`; }) .join("; "); @@ -117,6 +155,7 @@ export async function generateTokenMarkdown(outputDir) { const frontmatter = `--- title: ${title} description: "${safeDesc}" +source_url: ${BASE_SOURCE_URL}/tokens/${fileKey}/ tags: ${tags.map((t) => ` - ${t}`).join("\n")} --- diff --git a/tools/markdown-generator/test/components.test.js b/tools/markdown-generator/test/components.test.js index c2a1b01b..0ab1327f 100644 --- a/tools/markdown-generator/test/components.test.js +++ b/tools/markdown-generator/test/components.test.js @@ -45,6 +45,17 @@ test("generateComponentMarkdown creates valid frontmatter", async (t) => { "Should contain description in frontmatter", ); t.true(content.includes("tags:"), "Should contain tags in frontmatter"); + t.true( + content.includes("source_url:"), + "Should contain source_url in frontmatter", + ); + const slug = files[0].replace(/\.md$/, ""); + t.true( + content.includes( + `https://opensource.adobe.com/spectrum-design-data/components/${slug}/`, + ), + "source_url should match published URL pattern for component", + ); } } } finally { diff --git a/tools/markdown-generator/test/registry.test.js b/tools/markdown-generator/test/registry.test.js index 3b7ded74..5acb86fa 100644 --- a/tools/markdown-generator/test/registry.test.js +++ b/tools/markdown-generator/test/registry.test.js @@ -43,6 +43,17 @@ test("generateRegistryMarkdown creates valid frontmatter", async (t) => { "Should contain description in frontmatter", ); t.true(content.includes("tags:"), "Should contain tags in frontmatter"); + t.true( + content.includes("source_url:"), + "Should contain source_url in frontmatter", + ); + const key = files[0].replace(/\.md$/, ""); + t.true( + content.includes( + `https://opensource.adobe.com/spectrum-design-data/registry/${key}/`, + ), + "source_url should match published URL pattern for registry entry", + ); } } } finally { diff --git a/tools/markdown-generator/test/token-resolver.test.js b/tools/markdown-generator/test/token-resolver.test.js index fdc0afad..9716706d 100644 --- a/tools/markdown-generator/test/token-resolver.test.js +++ b/tools/markdown-generator/test/token-resolver.test.js @@ -178,3 +178,35 @@ test("getTokenDisplayInfo handles missing token references gracefully", async (t t.true("value" in info, "Should include value"); t.true("resolved" in info, "Should include resolved"); }); + +test("getTokenDisplayInfo resolves nested sets to scalar values per set", async (t) => { + const tokenMap = await buildTokenMap(); + const fileMap = await buildTokenFileMap(); + + const tokenName = "accent-background-color-default"; + const token = tokenMap.get(tokenName); + t.true(!!token, "accent-background-color-default should exist in token map"); + t.true( + !!token.sets, + "Token should have sets (alias chain through nested sets)", + ); + + const info = getTokenDisplayInfo(tokenMap, fileMap, tokenName, token); + t.true(typeof info.resolved === "object", "Resolved should be an object"); + t.false(Array.isArray(info.resolved), "Resolved should not be an array"); + + for (const [setName, setValue] of Object.entries(info.resolved)) { + const resolved = + setValue && typeof setValue === "object" && "resolved" in setValue + ? setValue.resolved + : setValue; + t.true( + typeof resolved === "string", + `Set "${setName}" should resolve to a string (e.g. rgb(...)), got ${typeof resolved}`, + ); + t.false( + resolved === "[object Object]" || resolved.includes("[object Object]"), + `Set "${setName}" must not be [object Object]`, + ); + } +}); diff --git a/tools/markdown-generator/test/tokens.test.js b/tools/markdown-generator/test/tokens.test.js index 6cc8f5a5..bd79775b 100644 --- a/tools/markdown-generator/test/tokens.test.js +++ b/tools/markdown-generator/test/tokens.test.js @@ -43,6 +43,17 @@ test("generateTokenMarkdown creates valid frontmatter", async (t) => { "Should contain description in frontmatter", ); t.true(content.includes("tags:"), "Should contain tags in frontmatter"); + t.true( + content.includes("source_url:"), + "Should contain source_url in frontmatter", + ); + const fileKey = files[0].replace(/\.md$/, ""); + t.true( + content.includes( + `https://opensource.adobe.com/spectrum-design-data/tokens/${fileKey}/`, + ), + "source_url should match published URL pattern for token file", + ); } } } finally { @@ -164,3 +175,24 @@ test("generateTokenMarkdown handles renamed tokens with links", async (t) => { await rm(outputDir, { recursive: true, force: true }); } }); + +test("generateTokenMarkdown never outputs [object Object] in token tables", async (t) => { + const outputDir = await mkdtemp(join(tmpdir(), "md-gen-test-")); + try { + await generateTokenMarkdown(outputDir); + const files = await import("fs/promises").then((fs) => + fs.readdir(join(outputDir, "tokens")), + ); + t.true(files.length > 0, "Should generate at least one token file"); + const bad = "[object Object]"; + for (const file of files) { + const content = await readFile(join(outputDir, "tokens", file), "utf8"); + t.false( + content.includes(bad), + `Generated file ${file} must not contain "${bad}"`, + ); + } + } finally { + await rm(outputDir, { recursive: true, force: true }); + } +});