@luxonis/depthai-pipeline-lib 1.5.0 → 1.7.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,70 +0,0 @@
1
- @layer base {
2
- :root {
3
- --made-with-panda: '🐼'
4
- }
5
-
6
- *, *::before, *::after, ::backdrop {
7
- --blur: ;
8
- --brightness: ;
9
- --contrast: ;
10
- --grayscale: ;
11
- --hue-rotate: ;
12
- --invert: ;
13
- --saturate: ;
14
- --sepia: ;
15
- --drop-shadow: ;
16
- --backdrop-blur: ;
17
- --backdrop-brightness: ;
18
- --backdrop-contrast: ;
19
- --backdrop-grayscale: ;
20
- --backdrop-hue-rotate: ;
21
- --backdrop-invert: ;
22
- --backdrop-opacity: ;
23
- --backdrop-saturate: ;
24
- --backdrop-sepia: ;
25
- --scroll-snap-strictness: proximity;
26
- --border-spacing-x: 0;
27
- --border-spacing-y: 0;
28
- --translate-x: 0;
29
- --translate-y: 0;
30
- --rotate: 0;
31
- --skew-x: 0;
32
- --skew-y: 0;
33
- --scale-x: 1;
34
- --scale-y: 1
35
- }
36
-
37
- html {
38
- -moz-osx-font-smoothing: grayscale;
39
- text-rendering: optimizeLegibility;
40
- -webkit-font-smoothing: antialiased;
41
- -webkit-text-size-adjust: 100%
42
- }
43
-
44
- body {
45
- background: var(--colors-background);
46
- color: var(--colors-foreground);
47
- font-family: var(--fonts-sans)
48
- }
49
-
50
- button {
51
- color: inherit;
52
- outline: 2px solid transparent
53
- }
54
-
55
- * {
56
- box-sizing: border-box;
57
- font-family: var(--fonts-body)
58
- }
59
-
60
- html, body {
61
- margin: var(--spacing-0);
62
- padding: var(--spacing-0)
63
- }
64
-
65
- #root {
66
- display: flex;
67
- flex-direction: column;
68
- height: 100vh
69
- }
70
- }
@@ -1,21 +0,0 @@
1
- /* eslint-disable */
2
- import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
3
- import type { Properties } from '../types/csstype.d.mts';
4
- import type { PropertyValue } from '../types/prop-type.d.mts';
5
- import type { DistributiveOmit } from '../types/system-types.d.mts';
6
- import type { Tokens } from '../tokens/index.d.mts';
7
-
8
- export interface LinkBoxProperties {
9
-
10
- }
11
-
12
-
13
- interface LinkBoxStyles extends LinkBoxProperties, DistributiveOmit<SystemStyleObject, keyof LinkBoxProperties > {}
14
-
15
- interface LinkBoxPatternFn {
16
- (styles?: LinkBoxStyles): string
17
- raw: (styles?: LinkBoxStyles) => SystemStyleObject
18
- }
19
-
20
-
21
- export declare const linkBox: LinkBoxPatternFn;
@@ -1,19 +0,0 @@
1
- import { mapObject } from '../helpers.mjs';
2
- import { css } from '../css/index.mjs';
3
-
4
- const linkBoxConfig = {
5
- transform(props) {
6
- return {
7
- position: "relative",
8
- "& :where(a, abbr)": {
9
- position: "relative",
10
- zIndex: "1"
11
- },
12
- ...props
13
- };
14
- }}
15
-
16
- export const getLinkBoxStyle = (styles = {}) => linkBoxConfig.transform(styles, { map: mapObject })
17
-
18
- export const linkBox = (styles) => css(getLinkBoxStyle(styles))
19
- linkBox.raw = getLinkBoxStyle
@@ -1 +0,0 @@
1
- /* eslint-disable */
@@ -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
- }