@urbicon-ui/blocks 6.9.0 → 6.11.0

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