- Updates status icons & colors in several places in the app - Moves "Action Menus" and updated "Status Indicators" design docs from public docs to Storybook - [Storybook] Adds `remark-gfm` to enable tables in MDX - [Storybook] Adds a custom `ColorSwatch` block - [Browsertrix Docs] Swaps out custom colors and fonts included with docs for color variables from Hickory and Webrecorder CDN's hosted font files, respectively --------- Co-authored-by: sua yoo <sua@suayoo.com>
		
			
				
	
	
		
			31 lines
		
	
	
		
			678 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			31 lines
		
	
	
		
			678 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| import "@/global";
 | |
| import "@/components/ui";
 | |
| 
 | |
| import {
 | |
|   setCustomElementsManifest,
 | |
|   type Preview,
 | |
| } from "@storybook/web-components";
 | |
| 
 | |
| // eslint-disable-next-line import-x/no-unresolved -- File is generated at build time
 | |
| import customElements from "@/__generated__/custom-elements.json";
 | |
| 
 | |
| import "../src/theme.stylesheet.css";
 | |
| 
 | |
| // Automatically document component properties
 | |
| setCustomElementsManifest(customElements);
 | |
| 
 | |
| const preview: Preview = {
 | |
|   parameters: {
 | |
|     actions: { argTypesRegex: "^on[A-Z].*" },
 | |
|     controls: {
 | |
|       expanded: true,
 | |
|       matchers: {
 | |
|         color: /(background|color)$/i,
 | |
|         date: /Date$/i,
 | |
|       },
 | |
|     },
 | |
|   },
 | |
| };
 | |
| 
 | |
| export default preview;
 |