diff --git a/.storybook/assets/images/adobe_logo.svg b/.storybook/assets/images/adobe_logo.svg new file mode 100644 index 00000000000..bde5a6cd3f7 --- /dev/null +++ b/.storybook/assets/images/adobe_logo.svg @@ -0,0 +1,5 @@ + diff --git a/.storybook/assets/images/github_logo.svg b/.storybook/assets/images/github_logo.svg new file mode 100644 index 00000000000..5c9d2e78ff2 --- /dev/null +++ b/.storybook/assets/images/github_logo.svg @@ -0,0 +1,5 @@ + diff --git a/.storybook/assets/images/npm_logo.svg b/.storybook/assets/images/npm_logo.svg new file mode 100644 index 00000000000..0e788a552c8 --- /dev/null +++ b/.storybook/assets/images/npm_logo.svg @@ -0,0 +1,11 @@ + diff --git a/.storybook/blocks/ComponentDetails.jsx b/.storybook/blocks/ComponentDetails.jsx index a621ae982e0..e1dbd613d8a 100644 --- a/.storybook/blocks/ComponentDetails.jsx +++ b/.storybook/blocks/ComponentDetails.jsx @@ -2,7 +2,10 @@ import { useOf } from '@storybook/blocks'; import { ResetWrapper } from "@storybook/components"; import { styled } from "@storybook/theming"; import React, { useEffect, useState } from "react"; -import { Code } from "./Typography.jsx"; +import AdobeSVG from "../assets/images/adobe_logo.svg?raw"; +import GitHubSVG from "../assets/images/github_logo.svg?raw"; +import NpmSVG from "../assets/images/npm_logo.svg?raw"; +import { Body, Code, Heading } from "./Typography.jsx"; import { fetchToken } from "./utilities.js"; export const DList = styled.dl` @@ -97,6 +100,45 @@ export const StatusLight = styled.span(({ variant = "positive", ...props }) => ` margin-block-end: 1px; `); +export const ResourceSection = styled.section` + display: flex; + flex-flow: row wrap; + align-items: center; +`; + +export const ResourceLink = styled.a` + position: relative; + display: inline-flex; + flex-direction: row; + align-items: center; + margin-block-end: 16px; + margin-inline-end: 16px; + box-sizing: border-box; + text-decoration: none; + min-inline-size: 100px; + border: 1px solid transparent; + border-radius: 5px; + border-color: rgb(230, 230, 230); + overflow: hidden; + color: rgb(0, 0, 0); + + &:hover { + border-color: rgb(213, 213, 213); + } +`; + +export const ResourceIconWrapper = styled.div` + background-color: rgba(248, 248, 248); + padding: 12px; + display: flex; + inline-size: 40px; + block-size: 40px; +`; + +export const ResourceTextWrapper = styled.div` + margin-inline: 16px; +`; + const VersionDetails = ({ tag, data = {}, isDeprecated = false, skipDate = false, skipLink = false }) => { let statusType = "notice"; let statusMessage = "Not yet available on the npm registry."; @@ -264,13 +306,104 @@ function fetchNpmData(packageName, setnpmData, setIsLoading) { }, [cache, setCache, packageName, setnpmData, setIsLoading]); } +const fetchLogo = (brand) => { + switch(brand) { + case "npm": + return NpmSVG; + case "GitHub": + return GitHubSVG; + case "Adobe": + return AdobeSVG; + } + + return; +} + +/** + * Displays a resource card containing text and an image that links to a particular resource. + * + * @param {string} heading - heading of the resource card + * @param {string} alt - additional description of the resource card + * @param {string} image - the SVG image + * @param {string} href - optional link to the resource, found in packageJson?.spectrum?.guidelines + * @returns {string} + */ +export const ResourceLinkContent = ({ heading, alt, logo, href }) => { + if (!href) return; + + return ( + + + + {heading ? {heading} : ""} + {alt ? {alt} : ""} + + + ); +}; + +/** + * Displays the list of relevant component links (to NPM, repo, guidelines, etc). + * + * The rootClassName is read from the story's default args, found in the story's metadata. + * + * The for loop is particularly helpful to match guidelines links for any nested components + * (i.e. meter, form). We need to check that the rootClassName matches the rootClass found + * in the packageJson.spectrum, to link to the correct guidelines page. + * + * Deprecated components should not show a GitHub resource card. + * + * @param {string} packageName - packageName sourced from packageJson?.name + * @param {string[]} spectrumData - an array of objects sourced from packageJson?.spectrum + * @param {string} rootClassName - a component's default rootClass arg + * @returns {string} + */ +export const ResourceListDetails = ({ packageName, spectrumData = [], rootClassName, isDeprecated }) => { + if (!packageName) return; + + let href; + + for(let i = 0; i < spectrumData?.length; i++) { + if (spectrumData[i]?.guidelines && spectrumData[i]?.rootClass === rootClassName) { + href = spectrumData[i]?.guidelines; + } + } + + return ( + + {href ? + : ""} + + {!isDeprecated ? + : ""} + + ) +}; + /** * Displays the current version number of the component. The version is read from * the component's parameters, where it was sourced from the package.json file. * - * Also displays a component status of "deprecated" if it is set in the story's + * Displays a component status of "deprecated" if it is set in the story's * parameters. * + * Displays the list of relevant component links (to NPM, repo, guidelines, etc). + * * Usage of this doc block within MDX template(s): * */ @@ -279,8 +412,16 @@ export const ComponentDetails = () => { const isDeprecated = storyMeta?.csfFile?.meta?.parameters?.status?.type == "deprecated"; const packageJson = storyMeta?.csfFile?.meta?.parameters?.packageJson ?? {}; + const rootClassName = storyMeta?.csfFile?.meta?.args?.rootClass ?? ""; + + const packageName = packageJson?.name; + + if (!packageName) return; - if (!packageJson?.name) return; + let spectrumData = packageJson?.spectrum; + if (typeof spectrumData === "string") { + spectrumData = [spectrumData]; + } const [isLoading, setIsLoading] = useState(true); const [npmData, setnpmData] = useState({}); @@ -291,26 +432,28 @@ export const ComponentDetails = () => { return ( - { !isLoading ? - - { isDeprecated - ? <> - Status: - Deprecated - - : "" - } - { showLocalVersion - ? <> - Local version: - tag === "local")?.[1]} isDeprecated={isDeprecated} /> + { !isLoading ? <> + + { isDeprecated + ? <> + Status: + Deprecated + + : "" + } + { showLocalVersion + ? <> + Local version: + tag === "local")?.[1]} isDeprecated={isDeprecated} /> + + : <> + Latest version: + tag === "latest")?.[1]} isDeprecated={isDeprecated} skipLink={true} /> - : <> - Latest version: - tag === "latest")?.[1]} isDeprecated={isDeprecated} skipLink={true} /> - - } - + } + + + : ""} ); diff --git a/.storybook/blocks/Typography.jsx b/.storybook/blocks/Typography.jsx index 345b3f221d3..c4a8a7d9693 100644 --- a/.storybook/blocks/Typography.jsx +++ b/.storybook/blocks/Typography.jsx @@ -5,8 +5,9 @@ export const Heading = styled.h3` font-family: ${({ theme }) => theme.typography.fontFamily}; font-weight: ${({ theme }) => theme.typography.weight.bold}; color: inherit; - font-size: ${({ size }) => fetchToken(`font-size-${size === "s" ? 300 : size === "l" ? 700 : size === "xl" ? 900 : 500}`, 22)}; + font-size: ${({ size }) => fetchToken(`font-size-${size === "xs" ? 200 : size === "s" ? 300 : size === "l" ? 700 : size === "xl" ? 900 : 500}`, 22)}; -webkit-font-smoothing: antialiased; + margin: 0; > strong { font-weight: 900; diff --git a/.storybook/deprecated/quickaction/quickaction.stories.js b/.storybook/deprecated/quickaction/quickaction.stories.js index 607dfe24816..15dc69298bc 100644 --- a/.storybook/deprecated/quickaction/quickaction.stories.js +++ b/.storybook/deprecated/quickaction/quickaction.stories.js @@ -72,7 +72,15 @@ export default { status: { type: "deprecated" }, - packageJson, + packageJson: { + ...packageJson, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/quick-actions/", + "rootClass": "spectrum-QuickActions", + } + ] + } }, }; diff --git a/.storybook/main.js b/.storybook/main.js index a00e74bff70..ef9c992da41 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -17,7 +17,7 @@ export default { }, ], rootDir: "../", - staticDirs: ["../assets"], + staticDirs: ["../assets", "./assets/images"], addons: [ { name: "@storybook/addon-essentials", diff --git a/components/accordion/package.json b/components/accordion/package.json index 6dcc011a503..8ffd38943a3 100644 --- a/components/accordion/package.json +++ b/components/accordion/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/accordion-beta", + "rootClass": "spectrum-Accordion" + } + ] } diff --git a/components/actionbar/package.json b/components/actionbar/package.json index 541a44fecc6..f52891bf160 100644 --- a/components/actionbar/package.json +++ b/components/actionbar/package.json @@ -54,5 +54,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/action-bar", + "rootClass": "spectrum-ActionBar" + } + ] } diff --git a/components/actionbutton/package.json b/components/actionbutton/package.json index 53a1af6d06e..131fd2543e9 100644 --- a/components/actionbutton/package.json +++ b/components/actionbutton/package.json @@ -54,5 +54,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/action-button", + "rootClass": "spectrum-ActionButton" + } + ] } diff --git a/components/actiongroup/package.json b/components/actiongroup/package.json index ea2054e362e..028636c3108 100644 --- a/components/actiongroup/package.json +++ b/components/actiongroup/package.json @@ -49,5 +49,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/action-group", + "rootClass": "spectrum-ActionGroup" + } + ] } diff --git a/components/actionmenu/package.json b/components/actionmenu/package.json index 97d19a3e9ad..618a9c3a48f 100644 --- a/components/actionmenu/package.json +++ b/components/actionmenu/package.json @@ -32,12 +32,6 @@ "stories/*", "metadata/*" ], - "keywords": [ - "spectrum", - "css", - "design system", - "adobe" - ], "peerDependencies": { "@spectrum-css/actionbutton": ">=6", "@spectrum-css/icon": ">=7", @@ -52,6 +46,12 @@ "@spectrum-css/popover": "workspace:^", "@spectrum-css/tokens": "workspace:^" }, + "keywords": [ + "spectrum", + "css", + "design system", + "adobe" + ], "publishConfig": { "access": "public" } diff --git a/components/alertbanner/package.json b/components/alertbanner/package.json index d302573dd6c..a70c1f70a5f 100644 --- a/components/alertbanner/package.json +++ b/components/alertbanner/package.json @@ -59,5 +59,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/alert-banner", + "rootClass": "spectrum-AlertBanner" + } + ] } diff --git a/components/alertdialog/package.json b/components/alertdialog/package.json index ea4e196070d..868105d73b9 100644 --- a/components/alertdialog/package.json +++ b/components/alertdialog/package.json @@ -64,5 +64,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/alert-dialog", + "rootClass": "spectrum-AlertDialog" + } + ] } diff --git a/components/asset/package.json b/components/asset/package.json index 2edf783adf4..ca75cedb61d 100644 --- a/components/asset/package.json +++ b/components/asset/package.json @@ -46,5 +46,10 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "rootClass": "spectrum-Asset" + } + ] } diff --git a/components/assetcard/package.json b/components/assetcard/package.json index b702befae4b..c83b9921cf2 100644 --- a/components/assetcard/package.json +++ b/components/assetcard/package.json @@ -53,5 +53,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/asset-card-beta", + "rootClass": "spectrum-AssetCard" + } + ] } diff --git a/components/assetlist/package.json b/components/assetlist/package.json index 70908a75220..c4727867950 100644 --- a/components/assetlist/package.json +++ b/components/assetlist/package.json @@ -58,5 +58,10 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "rootClass": "spectrum-AssetList" + } + ] } diff --git a/components/avatar/package.json b/components/avatar/package.json index 28147b7d2eb..86468c34245 100644 --- a/components/avatar/package.json +++ b/components/avatar/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/avatar", + "rootClass": "spectrum-Avatar" + } + ] } diff --git a/components/badge/package.json b/components/badge/package.json index ac267fc1285..5708e59f819 100644 --- a/components/badge/package.json +++ b/components/badge/package.json @@ -53,5 +53,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/badge", + "rootClass": "spectrum-Badge" + } + ] } diff --git a/components/breadcrumb/package.json b/components/breadcrumb/package.json index 6f320d202e6..e1bed914440 100644 --- a/components/breadcrumb/package.json +++ b/components/breadcrumb/package.json @@ -58,5 +58,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/breadcrumbs", + "rootClass": "spectrum-Breadcrumbs" + } + ] } diff --git a/components/button/package.json b/components/button/package.json index 34248cbd8e7..4d8f00c25d5 100644 --- a/components/button/package.json +++ b/components/button/package.json @@ -59,5 +59,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/button", + "rootClass": "spectrum-Button" + } + ] } diff --git a/components/buttongroup/package.json b/components/buttongroup/package.json index 258d641d89d..9be748c1e26 100644 --- a/components/buttongroup/package.json +++ b/components/buttongroup/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/button-group", + "rootClass": "spectrum-ButtonGroup" + } + ] } diff --git a/components/calendar/package.json b/components/calendar/package.json index 7d0f3f86e4f..0a898bea585 100644 --- a/components/calendar/package.json +++ b/components/calendar/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/calendar-beta", + "rootClass": "spectrum-Calendar" + } + ] } diff --git a/components/card/package.json b/components/card/package.json index 9d2cc78ecc9..9a7ca13d366 100644 --- a/components/card/package.json +++ b/components/card/package.json @@ -78,5 +78,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/cards", + "rootClass": "spectrum-Card" + } + ] } diff --git a/components/checkbox/package.json b/components/checkbox/package.json index ddcef108414..3a64f221c9b 100644 --- a/components/checkbox/package.json +++ b/components/checkbox/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/checkbox", + "rootClass": "spectrum-Checkbox" + } + ] } diff --git a/components/clearbutton/package.json b/components/clearbutton/package.json index 26f7ff63127..69940d97768 100644 --- a/components/clearbutton/package.json +++ b/components/clearbutton/package.json @@ -48,5 +48,10 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "rootClass": "spectrum-ClearButton" + } + ] } diff --git a/components/closebutton/package.json b/components/closebutton/package.json index 35bd720f14e..42a8c00c812 100644 --- a/components/closebutton/package.json +++ b/components/closebutton/package.json @@ -49,5 +49,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/close-button", + "rootClass": "spectrum-CloseButton" + } + ] } diff --git a/components/coachindicator/package.json b/components/coachindicator/package.json index b1c5bc0d87c..b8189614712 100644 --- a/components/coachindicator/package.json +++ b/components/coachindicator/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/coach-indicator-beta", + "rootClass": "spectrum-CoachIndicator" + } + ] } diff --git a/components/coachmark/package.json b/components/coachmark/package.json index 42879ccfe58..7711d404d06 100644 --- a/components/coachmark/package.json +++ b/components/coachmark/package.json @@ -63,5 +63,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/coach-mark", + "rootClass": "spectrum-CoachMark" + } + ] } diff --git a/components/colorarea/package.json b/components/colorarea/package.json index 0b912f9b9f8..e13e89f8c9a 100644 --- a/components/colorarea/package.json +++ b/components/colorarea/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/color-area", + "rootClass": "spectrum-ColorArea" + } + ] } diff --git a/components/colorhandle/package.json b/components/colorhandle/package.json index e22a6f1700c..1155728132c 100644 --- a/components/colorhandle/package.json +++ b/components/colorhandle/package.json @@ -55,5 +55,10 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "rootClass": "spectrum-ColorHandle" + } + ] } diff --git a/components/colorloupe/package.json b/components/colorloupe/package.json index 24301bbeaac..8055d189b0b 100644 --- a/components/colorloupe/package.json +++ b/components/colorloupe/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/color-loupe", + "rootClass": "spectrum-ColorLoupe" + } + ] } diff --git a/components/colorslider/package.json b/components/colorslider/package.json index dbfdb16336c..c338026124a 100644 --- a/components/colorslider/package.json +++ b/components/colorslider/package.json @@ -50,5 +50,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/color-slider", + "rootClass": "spectrum-ColorSlider" + } + ] } diff --git a/components/colorwheel/package.json b/components/colorwheel/package.json index d7f5f1aea8a..8860d91e4d9 100644 --- a/components/colorwheel/package.json +++ b/components/colorwheel/package.json @@ -60,5 +60,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/color-wheel", + "rootClass": "spectrum-ColorWheel" + } + ] } diff --git a/components/combobox/package.json b/components/combobox/package.json index 2354f8d574d..488367d5528 100644 --- a/components/combobox/package.json +++ b/components/combobox/package.json @@ -61,5 +61,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/combo-box", + "rootClass": "spectrum-Combobox" + } + ] } diff --git a/components/contextualhelp/package.json b/components/contextualhelp/package.json index 7fbe536478c..0310ebf86e0 100644 --- a/components/contextualhelp/package.json +++ b/components/contextualhelp/package.json @@ -57,5 +57,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/contextual-help", + "rootClass": "spectrum-ContextualHelp" + } + ] } diff --git a/components/datepicker/package.json b/components/datepicker/package.json index 8383a686ecc..4d6bf31c03e 100644 --- a/components/datepicker/package.json +++ b/components/datepicker/package.json @@ -54,5 +54,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/date-picker-beta", + "rootClass": "spectrum-DatePicker" + } + ] } diff --git a/components/dial/package.json b/components/dial/package.json index 800aedf53bc..1a91d2b3fce 100644 --- a/components/dial/package.json +++ b/components/dial/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/dial-beta", + "rootClass": "spectrum-Dial" + } + ] } diff --git a/components/dialog/package.json b/components/dialog/package.json index 4618269b741..846bcaf1785 100644 --- a/components/dialog/package.json +++ b/components/dialog/package.json @@ -66,5 +66,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/standard-dialog-beta", + "rootClass": "spectrum-Dialog" + } + ] } diff --git a/components/divider/package.json b/components/divider/package.json index 88e070f09d2..ebebabcf5c4 100644 --- a/components/divider/package.json +++ b/components/divider/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/divider", + "rootClass": "spectrum-Divider" + } + ] } diff --git a/components/dropindicator/package.json b/components/dropindicator/package.json index 383768c8e16..951ce924877 100644 --- a/components/dropindicator/package.json +++ b/components/dropindicator/package.json @@ -48,5 +48,10 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "rootClass": "spectrum-DropIndicator" + } + ] } diff --git a/components/dropzone/package.json b/components/dropzone/package.json index c9e15ba6bd6..5fb245785a3 100644 --- a/components/dropzone/package.json +++ b/components/dropzone/package.json @@ -60,5 +60,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/drop-zone-beta", + "rootClass": "spectrum-DropZone" + } + ] } diff --git a/components/fieldgroup/package.json b/components/fieldgroup/package.json index 43623c96af0..69a7b32d82c 100644 --- a/components/fieldgroup/package.json +++ b/components/fieldgroup/package.json @@ -63,5 +63,10 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "rootClass": "spectrum-FieldGroup" + } + ] } diff --git a/components/fieldlabel/package.json b/components/fieldlabel/package.json index c7fdef1d037..e7c77b6851b 100644 --- a/components/fieldlabel/package.json +++ b/components/fieldlabel/package.json @@ -48,5 +48,14 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/field-label", + "rootClass": "spectrum-FieldLabel" + }, + { + "rootClass": "spectrum-Form" + } + ] } diff --git a/components/floatingactionbutton/package.json b/components/floatingactionbutton/package.json index 85e4e686b88..3fca59775ff 100644 --- a/components/floatingactionbutton/package.json +++ b/components/floatingactionbutton/package.json @@ -47,5 +47,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/floating-action-button-beta", + "rootClass": "spectrum-FloatingActionButton" + } + ] } diff --git a/components/helptext/package.json b/components/helptext/package.json index e3bfd9e78b2..518c51f39fd 100644 --- a/components/helptext/package.json +++ b/components/helptext/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/help-text", + "rootClass": "spectrum-HelpText" + } + ] } diff --git a/components/icon/package.json b/components/icon/package.json index 4773bd3a8d9..f57ed40d2ad 100644 --- a/components/icon/package.json +++ b/components/icon/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/iconography", + "rootClass": "spectrum-Icon" + } + ] } diff --git a/components/illustratedmessage/package.json b/components/illustratedmessage/package.json index f9214c516b9..0c522a5d064 100644 --- a/components/illustratedmessage/package.json +++ b/components/illustratedmessage/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/illustrated-message-beta", + "rootClass": "spectrum-IllustratedMessage" + } + ] } diff --git a/components/infieldbutton/package.json b/components/infieldbutton/package.json index 5cb36e1429b..25e331d4805 100644 --- a/components/infieldbutton/package.json +++ b/components/infieldbutton/package.json @@ -53,5 +53,10 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "rootClass": "spectrum-InfieldButton" + } + ] } diff --git a/components/inlinealert/package.json b/components/inlinealert/package.json index d14a264d1fb..aecf26fca1a 100644 --- a/components/inlinealert/package.json +++ b/components/inlinealert/package.json @@ -55,5 +55,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/in-line-alert", + "rootClass": "spectrum-InLineAlert" + } + ] } diff --git a/components/link/package.json b/components/link/package.json index 7320f95ae8e..09597d35781 100644 --- a/components/link/package.json +++ b/components/link/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/link", + "rootClass": "spectrum-Link" + } + ] } diff --git a/components/logicbutton/package.json b/components/logicbutton/package.json index 3ff22f27461..0040c8644f9 100644 --- a/components/logicbutton/package.json +++ b/components/logicbutton/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/logic-button-beta", + "rootClass": "spectrum-LogicButton" + } + ] } diff --git a/components/menu/package.json b/components/menu/package.json index 974fee64cf1..0e3758905a5 100644 --- a/components/menu/package.json +++ b/components/menu/package.json @@ -70,5 +70,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/menu", + "rootClass": "spectrum-Menu" + } + ] } diff --git a/components/miller/package.json b/components/miller/package.json index 2877bfc78f3..fb0375bbe17 100644 --- a/components/miller/package.json +++ b/components/miller/package.json @@ -52,5 +52,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/miller-columns-beta", + "rootClass": "spectrum-MillerColumns" + } + ] } diff --git a/components/modal/package.json b/components/modal/package.json index 7bc6053fa6c..ae016c09ba2 100644 --- a/components/modal/package.json +++ b/components/modal/package.json @@ -47,5 +47,10 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "rootClass": "spectrum-Modal" + } + ] } diff --git a/components/opacitycheckerboard/package.json b/components/opacitycheckerboard/package.json index 634f0c510d2..9f6ecf1dfa1 100644 --- a/components/opacitycheckerboard/package.json +++ b/components/opacitycheckerboard/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/opacity-checkerboard-beta", + "rootClass": "spectrum-OpacityCheckerboard" + } + ] } diff --git a/components/pagination/package.json b/components/pagination/package.json index fcdfc9130fd..82b0e32da89 100644 --- a/components/pagination/package.json +++ b/components/pagination/package.json @@ -56,5 +56,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/pagination-list-beta", + "rootClass": "spectrum-Pagination" + } + ] } diff --git a/components/picker/package.json b/components/picker/package.json index af34bc34ac2..ef8c5367359 100644 --- a/components/picker/package.json +++ b/components/picker/package.json @@ -65,5 +65,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/picker", + "rootClass": "spectrum-Picker" + } + ] } diff --git a/components/pickerbutton/package.json b/components/pickerbutton/package.json index 7e9539acce3..447875658a1 100644 --- a/components/pickerbutton/package.json +++ b/components/pickerbutton/package.json @@ -52,5 +52,10 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "rootClass": "spectrum-PickerButton" + } + ] } diff --git a/components/popover/package.json b/components/popover/package.json index 54205fecb68..d5831fbb6b7 100644 --- a/components/popover/package.json +++ b/components/popover/package.json @@ -63,5 +63,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/popover", + "rootClass": "spectrum-Popover" + } + ] } diff --git a/components/progressbar/package.json b/components/progressbar/package.json index 20e0b5f05c1..8240c818927 100644 --- a/components/progressbar/package.json +++ b/components/progressbar/package.json @@ -53,5 +53,15 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/progress-bar", + "rootClass": "spectrum-ProgressBar" + }, + { + "guidelines": "https://spectrum.adobe.com/page/meter", + "rootClass": "spectrum-Meter" + } + ] } diff --git a/components/progresscircle/package.json b/components/progresscircle/package.json index 6e579a85ee8..298aba63cff 100644 --- a/components/progresscircle/package.json +++ b/components/progresscircle/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/progress-circle", + "rootClass": "spectrum-ProgressCircle" + } + ] } diff --git a/components/radio/package.json b/components/radio/package.json index 608d66cce93..f64b4be2c44 100644 --- a/components/radio/package.json +++ b/components/radio/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/radio-group", + "rootClass": "spectrum-Radio" + } + ] } diff --git a/components/rating/package.json b/components/rating/package.json index b33da076741..5dc43a4708f 100644 --- a/components/rating/package.json +++ b/components/rating/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/rating", + "rootClass": "spectrum-Rating" + } + ] } diff --git a/components/search/package.json b/components/search/package.json index f262072de83..f2760bcead1 100644 --- a/components/search/package.json +++ b/components/search/package.json @@ -52,5 +52,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/search-field", + "rootClass": "spectrum-Search" + } + ] } diff --git a/components/sidenav/package.json b/components/sidenav/package.json index 4a096409599..cfb93b1593f 100644 --- a/components/sidenav/package.json +++ b/components/sidenav/package.json @@ -53,5 +53,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/side-navigation", + "rootClass": "spectrum-SideNav" + } + ] } diff --git a/components/slider/package.json b/components/slider/package.json index f872b7b9a25..082bd75e631 100644 --- a/components/slider/package.json +++ b/components/slider/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/slider", + "rootClass": "spectrum-Slider" + } + ] } diff --git a/components/splitview/package.json b/components/splitview/package.json index dd82f28afcb..5d90bc03b51 100644 --- a/components/splitview/package.json +++ b/components/splitview/package.json @@ -46,5 +46,10 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "rootClass": "spectrum-SplitView" + } + ] } diff --git a/components/statuslight/package.json b/components/statuslight/package.json index f3aedd4f360..f353578cd61 100644 --- a/components/statuslight/package.json +++ b/components/statuslight/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/status-light", + "rootClass": "spectrum-StatusLight" + } + ] } diff --git a/components/steplist/package.json b/components/steplist/package.json index 1fa30cc3a1c..01b68d14dfc 100644 --- a/components/steplist/package.json +++ b/components/steplist/package.json @@ -55,5 +55,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/steplist-beta", + "rootClass": "spectrum-Steplist" + } + ] } diff --git a/components/stepper/package.json b/components/stepper/package.json index 8240a7d73d0..aec1e19f78c 100644 --- a/components/stepper/package.json +++ b/components/stepper/package.json @@ -59,5 +59,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/number-field-beta", + "rootClass": "spectrum-Stepper" + } + ] } diff --git a/components/swatch/package.json b/components/swatch/package.json index da4045b9f34..254bcddb4df 100644 --- a/components/swatch/package.json +++ b/components/swatch/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/swatch", + "rootClass": "spectrum-Swatch" + } + ] } diff --git a/components/swatchgroup/package.json b/components/swatchgroup/package.json index b93615ba7d0..df3327f8a59 100644 --- a/components/swatchgroup/package.json +++ b/components/swatchgroup/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/swatch-group", + "rootClass": "spectrum-SwatchGroup" + } + ] } diff --git a/components/switch/package.json b/components/switch/package.json index 4be587e5ff8..3207e0a8426 100644 --- a/components/switch/package.json +++ b/components/switch/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/switch", + "rootClass": "spectrum-Switch" + } + ] } diff --git a/components/table/package.json b/components/table/package.json index 4514609fafb..59968b274ff 100644 --- a/components/table/package.json +++ b/components/table/package.json @@ -65,5 +65,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/table", + "rootClass": "spectrum-Table" + } + ] } diff --git a/components/tabs/package.json b/components/tabs/package.json index f83cb2aa251..d7cd18e6b00 100644 --- a/components/tabs/package.json +++ b/components/tabs/package.json @@ -57,5 +57,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/tabs", + "rootClass": "spectrum-Tabs" + } + ] } diff --git a/components/tag/package.json b/components/tag/package.json index 713a3fccecf..71d5b4b900a 100644 --- a/components/tag/package.json +++ b/components/tag/package.json @@ -60,5 +60,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/tag", + "rootClass": "spectrum-Tag" + } + ] } diff --git a/components/taggroup/package.json b/components/taggroup/package.json index a97c54f7871..615948497f5 100644 --- a/components/taggroup/package.json +++ b/components/taggroup/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/tag-group-beta", + "rootClass": "spectrum-TagGroup" + } + ] } diff --git a/components/textfield/package.json b/components/textfield/package.json index 10f37f9ad0e..1ba140df10c 100644 --- a/components/textfield/package.json +++ b/components/textfield/package.json @@ -53,5 +53,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/text-field", + "rootClass": "spectrum-Textfield" + } + ] } diff --git a/components/thumbnail/package.json b/components/thumbnail/package.json index e21fd620826..6944afe7083 100644 --- a/components/thumbnail/package.json +++ b/components/thumbnail/package.json @@ -48,5 +48,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/thumbnail-beta", + "rootClass": "spectrum-Thumbnail" + } + ] } diff --git a/components/toast/package.json b/components/toast/package.json index 2a909898b6d..41975fa3c30 100644 --- a/components/toast/package.json +++ b/components/toast/package.json @@ -52,5 +52,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/toast", + "rootClass": "spectrum-Toast" + } + ] } diff --git a/components/tooltip/package.json b/components/tooltip/package.json index 731c1b606b0..11c6883c95f 100644 --- a/components/tooltip/package.json +++ b/components/tooltip/package.json @@ -49,5 +49,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/tooltip", + "rootClass": "spectrum-Tooltip" + } + ] } diff --git a/components/tray/package.json b/components/tray/package.json index f5003305fe5..5406769a0fd 100644 --- a/components/tray/package.json +++ b/components/tray/package.json @@ -64,5 +64,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/tray", + "rootClass": "spectrum-Tray" + } + ] } diff --git a/components/treeview/package.json b/components/treeview/package.json index 81527f284be..cf19bdd0813 100644 --- a/components/treeview/package.json +++ b/components/treeview/package.json @@ -55,5 +55,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/tree-view", + "rootClass": "spectrum-TreeView" + } + ] } diff --git a/components/typography/package.json b/components/typography/package.json index b11038bd947..71df77880a7 100644 --- a/components/typography/package.json +++ b/components/typography/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum.adobe.com/page/typography", + "rootClass": "spectrum-Typography" + } + ] } diff --git a/components/underlay/package.json b/components/underlay/package.json index 1cd22f80ebf..02b677194f8 100644 --- a/components/underlay/package.json +++ b/components/underlay/package.json @@ -46,5 +46,10 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "rootClass": "spectrum-Underlay" + } + ] } diff --git a/components/well/package.json b/components/well/package.json index d857e417112..34b587a956a 100644 --- a/components/well/package.json +++ b/components/well/package.json @@ -46,5 +46,11 @@ ], "publishConfig": { "access": "public" - } + }, + "spectrum": [ + { + "guidelines": "https://spectrum-contributions.corp.adobe.com/page/wells-beta", + "rootClass": "spectrum-Well" + } + ] }