@roadtrip/components 3.41.2 → 3.42.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +1612 -12
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/cjs/road-card.cjs.entry.js +46 -16
- package/dist/cjs/road-card.cjs.entry.js.map +1 -1
- package/dist/cjs/road-navbar-v2.cjs.entry.js.map +1 -1
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/components/button/button.css +76 -5
- package/dist/collection/components/button/button.js +26 -1
- package/dist/collection/components/button/button.js.map +1 -1
- package/dist/collection/components/button/button.stories.js +67 -0
- package/dist/collection/components/card/card.css +58 -11
- package/dist/collection/components/card/card.js +90 -20
- package/dist/collection/components/card/card.js.map +1 -1
- package/dist/collection/components/card/card.stories.js +330 -75
- package/dist/collection/components/drawer/drawer.js +31 -10
- package/dist/collection/components/drawer/drawer.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-badge_14.entry.js +1612 -12
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/esm/road-card.entry.js +46 -16
- package/dist/esm/road-card.entry.js.map +1 -1
- package/dist/esm/road-navbar-v2.entry.js.map +1 -1
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +12 -0
- package/dist/roadtrip/p-d89d49b2.entry.js +2 -0
- package/dist/roadtrip/p-d89d49b2.entry.js.map +1 -0
- package/dist/roadtrip/p-f46b6488.entry.js +18 -0
- package/dist/roadtrip/p-f46b6488.entry.js.map +1 -0
- package/dist/roadtrip/p-fdcebcc3.entry.js.map +1 -1
- package/dist/roadtrip/roadtrip.css +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/roadtrip.esm.js.map +1 -1
- package/dist/types/components/button/button.d.ts +4 -0
- package/dist/types/components/card/card.d.ts +15 -5
- package/dist/types/components/drawer/drawer.d.ts +9 -4
- package/dist/types/components.d.ts +28 -4
- package/hydrate/index.js +1663 -29
- package/hydrate/index.mjs +1663 -29
- package/package.json +2 -1
- package/dist/roadtrip/p-36f8563a.entry.js +0 -2
- package/dist/roadtrip/p-36f8563a.entry.js.map +0 -1
- package/dist/roadtrip/p-d8dd3342.entry.js +0 -10
- package/dist/roadtrip/p-d8dd3342.entry.js.map +0 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
import { FocusTrap } from 'focus-trap';
|
|
2
3
|
/**
|
|
3
4
|
* @slot - Content of the drawer.
|
|
4
5
|
* @slot title - replace the title with a custom title section when `'drawerTitle'` is not set
|
|
@@ -18,8 +19,8 @@ export declare class Drawer {
|
|
|
18
19
|
*/
|
|
19
20
|
isOpen: boolean;
|
|
20
21
|
/**
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
* Set removePadding property to true to remove padding for drawer body
|
|
23
|
+
*/
|
|
23
24
|
removePadding: boolean;
|
|
24
25
|
/**
|
|
25
26
|
* position of the drawer. e.g. left, right, bottom
|
|
@@ -73,6 +74,10 @@ export declare class Drawer {
|
|
|
73
74
|
* Indicate when return to previous state of the drawer content
|
|
74
75
|
*/
|
|
75
76
|
onBack: EventEmitter<void>;
|
|
77
|
+
/**
|
|
78
|
+
* Focus trap state
|
|
79
|
+
*/
|
|
80
|
+
focusTrap?: FocusTrap;
|
|
76
81
|
/**
|
|
77
82
|
* Open the drawer
|
|
78
83
|
*/
|
|
@@ -87,9 +92,9 @@ export declare class Drawer {
|
|
|
87
92
|
back(): Promise<void>;
|
|
88
93
|
handleOpen(openValue: boolean): void;
|
|
89
94
|
/**
|
|
90
|
-
* Find and focus the first
|
|
95
|
+
* Find and focus the first element in the drawer
|
|
91
96
|
*/
|
|
92
|
-
private
|
|
97
|
+
private focusFirstElement;
|
|
93
98
|
/**
|
|
94
99
|
* Close the dialog when clicking on the cross or layer
|
|
95
100
|
*/
|
|
@@ -292,6 +292,10 @@ export namespace Components {
|
|
|
292
292
|
* @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
|
|
293
293
|
*/
|
|
294
294
|
"icon-only"?: boolean;
|
|
295
|
+
/**
|
|
296
|
+
* If `true`, the button will use inverse colors (when in headers or dark backgrounds).
|
|
297
|
+
*/
|
|
298
|
+
"inverse": boolean;
|
|
295
299
|
/**
|
|
296
300
|
* Set to `false` for a ghost button, set to `true` for a default outline button
|
|
297
301
|
*/
|
|
@@ -332,6 +336,10 @@ export namespace Components {
|
|
|
332
336
|
* If `true`, a button tag will be rendered and the card will be tappable.
|
|
333
337
|
*/
|
|
334
338
|
"button": boolean;
|
|
339
|
+
/**
|
|
340
|
+
* If `true`, the card is disabled and cannot be clicked. Only applies when in button mode (button=true and no href).
|
|
341
|
+
*/
|
|
342
|
+
"disabled": boolean;
|
|
335
343
|
/**
|
|
336
344
|
* This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want).
|
|
337
345
|
*/
|
|
@@ -339,7 +347,7 @@ export namespace Components {
|
|
|
339
347
|
/**
|
|
340
348
|
* The elevation.
|
|
341
349
|
*/
|
|
342
|
-
"elevation"?:
|
|
350
|
+
"elevation"?: "none" | "lowest" | "average";
|
|
343
351
|
/**
|
|
344
352
|
* Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
|
|
345
353
|
*/
|
|
@@ -348,6 +356,10 @@ export namespace Components {
|
|
|
348
356
|
* Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
|
|
349
357
|
*/
|
|
350
358
|
"rel"?: string;
|
|
359
|
+
/**
|
|
360
|
+
* If `true`, the card has the `selected` state and the `selected` class is applied on the host. Toggled automatically when the card is clicked (when clickable).
|
|
361
|
+
*/
|
|
362
|
+
"selected": boolean;
|
|
351
363
|
/**
|
|
352
364
|
* Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
|
|
353
365
|
*/
|
|
@@ -355,7 +367,7 @@ export namespace Components {
|
|
|
355
367
|
/**
|
|
356
368
|
* The type of the button. Only used when an `onclick` or `button` property is present.
|
|
357
369
|
*/
|
|
358
|
-
"type":
|
|
370
|
+
"type": "submit" | "reset" | "button";
|
|
359
371
|
/**
|
|
360
372
|
* value of the card
|
|
361
373
|
*/
|
|
@@ -3858,6 +3870,10 @@ declare namespace LocalJSX {
|
|
|
3858
3870
|
* @deprecated use camelCase instead. Support for dash-casing will be removed in Stencil v5.
|
|
3859
3871
|
*/
|
|
3860
3872
|
"icon-only"?: boolean;
|
|
3873
|
+
/**
|
|
3874
|
+
* If `true`, the button will use inverse colors (when in headers or dark backgrounds).
|
|
3875
|
+
*/
|
|
3876
|
+
"inverse"?: boolean;
|
|
3861
3877
|
/**
|
|
3862
3878
|
* Emitted when the button loses focus.
|
|
3863
3879
|
*/
|
|
@@ -3914,6 +3930,10 @@ declare namespace LocalJSX {
|
|
|
3914
3930
|
* If `true`, a button tag will be rendered and the card will be tappable.
|
|
3915
3931
|
*/
|
|
3916
3932
|
"button"?: boolean;
|
|
3933
|
+
/**
|
|
3934
|
+
* If `true`, the card is disabled and cannot be clicked. Only applies when in button mode (button=true and no href).
|
|
3935
|
+
*/
|
|
3936
|
+
"disabled"?: boolean;
|
|
3917
3937
|
/**
|
|
3918
3938
|
* This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want).
|
|
3919
3939
|
*/
|
|
@@ -3921,7 +3941,7 @@ declare namespace LocalJSX {
|
|
|
3921
3941
|
/**
|
|
3922
3942
|
* The elevation.
|
|
3923
3943
|
*/
|
|
3924
|
-
"elevation"?:
|
|
3944
|
+
"elevation"?: "none" | "lowest" | "average";
|
|
3925
3945
|
/**
|
|
3926
3946
|
* Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
|
|
3927
3947
|
*/
|
|
@@ -3937,6 +3957,10 @@ declare namespace LocalJSX {
|
|
|
3937
3957
|
* Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
|
|
3938
3958
|
*/
|
|
3939
3959
|
"rel"?: string;
|
|
3960
|
+
/**
|
|
3961
|
+
* If `true`, the card has the `selected` state and the `selected` class is applied on the host. Toggled automatically when the card is clicked (when clickable).
|
|
3962
|
+
*/
|
|
3963
|
+
"selected"?: boolean;
|
|
3940
3964
|
/**
|
|
3941
3965
|
* Specifies where to display the linked URL. Only applies when an `href` is provided. Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
|
|
3942
3966
|
*/
|
|
@@ -3944,7 +3968,7 @@ declare namespace LocalJSX {
|
|
|
3944
3968
|
/**
|
|
3945
3969
|
* The type of the button. Only used when an `onclick` or `button` property is present.
|
|
3946
3970
|
*/
|
|
3947
|
-
"type"?:
|
|
3971
|
+
"type"?: "submit" | "reset" | "button";
|
|
3948
3972
|
/**
|
|
3949
3973
|
* value of the card
|
|
3950
3974
|
*/
|