@guardian/stand 0.0.40 → 0.0.41

package/dist/types/index.d.ts

@@ -1,86 +0,0 @@
-/**
- * Main entry point - Design tokens only
- * Import components from their own entry points, this isolates components within their own peer dependencies.
- */
-/**
- * editorial components tokens exports
- */
-export { componentAutocomplete } from './styleD/build/typescript/component/autocomplete';
-export type { ComponentAutocomplete } from './styleD/build/typescript/component/autocomplete';
-export { componentByline } from './styleD/build/typescript/component/byline';
-export type { ComponentByline } from './styleD/build/typescript/component/byline';
-export { componentTagTable } from './styleD/build/typescript/component/tagTable';
-export type { ComponentTagTable } from './styleD/build/typescript/component/tagTable';
-export { componentUserMenu } from './styleD/build/typescript/component/userMenu';
-export type { ComponentUserMenu } from './styleD/build/typescript/component/userMenu';
-export { componentIntendedAudienceSignifier } from './styleD/build/typescript/component/intendedAudienceSignifier';
-export type { ComponentIntendedAudienceSignifier } from './styleD/build/typescript/component/intendedAudienceSignifier';
-/**
- * design system components tokens exports
- */
-export { componentAvatar } from './styleD/build/typescript/component/avatar';
-export type { ComponentAvatar } from './styleD/build/typescript/component/avatar';
-export { componentButton } from './styleD/build/typescript/component/button';
-export type { ComponentButton } from './styleD/build/typescript/component/button';
-export { componentCheckbox } from './styleD/build/typescript/component/checkbox';
-export type { ComponentCheckbox } from './styleD/build/typescript/component/checkbox';
-export { componentFavicon } from './styleD/build/typescript/component/favicon';
-export type { ComponentFavicon } from './styleD/build/typescript/component/favicon';
-export { componentDatePicker } from './styleD/build/typescript/component/datePicker';
-export type { ComponentDatePicker } from './styleD/build/typescript/component/datePicker';
-export { componentGrid } from './styleD/build/typescript/component/grid';
-export type { ComponentGrid } from './styleD/build/typescript/component/grid';
-export { componentForm } from './styleD/build/typescript/component/form';
-export type { ComponentForm } from './styleD/build/typescript/component/form';
-export { componentIcon } from './styleD/build/typescript/component/icon';
-export type { ComponentIcon } from './styleD/build/typescript/component/icon';
-export { componentInlineMessage } from './styleD/build/typescript/component/inlineMessage';
-export type { ComponentInlineMessage } from './styleD/build/typescript/component/inlineMessage';
-export { componentMenu } from './styleD/build/typescript/component/menu';
-export type { ComponentMenu } from './styleD/build/typescript/component/menu';
-export { componentLayout } from './styleD/build/typescript/component/layout';
-export type { ComponentLayout } from './styleD/build/typescript/component/layout';
-export { componentLink } from './styleD/build/typescript/component/link';
-export type { ComponentLink } from './styleD/build/typescript/component/link';
-export { componentAlertBanner } from './styleD/build/typescript/component/alertBanner';
-export type { ComponentAlertBanner } from './styleD/build/typescript/component/alertBanner';
-export { componentRadioGroup } from './styleD/build/typescript/component/radioGroup';
-export type { ComponentRadioGroup } from './styleD/build/typescript/component/radioGroup';
-export { componentSelect } from './styleD/build/typescript/component/select';
-export type { ComponentSelect } from './styleD/build/typescript/component/select';
-export { componentTextArea } from './styleD/build/typescript/component/textArea';
-export type { ComponentTextArea } from './styleD/build/typescript/component/textArea';
-export { componentTextInput } from './styleD/build/typescript/component/textInput';
-export type { ComponentTextInput } from './styleD/build/typescript/component/textInput';
-export { componentTopBar } from './styleD/build/typescript/component/topBar';
-export type { ComponentTopBar } from './styleD/build/typescript/component/topBar';
-export { componentTypography } from './styleD/build/typescript/component/typography';
-export type { ComponentTypography } from './styleD/build/typescript/component/typography';
-/**
- * style dictionary exports - base
- */
-export { baseColors } from './styleD/build/typescript/base/colors';
-export type { BaseColors } from './styleD/build/typescript/base/colors';
-export { baseRadius } from './styleD/build/typescript/base/radius';
-export type { BaseRadius } from './styleD/build/typescript/base/radius';
-export { baseSizing } from './styleD/build/typescript/base/sizing';
-export type { BaseSizing } from './styleD/build/typescript/base/sizing';
-export { baseSpacing } from './styleD/build/typescript/base/spacing';
-export type { BaseSpacing } from './styleD/build/typescript/base/spacing';
-export { baseTypography } from './styleD/build/typescript/base/typography';
-export type { BaseTypography } from './styleD/build/typescript/base/typography';
-/**
- * style dictionary exports - semantic
- */
-export { semanticColors } from './styleD/build/typescript/semantic/colors';
-export type { SemanticColors } from './styleD/build/typescript/semantic/colors';
-export { semanticGrid } from './styleD/build/typescript/semantic/grid';
-export type { SemanticGrid } from './styleD/build/typescript/semantic/grid';
-export { semanticTypography } from './styleD/build/typescript/semantic/typography';
-export type { SemanticTypography } from './styleD/build/typescript/semantic/typography';
-export { semanticSizing } from './styleD/build/typescript/semantic/sizing';
-export type { SemanticSizing } from './styleD/build/typescript/semantic/sizing';
-export { semanticShadow } from './styleD/build/typescript/semantic/shadow';
-export type { SemanticShadow } from './styleD/build/typescript/semantic/shadow';
-export { semanticBreakpoints } from './styleD/build/typescript/semantic/breakpoints';
-export type { SemanticBreakpoints } from './styleD/build/typescript/semantic/breakpoints';

package/dist/types/styleD/build/typescript/base/colors.d.ts

@@ -1,144 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export declare const baseColors: {
-    readonly neutral: {
-        readonly '0': "#000000";
-        readonly '50': "#121212";
-        readonly '100': "#333333";
-        readonly '200': "#545454";
-        readonly '300': "#666666";
-        readonly '400': "#8d8d8d";
-        readonly '500': "#999999";
-        readonly '550': "#aeaeae";
-        readonly '600': "#bababa";
-        readonly '625': "#c1c1c1";
-        readonly '650': "#cccccc";
-        readonly '700': "#dcdcdc";
-        readonly '750': "#e6e6e6";
-        readonly '800': "#ededed";
-        readonly '850': "#f6f6f6";
-        readonly '900': "#ffffff";
-    };
-    readonly red: {
-        readonly '50': "#3d0e08";
-        readonly '100': "#65170e";
-        readonly '200': "#8c2113";
-        readonly '300': "#b42a19";
-        readonly '400': "#db331e";
-        readonly '500': "#e15847";
-        readonly '600': "#e87c6f";
-        readonly '700': "#eea198";
-        readonly '800': "#f5c6c0";
-        readonly '900': "#fbebe9";
-    };
-    readonly blue: {
-        readonly '50': "#061d3c";
-        readonly '100': "#092f62";
-        readonly '200': "#0d4289";
-        readonly '300': "#1054af";
-        readonly '400': "#1467d6";
-        readonly '500': "#3e82dd";
-        readonly '600': "#699ee5";
-        readonly '700': "#93b9ec";
-        readonly '800': "#c5d9f4";
-        readonly '900': "#e8f0fb";
-    };
-    readonly cyan: {
-        readonly '50': "#00202f";
-        readonly '100': "#00344e";
-        readonly '200': "#00496c";
-        readonly '300': "#005d8b";
-        readonly '400': "#0072a9";
-        readonly '500': "#2e8bb8";
-        readonly '600': "#5ca5c8";
-        readonly '700': "#8abed7";
-        readonly '800': "#b8d8e7";
-        readonly '900': "#e6f1f6";
-    };
-    readonly teal: {
-        readonly '50': "#050e0f";
-        readonly '100': "#0e2729";
-        readonly '200': "#174044";
-        readonly '300': "#287279";
-        readonly '400': "#318b94";
-        readonly '500': "#56a0a7";
-        readonly '600': "#7bb5bb";
-        readonly '700': "#a0cace";
-        readonly '800': "#c5dfe1";
-        readonly '900': "#eaf3f4";
-    };
-    readonly green: {
-        readonly '50': "#162c11";
-        readonly '100': "#24491d";
-        readonly '200': "#326528";
-        readonly '300': "#408233";
-        readonly '400': "#4e9e3e";
-        readonly '500': "#6eaf61";
-        readonly '600': "#8ec183";
-        readonly '700': "#aed2a6";
-        readonly '800': "#cde4c9";
-        readonly '900': "#edf5ec";
-    };
-    readonly yellow: {
-        readonly '50': "#433608";
-        readonly '100': "#5b4a0b";
-        readonly '200': "#9a7c11";
-        readonly '300': "#c69f16";
-        readonly '400': "#f1c21b";
-        readonly '500': "#f4cd44";
-        readonly '600': "#f6d86d";
-        readonly '700': "#f9e396";
-        readonly '800': "#fbeebf";
-        readonly '900': "#fef9e8";
-    };
-    readonly orange: {
-        readonly '50': "#45260e";
-        readonly '100': "#693c16";
-        readonly '200': "#9d5621";
-        readonly '300': "#c96e2a";
-        readonly '400': "#f58633";
-        readonly '500': "#f79c58";
-        readonly '600': "#f9b27c";
-        readonly '700': "#fac7a1";
-        readonly '800': "#fcddc6";
-        readonly '900': "#fef3eb";
-    };
-    readonly magenta: {
-        readonly '50': "#350e20";
-        readonly '100': "#581734";
-        readonly '200': "#7a2048";
-        readonly '300': "#9d295d";
-        readonly '400': "#bf3271";
-        readonly '500': "#cb578b";
-        readonly '600': "#d67ca4";
-        readonly '700': "#e2a1be";
-        readonly '800': "#edc6d7";
-        readonly '900': "#f9ebf1";
-    };
-    readonly warmPurple: {
-        readonly '50': "#220b30";
-        readonly '100': "#381350";
-        readonly '200': "#4e1a6f";
-        readonly '300': "#64228e";
-        readonly '400': "#7a29ad";
-        readonly '500': "#9250bc";
-        readonly '600': "#aa76cb";
-        readonly '700': "#c29dd9";
-        readonly '800': "#dac3e8";
-        readonly '900': "#f2eaf7";
-    };
-    readonly coolPurple: {
-        readonly '50': "#232740";
-        readonly '100': "#394069";
-        readonly '200': "#485084";
-        readonly '300': "#6773bb";
-        readonly '400': "#7d8ce4";
-        readonly '500': "#94a1e9";
-        readonly '600': "#acb5ee";
-        readonly '700': "#c3caf3";
-        readonly '800': "#dbdff7";
-        readonly '900': "#f2f4fc";
-    };
-};
-export type BaseColors = typeof baseColors;

package/dist/types/styleD/build/typescript/base/radius.d.ts

@@ -1,12 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export declare const baseRadius: {
-    readonly corner2Px: "2px";
-    readonly corner4Px: "4px";
-    readonly corner8Px: "8px";
-    readonly corner2Rem: "0.125rem";
-    readonly corner4Rem: "0.25rem";
-    readonly corner8Rem: "0.5rem";
-};
-export type BaseRadius = typeof baseRadius;

package/dist/types/styleD/build/typescript/base/sizing.d.ts

@@ -1,26 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export declare const baseSizing: {
-    readonly size1Px: "1px";
-    readonly size2Px: "2px";
-    readonly size8Px: "8px";
-    readonly size16Px: "16px";
-    readonly size18Px: "18px";
-    readonly size20Px: "20px";
-    readonly size24Px: "24px";
-    readonly size32Px: "32px";
-    readonly size40Px: "40px";
-    readonly size48Px: "48px";
-    readonly size1Rem: "0.0625rem";
-    readonly size2Rem: "0.125rem";
-    readonly size8Rem: "0.5rem";
-    readonly size16Rem: "1rem";
-    readonly size18Rem: "1.125rem";
-    readonly size20Rem: "1.25rem";
-    readonly size24Rem: "1.5rem";
-    readonly size32Rem: "2rem";
-    readonly size40Rem: "2.5rem";
-    readonly size48Rem: "3rem";
-};
-export type BaseSizing = typeof baseSizing;

package/dist/types/styleD/build/typescript/base/spacing.d.ts

@@ -1,40 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export declare const baseSpacing: {
-    readonly '2Px': "2px";
-    readonly '4Px': "4px";
-    readonly '6Px': "6px";
-    readonly '8Px': "8px";
-    readonly '10Px': "10px";
-    readonly '12Px': "12px";
-    readonly '16Px': "16px";
-    readonly '20Px': "20px";
-    readonly '24Px': "24px";
-    readonly '32Px': "32px";
-    readonly '36Px': "36px";
-    readonly '40Px': "40px";
-    readonly '48Px': "48px";
-    readonly '64Px': "64px";
-    readonly '72Px': "72px";
-    readonly '80Px': "80px";
-    readonly '96Px': "96px";
-    readonly '2Rem': "0.125rem";
-    readonly '4Rem': "0.25rem";
-    readonly '6Rem': "0.375rem";
-    readonly '8Rem': "0.5rem";
-    readonly '10Rem': "0.625rem";
-    readonly '12Rem': "0.75rem";
-    readonly '16Rem': "1rem";
-    readonly '20Rem': "1.25rem";
-    readonly '24Rem': "1.5rem";
-    readonly '32Rem': "2rem";
-    readonly '36Rem': "2.25rem";
-    readonly '40Rem': "2.5rem";
-    readonly '48Rem': "3rem";
-    readonly '64Rem': "4rem";
-    readonly '72Rem': "4.5rem";
-    readonly '80Rem': "5rem";
-    readonly '96Rem': "6rem";
-};
-export type BaseSpacing = typeof baseSpacing;

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

@@ -1,81 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export declare const baseTypography: {
-    readonly family: {
-        readonly openSans: "Open Sans";
-        readonly openSansCompact: "Open Sans";
-        readonly guardianTextEgyptian: "GuardianTextEgyptian";
-        readonly guardianHeadline: "GH Guardian Headline";
-    };
-    readonly size: {
-        readonly '12Px': "12px";
-        readonly '14Px': "14px";
-        readonly '16Px': "16px";
-        readonly '18Px': "18px";
-        readonly '20Px': "20px";
-        readonly '24Px': "24px";
-        readonly '28Px': "28px";
-        readonly '32Px': "32px";
-        readonly '36Px': "36px";
-        readonly '42Px': "42px";
-        readonly '48Px': "48px";
-        readonly '12Rem': "0.75rem";
-        readonly '14Rem': "0.875rem";
-        readonly '16Rem': "1rem";
-        readonly '18Rem': "1.125rem";
-        readonly '20Rem': "1.25rem";
-        readonly '24Rem': "1.5rem";
-        readonly '28Rem': "1.75rem";
-        readonly '32Rem': "2rem";
-        readonly '36Rem': "2.25rem";
-        readonly '42Rem': "2.625rem";
-        readonly '48Rem': "3rem";
-    };
-    readonly weight: {
-        readonly guardianHeadline: {
-            readonly bold: 700;
-        };
-        readonly guardianTextEgyptian: {
-            readonly normal: 400;
-            readonly bold: 700;
-        };
-        readonly openSans: {
-            readonly light: 340;
-            readonly normal: 460;
-            readonly semiBold: 600;
-            readonly bold: 700;
-        };
-        readonly openSansCompact: {
-            readonly light: 360;
-            readonly normal: 460;
-            readonly semiBold: 600;
-            readonly bold: 700;
-        };
-    };
-    readonly width: {
-        readonly openSans: 95;
-        readonly openSansCompact: 88;
-    };
-    readonly style: {
-        readonly normal: "normal";
-        readonly italic: "italic";
-    };
-    readonly lineHeight: {
-        readonly tight: 1.15;
-        readonly normal: 1.3;
-        readonly loose: 1.4;
-        readonly interactive: 1;
-    };
-    readonly letterSpacing: {
-        readonly densestPx: "-1px";
-        readonly denserPx: "-0.5px";
-        readonly densePx: "-0.2px";
-        readonly defaultPx: "0px";
-        readonly densestRem: "-0.0625rem";
-        readonly denserRem: "-0.03125rem";
-        readonly denseRem: "-0.0125rem";
-        readonly defaultRem: "0rem";
-    };
-};
-export type BaseTypography = typeof baseTypography;

package/dist/types/styleD/build/typescript/component/alertBanner.d.ts

@@ -1,48 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export declare const componentAlertBanner: {
-    shared: {
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        padding: {
-            top: string;
-            right: string;
-            bottom: string;
-            left: string;
-        };
-        width: string;
-        height: string;
-        content: {
-            display: string;
-            justifyContent: string;
-            gap: string;
-            flex: string;
-            height: string;
-            alignItems: string;
-            color: string;
-            typography: {
-                font: string;
-                letterSpacing: string;
-                fontWidth: number;
-            };
-            icon: {
-                color: string;
-            };
-        };
-    };
-    information: {
-        backgroundColor: string;
-    };
-    success: {
-        backgroundColor: string;
-    };
-    warning: {
-        backgroundColor: string;
-    };
-    error: {
-        backgroundColor: string;
-    };
-};
-export type ComponentAlertBanner = typeof componentAlertBanner;

package/dist/types/styleD/build/typescript/component/autocomplete.d.ts

@@ -1,32 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export declare const componentAutocomplete: {
-    input: {
-        color: string;
-        backgroundColor: string;
-        disabledBackgroundColor: string;
-        borderWidth: string;
-        borderStyle: string;
-        borderColor: string;
-        padding: string;
-    };
-    listbox: {
-        borderWidth: string;
-        borderStyle: string;
-        borderColor: string;
-        paddingY: string;
-        paddingX: string;
-        backgroundColor: string;
-        item: {
-            paddingY: string;
-            paddingX: string;
-            backgroundHoverColor: string;
-            backgroundFocusedColor: string;
-            color: string;
-            colorHover: string;
-            colorFocused: string;
-        };
-    };
-};
-export type ComponentAutocomplete = typeof componentAutocomplete;

package/dist/types/styleD/build/typescript/component/avatar.d.ts

@@ -1,171 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export declare const componentAvatar: {
-    shared: {
-        color: {
-            green: {
-                text: string;
-                background: string;
-                border: string;
-                hover: {
-                    background: string;
-                };
-                active: {
-                    background: string;
-                };
-            };
-            blue: {
-                text: string;
-                background: string;
-                border: string;
-                hover: {
-                    background: string;
-                };
-                active: {
-                    background: string;
-                };
-            };
-            red: {
-                text: string;
-                background: string;
-                border: string;
-                hover: {
-                    background: string;
-                };
-                active: {
-                    background: string;
-                };
-            };
-            cyan: {
-                text: string;
-                background: string;
-                border: string;
-                hover: {
-                    background: string;
-                };
-                active: {
-                    background: string;
-                };
-            };
-            teal: {
-                text: string;
-                background: string;
-                border: string;
-                hover: {
-                    background: string;
-                };
-                active: {
-                    background: string;
-                };
-            };
-            coolPurple: {
-                text: string;
-                background: string;
-                border: string;
-                hover: {
-                    background: string;
-                };
-                active: {
-                    background: string;
-                };
-            };
-            warmPurple: {
-                text: string;
-                background: string;
-                border: string;
-                hover: {
-                    background: string;
-                };
-                active: {
-                    background: string;
-                };
-            };
-            magenta: {
-                text: string;
-                background: string;
-                border: string;
-                hover: {
-                    background: string;
-                };
-                active: {
-                    background: string;
-                };
-            };
-            orange: {
-                text: string;
-                background: string;
-                border: string;
-                hover: {
-                    background: string;
-                };
-                active: {
-                    background: string;
-                };
-            };
-            yellow: {
-                text: string;
-                background: string;
-                border: string;
-                hover: {
-                    background: string;
-                };
-                active: {
-                    background: string;
-                };
-            };
-            outlined: {
-                text: string;
-                background: string;
-                border: string;
-                hover: {
-                    background: string;
-                };
-                active: {
-                    background: string;
-                };
-            };
-        };
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        overflow: string;
-        flexShrink: string;
-        borderRadius: string;
-        userSelect: string;
-        link: {
-            width: string;
-            focusVisible: {
-                outline: string;
-                outlineOffset: string;
-            };
-            textDecoration: string;
-        };
-        button: {
-            background: string;
-            border: string;
-            padding: string;
-            cursor: string;
-            disabled: {
-                cursor: string;
-            };
-        };
-    };
-    sm: {
-        size: string;
-        typography: {
-            font: string;
-            letterSpacing: string;
-            fontWidth: number;
-        };
-    };
-    md: {
-        size: string;
-        typography: {
-            font: string;
-            letterSpacing: string;
-            fontWidth: number;
-        };
-    };
-};
-export type ComponentAvatar = typeof componentAvatar;