@seeqdev/qomponents 0.0.208 → 0.0.214

package/dist/index.esm.js

@@ -14587,8 +14587,8 @@ const CSS_TRANSITION_DURATION = process.env.NODE_ENV === 'test' ? 0 : 300; // Di
 const Dialog = Root$4;
 const DialogPortal = Portal$1;
 const DialogClose = Close;
-const DialogContent = React__default.forwardRef(({ className = '', 'aria-describedby': ariaDescribedBy, children, ...props }, ref) => (jsx$1(DialogPortal, { children: jsx$1("div", { className: "tw:fixed tw:inset-0 tw:z-[1010] tw:flex tw:justify-center tw:items-start tw:overflow-y-auto tw:px-4 tw:py-6\n      tw:pointer-events-none tw:before:content-[''] tw:before:absolute tw:before:inset-0 tw:before:bg-sq-dark-background\n      tw:before:opacity-50 tw:before:select-none", children: jsxs(Content$2, { ref: ref, "aria-describedby": ariaDescribedBy, className: `tw:grid tw:gap-4 tw:border tw:bg-sq-white tw:dark:bg-sq-dark-background tw:shadow-lg tw:duration-${CSS_TRANSITION_DURATION}
-        tw:rounded-lg tw:w-full tw:pointer-events-auto tw:relative tw:z-[1] ${className}`, ...props, children: [jsx$1(DialogTitle$1, { className: "tw:hidden" }), children] }) }) })));
+const DialogContent = React__default.forwardRef(({ className = '', 'aria-describedby': ariaDescribedBy, children, ...props }, ref) => (jsx$1(DialogPortal, { children: jsxs("div", { className: "tw:fixed tw:inset-0 tw:z-[1010] tw:overflow-y-auto", children: [jsx$1("div", { className: "tw:select-none tw:absolute tw:w-full tw:h-full tw:opacity-50 tw:inset-0 tw:bg-sq-dark-background" }), jsxs(Content$2, { ref: ref, "aria-describedby": ariaDescribedBy, className: `tw:grid tw:gap-4 tw:border tw:bg-sq-white tw:dark:bg-sq-dark-background tw:shadow-lg tw:duration-${CSS_TRANSITION_DURATION}
+        tw:rounded-lg tw:fixed tw:left-[50%] tw:top-0 tw:my-6 tw:translate-x-[-50%] tw:z-[1] ${className}`, ...props, children: [jsx$1(DialogTitle$1, { className: "tw:hidden" }), children] })] }) })));
 DialogContent.displayName = Content$2.displayName;
 const DialogHeader = (props) => (jsx$1("div", { className: "tw:w-full tw:justify-between", children: jsx$1("div", { ...props }) }));
 DialogHeader.displayName = 'DialogHeader';

package/dist/index.js

@@ -14607,8 +14607,8 @@ const CSS_TRANSITION_DURATION = process.env.NODE_ENV === 'test' ? 0 : 300; // Di
 const Dialog = Root$4;
 const DialogPortal = Portal$1;
 const DialogClose = Close;
-const DialogContent = React.forwardRef(({ className = '', 'aria-describedby': ariaDescribedBy, children, ...props }, ref) => (jsxRuntime.jsx(DialogPortal, { children: jsxRuntime.jsx("div", { className: "tw:fixed tw:inset-0 tw:z-[1010] tw:flex tw:justify-center tw:items-start tw:overflow-y-auto tw:px-4 tw:py-6\n      tw:pointer-events-none tw:before:content-[''] tw:before:absolute tw:before:inset-0 tw:before:bg-sq-dark-background\n      tw:before:opacity-50 tw:before:select-none", children: jsxRuntime.jsxs(Content$2, { ref: ref, "aria-describedby": ariaDescribedBy, className: `tw:grid tw:gap-4 tw:border tw:bg-sq-white tw:dark:bg-sq-dark-background tw:shadow-lg tw:duration-${CSS_TRANSITION_DURATION}
-        tw:rounded-lg tw:w-full tw:pointer-events-auto tw:relative tw:z-[1] ${className}`, ...props, children: [jsxRuntime.jsx(DialogTitle$1, { className: "tw:hidden" }), children] }) }) })));
+const DialogContent = React.forwardRef(({ className = '', 'aria-describedby': ariaDescribedBy, children, ...props }, ref) => (jsxRuntime.jsx(DialogPortal, { children: jsxRuntime.jsxs("div", { className: "tw:fixed tw:inset-0 tw:z-[1010] tw:overflow-y-auto", children: [jsxRuntime.jsx("div", { className: "tw:select-none tw:absolute tw:w-full tw:h-full tw:opacity-50 tw:inset-0 tw:bg-sq-dark-background" }), jsxRuntime.jsxs(Content$2, { ref: ref, "aria-describedby": ariaDescribedBy, className: `tw:grid tw:gap-4 tw:border tw:bg-sq-white tw:dark:bg-sq-dark-background tw:shadow-lg tw:duration-${CSS_TRANSITION_DURATION}
+        tw:rounded-lg tw:fixed tw:left-[50%] tw:top-0 tw:my-6 tw:translate-x-[-50%] tw:z-[1] ${className}`, ...props, children: [jsxRuntime.jsx(DialogTitle$1, { className: "tw:hidden" }), children] })] }) })));
 DialogContent.displayName = Content$2.displayName;
 const DialogHeader = (props) => (jsxRuntime.jsx("div", { className: "tw:w-full tw:justify-between", children: jsxRuntime.jsx("div", { ...props }) }));
 DialogHeader.displayName = 'DialogHeader';

package/dist/src/styles.build.css.d.ts

@@ -0,0 +1 @@
+export default undefined;

package/dist/styles.css

@@ -208,9 +208,6 @@
   }
 }
 @layer utilities {
-  .tw\:pointer-events-auto {
-    pointer-events: auto;
-  }
   .tw\:pointer-events-auto\! {
     pointer-events: auto !important;
   }
@@ -238,6 +235,9 @@
   .tw\:-top-2 {
     top: calc(var(--tw-spacing) * -2);
   }
+  .tw\:top-0 {
+    top: calc(var(--tw-spacing) * 0);
+  }
   .tw\:top-1\/2 {
     top: calc(1/2 * 100%);
   }
@@ -262,6 +262,9 @@
   .tw\:left-1\/2 {
     left: calc(1/2 * 100%);
   }
+  .tw\:left-\[50\%\] {
+    left: 50%;
+  }
   .tw\:z-50 {
     z-index: 50;
   }
@@ -307,6 +310,9 @@
   .tw\:my-2 {
     margin-block: calc(var(--tw-spacing) * 2);
   }
+  .tw\:my-6 {
+    margin-block: calc(var(--tw-spacing) * 6);
+  }
   .tw\:-mt-0\.5 {
     margin-top: calc(var(--tw-spacing) * -0.5);
   }
@@ -570,6 +576,10 @@
     --tw-translate-x: -100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .tw\:translate-x-\[-50\%\] {
+    --tw-translate-x: -50%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .tw\:translate-x-full {
     --tw-translate-x: 100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -622,8 +632,8 @@
   .tw\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-  .tw\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
+  .tw\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
   }
   .tw\:flex-col {
     flex-direction: column;
@@ -640,9 +650,6 @@
   .tw\:items-end {
     align-items: flex-end;
   }
-  .tw\:items-start {
-    align-items: flex-start;
-  }
   .tw\:justify-between {
     justify-content: space-between;
   }
@@ -1218,12 +1225,6 @@
       position: absolute;
     }
   }
-  .tw\:before\:inset-0 {
-    &::before {
-      content: var(--tw-content);
-      inset: calc(var(--tw-spacing) * 0);
-    }
-  }
   .tw\:before\:-top-4 {
     &::before {
       content: var(--tw-content);
@@ -1335,31 +1336,12 @@
       border-left-color: transparent;
     }
   }
-  .tw\:before\:bg-sq-dark-background {
-    &::before {
-      content: var(--tw-content);
-      background-color: #0d1117;
-    }
-  }
-  .tw\:before\:opacity-50 {
-    &::before {
-      content: var(--tw-content);
-      opacity: 50%;
-    }
-  }
   .tw\:before\:content-\[\'\'\] {
     &::before {
       --tw-content: '';
       content: var(--tw-content);
     }
   }
-  .tw\:before\:select-none {
-    &::before {
-      content: var(--tw-content);
-      -webkit-user-select: none;
-      user-select: none;
-    }
-  }
   .tw\:first\:ml-0 {
     &:first-child {
       margin-left: calc(var(--tw-spacing) * 0);
@@ -2406,6 +2388,9 @@
   text-align: center;
   width: 1.25em;
 }
+.fc-models:before {
+  content: '\e9c6' !important;
+}
 .fc-ancestor:before {
   content: '\e9bf' !important;
 }
@@ -3264,6 +3249,12 @@
   --sq-vantage-icon: #ac77e1;
   --sq-vantage-highlight: #af95c9ff;
   --sq-vantage-light: #d0bce5;
+  --sq-insights-darker: #0096ff;
+  --sq-insights-dark: #0076d1;
+  --sq-insights-link: #0076d1;
+  --sq-insights-icon: #0086e8;
+  --sq-insights-highlight: #0086e8;
+  --sq-insights-light: #cce7ff;
   .color_topic, .color_topic_dark {
     --theme-darker: var(--sq-topic-darker);
     --theme-dark: var(--sq-topic-dark);
@@ -3312,6 +3303,17 @@
     --theme-footer-text: var(--sq-vantage-dark);
     --theme-highlight-background: var(--sq-vantage-light);
   }
+  .color_insights, .color_insights_dark {
+    --theme-darker: var(--sq-insights-darker);
+    --theme-dark: var(--sq-insights-dark);
+    --theme-link: var(--sq-insights-link);
+    --theme-icon: var(--sq-insights-icon);
+    --theme-highlight: var(--sq-insights-highlight);
+    --theme-light: var(--sq-insights-light);
+    --theme-header: var(--sq-insights-dark);
+    --theme-footer-text: var(--sq-insights-dark);
+    --theme-highlight-background: var(--sq-insights-light);
+  }
   --height-inputs: 34px;
   --height-30: 30px;
   --font-size-xxxsm: 0.5625rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.208",
+  "version": "0.0.214",
   "type": "module",
   "main": "dist/index.js",
   "source": "src/index.ts",
@@ -47,9 +47,9 @@
     "@types/tinycolor2": "1.4.2",
     "@typescript/native-preview": "7.0.0-dev.20260102.1",
     "@vitejs/plugin-react-swc": "4.2.3",
-    "@vitest/browser": "4.0.18",
-    "@vitest/browser-playwright": "4.0.18",
-    "@vitest/coverage-v8": "4.0.18",
+    "@vitest/browser": "4.1.2",
+    "@vitest/browser-playwright": "4.1.2",
+    "@vitest/coverage-v8": "4.1.2",
     "autoprefixer": "10.4.17",
     "color": "4.2.3",
     "cross-env": "10.0.0",
@@ -68,7 +68,7 @@
     "ts-node": "10.9.2",
     "typescript": "5.9.3",
     "vite": "7.3.1",
-    "vitest": "4.0.18",
+    "vitest": "4.1.2",
     "vitest-fail-on-console": "0.10.1"
   },
   "dependencies": {