@luxonis/depthai-pipeline-lib 1.5.0 → 1.6.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.
@@ -1,206 +0,0 @@
1
- @layer reset {
2
- * {
3
- margin: 0;
4
- padding: 0;
5
- font: inherit;
6
- }
7
-
8
- *,
9
- *::before,
10
- *::after {
11
- box-sizing: border-box;
12
- border-width: 0;
13
- border-style: solid;
14
- border-color: var(--global-color-border, currentColor);
15
- }
16
-
17
- html {
18
- line-height: 1.5;
19
- --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
20
- 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
21
- 'Noto Color Emoji';
22
- -webkit-text-size-adjust: 100%;
23
- -webkit-font-smoothing: antialiased;
24
- -moz-osx-font-smoothing: grayscale;
25
- -moz-tab-size: 4;
26
- tab-size: 4;
27
- font-family: var(--global-font-body, var(--font-fallback));
28
- }
29
-
30
- hr {
31
- height: 0;
32
- color: inherit;
33
- border-top-width: 1px;
34
- }
35
-
36
- body {
37
- height: 100%;
38
- line-height: inherit;
39
- }
40
-
41
- img {
42
- border-style: none;
43
- }
44
-
45
- img,
46
- svg,
47
- video,
48
- canvas,
49
- audio,
50
- iframe,
51
- embed,
52
- object {
53
- display: block;
54
- vertical-align: middle;
55
- }
56
-
57
- img,
58
- video {
59
- max-width: 100%;
60
- height: auto;
61
- }
62
-
63
- p,
64
- h1,
65
- h2,
66
- h3,
67
- h4,
68
- h5,
69
- h6 {
70
- overflow-wrap: break-word;
71
- }
72
-
73
- ol,
74
- ul {
75
- list-style: none;
76
- }
77
-
78
- code,
79
- kbd,
80
- pre,
81
- samp {
82
- font-size: 1em;
83
- }
84
-
85
- button,
86
- [type='button'],
87
- [type='reset'],
88
- [type='submit'] {
89
- -webkit-appearance: button;
90
- background-color: transparent;
91
- background-image: none;
92
- }
93
-
94
- button,
95
- select {
96
- text-transform: none;
97
- }
98
-
99
- table {
100
- text-indent: 0;
101
- border-color: inherit;
102
- border-collapse: collapse;
103
- }
104
-
105
- input::placeholder,
106
- textarea::placeholder {
107
- opacity: 1;
108
- color: var(--global-color-placeholder, #9ca3af);
109
- }
110
-
111
- textarea {
112
- resize: vertical;
113
- }
114
-
115
- summary {
116
- display: list-item;
117
- }
118
-
119
- small {
120
- font-size: 80%;
121
- }
122
-
123
- sub,
124
- sup {
125
- font-size: 75%;
126
- line-height: 0;
127
- position: relative;
128
- vertical-align: baseline;
129
- }
130
-
131
- sub {
132
- bottom: -0.25em;
133
- }
134
-
135
- sup {
136
- top: -0.5em;
137
- }
138
-
139
- dialog {
140
- padding: 0;
141
- }
142
-
143
- a {
144
- color: inherit;
145
- text-decoration: inherit;
146
- }
147
-
148
- abbr:where([title]) {
149
- text-decoration: underline dotted;
150
- }
151
-
152
- b,
153
- strong {
154
- font-weight: bolder;
155
- }
156
-
157
- code,
158
- kbd,
159
- samp,
160
- pre {
161
- font-size: 1em;
162
- --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
163
- font-family: var(--global-font-mono, var(--font-fallback));
164
- }
165
-
166
-
167
- input[type="text"],
168
- input[type="email"],
169
- input[type="search"],
170
- input[type="password"] {
171
- -webkit-appearance: none;
172
- -moz-appearance: none;
173
- }
174
-
175
- input[type='search'] {
176
- -webkit-appearance: textfield;
177
- outline-offset: -2px;
178
- }
179
-
180
- ::-webkit-search-decoration,
181
- ::-webkit-search-cancel-button {
182
- -webkit-appearance: none;
183
- }
184
-
185
- ::-webkit-file-upload-button {
186
- -webkit-appearance: button;
187
- font: inherit;
188
- }
189
-
190
- input[type="number"]::-webkit-inner-spin-button,
191
- input[type="number"]::-webkit-outer-spin-button {
192
- height: auto;
193
- }
194
-
195
- input[type='number']{
196
- -moz-appearance: textfield;
197
- }
198
-
199
- :-moz-ui-invalid {
200
- box-shadow: none;
201
- }
202
-
203
- :-moz-focusring {
204
- outline: auto;
205
- }
206
- }
@@ -1,320 +0,0 @@
1
- @layer recipes.slots {
2
- .toast__root--variant_default {
3
- border: var(--borders-base);
4
- background: var(--colors-background);
5
- }
6
-
7
- .toast__root--variant_destructive {
8
- border: var(--borders-destructive);
9
- background: var(--colors-destructive);
10
- color: var(--colors-destructive-foreground);
11
- }
12
-
13
- .toast__action--variant_destructive {
14
- --sp-bca: color-mix(in srgb, transparent 60%, var(--colors-muted));
15
- border-color: var(--sp-bca, var(--colors-muted));
16
- }
17
-
18
- .toast__close--variant_destructive {
19
- color: var(--colors-red-300);
20
- }
21
-
22
- .toast__action--variant_destructive:is(:focus, [data-focus]) {
23
- --shadow-panda-ring-color: var(--colors-destructive)
24
- ;
25
- }
26
-
27
- .toast__close--variant_destructive:is(:focus, [data-focus]) {
28
- --shadow-panda-ring-color: var(--colors-red-400)
29
- ;
30
- --shadow-panda-ring-offset-color: var(--colors-red-600)
31
- ;
32
- }
33
-
34
- .toast__action--variant_destructive:is(:hover, [data-hover]) {
35
- --sp-bca: color-mix(in srgb, transparent 70%, var(--colors-destructive));
36
- border-color: var(--sp-bca, var(--colors-destructive));
37
- background: var(--colors-destructive);
38
- color: var(--colors-destructive-foreground);
39
- }
40
-
41
- .toast__close--variant_destructive:is(:hover, [data-hover]) {
42
- color: var(--colors-red-50);
43
- }
44
-
45
- @layer _base {
46
-
47
- .toast__root {
48
- pointer-events: auto;
49
- position: relative;
50
- display: flex;
51
- width: var(--sizes-full);
52
- align-items: center;
53
- justify-content: space-between;
54
- gap: var(--spacing-4);
55
- overflow: hidden;
56
- border-radius: var(--radii-md);
57
- border: var(--borders-base);
58
- padding: var(--spacing-6);
59
- padding-right: var(--spacing-8);
60
- box-shadow: var(--shadows-lg);
61
- transition-property: var(--transition-prop, all);
62
- transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
63
- transition-duration: var(--transition-duration, 150ms);
64
- }
65
-
66
- .toast__root[data-swipe=cancel] {
67
- transform: translateX(0);
68
- }
69
-
70
- .toast__root[data-swipe=end] {
71
- transform: translateX(var(--radix-toast-swipe-end-x));
72
- animation-name: exit;
73
- animation-duration: var(--durations-fast);
74
- --shadow-panda-exit-opacity: 1;
75
- --shadow-panda-exit-scale: 1;
76
- --shadow-panda-exit-rotate: 0;
77
- --shadow-panda-exit-translate-x: 0;
78
- --shadow-panda-exit-translate-y: 0
79
- ;
80
- }
81
-
82
- .toast__root[data-swipe=move] {
83
- transform: translateX(var(--radix-toast-swipe-move-x));
84
- transition: none;
85
- }
86
-
87
- .toast__root[data-state=open] {
88
- animation-name: enter;
89
- animation-duration: var(--durations-fast);
90
- --shadow-panda-enter-opacity: 1;
91
- --shadow-panda-enter-scale: 1;
92
- --shadow-panda-enter-rotate: 0;
93
- --shadow-panda-enter-translate-x: 0;
94
- --shadow-panda-enter-translate-y: calc(100% * -1)
95
- ;
96
- }
97
-
98
- .toast__root[data-state=closed] {
99
- animation-name: exit;
100
- animation-duration: var(--durations-fast);
101
- --shadow-panda-exit-opacity: 0.8
102
- ;
103
- --shadow-panda-exit-scale: 1;
104
- --shadow-panda-exit-rotate: 0;
105
- --shadow-panda-exit-translate-x: 100%
106
- ;
107
- --shadow-panda-exit-translate-y: 0
108
- ;
109
- }
110
-
111
- .toast__action {
112
- display: inline-flex;
113
- height: var(--sizes-8);
114
- flex-shrink: 0;
115
- align-items: center;
116
- justify-content: center;
117
- border-radius: var(--radii-md);
118
- border: var(--borders-base);
119
- background: var(--colors-transparent);
120
- padding-inline: var(--spacing-3);
121
- font-size: 0.875rem;
122
- line-height: 1.25rem;
123
- font-weight: var(--font-weights-medium);
124
- --shadow-panda-ring-offset-color: var(--colors-background);
125
- transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
126
- transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
127
- transition-duration: var(--transition-duration, 150ms);
128
- cursor: pointer;
129
- }
130
-
131
- .toast__action:is(:disabled, [disabled], [data-disabled]) {
132
- pointer-events: none;
133
- opacity: 0.5;
134
- }
135
-
136
- .toast__close {
137
- position: absolute;
138
- right: var(--spacing-2);
139
- top: var(--spacing-2);
140
- border-radius: var(--radii-md);
141
- padding: var(--spacing-1);
142
- --sp-ca: color-mix(in srgb, transparent 50%, var(--colors-foreground));
143
- color: var(--sp-ca, var(--colors-foreground));
144
- opacity: 0;
145
- transition-property: var(--transition-prop, opacity);
146
- transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
147
- transition-duration: var(--transition-duration, 150ms);
148
- cursor: pointer;
149
- }
150
-
151
- .toast__title {
152
- font-weight: var(--font-weights-semibold);
153
- }
154
-
155
- .toast__title,.toast__description {
156
- font-size: 0.875rem;
157
- line-height: 1.25rem;
158
- }
159
-
160
- .toast__description {
161
- opacity: 0.9;
162
- }
163
-
164
- .button {
165
- display: inline-flex;
166
- align-items: center;
167
- justify-content: center;
168
- border-radius: var(--radii-md);
169
- font-size: 0.875rem;
170
- line-height: 1.25rem;
171
- font-weight: var(--font-weights-medium);
172
- transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
173
- transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
174
- transition-duration: var(--transition-duration, 150ms);
175
- cursor: pointer;
176
- --shadow-panda-ring-offset-color: var(--colors-background);
177
- gap: var(--spacing-2);
178
- }
179
-
180
- .button:is(:disabled, [disabled], [data-disabled]) {
181
- pointer-events: none;
182
- opacity: 50%;
183
- }
184
-
185
- .toast__action:is(:focus, [data-focus]) {
186
- outline: 2px solid transparent;
187
- outline-offset: 2px;
188
- --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);
189
- --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);
190
- box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);
191
- --shadow-panda-ring-color: var(--colors-ring)
192
- ;
193
- --shadow-panda-ring-offset-width: 2px
194
- ;
195
- }
196
-
197
- .toast__close:is(:focus, [data-focus]) {
198
- opacity: 1;
199
- outline: 2px solid transparent;
200
- outline-offset: 2px;
201
- --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);
202
- --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);
203
- box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);
204
- --shadow-panda-ring-color: var(--colors-ring)
205
- ;
206
- --shadow-panda-ring-offset-width: 2px
207
- ;
208
- }
209
-
210
- .button:is(:focus-visible, [data-focus-visible]) {
211
- outline: 2px solid transparent;
212
- outline-offset: 2px;
213
- --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);
214
- --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);
215
- box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);
216
- --shadow-panda-ring-color: var(--colors-ring)
217
- ;
218
- --shadow-panda-ring-offset-width: 2px
219
- ;
220
- }
221
-
222
- .toast__action:is(:hover, [data-hover]) {
223
- background: var(--colors-secondary);
224
- }
225
-
226
- .toast__close:is(:hover, [data-hover]) {
227
- color: var(--colors-foreground);
228
- }
229
-
230
- .group:is(:hover, [data-hover]) .toast__close {
231
- opacity: 1;
232
- }
233
-
234
- @media screen and (min-width: 40em) {
235
- .toast__root[data-state=open] {
236
- --shadow-panda-enter-translate-y: 100%
237
- ;
238
- }
239
- }
240
- }
241
- }
242
-
243
- @layer recipes {
244
- .button--variant_destructive {
245
- background: var(--colors-destructive);
246
- color: var(--colors-destructive-foreground);
247
- }
248
-
249
- .button--variant_outline {
250
- border: var(--borders-input);
251
- background: var(--colors-background);
252
- }
253
-
254
- .button--variant_secondary {
255
- background: var(--colors-secondary);
256
- color: var(--colors-secondary-foreground);
257
- }
258
-
259
- .button--variant_link {
260
- color: var(--colors-primary);
261
- text-underline-offset: 4px;
262
- }
263
-
264
- .button--size_default {
265
- height: var(--sizes-10);
266
- padding-inline: var(--spacing-4);
267
- padding-block: var(--spacing-2);
268
- }
269
-
270
- .button--size_sm {
271
- height: var(--sizes-9);
272
- border-radius: var(--radii-md);
273
- padding-inline: var(--spacing-3);
274
- }
275
-
276
- .button--size_lg {
277
- height: var(--sizes-11);
278
- border-radius: var(--radii-md);
279
- padding-inline: var(--spacing-8);
280
- }
281
-
282
- .button--variant_default {
283
- background: var(--colors-primary);
284
- color: var(--colors-primary-foreground);
285
- }
286
-
287
- .button--size_icon {
288
- height: var(--sizes-10);
289
- width: var(--sizes-10);
290
- }
291
-
292
- .button--variant_destructive:is(:hover, [data-hover]) {
293
- --sp-bga: color-mix(in srgb, transparent NaN, var(--colors-destructive));
294
- background-color: var(--sp-bga, var(--colors-destructive));
295
- }
296
-
297
- .button--variant_outline:is(:hover, [data-hover]) {
298
- background: var(--colors-accent);
299
- color: var(--colors-accent-foreground);
300
- }
301
-
302
- .button--variant_secondary:is(:hover, [data-hover]) {
303
- --sp-bga: color-mix(in srgb, transparent NaN, var(--colors-secondary));
304
- background-color: var(--sp-bga, var(--colors-secondary));
305
- }
306
-
307
- .button--variant_ghost:is(:hover, [data-hover]) {
308
- background: var(--colors-accent);
309
- color: var(--colors-accent-foreground);
310
- }
311
-
312
- .button--variant_link:is(:hover, [data-hover]) {
313
- text-decoration: underline;
314
- }
315
-
316
- .button--variant_default:is(:hover, [data-hover]) {
317
- --sp-bga: color-mix(in srgb, transparent NaN, var(--colors-primary));
318
- background-color: var(--sp-bga, var(--colors-primary));
319
- }
320
- }