@roadtrip/components 3.10.0 → 3.10.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.
Files changed (146) hide show
  1. package/dist/cjs/_commonjsHelpers-1fbbf0eb.js +23 -0
  2. package/dist/cjs/_commonjsHelpers-1fbbf0eb.js.map +1 -0
  3. package/dist/cjs/{focus-visible-a5d1ccf9.js → focus-visible-6771892b.js} +6 -20
  4. package/dist/cjs/focus-visible-6771892b.js.map +1 -0
  5. package/dist/cjs/index.cjs.js +2 -0
  6. package/dist/cjs/index.cjs.js.map +1 -1
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/cjs/{polyfill-c7a0fa22.js → polyfill-9453e116.js} +2 -2
  9. package/dist/cjs/{polyfill-c7a0fa22.js.map → polyfill-9453e116.js.map} +1 -1
  10. package/dist/cjs/road-accordion.cjs.entry.js +1 -1
  11. package/dist/cjs/road-area-code.cjs.entry.js +23 -2
  12. package/dist/cjs/road-area-code.cjs.entry.js.map +1 -1
  13. package/dist/cjs/road-badge_14.cjs.entry.js +5 -3
  14. package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
  15. package/dist/cjs/road-button-floating.cjs.entry.js +1 -1
  16. package/dist/cjs/road-checkbox.cjs.entry.js +1 -1
  17. package/dist/cjs/road-chip.cjs.entry.js +1 -1
  18. package/dist/cjs/road-global-navigation.cjs.entry.js +1 -1
  19. package/dist/cjs/road-illustration.cjs.entry.js +4 -71
  20. package/dist/cjs/road-illustration.cjs.entry.js.map +1 -1
  21. package/dist/cjs/road-navbar.cjs.entry.js +1 -1
  22. package/dist/cjs/road-phone-number-input.cjs.entry.js +1269 -5692
  23. package/dist/cjs/road-phone-number-input.cjs.entry.js.map +1 -1
  24. package/dist/cjs/road-radio.cjs.entry.js +1 -1
  25. package/dist/cjs/road-segmented-button-bar.cjs.entry.js +1 -1
  26. package/dist/cjs/road-switch.cjs.entry.js +1 -1
  27. package/dist/cjs/road-tab-bar.cjs.entry.js +1 -1
  28. package/dist/cjs/road-tag.cjs.entry.js +1 -1
  29. package/dist/cjs/road-toggle.cjs.entry.js +1 -1
  30. package/dist/cjs/roadtrip.cjs.js +1 -1
  31. package/dist/cjs/utils-5203d152.js +82 -0
  32. package/dist/cjs/utils-5203d152.js.map +1 -0
  33. package/dist/collection/collection-manifest.json +1 -1
  34. package/dist/collection/components/area-code/area-code.css +64 -40
  35. package/dist/collection/components/area-code/area-code.js +65 -4
  36. package/dist/collection/components/area-code/area-code.js.map +1 -1
  37. package/dist/collection/components/button/button.css +36 -1
  38. package/dist/collection/components/button/button.js +22 -1
  39. package/dist/collection/components/button/button.js.map +1 -1
  40. package/dist/collection/components/button/button.stories.js +13 -0
  41. package/dist/collection/components/phone-number-input/phone-number-input.css +0 -5
  42. package/dist/collection/components/phone-number-input/phone-number-input.js +128 -62
  43. package/dist/collection/components/phone-number-input/phone-number-input.js.map +1 -1
  44. package/dist/collection/components/phone-number-input/phone-number-input.stories.js +11 -5
  45. package/dist/collection/index.js +1 -0
  46. package/dist/collection/index.js.map +1 -1
  47. package/dist/esm/_commonjsHelpers-8a9f3b18.js +19 -0
  48. package/dist/esm/_commonjsHelpers-8a9f3b18.js.map +1 -0
  49. package/dist/esm/{focus-visible-0fc6119c.js → focus-visible-75a2ea2a.js} +3 -17
  50. package/dist/esm/focus-visible-75a2ea2a.js.map +1 -0
  51. package/dist/esm/index.js +1 -0
  52. package/dist/esm/index.js.map +1 -1
  53. package/dist/esm/loader.js +1 -1
  54. package/dist/esm/polyfill-ab80527b.js +7 -0
  55. package/dist/esm/{polyfill-2b159e86.js.map → polyfill-ab80527b.js.map} +1 -1
  56. package/dist/esm/road-accordion.entry.js +1 -1
  57. package/dist/esm/road-area-code.entry.js +23 -2
  58. package/dist/esm/road-area-code.entry.js.map +1 -1
  59. package/dist/esm/road-badge_14.entry.js +5 -3
  60. package/dist/esm/road-badge_14.entry.js.map +1 -1
  61. package/dist/esm/road-button-floating.entry.js +1 -1
  62. package/dist/esm/road-checkbox.entry.js +1 -1
  63. package/dist/esm/road-chip.entry.js +1 -1
  64. package/dist/esm/road-global-navigation.entry.js +1 -1
  65. package/dist/esm/road-illustration.entry.js +2 -69
  66. package/dist/esm/road-illustration.entry.js.map +1 -1
  67. package/dist/esm/road-navbar.entry.js +1 -1
  68. package/dist/esm/road-phone-number-input.entry.js +1269 -5692
  69. package/dist/esm/road-phone-number-input.entry.js.map +1 -1
  70. package/dist/esm/road-radio.entry.js +1 -1
  71. package/dist/esm/road-segmented-button-bar.entry.js +1 -1
  72. package/dist/esm/road-switch.entry.js +1 -1
  73. package/dist/esm/road-tab-bar.entry.js +1 -1
  74. package/dist/esm/road-tag.entry.js +1 -1
  75. package/dist/esm/road-toggle.entry.js +1 -1
  76. package/dist/esm/roadtrip.js +1 -1
  77. package/dist/esm/utils-ff713b72.js +77 -0
  78. package/dist/esm/utils-ff713b72.js.map +1 -0
  79. package/dist/html.html-data.json +18 -2
  80. package/dist/roadtrip/index.esm.js +1 -1
  81. package/dist/roadtrip/{p-f0e8feac.entry.js → p-093973f5.entry.js} +2 -2
  82. package/dist/roadtrip/{p-3237c0d8.entry.js → p-0bcf6d63.entry.js} +2 -2
  83. package/dist/roadtrip/{p-9077915a.entry.js → p-198f586b.entry.js} +2 -2
  84. package/dist/roadtrip/{p-c784a407.entry.js → p-439e1124.entry.js} +2 -2
  85. package/dist/roadtrip/{p-4b54f8e8.entry.js → p-4fd8c4db.entry.js} +2 -2
  86. package/dist/roadtrip/{p-10856fef.entry.js → p-564f4f31.entry.js} +2 -2
  87. package/dist/roadtrip/p-5f9e6c1c.entry.js +2 -0
  88. package/dist/roadtrip/p-5f9e6c1c.entry.js.map +1 -0
  89. package/dist/roadtrip/p-6598e293.entry.js +2 -0
  90. package/dist/roadtrip/p-6598e293.entry.js.map +1 -0
  91. package/dist/roadtrip/p-74980317.entry.js +2 -0
  92. package/dist/roadtrip/p-74980317.entry.js.map +1 -0
  93. package/dist/roadtrip/{p-c709f80e.entry.js → p-7c4b331c.entry.js} +2 -2
  94. package/dist/roadtrip/p-7d5dbd9a.js +2 -0
  95. package/dist/roadtrip/p-7d5dbd9a.js.map +1 -0
  96. package/dist/roadtrip/p-7ec2d494.js +2 -0
  97. package/dist/roadtrip/p-7ec2d494.js.map +1 -0
  98. package/dist/roadtrip/p-a484102a.entry.js +2 -0
  99. package/dist/roadtrip/p-a484102a.entry.js.map +1 -0
  100. package/dist/roadtrip/{p-7390ad20.entry.js → p-b5727aae.entry.js} +2 -2
  101. package/dist/roadtrip/p-c259efd7.js +2 -0
  102. package/dist/roadtrip/{p-4f31338d.js.map → p-c259efd7.js.map} +1 -1
  103. package/dist/roadtrip/{p-91070a4d.entry.js → p-c8e9807b.entry.js} +2 -2
  104. package/dist/roadtrip/p-e8c090a5.js +2 -0
  105. package/dist/roadtrip/{p-3f7c8122.entry.js → p-ebe3c26a.entry.js} +2 -2
  106. package/dist/roadtrip/{p-a1a25a51.entry.js → p-ee0196ea.entry.js} +2 -2
  107. package/dist/roadtrip/{p-c0c088c1.entry.js → p-f671758f.entry.js} +2 -2
  108. package/dist/roadtrip/roadtrip.css +1 -1
  109. package/dist/roadtrip/roadtrip.esm.js +1 -1
  110. package/dist/roadtrip/roadtrip.esm.js.map +1 -1
  111. package/dist/types/components/area-code/area-code.d.ts +4 -0
  112. package/dist/types/components/button/button.d.ts +5 -0
  113. package/dist/types/components/phone-number-input/phone-number-input.d.ts +21 -10
  114. package/dist/types/components.d.ts +33 -18
  115. package/dist/types/index.d.ts +1 -0
  116. package/hydrate/index.js +1379 -5773
  117. package/illustrations/illustrations.svg +1 -0
  118. package/illustrations/index.d.ts +11 -0
  119. package/illustrations/index.js +11 -0
  120. package/package.json +4 -2
  121. package/dist/cjs/focus-visible-a5d1ccf9.js.map +0 -1
  122. package/dist/esm/focus-visible-0fc6119c.js.map +0 -1
  123. package/dist/esm/polyfill-2b159e86.js +0 -7
  124. package/dist/roadtrip/p-0ffe42f9.entry.js +0 -2
  125. package/dist/roadtrip/p-0ffe42f9.entry.js.map +0 -1
  126. package/dist/roadtrip/p-12fd8791.js +0 -2
  127. package/dist/roadtrip/p-4f31338d.js +0 -2
  128. package/dist/roadtrip/p-6fb0d348.entry.js +0 -2
  129. package/dist/roadtrip/p-6fb0d348.entry.js.map +0 -1
  130. package/dist/roadtrip/p-80560610.entry.js +0 -2
  131. package/dist/roadtrip/p-80560610.entry.js.map +0 -1
  132. package/dist/roadtrip/p-c9a1dd14.entry.js +0 -2
  133. package/dist/roadtrip/p-c9a1dd14.entry.js.map +0 -1
  134. /package/dist/roadtrip/{p-f0e8feac.entry.js.map → p-093973f5.entry.js.map} +0 -0
  135. /package/dist/roadtrip/{p-3237c0d8.entry.js.map → p-0bcf6d63.entry.js.map} +0 -0
  136. /package/dist/roadtrip/{p-9077915a.entry.js.map → p-198f586b.entry.js.map} +0 -0
  137. /package/dist/roadtrip/{p-c784a407.entry.js.map → p-439e1124.entry.js.map} +0 -0
  138. /package/dist/roadtrip/{p-4b54f8e8.entry.js.map → p-4fd8c4db.entry.js.map} +0 -0
  139. /package/dist/roadtrip/{p-10856fef.entry.js.map → p-564f4f31.entry.js.map} +0 -0
  140. /package/dist/roadtrip/{p-c709f80e.entry.js.map → p-7c4b331c.entry.js.map} +0 -0
  141. /package/dist/roadtrip/{p-7390ad20.entry.js.map → p-b5727aae.entry.js.map} +0 -0
  142. /package/dist/roadtrip/{p-91070a4d.entry.js.map → p-c8e9807b.entry.js.map} +0 -0
  143. /package/dist/roadtrip/{p-12fd8791.js.map → p-e8c090a5.js.map} +0 -0
  144. /package/dist/roadtrip/{p-3f7c8122.entry.js.map → p-ebe3c26a.entry.js.map} +0 -0
  145. /package/dist/roadtrip/{p-a1a25a51.entry.js.map → p-ee0196ea.entry.js.map} +0 -0
  146. /package/dist/roadtrip/{p-c0c088c1.entry.js.map → p-f671758f.entry.js.map} +0 -0
@@ -6,22 +6,35 @@ type CountryType = {
6
6
  countryCode: string;
7
7
  phoneCode: string;
8
8
  };
9
+ interface PhoneReturnType {
10
+ phoneNumberType: string;
11
+ countryCode: string;
12
+ nationalNumber: string;
13
+ phoneCode: string;
14
+ internationalNumber: string;
15
+ }
9
16
  export declare class RoadPhoneNumberInput {
17
+ /**
18
+ * Emitt object data.
19
+ */
20
+ roadPhoneNumberInput: EventEmitter<{
21
+ isError: boolean;
22
+ phone: PhoneReturnType;
23
+ }>;
10
24
  el: HTMLRoadPhoneNumberInputElement;
11
25
  countryData: CountryType[];
12
26
  language: string;
13
27
  areaLabel: string;
28
+ areaValue: string;
14
29
  inputLabel: string;
30
+ inputValue: string;
15
31
  /**
16
32
  * If `true`, the user must fill in a value before submitting a form.
17
33
  */
18
34
  required: boolean;
19
- /**
20
- * Error message for the field
21
- */
22
- error?: string;
23
35
  selectedCountry: string;
24
36
  phoneNumber: string;
37
+ inputError: string;
25
38
  countryOptions: {
26
39
  value: string;
27
40
  label: string;
@@ -29,13 +42,11 @@ export declare class RoadPhoneNumberInput {
29
42
  }[];
30
43
  languageChanged(): void;
31
44
  updateCountryOptions(): void;
32
- getCountryOptions(): {
33
- value: string;
34
- label: string;
35
- selected: boolean;
36
- }[];
37
45
  componentWillLoad(): void;
38
- handleInput(event: Event): void;
46
+ getPhoneCountryCode(phoneCode: string): string;
47
+ handleSelect(event: any): void;
48
+ createReturnObject(): void;
49
+ handleInput(event: any): void;
39
50
  /**
40
51
  * Emitted the value and label of the option selected.
41
52
  */
@@ -49,20 +49,22 @@ export namespace Components {
49
49
  "url"?: string;
50
50
  }
51
51
  interface RoadAreaCode {
52
+ "areaValue"?: number;
52
53
  "autofocus": boolean;
53
54
  "disabled": boolean;
54
55
  "error"?: string;
55
56
  "label": string;
56
57
  "name": string;
57
58
  "options": Array<{
58
- value: string | number;
59
- label: string;
60
- selected?: boolean;
61
- }>;
59
+ value: string | number;
60
+ label: string;
61
+ selected?: boolean;
62
+ }>;
62
63
  "required": boolean;
63
64
  "selectId": string;
64
65
  "size": number;
65
66
  "sizes": 'lg' | 'xl';
67
+ "triggerRender": number;
66
68
  "value"?: any | null;
67
69
  }
68
70
  interface RoadAutocomplete {
@@ -137,6 +139,10 @@ export namespace Components {
137
139
  * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
138
140
  */
139
141
  "href"?: string;
142
+ /**
143
+ * If `true`, display only an icon in the button.
144
+ */
145
+ "iconOnly": boolean;
140
146
  /**
141
147
  * Set to `false` for a ghost button, set to `true` for a default outline button
142
148
  */
@@ -889,12 +895,10 @@ export namespace Components {
889
895
  }
890
896
  interface RoadPhoneNumberInput {
891
897
  "areaLabel": string;
898
+ "areaValue": string;
892
899
  "countryData": CountryType[];
893
- /**
894
- * Error message for the field
895
- */
896
- "error"?: string;
897
900
  "inputLabel": string;
901
+ "inputValue": string;
898
902
  "language": string;
899
903
  /**
900
904
  * If `true`, the user must fill in a value before submitting a form.
@@ -2295,6 +2299,7 @@ declare namespace LocalJSX {
2295
2299
  "url"?: string;
2296
2300
  }
2297
2301
  interface RoadAreaCode {
2302
+ "areaValue"?: number;
2298
2303
  "autofocus"?: boolean;
2299
2304
  "disabled"?: boolean;
2300
2305
  "error"?: string;
@@ -2305,21 +2310,22 @@ declare namespace LocalJSX {
2305
2310
  */
2306
2311
  "onRoadblur"?: (event: RoadAreaCodeCustomEvent<void>) => void;
2307
2312
  "onRoadchange"?: (event: RoadAreaCodeCustomEvent<{
2308
- value: string | undefined | null
2309
- }>) => void;
2313
+ value: string | undefined | null
2314
+ }>) => void;
2310
2315
  /**
2311
2316
  * Emitted when the select has focus.
2312
2317
  */
2313
2318
  "onRoadfocus"?: (event: RoadAreaCodeCustomEvent<void>) => void;
2314
2319
  "options"?: Array<{
2315
- value: string | number;
2316
- label: string;
2317
- selected?: boolean;
2318
- }>;
2320
+ value: string | number;
2321
+ label: string;
2322
+ selected?: boolean;
2323
+ }>;
2319
2324
  "required"?: boolean;
2320
2325
  "selectId"?: string;
2321
2326
  "size"?: number;
2322
2327
  "sizes"?: 'lg' | 'xl';
2328
+ "triggerRender"?: number;
2323
2329
  "value"?: any | null;
2324
2330
  }
2325
2331
  interface RoadAutocomplete {
@@ -2401,6 +2407,10 @@ declare namespace LocalJSX {
2401
2407
  * Contains a URL or a URL fragment that the hyperlink points to. If this property is set, an anchor tag will be rendered.
2402
2408
  */
2403
2409
  "href"?: string;
2410
+ /**
2411
+ * If `true`, display only an icon in the button.
2412
+ */
2413
+ "iconOnly"?: boolean;
2404
2414
  /**
2405
2415
  * Emitted when the button loses focus.
2406
2416
  */
@@ -3223,13 +3233,18 @@ declare namespace LocalJSX {
3223
3233
  }
3224
3234
  interface RoadPhoneNumberInput {
3225
3235
  "areaLabel"?: string;
3236
+ "areaValue"?: string;
3226
3237
  "countryData"?: CountryType[];
3227
- /**
3228
- * Error message for the field
3229
- */
3230
- "error"?: string;
3231
3238
  "inputLabel"?: string;
3239
+ "inputValue"?: string;
3232
3240
  "language"?: string;
3241
+ /**
3242
+ * Emitt object data.
3243
+ */
3244
+ "onRoadPhoneNumberInput"?: (event: RoadPhoneNumberInputCustomEvent<{
3245
+ isError: boolean;
3246
+ phone: PhoneReturnType;
3247
+ }>) => void;
3233
3248
  /**
3234
3249
  * Emitted the value and label of the option selected.
3235
3250
  */
@@ -1,2 +1,3 @@
1
1
  export { addIcons } from './components/icon/utils';
2
+ export { addIllustrations } from './components/illustration/utils';
2
3
  export { Components, JSX } from './components';