@guardian/stand 0.0.40 → 0.0.42

package/dist/types/styleD/build/typescript/semantic/typography.d.ts

@@ -1,381 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export declare const semanticTypography: {
-    titleSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    titleMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    titleLg: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    titleXl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    headingXs: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    headingSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    headingMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    headingLg: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    headingXl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    heading2Xl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    headingCompactXs: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    headingCompactSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    headingCompactMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    headingCompactLg: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    headingCompactXl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    headingCompact2Xl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyXs: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodySm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyLg: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyXl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyBoldXs: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyBoldSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyBoldMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyBoldLg: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyBoldXl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyItalicXs: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyItalicSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyItalicMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyItalicLg: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyItalicXl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyItalicBoldXs: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyItalicBoldSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyItalicBoldMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyItalicBoldLg: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyItalicBoldXl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactXs: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactLg: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactXl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactBoldXs: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactBoldSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactBoldMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactBoldLg: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactBoldXl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactItalicXs: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactItalicSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactItalicMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactItalicLg: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactItalicXl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactItalicBoldXs: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactItalicBoldSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactItalicBoldMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactItalicBoldLg: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    bodyCompactItalicBoldXl: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    metaMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    metaCompactMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    articleBodyMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    articleBodyBoldMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    articleBodyItalicMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    articleBodyBoldItalicMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    interactiveXs: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    interactiveSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    interactiveMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    labelFormSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    labelFormMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    labelFormInlineSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    labelFormInlineMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    labelFormCompactSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    labelFormCompactMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    labelFormInlineCompactSm: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    labelFormInlineCompactMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    helpTextFormMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-    helpTextFormCompactMd: {
-        font: string;
-        letterSpacing: string;
-        fontWidth: number;
-    };
-};
-export type SemanticTypography = typeof semanticTypography;

package/dist/types/styleD/stories/base/Radius.d.ts

@@ -1 +0,0 @@
-export declare const Radius: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/styleD/stories/base/Sizing.d.ts

@@ -1 +0,0 @@
-export declare const Sizing: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/styleD/stories/base/Spacing.d.ts

@@ -1 +0,0 @@
-export declare const Spacing: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/styleD/stories/base/Typography.d.ts

@@ -1 +0,0 @@
-export declare const Typography: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/styleD/stories/base/storybookColorPalette.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-type Colors = string[] | Record<string, string>;
-/**
- * A single color row your styleguide showing title, subtitle and one or more colors, used
- * as a child of `ColorPalette`.
- */
-export declare const ColorItem: ({ title, colors, }: {
-    title: string;
-    colors: Colors;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
-interface ColorPaletteProps {
-    children?: React.ReactNode;
-}
-/**
- * Styleguide documentation for colors, including names, captions, and color swatches,
- * all specified as `ColorItem` children of this wrapper component.
- */
-export declare const ColorPalette: ({ children, ...props }: ColorPaletteProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/styleD/stories/semantic/Breakpoints.d.ts

@@ -1,15 +0,0 @@
-export declare const SemanticBreakpointTokens: () => import("@emotion/react/jsx-runtime").JSX.Element;
-/**
- * Demonstrates `from` - each card becomes highlighted once the viewport
- * reaches or exceeds that breakpoint's minimum width.
- */
-export declare const FromDemo: () => import("@emotion/react/jsx-runtime").JSX.Element;
-/**
- * Demonstrates `until` - each box is only visible below the named breakpoint.
- */
-export declare const UntilDemo: () => import("@emotion/react/jsx-runtime").JSX.Element;
-/**
- * Demonstrates `between` - each box is highlighted only when the viewport
- * falls within the stated range.
- */
-export declare const BetweenDemo: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/styleD/stories/semantic/Shadow.d.ts

@@ -1 +0,0 @@
-export declare const SemanticShadowTokens: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/styleD/stories/semantic/Sizing.d.ts

@@ -1 +0,0 @@
-export declare const SemanticSizingTokens: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/styleD/stories/semantic/TypographyPresets.d.ts

@@ -1 +0,0 @@
-export declare const TypographyPresets: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/styleD/utils/semantic/mq.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/styleD/utils/semantic/typography.d.ts

@@ -1,9 +0,0 @@
-import type { CSSObject, SerializedStyles } from '@emotion/react';
-type SemanticTypography = {
-    font: string;
-    letterSpacing: string;
-    fontWidth: number;
-};
-export declare const convertTypographyToEmotionStringStyle: (typography: SemanticTypography) => SerializedStyles;
-export declare const convertTypographyToEmotionObjectStyle: (typography: SemanticTypography) => CSSObject;
-export {};

package/dist/types/styleD/utils/semantic/typography.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/templates/component/TemplateComponent.d.ts

@@ -1,2 +0,0 @@
-import type { TemplateComponentProps } from './types';
-export declare const TemplateComponent: (props: TemplateComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/templates/component/sandbox.d.ts

@@ -1,5 +0,0 @@
-export declare const componentName = "TemplateComponent";
-export declare const componentTsx = "import { TemplateComponent } from '@guardian/stand/TemplateComponent';\n\nexport const Component = () => (\n\t<>\n\t\t{/* default example */}\n\t\t<TemplateComponent />\n\n\t\t{/* custom message example */}\n\t\t<TemplateComponent message=\"hi there\" />\n\n);\n\n";
-export declare const componentCss = "\n/* import the templateComponent styles */\n@import '@guardian/stand/component/templateComponent.css';\n/* import the icon styles if using the icon variant of the templateComponent component */\n@import \"@guardian/stand/component/icon.css\";\n\n/* example setup of templateComponent style */\n.stand-template-component {\n\tbackground-color: var(--component-template-component-color-background);\n\tdisplay: var(--component-template-component-display);\n\talign-items: var(--component-template-component-align-items);\n\tjustify-content: var(--component-template-component-justify-content);\n\twidth: var(--component-template-component-size);\n\theight: var(--component-template-component-size);\n\tuser-select: var(--component-template-component-user-select);\n\tcolor: var(--component-template-component-color-text);\n\tfont: var(--component-template-component-typography-font);\n\tletter-spacing: var(--component-template-component-typography-letter-spacing);\n\tfont-variation-settings: \"wdth\" var(--component-template-component-typography-font-width);\n}\n\n.stand-template-component-icon {\n\tdisplay: var(--component-icon-shared-display);\n\tuser-select: var(--component-icon-shared-user-select);\n\tfont-size: var(--component-icon-md-size);\n}\n\n.stand-template-component-icon-color-svg > svg {\n\twidth: var(--component-icon-md-size);\n\theight: var(--component-icon-md-size);\n\tfill: var(--component-template-component-color-text);\n}\n\n/* example setup for templateComponent image */\n.stand-template-component > img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n";
-export declare const componentHtml = "<div class=\"container\">\n\t<div class=\"stand-template-component\">C</div>\n    <div class=\"stand-template-component\">\n\t\t<span class=\"material-symbols stand-template-component-icon\">raven</span>\n    </div>\n    <div class=\"stand-template-component\">\n        <span class=\"stand-template-component-icon stand-template-component-icon-color-svg\"><svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z\"/></svg></span>\n    </div>\n    <div class=\"stand-template-component\">\n    \t<img src=\"https://uploads.guimcode.co.uk/2026/01/27/f85e2e477ce54f4c3b671faa5cd21673aa9f8072fddb5d70a73e6038dc812eec.jpg\" alt=\"Mahesh Makani\" />\n    </div>\n</div>\n";
-export declare const componentJs = "\t// for ts/js\n\t\timport { componentTemplateComponent, componentIcon } from \"@guardian/stand\";\n\nconst templateComponentStyles = `\n    background-color: ${componentTemplateComponent.color.background};\n    display: ${componentTemplateComponent.display};\n    align-items: ${componentTemplateComponent[\"align-items\"]};\n    justify-content: ${componentTemplateComponent[\"justify-content\"]};\n    width: ${componentTemplateComponent.size};\n    height: ${componentTemplateComponent.size};\n    user-select: ${componentTemplateComponent[\"user-select\"]};\n`;\n\nconst typographyStyle = `\n    color: ${componentTemplateComponent.color.text};\n    font: ${componentTemplateComponent.typography.font};\n    letter-spacing: ${componentTemplateComponent.typography.letterSpacing};\n    font-variation-settings: 'wdth' ${componentTemplateComponent.typography.fontWidth};\n`;\n\nconst imgStyle = `\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n`;\n\nconst iconStyles = `\n  display: ${componentIcon.shared.display};\n  user-select: ${componentIcon.shared[\"user-select\"]};\n  font-size: ${componentIcon.md.size};\n  color: ${componentTemplateComponent.color.text};\n`;\n\nconst iconSvgStyles = `\n  width: ${componentIcon.md.size};\n  height: ${componentIcon.md.size};\n  fill:  ${componentTemplateComponent.color.text};\n`;\n\n// e.g. adding to DOM using vanilla JS styles\ndocument.getElementById(\"app\").innerHTML = `\n<div class=\"container\">\n  <div style=\"${templateComponentStyles}${typographyStyle}\">C</div>\n  <div style=\"${templateComponentStyles}\">\n\t<span class=\"material-symbols\" style=\"${iconStyles}\">raven</span>\n  </div>\n  <div style=\"${templateComponentStyles}\">\n    <span class=\"material-symbols\" style=\"${iconStyles}\"><svg style=\"${iconSvgStyles}\" xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z\"/></svg></span>\n  </div>\n  <div style=\"${templateComponentStyles}\">\n    <img style=\"${imgStyle}\" src=\"https://uploads.guimcode.co.uk/2026/01/27/f85e2e477ce54f4c3b671faa5cd21673aa9f8072fddb5d70a73e6038dc812eec.jpg\" alt=\"Mahesh Makani\" />\n  </div>\n`;\n";

package/dist/types/templates/component/styles.d.ts

@@ -1,7 +0,0 @@
-import type { SerializedStyles } from '@emotion/react';
-import { type ComponentTemplateComponent } from '../../styleD/build/typescript/component/templateComponent';
-import type { DeepPartial, Prettify } from '../../util/types';
-export type TemplateComponentTheme = Prettify<ComponentTemplateComponent>;
-export type PartialTemplateComponentTheme = Prettify<DeepPartial<TemplateComponentTheme>>;
-export declare const defaultTemplateComponentTheme: TemplateComponentTheme;
-export declare const templateComponentStyles: (theme: TemplateComponentTheme) => SerializedStyles;

package/dist/types/templates/component/types.d.ts

@@ -1,5 +0,0 @@
-import type { DefaultProps } from '../../util/types';
-import type { TemplateComponentTheme } from './styles';
-export type TemplateComponentProps = DefaultProps<TemplateComponentTheme> & {
-    message?: string;
-};

package/dist/types/util/mergeDeep.d.ts

@@ -1 +0,0 @@
-export declare function mergeDeep<A extends object, B extends object>(obj1: A, obj2: B): A & B;

package/dist/types/util/reset.d.ts

@@ -1 +0,0 @@
-export declare const GlobalResetStyles: import("@emotion/react").SerializedStyles;

package/dist/types/util/storybook/sandbox/Sandbox.d.ts

@@ -1,14 +0,0 @@
-export declare const SandboxReact: ({ componentTsx, componentName, flowColumn, }: {
-    componentTsx: string;
-    componentName: string;
-    flowColumn?: boolean | undefined;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const SandboxCss: ({ componentCss, componentHtml, componentName, }: {
-    componentCss: string;
-    componentHtml: string;
-    componentName: string;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const SandboxJs: ({ componentJs, componentName, }: {
-    componentJs: string;
-    componentName: string;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/util/storybook/styles.d.ts

@@ -1 +0,0 @@
-export declare const tableStyles: import("@emotion/react").SerializedStyles;

package/dist/types/util/types.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import type { SerializedStyles } from '@emotion/react';
-export interface DefaultProps<ThemeType, ClassNameType = undefined> {
-    /**
-     * Custom theme overrides for the component, this is the recommended way to
-     * customize the appearance of the component based on the design system tokens
-     */
-    theme?: DeepPartial<ThemeType>;
-    /**
-     * Class name to be applied to the component's root element, for scenarios where
-     * custom styling is needed outside of the design system theming.
-     *
-     * Either use type ClassNameType (when extending a component from react-aria-components)
-     * or optional string if ClassNameType is undefined/not provided.
-     */
-    className?: ClassNameType extends undefined ? string | undefined : ClassNameType;
-    /**
-     * If the theme does not cover all use cases, you can use this prop to
-     * override component styles by passing in the result of [emotion's `css` function/prop](https://emotion.sh/docs/introduction).
-     */
-    cssOverrides?: SerializedStyles | SerializedStyles[];
-}
-export interface DefaultPropsWithChildren<ThemeType, ClassNameType = undefined, ChildrenType = React.ReactNode> extends DefaultProps<ThemeType, ClassNameType> {
-    /**
-     * The content of the component
-     */
-    children?: ChildrenType;
-}
-export type Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-export type DeepPartial<T> = T extends object ? {
-    [P in keyof T]?: DeepPartial<T[P]>;
-} : T;

package/dist/types/util/useResize.d.ts

@@ -1 +0,0 @@
-export declare const useResize: (callback: () => void, debounceMs?: number) => void;

package/dist/types/utils.d.ts

@@ -1,8 +0,0 @@
-/**
- * Utils entry point
- *
- * Utilities for working with design tokens and styles.
- */
-export { convertTypographyToEmotionObjectStyle, convertTypographyToEmotionStringStyle, } from './styleD/utils/semantic/typography';
-export { GlobalResetStyles } from './util/reset';
-export { from, until, between } from './styleD/utils/semantic/mq';

package/dist/util/reset.css.cjs

@@ -1,5 +0,0 @@
-'use strict';
-
-var reset = "/*\nSelect CSS resets for use with the stand design system.\nModified from https://github.com/guardian/csnx/blob/0f68024f6f3bee003b5f95e66d29fb74987a8dec/libs/%40guardian/source/src/foundations/utils/resets.ts\n*/\n*,\n*::after,\n*::before {\n\tbox-sizing: border-box;\n}\n\nhtml {\n\ttext-size-adjust: none;\n\t-webkit-text-size-adjust: none;\n\t-webkit-tap-highlight-color: transparent;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\nhtml,\nbody {\n\ttext-rendering: optimizeLegibility;\n\tfont-feature-settings: 'kern';\n\tfont-kerning: normal; /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21 */\n\tfont-variant-ligatures: common-ligatures;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nmenu,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 100%;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n\n*[hidden] {\n\tdisplay: none;\n}\n\nbody {\n\tmin-height: 100svh;\n}\n\n.focus-ring {\n\toutline: 0.125rem solid blue;\n\toutline-offset: -1px;\n}\n\n.focus-focus {\n\toutline: 0.125rem solid red;\n\toutline-offset: -1px;\n}\n";
-
-module.exports = reset;

package/dist/util/reset.css.js

@@ -1,3 +0,0 @@
-var reset = "/*\nSelect CSS resets for use with the stand design system.\nModified from https://github.com/guardian/csnx/blob/0f68024f6f3bee003b5f95e66d29fb74987a8dec/libs/%40guardian/source/src/foundations/utils/resets.ts\n*/\n*,\n*::after,\n*::before {\n\tbox-sizing: border-box;\n}\n\nhtml {\n\ttext-size-adjust: none;\n\t-webkit-text-size-adjust: none;\n\t-webkit-tap-highlight-color: transparent;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\nhtml,\nbody {\n\ttext-rendering: optimizeLegibility;\n\tfont-feature-settings: 'kern';\n\tfont-kerning: normal; /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21 */\n\tfont-variant-ligatures: common-ligatures;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nmenu,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 100%;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n\n*[hidden] {\n\tdisplay: none;\n}\n\nbody {\n\tmin-height: 100svh;\n}\n\n.focus-ring {\n\toutline: 0.125rem solid blue;\n\toutline-offset: -1px;\n}\n\n.focus-focus {\n\toutline: 0.125rem solid red;\n\toutline-offset: -1px;\n}\n";
-
-export { reset as default };