@urbicon-ui/blocks 6.9.0 → 6.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 (6) hide show
  1. package/dist/primitives/JourneyTimeline/JourneyTimeline.svelte +178 -95
  2. package/dist/primitives/JourneyTimeline/index.d.ts +71 -36
  3. package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts +174 -27
  4. package/dist/primitives/JourneyTimeline/journey-timeline.variants.js +223 -69
  5. package/dist/primitives/Tab/tab.variants.d.ts +8 -8
  6. package/package.json +3 -3
package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts CHANGED
@@ -3,43 +3,65 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
3
3
  orientation: {
4
4
  vertical: {
5
5
  rail: string;
6
+ node: string;
7
+ markerColumn: string;
8
+ connector: string;
9
+ segment: string;
6
10
  };
7
11
  horizontal: {
8
12
  base: string;
9
13
  rail: string;
10
14
  node: string;
15
+ metaColumn: string;
16
+ markerColumn: string;
11
17
  trigger: string;
18
+ connector: string;
19
+ segment: string;
20
+ panel: string;
12
21
  };
13
22
  };
14
23
  size: {
15
24
  sm: {
25
+ meta: string;
16
26
  marker: string;
17
- connectorColumn: string;
18
- trigger: string;
27
+ node: string;
28
+ card: string;
19
29
  title: string;
20
30
  subtitle: string;
31
+ segment: string;
32
+ content: string;
21
33
  detailContent: string;
34
+ panel: string;
22
35
  };
23
36
  md: {
37
+ meta: string;
24
38
  marker: string;
25
- connectorColumn: string;
26
- trigger: string;
39
+ node: string;
40
+ card: string;
27
41
  title: string;
28
42
  subtitle: string;
43
+ segment: string;
44
+ content: string;
29
45
  detailContent: string;
46
+ panel: string;
30
47
  };
31
48
  lg: {
49
+ meta: string;
32
50
  marker: string;
33
- connectorColumn: string;
34
- trigger: string;
51
+ node: string;
52
+ card: string;
35
53
  title: string;
36
54
  subtitle: string;
55
+ segment: string;
56
+ content: string;
37
57
  detailContent: string;
58
+ panel: string;
38
59
  };
39
60
  };
40
61
  status: {
41
62
  complete: {
42
63
  marker: string;
64
+ title: string;
43
65
  };
44
66
  active: {
45
67
  marker: string;
@@ -47,6 +69,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
47
69
  };
48
70
  pending: {
49
71
  marker: string;
72
+ title: string;
50
73
  };
51
74
  blocked: {
52
75
  marker: string;
@@ -59,7 +82,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
59
82
  };
60
83
  focused: {
61
84
  true: {
62
- trigger: string;
85
+ meta: string;
63
86
  title: string;
64
87
  };
65
88
  false: {};
@@ -72,12 +95,35 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
72
95
  trigger: string;
73
96
  };
74
97
  };
75
- connectorComplete: {
98
+ travelled: {
76
99
  true: {
77
100
  connector: string;
78
101
  };
79
102
  false: {};
80
103
  };
104
+ connectorStyle: {
105
+ solid: {
106
+ connector: string;
107
+ };
108
+ dashed: {
109
+ connector: string;
110
+ };
111
+ dotted: {
112
+ connector: string;
113
+ };
114
+ };
115
+ detail: {
116
+ inline: {};
117
+ panel: {};
118
+ };
119
+ withMeta: {
120
+ true: {
121
+ node: string;
122
+ };
123
+ false: {
124
+ node: string;
125
+ };
126
+ };
81
127
  }> | undefined) => {
82
128
  base: (props?: ({
83
129
  orientation?: "horizontal" | "vertical" | undefined;
@@ -85,7 +131,10 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
85
131
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
86
132
  focused?: boolean | undefined;
87
133
  interactive?: boolean | undefined;
88
- connectorComplete?: boolean | undefined;
134
+ travelled?: boolean | undefined;
135
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
136
+ detail?: "inline" | "panel" | undefined;
137
+ withMeta?: boolean | undefined;
89
138
  } & {
90
139
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
91
140
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -96,7 +145,10 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
96
145
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
97
146
  focused?: boolean | undefined;
98
147
  interactive?: boolean | undefined;
99
- connectorComplete?: boolean | undefined;
148
+ travelled?: boolean | undefined;
149
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
150
+ detail?: "inline" | "panel" | undefined;
151
+ withMeta?: boolean | undefined;
100
152
  } & {
101
153
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
102
154
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -107,40 +159,66 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
107
159
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
108
160
  focused?: boolean | undefined;
109
161
  interactive?: boolean | undefined;
110
- connectorComplete?: boolean | undefined;
162
+ travelled?: boolean | undefined;
163
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
164
+ detail?: "inline" | "panel" | undefined;
165
+ withMeta?: boolean | undefined;
111
166
  } & {
112
167
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
113
168
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
114
169
  }) | undefined) => string;
115
- trigger: (props?: ({
170
+ metaColumn: (props?: ({
116
171
  orientation?: "horizontal" | "vertical" | undefined;
117
172
  size?: "sm" | "md" | "lg" | undefined;
118
173
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
119
174
  focused?: boolean | undefined;
120
175
  interactive?: boolean | undefined;
121
- connectorComplete?: boolean | undefined;
176
+ travelled?: boolean | undefined;
177
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
178
+ detail?: "inline" | "panel" | undefined;
179
+ withMeta?: boolean | undefined;
122
180
  } & {
123
181
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
124
182
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
125
183
  }) | undefined) => string;
126
- marker: (props?: ({
184
+ meta: (props?: ({
127
185
  orientation?: "horizontal" | "vertical" | undefined;
128
186
  size?: "sm" | "md" | "lg" | undefined;
129
187
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
130
188
  focused?: boolean | undefined;
131
189
  interactive?: boolean | undefined;
132
- connectorComplete?: boolean | undefined;
190
+ travelled?: boolean | undefined;
191
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
192
+ detail?: "inline" | "panel" | undefined;
193
+ withMeta?: boolean | undefined;
133
194
  } & {
134
195
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
135
196
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
136
197
  }) | undefined) => string;
137
- connectorColumn: (props?: ({
198
+ markerColumn: (props?: ({
138
199
  orientation?: "horizontal" | "vertical" | undefined;
139
200
  size?: "sm" | "md" | "lg" | undefined;
140
201
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
141
202
  focused?: boolean | undefined;
142
203
  interactive?: boolean | undefined;
143
- connectorComplete?: boolean | undefined;
204
+ travelled?: boolean | undefined;
205
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
206
+ detail?: "inline" | "panel" | undefined;
207
+ withMeta?: boolean | undefined;
208
+ } & {
209
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
210
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
211
+ }) | undefined) => string;
212
+ marker: (props?: ({
213
+ orientation?: "horizontal" | "vertical" | undefined;
214
+ size?: "sm" | "md" | "lg" | undefined;
215
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
216
+ focused?: boolean | undefined;
217
+ interactive?: boolean | undefined;
218
+ travelled?: boolean | undefined;
219
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
220
+ detail?: "inline" | "panel" | undefined;
221
+ withMeta?: boolean | undefined;
144
222
  } & {
145
223
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
146
224
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -151,7 +229,52 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
151
229
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
152
230
  focused?: boolean | undefined;
153
231
  interactive?: boolean | undefined;
154
- connectorComplete?: boolean | undefined;
232
+ travelled?: boolean | undefined;
233
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
234
+ detail?: "inline" | "panel" | undefined;
235
+ withMeta?: boolean | undefined;
236
+ } & {
237
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
238
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
239
+ }) | undefined) => string;
240
+ content: (props?: ({
241
+ orientation?: "horizontal" | "vertical" | undefined;
242
+ size?: "sm" | "md" | "lg" | undefined;
243
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
244
+ focused?: boolean | undefined;
245
+ interactive?: boolean | undefined;
246
+ travelled?: boolean | undefined;
247
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
248
+ detail?: "inline" | "panel" | undefined;
249
+ withMeta?: boolean | undefined;
250
+ } & {
251
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
252
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
253
+ }) | undefined) => string;
254
+ card: (props?: ({
255
+ orientation?: "horizontal" | "vertical" | undefined;
256
+ size?: "sm" | "md" | "lg" | undefined;
257
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
258
+ focused?: boolean | undefined;
259
+ interactive?: boolean | undefined;
260
+ travelled?: boolean | undefined;
261
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
262
+ detail?: "inline" | "panel" | undefined;
263
+ withMeta?: boolean | undefined;
264
+ } & {
265
+ class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
266
+ className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
267
+ }) | undefined) => string;
268
+ trigger: (props?: ({
269
+ orientation?: "horizontal" | "vertical" | undefined;
270
+ size?: "sm" | "md" | "lg" | undefined;
271
+ status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
272
+ focused?: boolean | undefined;
273
+ interactive?: boolean | undefined;
274
+ travelled?: boolean | undefined;
275
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
276
+ detail?: "inline" | "panel" | undefined;
277
+ withMeta?: boolean | undefined;
155
278
  } & {
156
279
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
157
280
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -162,7 +285,10 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
162
285
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
163
286
  focused?: boolean | undefined;
164
287
  interactive?: boolean | undefined;
165
- connectorComplete?: boolean | undefined;
288
+ travelled?: boolean | undefined;
289
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
290
+ detail?: "inline" | "panel" | undefined;
291
+ withMeta?: boolean | undefined;
166
292
  } & {
167
293
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
168
294
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -173,7 +299,10 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
173
299
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
174
300
  focused?: boolean | undefined;
175
301
  interactive?: boolean | undefined;
176
- connectorComplete?: boolean | undefined;
302
+ travelled?: boolean | undefined;
303
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
304
+ detail?: "inline" | "panel" | undefined;
305
+ withMeta?: boolean | undefined;
177
306
  } & {
178
307
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
179
308
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -184,18 +313,24 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
184
313
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
185
314
  focused?: boolean | undefined;
186
315
  interactive?: boolean | undefined;
187
- connectorComplete?: boolean | undefined;
316
+ travelled?: boolean | undefined;
317
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
318
+ detail?: "inline" | "panel" | undefined;
319
+ withMeta?: boolean | undefined;
188
320
  } & {
189
321
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
190
322
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
191
323
  }) | undefined) => string;
192
- body: (props?: ({
324
+ segment: (props?: ({
193
325
  orientation?: "horizontal" | "vertical" | undefined;
194
326
  size?: "sm" | "md" | "lg" | undefined;
195
327
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
196
328
  focused?: boolean | undefined;
197
329
  interactive?: boolean | undefined;
198
- connectorComplete?: boolean | undefined;
330
+ travelled?: boolean | undefined;
331
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
332
+ detail?: "inline" | "panel" | undefined;
333
+ withMeta?: boolean | undefined;
199
334
  } & {
200
335
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
201
336
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -206,7 +341,10 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
206
341
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
207
342
  focused?: boolean | undefined;
208
343
  interactive?: boolean | undefined;
209
- connectorComplete?: boolean | undefined;
344
+ travelled?: boolean | undefined;
345
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
346
+ detail?: "inline" | "panel" | undefined;
347
+ withMeta?: boolean | undefined;
210
348
  } & {
211
349
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
212
350
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -217,7 +355,10 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
217
355
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
218
356
  focused?: boolean | undefined;
219
357
  interactive?: boolean | undefined;
220
- connectorComplete?: boolean | undefined;
358
+ travelled?: boolean | undefined;
359
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
360
+ detail?: "inline" | "panel" | undefined;
361
+ withMeta?: boolean | undefined;
221
362
  } & {
222
363
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
223
364
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -228,7 +369,10 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
228
369
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
229
370
  focused?: boolean | undefined;
230
371
  interactive?: boolean | undefined;
231
- connectorComplete?: boolean | undefined;
372
+ travelled?: boolean | undefined;
373
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
374
+ detail?: "inline" | "panel" | undefined;
375
+ withMeta?: boolean | undefined;
232
376
  } & {
233
377
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
234
378
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -239,7 +383,10 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
239
383
  status?: "active" | "blocked" | "complete" | "pending" | "skipped" | undefined;
240
384
  focused?: boolean | undefined;
241
385
  interactive?: boolean | undefined;
242
- connectorComplete?: boolean | undefined;
386
+ travelled?: boolean | undefined;
387
+ connectorStyle?: "solid" | "dashed" | "dotted" | undefined;
388
+ detail?: "inline" | "panel" | undefined;
389
+ withMeta?: boolean | undefined;
243
390
  } & {
244
391
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
245
392
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;