From 9c4950517bf0f8ca7b2e373f4323c97d068d0ceb Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Tue, 5 Nov 2024 11:29:04 -0500 Subject: [PATCH] fix: remove storybook assets from shipped output (#3369) --- .changeset/fifty-bottles-teach.md | 86 ++++++++++++++++++++ .storybook/blocks/PropertiesTable.jsx | 8 +- .storybook/blocks/ThemeContainer.jsx | 2 +- .storybook/main.js | 25 +++++- components/accordion/package.json | 4 +- components/actionbar/package.json | 4 +- components/actionbutton/package.json | 4 +- components/actiongroup/package.json | 4 +- components/actionmenu/package.json | 4 +- components/alertbanner/package.json | 4 +- components/alertdialog/package.json | 4 +- components/asset/package.json | 4 +- components/assetcard/package.json | 4 +- components/assetlist/package.json | 4 +- components/avatar/package.json | 4 +- components/badge/package.json | 4 +- components/breadcrumb/package.json | 4 +- components/button/package.json | 4 +- components/buttongroup/package.json | 4 +- components/calendar/package.json | 4 +- components/card/package.json | 4 +- components/checkbox/package.json | 4 +- components/clearbutton/package.json | 4 +- components/closebutton/package.json | 4 +- components/coachindicator/package.json | 4 +- components/coachmark/package.json | 4 +- components/colorarea/package.json | 4 +- components/colorhandle/package.json | 4 +- components/colorloupe/package.json | 4 +- components/colorslider/package.json | 4 +- components/colorwheel/package.json | 4 +- components/combobox/package.json | 4 +- components/contextualhelp/package.json | 4 +- components/datepicker/package.json | 4 +- components/dial/package.json | 4 +- components/dialog/package.json | 4 +- components/divider/package.json | 4 +- components/dropindicator/package.json | 4 +- components/dropzone/package.json | 4 +- components/fieldgroup/package.json | 4 +- components/fieldlabel/package.json | 4 +- components/floatingactionbutton/package.json | 4 +- components/helptext/package.json | 4 +- components/icon/package.json | 4 +- components/illustratedmessage/package.json | 4 +- components/infieldbutton/package.json | 4 +- components/inlinealert/package.json | 4 +- components/link/package.json | 4 +- components/logicbutton/package.json | 4 +- components/menu/package.json | 4 +- components/miller/package.json | 4 +- components/modal/package.json | 4 +- components/opacitycheckerboard/package.json | 4 +- components/page/package.json | 4 +- components/pagination/package.json | 4 +- components/picker/package.json | 4 +- components/pickerbutton/package.json | 4 +- components/popover/package.json | 4 +- components/progressbar/package.json | 4 +- components/progresscircle/package.json | 4 +- components/radio/package.json | 4 +- components/rating/package.json | 4 +- components/search/package.json | 4 +- components/sidenav/package.json | 4 +- components/slider/package.json | 4 +- components/splitview/package.json | 4 +- components/statuslight/package.json | 4 +- components/steplist/package.json | 4 +- components/stepper/package.json | 4 +- components/swatch/package.json | 4 +- components/swatchgroup/package.json | 4 +- components/switch/package.json | 4 +- components/table/package.json | 4 +- components/tabs/package.json | 4 +- components/tag/package.json | 4 +- components/taggroup/package.json | 4 +- components/textfield/package.json | 4 +- components/thumbnail/package.json | 4 +- components/toast/package.json | 4 +- components/tooltip/package.json | 4 +- components/tray/package.json | 4 +- components/treeview/package.json | 4 +- components/typography/package.json | 4 +- components/underlay/package.json | 4 +- components/well/package.json | 4 +- 85 files changed, 194 insertions(+), 251 deletions(-) create mode 100644 .changeset/fifty-bottles-teach.md diff --git a/.changeset/fifty-bottles-teach.md b/.changeset/fifty-bottles-teach.md new file mode 100644 index 00000000000..a4ad4aafba3 --- /dev/null +++ b/.changeset/fifty-bottles-teach.md @@ -0,0 +1,86 @@ +--- +"@spectrum-css/floatingactionbutton": minor +"@spectrum-css/opacitycheckerboard": minor +"@spectrum-css/illustratedmessage": minor +"@spectrum-css/coachindicator": minor +"@spectrum-css/contextualhelp": minor +"@spectrum-css/progresscircle": minor +"@spectrum-css/dropindicator": minor +"@spectrum-css/infieldbutton": minor +"@spectrum-css/actionbutton": minor +"@spectrum-css/pickerbutton": minor +"@spectrum-css/actiongroup": minor +"@spectrum-css/alertbanner": minor +"@spectrum-css/alertdialog": minor +"@spectrum-css/buttongroup": minor +"@spectrum-css/clearbutton": minor +"@spectrum-css/closebutton": minor +"@spectrum-css/colorhandle": minor +"@spectrum-css/colorslider": minor +"@spectrum-css/inlinealert": minor +"@spectrum-css/logicbutton": minor +"@spectrum-css/progressbar": minor +"@spectrum-css/statuslight": minor +"@spectrum-css/swatchgroup": minor +"@spectrum-css/actionmenu": minor +"@spectrum-css/breadcrumb": minor +"@spectrum-css/colorloupe": minor +"@spectrum-css/colorwheel": minor +"@spectrum-css/datepicker": minor +"@spectrum-css/fieldgroup": minor +"@spectrum-css/fieldlabel": minor +"@spectrum-css/pagination": minor +"@spectrum-css/typography": minor +"@spectrum-css/accordion": minor +"@spectrum-css/actionbar": minor +"@spectrum-css/assetcard": minor +"@spectrum-css/assetlist": minor +"@spectrum-css/coachmark": minor +"@spectrum-css/colorarea": minor +"@spectrum-css/splitview": minor +"@spectrum-css/textfield": minor +"@spectrum-css/thumbnail": minor +"@spectrum-css/calendar": minor +"@spectrum-css/checkbox": minor +"@spectrum-css/combobox": minor +"@spectrum-css/dropzone": minor +"@spectrum-css/helptext": minor +"@spectrum-css/steplist": minor +"@spectrum-css/taggroup": minor +"@spectrum-css/treeview": minor +"@spectrum-css/underlay": minor +"@spectrum-css/divider": minor +"@spectrum-css/popover": minor +"@spectrum-css/sidenav": minor +"@spectrum-css/stepper": minor +"@spectrum-css/tooltip": minor +"@spectrum-css/avatar": minor +"@spectrum-css/button": minor +"@spectrum-css/dialog": minor +"@spectrum-css/miller": minor +"@spectrum-css/picker": minor +"@spectrum-css/rating": minor +"@spectrum-css/search": minor +"@spectrum-css/slider": minor +"@spectrum-css/swatch": minor +"@spectrum-css/switch": minor +"@spectrum-css/asset": minor +"@spectrum-css/badge": minor +"@spectrum-css/modal": minor +"@spectrum-css/radio": minor +"@spectrum-css/table": minor +"@spectrum-css/toast": minor +"@spectrum-css/card": minor +"@spectrum-css/dial": minor +"@spectrum-css/icon": minor +"@spectrum-css/link": minor +"@spectrum-css/menu": minor +"@spectrum-css/page": minor +"@spectrum-css/site": minor +"@spectrum-css/tabs": minor +"@spectrum-css/tray": minor +"@spectrum-css/well": minor +"@spectrum-css/tag": minor +--- + +Remove the storybook assets from the shipped output for components diff --git a/.storybook/blocks/PropertiesTable.jsx b/.storybook/blocks/PropertiesTable.jsx index e39de89ee48..b9c44537db7 100644 --- a/.storybook/blocks/PropertiesTable.jsx +++ b/.storybook/blocks/PropertiesTable.jsx @@ -1,10 +1,10 @@ -import "@spectrum-css/table"; +import "@spectrum-css/table/dist/index.css"; import { DocsContext, useOf } from "@storybook/blocks"; -import { ResetWrapper } from "@storybook/components"; import { NAVIGATE_URL } from "@storybook/core-events"; import { styled } from "@storybook/theming"; import React, { useContext } from 'react'; +import { ThemeContainer } from "./ThemeContainer.jsx"; import { Body, Code, LinkableHeading } from "./Typography.jsx"; export const Table = styled.table` @@ -32,7 +32,7 @@ export const PropertiesTable = () => { if (!metadata?.modifiers || !metadata?.modifiers.length) return; return ( - +