@luxonis/depthai-pipeline-lib 3.5.2 → 3.7.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 (4) hide show
  1. package/dist/index.css +153 -197
  2. package/dist/src/version.d.ts +1 -1
  3. package/dist/src/version.js +1 -1
  4. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -1,12 +1,13 @@
1
- /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
2
  @import url("@xyflow/react/dist/style.css");
3
3
  @import url("@luxonis/ui-components/styles.css");
4
4
  @layer properties;
5
5
  @layer theme, base, components, utilities;
6
6
  @layer theme {
7
7
  :root, :host {
8
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
9
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
9
+ "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
10
+ "Segoe UI Symbol", "Noto Color Emoji";
10
11
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
11
12
  "Courier New", monospace;
12
13
  --color-black: #000;
@@ -58,7 +59,7 @@
58
59
  line-height: 1.5;
59
60
  -webkit-text-size-adjust: 100%;
60
61
  tab-size: 4;
61
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
62
+ font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
62
63
  font-feature-settings: var(--default-font-feature-settings, normal);
63
64
  font-variation-settings: var(--default-font-variation-settings, normal);
64
65
  -webkit-tap-highlight-color: transparent;
@@ -110,7 +111,7 @@
110
111
  border-color: inherit;
111
112
  border-collapse: collapse;
112
113
  }
113
- :-moz-focusring {
114
+ :-moz-focusring:where(:not(iframe)) {
114
115
  outline: auto;
115
116
  }
116
117
  progress {
@@ -221,10 +222,10 @@
221
222
  position: sticky;
222
223
  }
223
224
  .inset-0 {
224
- inset: calc(var(--spacing) * 0);
225
+ inset: 0px;
225
226
  }
226
227
  .top-0 {
227
- top: calc(var(--spacing) * 0);
228
+ top: 0px;
228
229
  }
229
230
  .top-1\/2 {
230
231
  top: calc(1 / 2 * 100%);
@@ -239,13 +240,13 @@
239
240
  top: 100%;
240
241
  }
241
242
  .right-0 {
242
- right: calc(var(--spacing) * 0);
243
+ right: 0px;
243
244
  }
244
245
  .right-2 {
245
246
  right: calc(var(--spacing) * 2);
246
247
  }
247
248
  .bottom-0 {
248
- bottom: calc(var(--spacing) * 0);
249
+ bottom: 0px;
249
250
  }
250
251
  .bottom-auto {
251
252
  bottom: auto;
@@ -320,10 +321,10 @@
320
321
  margin-inline: calc(var(--spacing) * -1);
321
322
  }
322
323
  .my-1 {
323
- margin-block: calc(var(--spacing) * 1);
324
+ margin-block: var(--spacing);
324
325
  }
325
326
  .mt-1 {
326
- margin-top: calc(var(--spacing) * 1);
327
+ margin-top: var(--spacing);
327
328
  }
328
329
  .mt-2 {
329
330
  margin-top: calc(var(--spacing) * 2);
@@ -337,6 +338,9 @@
337
338
  .mb-6 {
338
339
  margin-bottom: calc(var(--spacing) * 6);
339
340
  }
341
+ .ml-1 {
342
+ margin-left: var(--spacing);
343
+ }
340
344
  .ml-2 {
341
345
  margin-left: calc(var(--spacing) * 2);
342
346
  }
@@ -355,6 +359,9 @@
355
359
  .hidden {
356
360
  display: none;
357
361
  }
362
+ .inline {
363
+ display: inline;
364
+ }
358
365
  .inline-block {
359
366
  display: inline-block;
360
367
  }
@@ -491,7 +498,7 @@
491
498
  max-width: var(--container-sm);
492
499
  }
493
500
  .min-w-0 {
494
- min-width: calc(var(--spacing) * 0);
501
+ min-width: 0px;
495
502
  }
496
503
  .min-w-9 {
497
504
  min-width: calc(var(--spacing) * 9);
@@ -564,6 +571,12 @@
564
571
  .cursor-pointer {
565
572
  cursor: pointer;
566
573
  }
574
+ .cursor-zoom-in {
575
+ cursor: zoom-in;
576
+ }
577
+ .cursor-zoom-out {
578
+ cursor: zoom-out;
579
+ }
567
580
  .touch-none {
568
581
  touch-action: none;
569
582
  }
@@ -745,10 +758,10 @@
745
758
  justify-items: stretch;
746
759
  }
747
760
  .gap-0 {
748
- gap: calc(var(--spacing) * 0);
761
+ gap: 0px;
749
762
  }
750
763
  .gap-1 {
751
- gap: calc(var(--spacing) * 1);
764
+ gap: var(--spacing);
752
765
  }
753
766
  .gap-2 {
754
767
  gap: calc(var(--spacing) * 2);
@@ -768,26 +781,20 @@
768
781
  .gap-16 {
769
782
  gap: calc(var(--spacing) * 16);
770
783
  }
771
- .space-y-1\.5 {
772
- :where(& > :not(:last-child)) {
773
- --tw-space-y-reverse: 0;
774
- margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
775
- margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
776
- }
784
+ :where(.space-y-1\.5 > :not(:last-child)) {
785
+ --tw-space-y-reverse: 0;
786
+ margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
787
+ margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
777
788
  }
778
- .space-y-2 {
779
- :where(& > :not(:last-child)) {
780
- --tw-space-y-reverse: 0;
781
- margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
782
- margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
783
- }
789
+ :where(.space-y-2 > :not(:last-child)) {
790
+ --tw-space-y-reverse: 0;
791
+ margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
792
+ margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
784
793
  }
785
- .space-y-4 {
786
- :where(& > :not(:last-child)) {
787
- --tw-space-y-reverse: 0;
788
- margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
789
- margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
790
- }
794
+ :where(.space-y-4 > :not(:last-child)) {
795
+ --tw-space-y-reverse: 0;
796
+ margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
797
+ margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
791
798
  }
792
799
  .self-auto {
793
800
  align-self: auto;
@@ -825,6 +832,9 @@
825
832
  .overflow-hidden {
826
833
  overflow: hidden;
827
834
  }
835
+ .overflow-x-auto {
836
+ overflow-x: auto;
837
+ }
828
838
  .overflow-y-auto {
829
839
  overflow-y: auto;
830
840
  }
@@ -869,6 +879,12 @@
869
879
  border-bottom-style: var(--tw-border-style);
870
880
  border-bottom-width: 1px;
871
881
  }
882
+ .border-\[color-mix\(in_srgb\,var\(--lux-muted-foreground\)_65\%\,var\(--lux-background\)\)\] {
883
+ border-color: var(--lux-muted-foreground);
884
+ @supports (color: color-mix(in lab, red, red)) {
885
+ border-color: color-mix(in srgb,var(--lux-muted-foreground) 65%,var(--lux-background));
886
+ }
887
+ }
872
888
  .border-\[var\(--lux-intent-active-text\)\]\/30 {
873
889
  border-color: var(--lux-intent-active-text);
874
890
  @supports (color: color-mix(in lab, red, red)) {
@@ -920,6 +936,12 @@
920
936
  .bg-\[\#F04438\] {
921
937
  background-color: #F04438;
922
938
  }
939
+ .bg-\[color-mix\(in_srgb\,var\(--lux-muted-foreground\)_65\%\,var\(--lux-background\)\)\] {
940
+ background-color: var(--lux-muted-foreground);
941
+ @supports (color: color-mix(in lab, red, red)) {
942
+ background-color: color-mix(in srgb,var(--lux-muted-foreground) 65%,var(--lux-background));
943
+ }
944
+ }
923
945
  .bg-\[var\(--lux-intent-active-text\)\]\/10 {
924
946
  background-color: var(--lux-intent-active-text);
925
947
  @supports (color: color-mix(in lab, red, red)) {
@@ -963,14 +985,17 @@
963
985
  background-color: var(--color-white);
964
986
  }
965
987
  .p-0 {
966
- padding: calc(var(--spacing) * 0);
988
+ padding: 0px;
967
989
  }
968
990
  .p-1 {
969
- padding: calc(var(--spacing) * 1);
991
+ padding: var(--spacing);
970
992
  }
971
993
  .p-1\.5 {
972
994
  padding: calc(var(--spacing) * 1.5);
973
995
  }
996
+ .p-3 {
997
+ padding: calc(var(--spacing) * 3);
998
+ }
974
999
  .p-4 {
975
1000
  padding: calc(var(--spacing) * 4);
976
1001
  }
@@ -978,7 +1003,7 @@
978
1003
  padding: calc(var(--spacing) * 6);
979
1004
  }
980
1005
  .px-0 {
981
- padding-inline: calc(var(--spacing) * 0);
1006
+ padding-inline: 0px;
982
1007
  }
983
1008
  .px-2 {
984
1009
  padding-inline: calc(var(--spacing) * 2);
@@ -999,16 +1024,16 @@
999
1024
  padding-inline: 5px;
1000
1025
  }
1001
1026
  .\!py-0 {
1002
- padding-block: calc(var(--spacing) * 0) !important;
1027
+ padding-block: 0px !important;
1003
1028
  }
1004
1029
  .py-0 {
1005
- padding-block: calc(var(--spacing) * 0);
1030
+ padding-block: 0px;
1006
1031
  }
1007
1032
  .py-0\.5 {
1008
1033
  padding-block: calc(var(--spacing) * 0.5);
1009
1034
  }
1010
1035
  .py-1 {
1011
- padding-block: calc(var(--spacing) * 1);
1036
+ padding-block: var(--spacing);
1012
1037
  }
1013
1038
  .py-1\.5 {
1014
1039
  padding-block: calc(var(--spacing) * 1.5);
@@ -1023,13 +1048,13 @@
1023
1048
  padding-block: calc(var(--spacing) * 6);
1024
1049
  }
1025
1050
  .pt-0 {
1026
- padding-top: calc(var(--spacing) * 0);
1051
+ padding-top: 0px;
1027
1052
  }
1028
1053
  .pt-2 {
1029
1054
  padding-top: calc(var(--spacing) * 2);
1030
1055
  }
1031
1056
  .\!pr-0 {
1032
- padding-right: calc(var(--spacing) * 0) !important;
1057
+ padding-right: 0px !important;
1033
1058
  }
1034
1059
  .pr-2 {
1035
1060
  padding-right: calc(var(--spacing) * 2);
@@ -1052,6 +1077,9 @@
1052
1077
  .text-right {
1053
1078
  text-align: right;
1054
1079
  }
1080
+ .align-middle {
1081
+ vertical-align: middle;
1082
+ }
1055
1083
  .font-mono {
1056
1084
  font-family: var(--font-mono);
1057
1085
  }
@@ -1206,6 +1234,10 @@
1206
1234
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1207
1235
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1208
1236
  }
1237
+ .shadow-none {
1238
+ --tw-shadow: 0 0 #0000;
1239
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1240
+ }
1209
1241
  .shadow-sm {
1210
1242
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1211
1243
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1272,202 +1304,126 @@
1272
1304
  -webkit-user-select: none;
1273
1305
  user-select: none;
1274
1306
  }
1275
- .group-focus-within\:opacity-100 {
1276
- &:is(:where(.group):focus-within *) {
1277
- opacity: 100%;
1278
- }
1307
+ .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
1308
+ opacity: 100%;
1279
1309
  }
1280
- .group-hover\:opacity-100 {
1281
- &:is(:where(.group):hover *) {
1282
- @media (hover: hover) {
1283
- opacity: 100%;
1284
- }
1310
+ @media (hover: hover) {
1311
+ .group-hover\:opacity-100:is(:where(.group):hover *) {
1312
+ opacity: 100%;
1285
1313
  }
1286
- }
1287
- .hover\:border-\[var\(--ui-color-border-hover\)\] {
1288
- &:hover {
1289
- @media (hover: hover) {
1290
- border-color: var(--ui-color-border-hover);
1291
- }
1314
+ .hover\:border-\[var\(--ui-color-border-hover\)\]:hover {
1315
+ border-color: var(--ui-color-border-hover);
1292
1316
  }
1293
- }
1294
- .hover\:bg-\[var\(--ui-color-bg-hover\)\] {
1295
- &:hover {
1296
- @media (hover: hover) {
1297
- background-color: var(--ui-color-bg-hover);
1298
- }
1317
+ .hover\:bg-\[var\(--ui-color-bg-hover\)\]:hover {
1318
+ background-color: var(--ui-color-bg-hover);
1299
1319
  }
1300
- }
1301
- .hover\:text-\[var\(--ui-color-text-hover\)\] {
1302
- &:hover {
1303
- @media (hover: hover) {
1304
- color: var(--ui-color-text-hover);
1305
- }
1320
+ .hover\:text-\[var\(--ui-color-text-hover\)\]:hover {
1321
+ color: var(--ui-color-text-hover);
1306
1322
  }
1307
- }
1308
- .hover\:underline {
1309
- &:hover {
1310
- @media (hover: hover) {
1311
- text-decoration-line: underline;
1312
- }
1323
+ .hover\:underline:hover {
1324
+ text-decoration-line: underline;
1313
1325
  }
1314
- }
1315
- .hover\:opacity-100 {
1316
- &:hover {
1317
- @media (hover: hover) {
1318
- opacity: 100%;
1319
- }
1326
+ .hover\:opacity-100:hover {
1327
+ opacity: 100%;
1320
1328
  }
1321
- }
1322
- .hover\:shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.22\)\] {
1323
- &:hover {
1324
- @media (hover: hover) {
1325
- --tw-shadow: 0 10px 24px var(--tw-shadow-color, rgba(0,0,0,0.22));
1326
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1327
- }
1329
+ .hover\:shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.22\)\]:hover {
1330
+ --tw-shadow: 0 10px 24px var(--tw-shadow-color, rgba(0,0,0,0.22));
1331
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1328
1332
  }
1329
- }
1330
- .hover\:ring-4 {
1331
- &:hover {
1332
- @media (hover: hover) {
1333
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1334
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1335
- }
1333
+ .hover\:ring-0:hover {
1334
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1335
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1336
1336
  }
1337
- }
1338
- .focus\:ring-2 {
1339
- &:focus {
1340
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1337
+ .hover\:ring-4:hover {
1338
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1341
1339
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1342
1340
  }
1343
1341
  }
1344
- .focus\:ring-offset-2 {
1345
- &:focus {
1346
- --tw-ring-offset-width: 2px;
1347
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1348
- }
1342
+ .focus\:ring-2:focus {
1343
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1344
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1349
1345
  }
1350
- .focus\:outline-none {
1351
- &:focus {
1352
- --tw-outline-style: none;
1353
- outline-style: none;
1354
- }
1346
+ .focus\:ring-offset-2:focus {
1347
+ --tw-ring-offset-width: 2px;
1348
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1355
1349
  }
1356
- .focus-visible\:ring-2 {
1357
- &:focus-visible {
1358
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1359
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1360
- }
1350
+ .focus\:outline-none:focus {
1351
+ --tw-outline-style: none;
1352
+ outline-style: none;
1361
1353
  }
1362
- .focus-visible\:ring-offset-2 {
1363
- &:focus-visible {
1364
- --tw-ring-offset-width: 2px;
1365
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1366
- }
1354
+ .focus-visible\:ring-2:focus-visible {
1355
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1356
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1367
1357
  }
1368
- .focus-visible\:outline-none {
1369
- &:focus-visible {
1370
- --tw-outline-style: none;
1371
- outline-style: none;
1372
- }
1358
+ .focus-visible\:ring-offset-2:focus-visible {
1359
+ --tw-ring-offset-width: 2px;
1360
+ --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1373
1361
  }
1374
- .disabled\:pointer-events-none {
1375
- &:disabled {
1376
- pointer-events: none;
1377
- }
1362
+ .focus-visible\:outline-none:focus-visible {
1363
+ --tw-outline-style: none;
1364
+ outline-style: none;
1378
1365
  }
1379
- .disabled\:cursor-default {
1380
- &:disabled {
1381
- cursor: default;
1382
- }
1366
+ .disabled\:pointer-events-none:disabled {
1367
+ pointer-events: none;
1383
1368
  }
1384
- .disabled\:cursor-not-allowed {
1385
- &:disabled {
1386
- cursor: not-allowed;
1387
- }
1369
+ .disabled\:cursor-default:disabled {
1370
+ cursor: default;
1388
1371
  }
1389
- .disabled\:opacity-50 {
1390
- &:disabled {
1391
- opacity: 50%;
1392
- }
1372
+ .disabled\:cursor-not-allowed:disabled {
1373
+ cursor: not-allowed;
1393
1374
  }
1394
- .data-\[disabled\]\:pointer-events-none {
1395
- &[data-disabled] {
1396
- pointer-events: none;
1397
- }
1375
+ .disabled\:opacity-50:disabled {
1376
+ opacity: 50%;
1398
1377
  }
1399
- .data-\[disabled\]\:opacity-50 {
1400
- &[data-disabled] {
1401
- opacity: 50%;
1402
- }
1378
+ .data-\[disabled\]\:pointer-events-none[data-disabled] {
1379
+ pointer-events: none;
1403
1380
  }
1404
- .data-\[state\=active\]\:shadow-sm {
1405
- &[data-state="active"] {
1406
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1407
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1408
- }
1381
+ .data-\[disabled\]\:opacity-50[data-disabled] {
1382
+ opacity: 50%;
1409
1383
  }
1410
- .data-\[state\=checked\]\:translate-x-5 {
1411
- &[data-state="checked"] {
1412
- --tw-translate-x: calc(var(--spacing) * 5);
1413
- translate: var(--tw-translate-x) var(--tw-translate-y);
1414
- }
1384
+ .data-\[state\=active\]\:shadow-sm[data-state="active"] {
1385
+ --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1386
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1415
1387
  }
1416
- .data-\[state\=inactive\]\:hidden {
1417
- &[data-state="inactive"] {
1418
- display: none;
1419
- }
1388
+ .data-\[state\=checked\]\:translate-x-5[data-state="checked"] {
1389
+ --tw-translate-x: calc(var(--spacing) * 5);
1390
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1420
1391
  }
1421
- .data-\[state\=unchecked\]\:translate-x-0 {
1422
- &[data-state="unchecked"] {
1423
- --tw-translate-x: calc(var(--spacing) * 0);
1424
- translate: var(--tw-translate-x) var(--tw-translate-y);
1425
- }
1392
+ .data-\[state\=inactive\]\:hidden[data-state="inactive"] {
1393
+ display: none;
1426
1394
  }
1427
- .sm\:max-w-\[420px\] {
1428
- @media (width >= 40rem) {
1395
+ .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
1396
+ --tw-translate-x: 0px;
1397
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1398
+ }
1399
+ @media (width >= 40rem) {
1400
+ .sm\:max-w-\[420px\] {
1429
1401
  max-width: 420px;
1430
1402
  }
1431
- }
1432
- .sm\:flex-row {
1433
- @media (width >= 40rem) {
1403
+ .sm\:flex-row {
1434
1404
  flex-direction: row;
1435
1405
  }
1436
- }
1437
- .sm\:justify-end {
1438
- @media (width >= 40rem) {
1406
+ .sm\:justify-end {
1439
1407
  justify-content: flex-end;
1440
1408
  }
1441
1409
  }
1442
- .\[\&\>svg\]\:absolute {
1443
- &>svg {
1444
- position: absolute;
1445
- }
1410
+ .\[\&\>svg\]\:absolute > svg {
1411
+ position: absolute;
1446
1412
  }
1447
- .\[\&\>svg\]\:top-4 {
1448
- &>svg {
1449
- top: calc(var(--spacing) * 4);
1450
- }
1413
+ .\[\&\>svg\]\:top-4 > svg {
1414
+ top: calc(var(--spacing) * 4);
1451
1415
  }
1452
- .\[\&\>svg\]\:left-4 {
1453
- &>svg {
1454
- left: calc(var(--spacing) * 4);
1455
- }
1416
+ .\[\&\>svg\]\:left-4 > svg {
1417
+ left: calc(var(--spacing) * 4);
1456
1418
  }
1457
- .\[\&\>svg\]\:text-current {
1458
- &>svg {
1459
- color: currentcolor;
1460
- }
1419
+ .\[\&\>svg\]\:text-current > svg {
1420
+ color: currentcolor;
1461
1421
  }
1462
- .\[\&\>svg\~\*\]\:pl-7 {
1463
- &>svg~* {
1464
- padding-left: calc(var(--spacing) * 7);
1465
- }
1422
+ .\[\&\>svg\~\*\]\:pl-7 > svg ~ * {
1423
+ padding-left: calc(var(--spacing) * 7);
1466
1424
  }
1467
- .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
1468
- &[data-state=open]>svg {
1469
- rotate: 180deg;
1470
- }
1425
+ .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg {
1426
+ rotate: 180deg;
1471
1427
  }
1472
1428
  }
1473
1429
  @property --tw-translate-x {
package/dist/src/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const PACKAGE_VERSION = "3.5.2";
1
+ export declare const PACKAGE_VERSION = "3.7.1";
package/dist/src/version.js CHANGED
@@ -1,2 +1,2 @@
1
1
  // Do not edit it manually.
2
- export const PACKAGE_VERSION = '3.5.2';
2
+ export const PACKAGE_VERSION = '3.7.1';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luxonis/depthai-pipeline-lib",
3
- "version": "3.5.2",
3
+ "version": "3.7.1",
4
4
  "type": "module",
5
5
  "license": "UNLICENSED",
6
6
  "main": "./dist/src/index.js",
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@dagrejs/dagre": "^1.1.3",
18
- "@luxonis/ui-components": "^1.3.0",
18
+ "@luxonis/ui-components": "^1.3.2",
19
19
  "@xyflow/react": "^12.0.4",
20
20
  "postcss-import": "^16.1.0",
21
21
  "postcss-nested": "^6.2.0",