@scania/tegel 1.26.0 → 1.27.0-toast-aria-live.0

package/dist/types/components.d.ts

@@ -268,6 +268,14 @@ export namespace Components {
           * Make the Checkbox required
          */
         "required": boolean;
+        /**
+          * Value to be used for the aria-describedby attribute
+         */
+        "tdsAriaDescribedby": string;
+        /**
+          * Value to be used for the aria-label attribute
+         */
+        "tdsAriaLabel": string;
         /**
           * Toggles the checked value of the component.
          */
@@ -298,6 +306,10 @@ export namespace Components {
           * Size of the Chip component
          */
         "size": 'sm' | 'lg';
+        /**
+          * Value to be used for the aria-label attribute
+         */
+        "tdsAriaLabel": string;
         /**
           * Type of Chip, depends on usage
          */
@@ -455,6 +467,10 @@ export namespace Components {
           * The size of the Dropdown.
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
+        /**
+          * Defines aria-label attribute for input
+         */
+        "tdsAriaLabel": string;
         /**
           * Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number.
          */
@@ -503,6 +519,14 @@ export namespace Components {
           * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex": number;
+        /**
+          * Defines aria-label on left scroll button
+         */
+        "tdsScrollLeftAriaLabel": string;
+        /**
+          * Defines aria-label on right scroll button
+         */
+        "tdsScrollRightAriaLabel": string;
     }
     interface TdsFooter {
         /**
@@ -680,6 +704,14 @@ export namespace Components {
           * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex": number;
+        /**
+          * Defines aria-label on left scroll button
+         */
+        "tdsScrollLeftAriaLabel": string;
+        /**
+          * Defines aria-label on right scroll button
+         */
+        "tdsScrollRightAriaLabel": string;
     }
     interface TdsLink {
         /**
@@ -712,6 +744,14 @@ export namespace Components {
           * Removes the icon in the Message.
          */
         "noIcon": boolean;
+        /**
+          * Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+         */
+        "tdsAlertDialog": 'alertdialog' | 'dialog';
+        /**
+          * Provides an accessible name for the message component when no header is present. This ensures proper screen reader support for dialog/alertdialog roles.
+         */
+        "tdsAriaLabel": string;
         /**
           * Variant of Message.
          */
@@ -766,6 +806,10 @@ export namespace Components {
           * Size of Modal
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
+        /**
+          * Role of the modal component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+         */
+        "tdsAlertDialog": 'alertdialog' | 'dialog';
     }
     interface TdsNavigationTab {
         /**
@@ -799,6 +843,14 @@ export namespace Components {
           * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex": number;
+        /**
+          * Defines aria-label on left scroll button
+         */
+        "tdsScrollLeftAriaLabel": string;
+        /**
+          * Defines aria-label on right scroll button
+         */
+        "tdsScrollRightAriaLabel": string;
     }
     interface TdsPopoverCanvas {
         /**
@@ -1389,7 +1441,7 @@ export namespace Components {
          */
         "placeholder": string;
         /**
-          * Set input in readonly state. Hides the suffix slot if true.
+          * Set input in readonly state
          */
         "readOnly": boolean;
         /**
@@ -1400,6 +1452,10 @@ export namespace Components {
           * Error state of input
          */
         "state": 'error' | 'success' | 'default';
+        /**
+          * Value to be used for the aria-label attribute. Can be used for announcing that readOnly prop is set to true.
+         */
+        "tdsAriaLabel": string;
         /**
           * Which input type, text, password or similar
          */
@@ -1426,6 +1482,10 @@ export namespace Components {
           * Helper text
          */
         "helper": string;
+        /**
+          * Hide the readonly icon
+         */
+        "hideReadOnlyIcon": boolean;
         /**
           * Label text
          */
@@ -1496,6 +1556,14 @@ export namespace Components {
           * Subheader text for the component.
          */
         "subheader": string;
+        /**
+          * ARIA live for the Toast.
+         */
+        "tdsAriaLive": 'polite' | 'assertive';
+        /**
+          * Provides an accessible name for the components close button
+         */
+        "tdsCloseAriaLabel": string;
         /**
           * ID for the Toast. Randomly generated if not specified.
          */
@@ -1580,6 +1648,10 @@ export namespace Components {
           * Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
          */
         "show": boolean;
+        /**
+          * Sets the aria-describedby attribute
+         */
+        "tdsAriaDescribedby": string;
         /**
           * In case Tooltip contains only text, no HTML, a text can be passed by this prop
          */
@@ -2988,6 +3060,14 @@ declare namespace LocalJSX {
           * Make the Checkbox required
          */
         "required"?: boolean;
+        /**
+          * Value to be used for the aria-describedby attribute
+         */
+        "tdsAriaDescribedby"?: string;
+        /**
+          * Value to be used for the aria-label attribute
+         */
+        "tdsAriaLabel"?: string;
         /**
           * Value for the Checkbox
          */
@@ -3028,6 +3108,10 @@ declare namespace LocalJSX {
           * Size of the Chip component
          */
         "size"?: 'sm' | 'lg';
+        /**
+          * Value to be used for the aria-label attribute
+         */
+        "tdsAriaLabel"?: string;
         /**
           * Type of Chip, depends on usage
          */
@@ -3200,6 +3284,10 @@ declare namespace LocalJSX {
           * The size of the Dropdown.
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
+        /**
+          * Defines aria-label attribute for input
+         */
+        "tdsAriaLabel"?: string;
         /**
           * Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number.
          */
@@ -3255,6 +3343,14 @@ declare namespace LocalJSX {
           * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex"?: number;
+        /**
+          * Defines aria-label on left scroll button
+         */
+        "tdsScrollLeftAriaLabel"?: string;
+        /**
+          * Defines aria-label on right scroll button
+         */
+        "tdsScrollRightAriaLabel"?: string;
     }
     interface TdsFooter {
         /**
@@ -3437,6 +3533,14 @@ declare namespace LocalJSX {
           * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex"?: number;
+        /**
+          * Defines aria-label on left scroll button
+         */
+        "tdsScrollLeftAriaLabel"?: string;
+        /**
+          * Defines aria-label on right scroll button
+         */
+        "tdsScrollRightAriaLabel"?: string;
     }
     interface TdsLink {
         /**
@@ -3469,6 +3573,14 @@ declare namespace LocalJSX {
           * Removes the icon in the Message.
          */
         "noIcon"?: boolean;
+        /**
+          * Role of the message component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+         */
+        "tdsAlertDialog"?: 'alertdialog' | 'dialog';
+        /**
+          * Provides an accessible name for the message component when no header is present. This ensures proper screen reader support for dialog/alertdialog roles.
+         */
+        "tdsAriaLabel"?: string;
         /**
           * Variant of Message.
          */
@@ -3511,6 +3623,10 @@ declare namespace LocalJSX {
           * Size of Modal
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
+        /**
+          * Role of the modal component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+         */
+        "tdsAlertDialog"?: 'alertdialog' | 'dialog';
     }
     interface TdsNavigationTab {
         /**
@@ -3541,6 +3657,14 @@ declare namespace LocalJSX {
           * Sets the selected Tab. If this is set, all Tab changes need to be handled by the user.
          */
         "selectedIndex"?: number;
+        /**
+          * Defines aria-label on left scroll button
+         */
+        "tdsScrollLeftAriaLabel"?: string;
+        /**
+          * Defines aria-label on right scroll button
+         */
+        "tdsScrollRightAriaLabel"?: string;
     }
     interface TdsPopoverCanvas {
         /**
@@ -4189,7 +4313,7 @@ declare namespace LocalJSX {
          */
         "placeholder"?: string;
         /**
-          * Set input in readonly state. Hides the suffix slot if true.
+          * Set input in readonly state
          */
         "readOnly"?: boolean;
         /**
@@ -4200,6 +4324,10 @@ declare namespace LocalJSX {
           * Error state of input
          */
         "state"?: 'error' | 'success' | 'default';
+        /**
+          * Value to be used for the aria-label attribute. Can be used for announcing that readOnly prop is set to true.
+         */
+        "tdsAriaLabel"?: string;
         /**
           * Which input type, text, password or similar
          */
@@ -4226,6 +4354,10 @@ declare namespace LocalJSX {
           * Helper text
          */
         "helper"?: string;
+        /**
+          * Hide the readonly icon
+         */
+        "hideReadOnlyIcon"?: boolean;
         /**
           * Label text
          */
@@ -4310,6 +4442,14 @@ declare namespace LocalJSX {
           * Subheader text for the component.
          */
         "subheader"?: string;
+        /**
+          * ARIA live for the Toast.
+         */
+        "tdsAriaLive"?: 'polite' | 'assertive';
+        /**
+          * Provides an accessible name for the components close button
+         */
+        "tdsCloseAriaLabel"?: string;
         /**
           * ID for the Toast. Randomly generated if not specified.
          */
@@ -4397,6 +4537,10 @@ declare namespace LocalJSX {
           * Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop.
          */
         "show"?: boolean;
+        /**
+          * Sets the aria-describedby attribute
+         */
+        "tdsAriaDescribedby"?: string;
         /**
           * In case Tooltip contains only text, no HTML, a text can be passed by this prop
          */

package/dist/types/types/Icons.d.ts

@@ -1 +1 @@
-export type IconNames = '24v_battery_inactive' | '24v_battery' | 'arrow_diagonal' | 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'audio_inactive' | 'back' | 'backward_inactive' | 'backward' | 'bento' | 'burger' | 'calendar_inactive' | 'calendar' | 'card' | 'cart' | 'charging_speed_inactive' | 'charging_speed' | 'charging_stopped' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'clock_inactive' | 'clock' | 'contact_inactive' | 'contact' | 'copy' | 'cross' | 'dashboard' | 'document_check' | 'document_doc' | 'document_eye' | 'document_pdf' | 'document_ppt' | 'document_tool' | 'document_wrong' | 'document_xls' | 'document' | 'dollar' | 'doner' | 'double_kebab' | 'download' | 'edit_inactive' | 'edit' | 'email' | 'error' | 'expand' | 'export_inactive' | 'export' | 'eye_inactive' | 'eye' | 'face_dissatisfied' | 'face_neutral' | 'face_satisfied' | 'filters_inactive' | 'filters' | 'flash' | 'folder' | 'forward_inactive' | 'fuel_gauge_inactive' | 'fuel_gauge' | 'global' | 'hatch_open_inactive' | 'heart_inactive' | 'heart' | 'heating_inactive_screen' | 'history_inactive' | 'history' | 'home_inactive' | 'home' | 'image_add' | 'image_inactive' | 'image_set' | 'image' | 'info' | 'insights' | 'kebab' | 'link_broken' | 'link' | 'lock_inactive' | 'lock' | 'maximize_fullscreen' | 'meatballs' | 'message_inactive' | 'message' | 'mileage_inactive' | 'mileage' | 'minimize_fullscreen' | 'minus' | 'notification_inactive' | 'notification' | 'pause_inactive' | 'pause' | 'phone_inactive' | 'phone' | 'pie_chart' | 'pin_inactive' | 'pin' | 'plus' | 'print_inactive' | 'print' | 'profile_inactive' | 'profile' | 'proportions_inactive' | 'proportions' | 'range_inactive' | 'range' | 'redirect' | 'refresh_inactive' | 'refresh' | 'reload_inactive' | 'reload' | 'report_inactive' | 'report' | 'save_inactive' | 'save' | 'search' | 'send_inactive' | 'send' | 'settings' | 'share' | 'skip_backwards' | 'skip_forward' | 'smartphone_inactive' | 'smartphone' | 'sorting' | 'speedometer_inactive' | 'speedometer' | 'star' | 'support' | 'target_inactive' | 'target' | 'text_inactive' | 'tick' | 'timer' | 'tool_inactive' | 'tool' | 'trailer' | 'trash_inactive' | 'trash' | 'truck' | 'upload' | 'wallet' | 'warning' | 'wifi_inactive' | 'wifi';
+export type IconNames = '24v_battery_inactive' | '24v_battery' | 'acceleration_inactive' | 'acceleration' | 'adblue_inactive' | 'adblue' | 'arrow_diagonal' | 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'audio_inactive' | 'audio' | 'award' | 'back' | 'backward_inactive' | 'backward' | 'bento' | 'bug_inactive' | 'bug' | 'burger' | 'bus_inactive' | 'bus' | 'calendar_inactive' | 'calendar' | 'camera_inactive' | 'camera' | 'card' | 'cart' | 'charging_complete' | 'charging_failed' | 'charging_speed_inactive' | 'charging_speed' | 'charging_stopped' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'clock_inactive' | 'clock' | 'contact_inactive' | 'contact' | 'cookie_inactive' | 'cookie' | 'coolant_level_inactive' | 'coolant_level' | 'copy' | 'cross' | 'cup_inactive' | 'cup' | 'dashboard' | 'department_inactive' | 'department' | 'departure_scheduling_inactive' | 'departure_scheduling' | 'diamond_inactive' | 'diamond' | 'document_check' | 'document_doc' | 'document_eye' | 'document_pdf' | 'document_plus_inactive' | 'document_plus' | 'document_ppt' | 'document_tool' | 'document_wrong' | 'document_xls' | 'document' | 'dollar' | 'doner' | 'double_kebab' | 'download' | 'driving_licence_inactive' | 'driving_licence' | 'drop_inactive' | 'drop' | 'edit_inactive' | 'edit' | 'email' | 'engine_inactive' | 'engine' | 'environment_inactive' | 'environment' | 'error' | 'exit' | 'expand_inactive' | 'expand' | 'export_inactive' | 'export' | 'eye_inactive' | 'eye' | 'face_dissatisfied' | 'face_neutral' | 'face_satisfied' | 'factory_inactive' | 'factory' | 'ferry_inactive' | 'ferry' | 'filters_inactive' | 'filters' | 'flash_inactive' | 'flash' | 'folder' | 'forward_inactive' | 'forward' | 'fuel_gauge_inactive' | 'fuel_gauge' | 'fuel_inactive' | 'fuel' | 'gift inactive' | 'gift' | 'global' | 'guided_tour_inactive' | 'guided_tour' | 'hatch_open_1' | 'hatch_open_2' | 'hatch_open_inactive' | 'hatch_open' | 'heart_inactive' | 'heart' | 'heating_inactive_screen' | 'history_inactive' | 'history' | 'home_inactive' | 'home' | 'idea_inactive' | 'idea' | 'image_add' | 'image_inactive' | 'image_set' | 'image' | 'info' | 'insights' | 'kebab' | 'key_inactive' | 'key' | 'layer_inactive' | 'layer' | 'link_broken' | 'link' | 'list_inactive' | 'list' | 'lock_inactive' | 'lock' | 'map_cursor_inactive' | 'map_cursor' | 'maximize_fullscreen' | 'meatballs' | 'merge_inactive' | 'merge' | 'message_inactive' | 'message' | 'mileage_inactive' | 'mileage' | 'minimize_fullscreen' | 'minus' | 'navigate_inactive' | 'navigate' | 'notification_inactive' | 'notification' | 'oil_level_inactive' | 'oil_level' | 'pause_inactive' | 'pause' | 'phone_inactive' | 'phone' | 'pie_chart' | 'pin_inactive' | 'pin' | 'placeholder' | 'play_inactive' | 'play' | 'plus' | 'powerplug_inactive' | 'powerplug' | 'print_inactive' | 'print' | 'privacy_inactive' | 'privacy' | 'profile_inactive' | 'profile' | 'proportions_inactive' | 'proportions' | 'range_inactive' | 'range' | 'redirect' | 'refresh_inactive' | 'refresh' | 'reload_inactive' | 'reload' | 'repeat' | 'report_inactive' | 'report' | 'route_inactive' | 'route' | 'save_inactive' | 'save' | 'search' | 'send_inactive' | 'send' | 'settings' | 'share' | 'skip_backwards' | 'skip_forward' | 'smartphone_inactive' | 'smartphone' | 'sorting' | 'speedometer_inactive' | 'speedometer' | 'star' | 'support' | 'target_inactive' | 'target' | 'temperature_inactive' | 'temperature' | 'text_inactive' | 'text' | 'thumbs_down' | 'thumbs_up' | 'tick' | 'timer' | 'tool_inactive' | 'tool' | 'trailer_inactive' | 'trailer' | 'trash_inactive' | 'trash' | 'truck_inactive' | 'truck' | 'undo_inactive' | 'undo' | 'unlock' | 'upload' | 'video_inactive' | 'video' | 'wallet' | 'warning' | 'weight_inactive' | 'weight' | 'wifi_inactive' | 'wifi' | 'windscreen_heating_inactive' | 'windscreen_heating';

package/dist/types/utils/axeHelpers.d.ts

@@ -1,2 +1 @@
-import type { Page } from '@playwright/test';
-export declare const tegelAnalyze: (page: Page) => Promise<import("axe-core").AxeResults>;
+export declare const tegelAnalyze: (page: any) => Promise<import("axe-core").AxeResults>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel",
-  "version": "1.26.0",
+  "version": "1.27.0-toast-aria-live.0",
   "description": "Tegel Design System",
   "type": "module",
   "keywords": [