@luxonis/common-fe-components 1.24.3 → 1.24.5

package/dist/panda.css

@@ -1213,6 +1213,11 @@
     color: var(--colors-accent-foreground);
 }
 
+  .button--size_icon {
+    height: var(--sizes-10);
+    width: var(--sizes-10);
+}
+
   .button--size_default {
     height: var(--sizes-10);
     padding-inline: var(--spacing-4);
@@ -1229,11 +1234,6 @@
     background-color: var(--sp-bga, var(--colors-primary));
 }
 
-  .button--size_icon {
-    height: var(--sizes-10);
-    width: var(--sizes-10);
-}
-
   .button--variant_destructive {
     background: var(--colors-destructive);
     color: var(--colors-destructive-foreground);
@@ -2502,6 +2502,10 @@
     display: flex;
 }
 
+  .gap_sm {
+    gap: var(--spacing-sm);
+}
+
   .pointer-events_visible {
     pointer-events: visible;
 }
@@ -2631,10 +2635,6 @@
     overflow: auto;
 }
 
-  .gap_sm {
-    gap: var(--spacing-sm);
-}
-
   .c_normal {
     color: normal;
 }
@@ -2651,18 +2651,58 @@
     padding: var(--spacing-0);
 }
 
-  .w_circle {
-    width: var(--sizes-circle);
+  .pos_relative {
+    position: relative;
 }
 
-  .h_circle {
-    height: var(--sizes-circle);
+  .min-w_0 {
+    min-width: var(--sizes-0);
+}
+
+  .pos_absolute {
+    position: absolute;
+}
+
+  .h_8 {
+    height: var(--sizes-8);
+}
+
+  .w_8 {
+    width: var(--sizes-8);
 }
 
   .bdr_full {
     border-radius: var(--radii-full);
 }
 
+  .trf_translateX\(-50\%\)_translateY\(-50\%\) {
+    transform: translateX(-50%) translateY(-50%);
+}
+
+  .sr_true {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+}
+
+  .trf_translateX\(50\%\)_translateY\(-50\%\) {
+    transform: translateX(50%) translateY(-50%);
+}
+
+  .w_circle {
+    width: var(--sizes-circle);
+}
+
+  .h_circle {
+    height: var(--sizes-circle);
+}
+
   .c_dark\.success {
     color: var(--colors-dark-success);
 }
@@ -2691,10 +2731,6 @@
     border: var(--borders-border-base);
 }
 
-  .h_8 {
-    height: var(--sizes-8);
-}
-
   .op_1 {
     opacity: 1;
 }
@@ -2759,10 +2795,6 @@
     border: var(--borders-border-active);
 }
 
-  .pos_relative {
-    position: relative;
-}
-
   .z_1 {
     z-index: 1;
 }
@@ -2771,6 +2803,38 @@
     max-width: var(--sizes-container-xs);
 }
 
+  .p_md {
+    padding: var(--spacing-md);
+}
+
+  .trs_colors_150ms_ease\,_box-shadow_150ms_ease\,_transform_150ms_ease {
+    transition: colors 150ms ease, box-shadow 150ms ease, transform 150ms ease;
+}
+
+  .p_xxs {
+    padding: var(--spacing-xxs);
+}
+
+  .h_150px {
+    height: 150px;
+}
+
+  .obj-f_cover {
+    object-fit: cover;
+}
+
+  .gap_xxs {
+    gap: var(--spacing-xxs);
+}
+
+  .w_min-content {
+    width: min-content;
+}
+
+  .p_xs {
+    padding: var(--spacing-xs);
+}
+
   .c_success {
     color: success;
 }
@@ -2783,10 +2847,6 @@
     padding-inline: var(--spacing-sm);
 }
 
-  .gap_xxs {
-    gap: var(--spacing-xxs);
-}
-
   .max-w_card\.sm {
     max-width: var(--sizes-card-sm);
 }
@@ -2799,14 +2859,18 @@
     border-radius: 9999px;
 }
 
-  .c_gray {
-    color: gray;
+  .z_10 {
+    z-index: 10;
 }
 
   .columns_1 {
     columns: 1;
 }
 
+  .c_gray {
+    color: gray;
+}
+
   .c_error {
     color: error;
 }
@@ -2935,10 +2999,6 @@
     padding-inline-end: var(--spacing-md);
 }
 
-  .pos_absolute {
-    position: absolute;
-}
-
   .min-w_container\.xxs {
     min-width: var(--sizes-container-xxs);
 }
@@ -2963,18 +3023,6 @@
     max-width: var(--sizes-basic-almost-full);
 }
 
-  .sr_true {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
-}
-
   .ring_none {
     outline: var(--borders-none);
 }
@@ -3052,10 +3100,6 @@
     border: var(--borders-input);
 }
 
-  .p_xs {
-    padding: var(--spacing-xs);
-}
-
   .cursor_text {
     cursor: text;
 }
@@ -3088,10 +3132,6 @@
     margin: 0 -1px -1px 0;
 }
 
-  .z_10 {
-    z-index: 10;
-}
-
   .h_100\% {
     height: 100%;
 }
@@ -3319,14 +3359,18 @@
     transition-timing-function: var(--easings-ease-in-out);
 }
 
-  .ai_center {
-    align-items: center;
+  .jc_start {
+    justify-content: start;
 }
 
   .jc_space-between {
     justify-content: space-between;
 }
 
+  .ai_center {
+    align-items: center;
+}
+
   .bd-w_thin {
     border-width: thin;
 }
@@ -3431,10 +3475,62 @@
     flex-wrap: wrap;
 }
 
+  .ml_-4 {
+    margin-left: calc(var(--spacing-4) * -1);
+}
+
+  .ml_0 {
+    margin-left: var(--spacing-0);
+}
+
+  .mt_0 {
+    margin-top: var(--spacing-0);
+}
+
+  .mt_-4 {
+    margin-top: calc(var(--spacing-4) * -1);
+}
+
+  .pl_4 {
+    padding-left: var(--spacing-4);
+}
+
+  .pl_0 {
+    padding-left: var(--spacing-0);
+}
+
+  .pt_0 {
+    padding-top: var(--spacing-0);
+}
+
+  .pt_4 {
+    padding-top: var(--spacing-4);
+}
+
   .flex-g_0 {
     flex-grow: 0;
 }
 
+  .flex-b_full {
+    flex-basis: 100%;
+}
+
+  .top_50\% {
+    top: 50%;
+}
+
+  .left_24px {
+    left: 24px;
+}
+
+  .right_auto {
+    right: auto;
+}
+
+  .right_24px {
+    right: 24px;
+}
+
   .jc_flex-start {
     justify-content: flex-start;
 }
@@ -3455,14 +3551,46 @@
     padding-bottom: var(--spacing-xs);
 }
 
-  .leading_sm {
-    line-height: var(--line-heights-sm);
+  .border-style_dashed {
+    border-style: dashed;
+}
+
+  .bd-c_gray\.300 {
+    border-color: var(--colors-gray-300);
+}
+
+  .bd-c_primary\.500 {
+    border-color: primary.500;
+}
+
+  .bg-c_primary\.50 {
+    background-color: primary.50;
+}
+
+  .justify-items_center {
+    justify-items: center;
+}
+
+  .border-style_solid {
+    border-style: solid;
+}
+
+  .bd-c_gray\.200 {
+    border-color: var(--colors-gray-200);
+}
+
+  .bg-c_gray\.50 {
+    background-color: var(--colors-gray-50);
 }
 
   .mt_sm {
     margin-top: var(--spacing-sm);
 }
 
+  .leading_sm {
+    line-height: var(--line-heights-sm);
+}
+
   .jc_flex-end {
     justify-content: flex-end;
 }
@@ -3491,10 +3619,6 @@
     font-style: italic;
 }
 
-  .jc_start {
-    justify-content: start;
-}
-
   .jc_normal {
     justify-content: normal;
 }
@@ -3627,6 +3751,10 @@
     font-weight: lighter;
 }
 
+  .vertical\:trf_rotate\(90deg\)[data-orientation=vertical] {
+    transform: rotate(90deg);
+}
+
   .\[\&\:first-child\]\:bdr-l_common:first-child {
     border-top-left-radius: var(--radii-common);
     border-bottom-left-radius: var(--radii-common);
@@ -3637,6 +3765,30 @@
     border-bottom-right-radius: var(--radii-common);
 }
 
+  .vertical\:top_24px[data-orientation=vertical] {
+    top: 24px;
+}
+
+  .vertical\:bottom_auto[data-orientation=vertical] {
+    bottom: auto;
+}
+
+  .vertical\:left_50\%[data-orientation=vertical] {
+    left: 50%;
+}
+
+  .vertical\:top_auto[data-orientation=vertical] {
+    top: auto;
+}
+
+  .vertical\:bottom_24px[data-orientation=vertical] {
+    bottom: 24px;
+}
+
+  .vertical\:right_auto[data-orientation=vertical] {
+    right: auto;
+}
+
   .\[\&_code\,_\&_code_\*\]\:ff_mono code,.\[\&_code\,_\&_code_\*\]\:ff_mono code * {
     font-family: var(--fonts-mono);
 }
@@ -3657,6 +3809,14 @@
     border-left-width: 0;
 }
 
+  .focusWithin\:bx-sh_0_0_0_3px_token\(colors\.primary\.100\):focus-within {
+    box-shadow: 0 0 0 3px colors\.primary\.100;
+}
+
+  .focusWithin\:bd-c_primary\.500:focus-within {
+    border-color: primary.500;
+}
+
   .hover\:td_underline:is(:hover, [data-hover]) {
     text-decoration: underline;
 }
@@ -3801,6 +3961,14 @@
     background-color: var(--colors-transparent);
 }
 
+  .hover\:bd-c_gray\.400:is(:hover, [data-hover]) {
+    border-color: var(--colors-gray-400);
+}
+
+  .hover\:bg-c_gray\.50:is(:hover, [data-hover]) {
+    background-color: var(--colors-gray-50);
+}
+
   .hover\:bg-c_hover\.light\.active:is(:hover, [data-hover]) {
     background-color: var(--colors-hover-light-active);
 }

package/dist/translations/formatters.d.ts

@@ -1,4 +1,4 @@
 import type { FormattersInitializer } from 'typesafe-i18n';
-import type { Formatters, Locales } from './i18n-types';
+import type { Locales, Formatters } from './i18n-types';
 export declare const initFormatters: FormattersInitializer<Locales, Formatters>;
 //# sourceMappingURL=formatters.d.ts.map

package/dist/translations/formatters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../src/translations/formatters.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAExD,eAAO,MAAM,cAAc,EAAE,qBAAqB,CAAC,OAAO,EAAE,UAAU,CAQrE,CAAC"}
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../src/translations/formatters.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEvD,eAAO,MAAM,cAAc,EAAE,qBAAqB,CAAC,OAAO,EAAE,UAAU,CAOrE,CAAA"}

package/dist/translations/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/translations/formatters.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,cAAc,GAA+C,CACzE,MAAe,EACd,EAAE;IACH,MAAM,UAAU,GAAe;IAC9B,oCAAoC;KACpC,CAAC;IAEF,OAAO,UAAU,CAAC;AACnB,CAAC,CAAC"}
+{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/translations/formatters.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,cAAc,GAA+C,CAAC,MAAe,EAAE,EAAE;IAE7F,MAAM,UAAU,GAAe;IAC9B,oCAAoC;KACpC,CAAA;IAED,OAAO,UAAU,CAAA;AAClB,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@luxonis/common-fe-components",
-	"version": "1.24.3",
+	"version": "1.24.5",
 	"type": "module",
 	"main": "./dist/index.js",
 	"scripts": {
@@ -24,7 +24,7 @@
 		"@hookform/resolvers": "^3.9.0",
 		"@luxonis-public/shadow-panda-preset": "^0.7.2",
 		"@luxonis-public/shadow-panda-style-context": "^0.7.2",
-		"@luxonis/common-fe-utils": "^1.24.3",
+		"@luxonis/common-fe-utils": "^1.24.5",
 		"@radix-ui/react-accordion": "^1.2.0",
 		"@radix-ui/react-alert-dialog": "^1.1.1",
 		"@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -86,6 +86,6 @@
 		"registry": "https://registry.npmjs.org",
 		"access": "public"
 	},
-	"gitHead": "cfff59d96fdbbe2934b9f675ca61e109334e47b4",
+	"gitHead": "c7429b362b1acddbd227e368dc9d67267b7bf4e9",
 	"license": "UNLICENSED"
 }