@guardian/stand 0.0.21 → 0.0.23

package/dist/types/components/topbar/topBarToolName/types.d.ts

@@ -1,8 +1,9 @@
+import type { LinkProps as RACLinkProps } from 'react-aria-components';
 import type { DefaultProps } from '../../../util/types';
 import type { FaviconProps } from '../../favicon/types';
 import type { IconProps } from '../../icon/types';
 import type { TopBarToolNameTheme } from './styles';
-export interface TopBarToolNameProps extends DefaultProps<TopBarToolNameTheme> {
+export interface TopBarToolNameProps extends DefaultProps<TopBarToolNameTheme, RACLinkProps['className']>, Omit<RACLinkProps, 'children'> {
     /**
      * Name of the tool to display
      */
@@ -19,4 +20,9 @@ export interface TopBarToolNameProps extends DefaultProps<TopBarToolNameTheme> {
      * Icon that represents the content type (optional)
      * */
     subsectionIcon?: IconProps['symbol'] | Exclude<IconProps['children'], string>;
+    /**
+     * Text to display on hover, labels the link
+     * e.g. 'Back to dashboard'
+     */
+    hoverText?: string;
 }

package/dist/types/fonts/material-symbols-types.d.ts

@@ -465,6 +465,8 @@ type MaterialSymbols = [
     'blender',
     'blind',
     'blinds',
+    'blinds_2',
+    'blinds_2_closed',
     'blinds_closed',
     'block',
     'blood_pressure',
@@ -485,6 +487,7 @@ type MaterialSymbols = [
     'body_fat',
     'body_system',
     'bolt',
+    'bolt_boost',
     'bomb',
     'book',
     'book_2',
@@ -694,6 +697,7 @@ type MaterialSymbols = [
     'chat_paste_go',
     'chat_paste_go_2',
     'check',
+    'check_alert',
     'check_box',
     'check_box_outline_blank',
     'check_circle',
@@ -777,6 +781,7 @@ type MaterialSymbols = [
     'code',
     'code_blocks',
     'code_off',
+    'code_xml',
     'coffee',
     'coffee_maker',
     'cognition',
@@ -1331,6 +1336,7 @@ type MaterialSymbols = [
     'find_replace',
     'fingerprint',
     'fingerprint_off',
+    'fire_check',
     'fire_extinguisher',
     'fire_hydrant',
     'fire_truck',
@@ -1341,7 +1347,6 @@ type MaterialSymbols = [
     'fit_page_width',
     'fit_screen',
     'fit_width',
-    'fitbit_raquetball',
     'fitness_center',
     'fitness_tracker',
     'fitness_trackers',
@@ -1413,6 +1418,7 @@ type MaterialSymbols = [
     'footprint',
     'for_you',
     'forest',
+    'fork_chart',
     'fork_left',
     'fork_right',
     'fork_spoon',
@@ -1456,6 +1462,7 @@ type MaterialSymbols = [
     'format_list_numbered_rtl',
     'format_overline',
     'format_paint',
+    'format_paint_off',
     'format_paragraph',
     'format_quote',
     'format_quote_off',
@@ -1535,6 +1542,7 @@ type MaterialSymbols = [
     'garage',
     'garage_check',
     'garage_door',
+    'garage_door_open',
     'garage_home',
     'garage_money',
     'garden_cart',
@@ -1582,12 +1590,14 @@ type MaterialSymbols = [
     'graph_7',
     'graph_8',
     'graphic_eq',
+    'graphic_eq_off',
     'grass',
     'grid_3x3',
     'grid_3x3_off',
     'grid_4x4',
     'grid_goldenratio',
     'grid_guides',
+    'grid_layout_side',
     'grid_off',
     'grid_on',
     'grid_view',
@@ -1711,6 +1721,7 @@ type MaterialSymbols = [
     'home_repair_service',
     'home_speaker',
     'home_storage',
+    'home_storage_gear',
     'home_work',
     'horizontal_align_center',
     'horizontal_align_left',
@@ -1921,12 +1932,14 @@ type MaterialSymbols = [
     'lift_to_talk',
     'light',
     'light_group',
+    'light_group_2',
     'light_mode',
     'light_off',
     'lightbulb',
     'lightbulb_2',
     'lightbulb_circle',
     'lightning_stand',
+    'lightstrip',
     'line_axis',
     'line_curve',
     'line_end',
@@ -2239,6 +2252,7 @@ type MaterialSymbols = [
     'moved_location',
     'movie',
     'movie_edit',
+    'movie_edit_off',
     'movie_info',
     'movie_off',
     'movie_speaker',
@@ -2915,6 +2929,7 @@ type MaterialSymbols = [
     'self_care',
     'self_improvement',
     'sell',
+    'sell_cloud',
     'send',
     'send_and_archive',
     'send_money',
@@ -2975,6 +2990,8 @@ type MaterialSymbols = [
     'settings_voice',
     'settop_component',
     'severe_cold',
+    'shades',
+    'shades_closed',
     'shadow',
     'shadow_add',
     'shadow_minus',
@@ -3035,6 +3052,7 @@ type MaterialSymbols = [
     'signal_cellular_alt',
     'signal_cellular_alt_1_bar',
     'signal_cellular_alt_2_bar',
+    'signal_cellular_alt_off',
     'signal_cellular_connected_no_internet_0_bar',
     'signal_cellular_connected_no_internet_4_bar',
     'signal_cellular_nodata',
@@ -3086,6 +3104,7 @@ type MaterialSymbols = [
     'snippet_folder',
     'snooze',
     'snowboarding',
+    'snowflake',
     'snowing',
     'snowing_heavy',
     'snowmobile',
@@ -3103,6 +3122,7 @@ type MaterialSymbols = [
     'sound_detection_glass_break',
     'sound_detection_loud_sound',
     'sound_sampler',
+    'soundbar',
     'soup_kitchen',
     'source_environment',
     'source_notes',
@@ -3113,11 +3133,13 @@ type MaterialSymbols = [
     'spa',
     'space_bar',
     'space_dashboard',
+    'space_dashboard_2',
     'spatial_audio',
     'spatial_audio_off',
     'spatial_speaker',
     'spatial_tracking',
     'speaker',
+    'speaker_2',
     'speaker_group',
     'speaker_notes',
     'speaker_notes_off',
@@ -3182,6 +3204,7 @@ type MaterialSymbols = [
     'sports_volleyball',
     'sprinkler',
     'sprint',
+    'sql',
     'square',
     'square_circle',
     'square_dot',
@@ -3270,6 +3293,7 @@ type MaterialSymbols = [
     'subtitles_off',
     'subway',
     'subway_walk',
+    'subwoofer',
     'summarize',
     'sunny',
     'sunny_snowing',
@@ -3294,8 +3318,10 @@ type MaterialSymbols = [
     'swipe_down',
     'swipe_down_alt',
     'swipe_left',
+    'swipe_left_2',
     'swipe_left_alt',
     'swipe_right',
+    'swipe_right_2',
     'swipe_right_alt',
     'swipe_up',
     'swipe_up_alt',
@@ -3309,6 +3335,7 @@ type MaterialSymbols = [
     'switch_account',
     'switch_camera',
     'switch_left',
+    'switch_off',
     'switch_right',
     'switch_video',
     'switches',
@@ -3378,7 +3405,9 @@ type MaterialSymbols = [
     'temple_hindu',
     'tenancy',
     'terminal',
+    'terminal_2',
     'text_ad',
+    'text_ad_off',
     'text_compare',
     'text_decrease',
     'text_fields',
@@ -3593,6 +3622,8 @@ type MaterialSymbols = [
     'user_attributes',
     'vaccines',
     'vacuum',
+    'vacuum_2',
+    'vacuum_2_on',
     'valve',
     'vape_free',
     'vaping_rooms',
@@ -3714,6 +3745,7 @@ type MaterialSymbols = [
     'water_damage',
     'water_do',
     'water_drop',
+    'water_drops',
     'water_ec',
     'water_full',
     'water_heater',
@@ -3808,7 +3840,6 @@ type MaterialSymbols = [
     'yard',
     'yoshoku',
     'your_trips',
-    'youtube_activity',
     'youtube_searched_for',
     'zone_person_alert',
     'zone_person_idle',

package/dist/types/index.d.ts

@@ -26,6 +26,10 @@ export { componentIcon } from './styleD/build/typescript/component/icon';
 export type { ComponentIcon } from './styleD/build/typescript/component/icon';
 export { componentFavicon } from './styleD/build/typescript/component/favicon';
 export type { ComponentFavicon } from './styleD/build/typescript/component/favicon';
+export { componentRadioGroup } from './styleD/build/typescript/component/radioGroup';
+export type { ComponentRadioGroup } from './styleD/build/typescript/component/radioGroup';
+export { componentCheckbox } from './styleD/build/typescript/component/checkbox';
+export type { ComponentCheckbox } from './styleD/build/typescript/component/checkbox';
 export { componentTextInput } from './styleD/build/typescript/component/textInput';
 export type { ComponentTextInput } from './styleD/build/typescript/component/textInput';
 export { componentInlineMessage } from './styleD/build/typescript/component/inlineMessage';

package/dist/types/radio-group.d.ts

@@ -0,0 +1,20 @@
+/**
+ * RadioGroup component entry point
+ *
+ * Peer dependencies required to use these components:
+ * - `@emotion/react`
+ * - `react`
+ * - `react-dom`
+ * - `react-aria-components`
+ * - `typescript`
+ *
+ * See the `peerDependencies` section of package.json for compatible versions.
+ *
+ * If you only need the built CSS (./component/radioGroup.css),
+ * you don't need to install these.
+ */
+export { Radio, RadioGroup } from './components/radio-group/RadioGroup';
+export type { RadioProps, RadioGroupProps, } from './components/radio-group/types';
+export type { RadioGroupTheme } from './components/radio-group/styles';
+export { componentRadioGroup } from './styleD/build/typescript/component/radioGroup';
+export type { ComponentRadioGroup } from './styleD/build/typescript/component/radioGroup';

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

@@ -33,11 +33,11 @@ export declare const baseTypography: {
         readonly '48-rem': "3rem";
     };
     readonly weight: {
-        readonly 'Guardian Text Egyptian': {
-            readonly normal: 400;
+        readonly 'Guardian Headline': {
             readonly bold: 700;
         };
-        readonly 'Guardian Headline': {
+        readonly 'Guardian Text Egyptian': {
+            readonly normal: 400;
             readonly bold: 700;
         };
         readonly 'Open Sans': {

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

@@ -117,6 +117,38 @@ export declare const componentTopBar: {
                 fontWidth: number;
             };
         };
+        link: {
+            textDecoration: string;
+            color: string;
+            position: string;
+            width: string;
+            height: string;
+        };
+        hoverLink: {
+            color: string;
+            paddingLeft: string;
+            paddingRight: string;
+            backgroundColor: string;
+            opacity: string;
+            typography: {
+                font: string;
+                letterSpacing: string;
+                fontWidth: number;
+            };
+            position: string;
+            width: string;
+            height: string;
+            hover: {
+                opacity: string;
+            };
+            pressed: {
+                backgroundColor: string;
+            };
+            focused: {
+                outline: string;
+                'outline-offset': string;
+            };
+        };
     };
 };
 export type ComponentTopBar = typeof componentTopBar;

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

@@ -0,0 +1,100 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const componentCheckbox: {
+    input: {
+        shared: {
+            display: string;
+            position: string;
+            gap: string;
+            'align-items': string;
+            color: string;
+            cursor: string;
+            indicator: {
+                display: string;
+                'align-items': string;
+                'justify-content': string;
+                'flex-shrink': number;
+                border: string;
+                'border-radius': string;
+                transition: string;
+                svg: {
+                    fill: string;
+                };
+                check: {
+                    width: string;
+                    height: string;
+                };
+                indeterminate: {
+                    width: string;
+                    height: string;
+                };
+                selected: {
+                    'background-color': string;
+                    border: string;
+                    svg: {
+                        fill: string;
+                    };
+                };
+                ':focus-visible': {
+                    outline: string;
+                    'outline-offset': string;
+                };
+                error: {
+                    'background-color': string;
+                    border: string;
+                };
+            };
+            label: {
+                'align-self': string;
+            };
+            disabled: {
+                color: string;
+                cursor: string;
+                indicator: {
+                    border: string;
+                    selected: {
+                        'background-color': string;
+                    };
+                };
+            };
+        };
+        sm: {
+            typography: {
+                font: string;
+                letterSpacing: string;
+                fontWidth: number;
+            };
+            indicator: {
+                size: string;
+            };
+        };
+        md: {
+            typography: {
+                font: string;
+                letterSpacing: string;
+                fontWidth: number;
+            };
+            indicator: {
+                size: string;
+            };
+        };
+    };
+    group: {
+        shared: {
+            display: string;
+            'flex-direction': string;
+        };
+        sm: {
+            gap: string;
+            'margin-top': string;
+            'margin-bottom': string;
+        };
+        md: {
+            gap: string;
+            'margin-top': string;
+            'margin-bottom': string;
+        };
+    };
+};
+export type ComponentCheckbox = typeof componentCheckbox;

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

@@ -8,6 +8,7 @@ export declare const componentInlineMessage: {
         'align-items': string;
         icon: {
             size: string;
+            'align-self': string;
         };
         typography: {
             font: string;

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

@@ -0,0 +1,85 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const componentRadioGroup: {
+    shared: {
+        marginTop: string;
+        marginBottom: string;
+        display: string;
+        flexDirection: string;
+        radio: {
+            color: string;
+            disabled: {
+                color: string;
+            };
+            display: string;
+            alignItems: string;
+            gap: string;
+        };
+        indicator: {
+            position: string;
+            after: {
+                position: string;
+                borderRadius: string;
+                inset: string;
+                scale: string;
+            };
+            borderRadius: string;
+            border: string;
+            focused: {
+                outline: string;
+                outlineOffset: string;
+            };
+            invalid: {
+                border: string;
+                after: {
+                    backgroundColor: string;
+                };
+            };
+            disabled: {
+                border: string;
+            };
+            selected: {
+                after: {
+                    backgroundColor: string;
+                    scale: string;
+                };
+                border: string;
+                invalid: {
+                    border: string;
+                };
+                disabled: {
+                    border: string;
+                    after: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+    };
+    sm: {
+        gap: string;
+        typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+        };
+        indicator: {
+            width: string;
+            height: string;
+        };
+    };
+    md: {
+        gap: string;
+        typography: {
+            font: string;
+            letterSpacing: string;
+            fontWidth: number;
+        };
+        indicator: {
+            width: string;
+            height: string;
+        };
+    };
+};
+export type ComponentRadioGroup = typeof componentRadioGroup;

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

@@ -11,6 +11,7 @@ export declare const semanticColors: {
         error: string;
         warning: string;
         success: string;
+        'success-inverse': string;
         information: string;
         disabled: string;
         green: string;
@@ -71,6 +72,7 @@ export declare const semanticColors: {
         'error-weak': string;
         'error-strong': string;
         'success-weak': string;
+        'success-strong': string;
     };
 };
 export type SemanticColors = typeof semanticColors;

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

@@ -3,6 +3,7 @@
  */
 export declare const semanticSizing: {
     height: {
+        xxxs: string;
         xxs: string;
         xs: string;
         sm: string;