@roadtrip/components 3.23.1 → 3.25.0

package/dist/types/components.d.ts

@@ -104,6 +104,36 @@ export namespace Components {
          */
         "value": string;
     }
+    interface RoadAsset {
+        /**
+          * Set the illustration to hidden, respectively `true`, to remove it from the accessibility tree.
+         */
+        "ariaHidden"?: string;
+        /**
+          * Specifies the label to use for accessibility. Defaults to the illustration name.
+         */
+        "ariaLabel"?: string;
+        /**
+          * A combination of both `name` and `src`. If a `src` url is detected it will set the `src` property. Otherwise it assumes it's a built-in named SVG and set the `name` property.
+         */
+        "asset"?: any;
+        /**
+          * If enabled, road-illustration will be loaded lazily when it's visible in the viewport. Default, `false`.
+         */
+        "lazy": boolean;
+        /**
+          * Specifies which illustration to use from the built-in set of illustrations.
+         */
+        "name"?: string;
+        /**
+          * When set to `false`, SVG content that is HTTP fetched will not be checked if the response SVG content has any `<script>` elements, or any attributes that start with `on`, such as `onclick`.
+         */
+        "sanitize": boolean;
+        /**
+          * Specifies the exact `src` of an SVG file to use.
+         */
+        "src"?: string;
+    }
     interface RoadAutocomplete {
         /**
           * List of autocomplete options
@@ -435,6 +465,14 @@ export namespace Components {
           * Aria label of the drawer
          */
         "ariaLabel"?: string;
+        /**
+          * Aria label of the drawer
+         */
+        "ariaLabelBack"?: string;
+        /**
+          * Aria label of the drawer
+         */
+        "ariaLabelClose"?: string;
         /**
           * Return to previous state of the drawer content
          */
@@ -1633,7 +1671,7 @@ export namespace Components {
          */
         "tooltipId": string;
         /**
-          * Controls how the tooltip is activated. Possible options include `click`, `hover`. Multiple options can be passed by separating them with a space. When manual is used, the tooltip must be activated programmatically.
+          * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`. Multiple options can be passed by separating them with a space. When manual is used, the tooltip must be activated programmatically.
          */
         "trigger": string;
     }
@@ -1817,6 +1855,12 @@ declare global {
         prototype: HTMLRoadAreaCodeElement;
         new (): HTMLRoadAreaCodeElement;
     };
+    interface HTMLRoadAssetElement extends Components.RoadAsset, HTMLStencilElement {
+    }
+    var HTMLRoadAssetElement: {
+        prototype: HTMLRoadAssetElement;
+        new (): HTMLRoadAssetElement;
+    };
     interface HTMLRoadAutocompleteElementEventMap {
         "roadselected": {
     value: string | undefined | null,
@@ -2774,6 +2818,7 @@ declare global {
         "road-accordion": HTMLRoadAccordionElement;
         "road-alert": HTMLRoadAlertElement;
         "road-area-code": HTMLRoadAreaCodeElement;
+        "road-asset": HTMLRoadAssetElement;
         "road-autocomplete": HTMLRoadAutocompleteElement;
         "road-avatar": HTMLRoadAvatarElement;
         "road-badge": HTMLRoadBadgeElement;
@@ -2954,6 +2999,36 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface RoadAsset {
+        /**
+          * Set the illustration to hidden, respectively `true`, to remove it from the accessibility tree.
+         */
+        "ariaHidden"?: string;
+        /**
+          * Specifies the label to use for accessibility. Defaults to the illustration name.
+         */
+        "ariaLabel"?: string;
+        /**
+          * A combination of both `name` and `src`. If a `src` url is detected it will set the `src` property. Otherwise it assumes it's a built-in named SVG and set the `name` property.
+         */
+        "asset"?: any;
+        /**
+          * If enabled, road-illustration will be loaded lazily when it's visible in the viewport. Default, `false`.
+         */
+        "lazy"?: boolean;
+        /**
+          * Specifies which illustration to use from the built-in set of illustrations.
+         */
+        "name"?: string;
+        /**
+          * When set to `false`, SVG content that is HTTP fetched will not be checked if the response SVG content has any `<script>` elements, or any attributes that start with `on`, such as `onclick`.
+         */
+        "sanitize"?: boolean;
+        /**
+          * Specifies the exact `src` of an SVG file to use.
+         */
+        "src"?: string;
+    }
     interface RoadAutocomplete {
         /**
           * Emitted the value and label of the option selected.
@@ -3348,6 +3423,14 @@ declare namespace LocalJSX {
           * Aria label of the drawer
          */
         "ariaLabel"?: string;
+        /**
+          * Aria label of the drawer
+         */
+        "ariaLabelBack"?: string;
+        /**
+          * Aria label of the drawer
+         */
+        "ariaLabelClose"?: string;
         /**
           * Show / hide back icon
          */
@@ -4645,7 +4728,7 @@ declare namespace LocalJSX {
          */
         "tooltipId"?: string;
         /**
-          * Controls how the tooltip is activated. Possible options include `click`, `hover`. Multiple options can be passed by separating them with a space. When manual is used, the tooltip must be activated programmatically.
+          * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`. Multiple options can be passed by separating them with a space. When manual is used, the tooltip must be activated programmatically.
          */
         "trigger"?: string;
     }
@@ -4653,6 +4736,7 @@ declare namespace LocalJSX {
         "road-accordion": RoadAccordion;
         "road-alert": RoadAlert;
         "road-area-code": RoadAreaCode;
+        "road-asset": RoadAsset;
         "road-autocomplete": RoadAutocomplete;
         "road-avatar": RoadAvatar;
         "road-badge": RoadBadge;
@@ -4731,6 +4815,7 @@ declare module "@stencil/core" {
             "road-accordion": LocalJSX.RoadAccordion & JSXBase.HTMLAttributes<HTMLRoadAccordionElement>;
             "road-alert": LocalJSX.RoadAlert & JSXBase.HTMLAttributes<HTMLRoadAlertElement>;
             "road-area-code": LocalJSX.RoadAreaCode & JSXBase.HTMLAttributes<HTMLRoadAreaCodeElement>;
+            "road-asset": LocalJSX.RoadAsset & JSXBase.HTMLAttributes<HTMLRoadAssetElement>;
             "road-autocomplete": LocalJSX.RoadAutocomplete & JSXBase.HTMLAttributes<HTMLRoadAutocompleteElement>;
             "road-avatar": LocalJSX.RoadAvatar & JSXBase.HTMLAttributes<HTMLRoadAvatarElement>;
             "road-badge": LocalJSX.RoadBadge & JSXBase.HTMLAttributes<HTMLRoadBadgeElement>;

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
 export { addIcons } from './components/icon/utils';
 export { addIllustrations } from './components/illustration/utils';
+export { addAssets } from './components/asset/utils';
 export { Components, JSX } from './components';