@scania/tegel 1.27.0 → 1.28.0

package/dist/types/components.d.ts

@@ -535,6 +535,10 @@ export namespace Components {
         "modeVariant": 'primary' | 'secondary';
     }
     interface TdsFooterGroup {
+        /**
+          * Value to be used for the aria-label attribute for the nav element wrapping the list. Should be unique for accessibility.
+         */
+        "tdsListAriaLabel": string;
         /**
           * Title text for the link group, only valid on top part of Footer.
          */
@@ -585,6 +589,10 @@ export namespace Components {
           * If the button that opens the dropdown should appear selected.
          */
         "selected": boolean;
+        /**
+          * Value to be used by the aria-label attribute
+         */
+        "tdsAriaLabel": string;
     }
     interface TdsHeaderDropdownList {
         /**
@@ -621,6 +629,10 @@ export namespace Components {
         "subheader": string;
     }
     interface TdsHeaderHamburger {
+        /**
+          * Value to be used by the aria-label attribute
+         */
+        "tdsAriaLabel": string;
     }
     interface TdsHeaderItem {
         /**
@@ -633,12 +645,20 @@ export namespace Components {
         "selected": boolean;
     }
     interface TdsHeaderLauncher {
+        /**
+          * Value to be used by the aria-label attribute of the launcher button
+         */
+        "tdsAriaLabel": string;
     }
     interface TdsHeaderLauncherButton {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
         "active": boolean;
+        /**
+          * Value to be used by the aria-label attribute
+         */
+        "tdsAriaLabel": string;
     }
     interface TdsHeaderLauncherGrid {
     }
@@ -671,6 +691,10 @@ export namespace Components {
           * Override the default title for the svg. Also used by aria-labelledby.
          */
         "svgTitle"?: string;
+        /**
+          * Set aria-hidden attribute on svg
+         */
+        "tdsAriaHidden": boolean;
     }
     interface TdsInlineTab {
         /**
@@ -806,6 +830,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 {
         /**
@@ -889,6 +917,10 @@ export namespace Components {
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
          */
         "show": boolean;
+        /**
+          * Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+         */
+        "tdsAlertDialog": 'alertdialog' | 'dialog';
     }
     interface TdsPopoverCore {
         /**
@@ -1009,6 +1041,14 @@ export namespace Components {
           * Decides if the Radio Button is required or not.
          */
         "required": boolean;
+        /**
+          * Provides an accessible name for the component
+         */
+        "tdsAriaLabel": string;
+        /**
+          * Provides a tabindex used when radio buttons are grouped
+         */
+        "tdsTabIndex": number;
         /**
           * Value of input.
          */
@@ -1197,8 +1237,13 @@ export namespace Components {
           * State of the Step
          */
         "state": 'current' | 'error' | 'success' | 'upcoming';
+        "tdsAriaCurrent": string;
     }
     interface TdsStepper {
+        /**
+          * Label for the stepper component, for screen reader users
+         */
+        "ariaLabel": string;
         /**
           * Hides the label for the child components if true.
          */
@@ -1400,6 +1445,10 @@ export namespace Components {
           * Helper text
          */
         "helper": string;
+        /**
+          * Hides the read-only icon in the Text Field. Requires Read Only to be enabled.
+         */
+        "hideReadOnlyIcon": boolean;
         /**
           * Label text
          */
@@ -1478,6 +1527,10 @@ export namespace Components {
           * Helper text
          */
         "helper": string;
+        /**
+          * Hide the readonly icon
+         */
+        "hideReadOnlyIcon": boolean;
         /**
           * Label text
          */
@@ -1518,6 +1571,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;
         /**
           * Value of the input text
          */
@@ -1548,6 +1605,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.
          */
@@ -3343,6 +3408,10 @@ declare namespace LocalJSX {
         "modeVariant"?: 'primary' | 'secondary';
     }
     interface TdsFooterGroup {
+        /**
+          * Value to be used for the aria-label attribute for the nav element wrapping the list. Should be unique for accessibility.
+         */
+        "tdsListAriaLabel"?: string;
         /**
           * Title text for the link group, only valid on top part of Footer.
          */
@@ -3401,6 +3470,10 @@ declare namespace LocalJSX {
           * If the button that opens the dropdown should appear selected.
          */
         "selected"?: boolean;
+        /**
+          * Value to be used by the aria-label attribute
+         */
+        "tdsAriaLabel"?: string;
     }
     interface TdsHeaderDropdownList {
         /**
@@ -3437,6 +3510,10 @@ declare namespace LocalJSX {
         "subheader"?: string;
     }
     interface TdsHeaderHamburger {
+        /**
+          * Value to be used by the aria-label attribute
+         */
+        "tdsAriaLabel"?: string;
     }
     interface TdsHeaderItem {
         /**
@@ -3449,12 +3526,20 @@ declare namespace LocalJSX {
         "selected"?: boolean;
     }
     interface TdsHeaderLauncher {
+        /**
+          * Value to be used by the aria-label attribute of the launcher button
+         */
+        "tdsAriaLabel"?: string;
     }
     interface TdsHeaderLauncherButton {
         /**
           * If the button should appear active. Can be used when the button is triggering a dropdown, and the dropdown is open, for example.
          */
         "active"?: boolean;
+        /**
+          * Value to be used by the aria-label attribute
+         */
+        "tdsAriaLabel"?: string;
     }
     interface TdsHeaderLauncherGrid {
     }
@@ -3487,6 +3572,10 @@ declare namespace LocalJSX {
           * Override the default title for the svg. Also used by aria-labelledby.
          */
         "svgTitle"?: string;
+        /**
+          * Set aria-hidden attribute on svg
+         */
+        "tdsAriaHidden"?: boolean;
     }
     interface TdsInlineTab {
         /**
@@ -3607,6 +3696,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 {
         /**
@@ -3683,6 +3776,10 @@ declare namespace LocalJSX {
           * Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it. Takes precedence over `defaultShow` prop.
          */
         "show"?: boolean;
+        /**
+          * Role of the popover canvas component. Can be either 'alertdialog' for important messages that require immediate attention, or 'dialog' for regular messages.
+         */
+        "tdsAlertDialog"?: 'alertdialog' | 'dialog';
     }
     interface TdsPopoverCore {
         /**
@@ -3802,6 +3899,14 @@ declare namespace LocalJSX {
           * Decides if the Radio Button is required or not.
          */
         "required"?: boolean;
+        /**
+          * Provides an accessible name for the component
+         */
+        "tdsAriaLabel"?: string;
+        /**
+          * Provides a tabindex used when radio buttons are grouped
+         */
+        "tdsTabIndex"?: number;
         /**
           * Value of input.
          */
@@ -4006,8 +4111,13 @@ declare namespace LocalJSX {
           * State of the Step
          */
         "state"?: 'current' | 'error' | 'success' | 'upcoming';
+        "tdsAriaCurrent"?: string;
     }
     interface TdsStepper {
+        /**
+          * Label for the stepper component, for screen reader users
+         */
+        "ariaLabel"?: string;
         /**
           * Hides the label for the child components if true.
          */
@@ -4240,6 +4350,10 @@ declare namespace LocalJSX {
           * Helper text
          */
         "helper"?: string;
+        /**
+          * Hides the read-only icon in the Text Field. Requires Read Only to be enabled.
+         */
+        "hideReadOnlyIcon"?: boolean;
         /**
           * Label text
          */
@@ -4334,6 +4448,10 @@ declare namespace LocalJSX {
           * Helper text
          */
         "helper"?: string;
+        /**
+          * Hide the readonly icon
+         */
+        "hideReadOnlyIcon"?: boolean;
         /**
           * Label text
          */
@@ -4390,6 +4508,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;
         /**
           * Value of the input text
          */
@@ -4418,6 +4540,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.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel",
-  "version": "1.27.0",
+  "version": "1.28.0",
   "description": "Tegel Design System",
   "type": "module",
   "keywords": [