@seeqdev/qomponents 0.0.187 → 0.0.189

package/dist/index.esm.js

@@ -61,7 +61,7 @@ const colorClassesThemeLight = {
     'success': 'tw:text-sq-success',
 };
 const colorClassesThemeDark = {
-    'theme': 'tw:dark:text-sq-theme-darker',
+    'theme': 'tw:dark:text-sq-theme-dark',
     'white': '',
     'dark-gray': 'tw:text-sq-fairly-dark-gray',
     'warning': '',
@@ -7570,7 +7570,7 @@ const QTip = () => {
         }
     };
     return (jsx$1(Fragment, { children: jsxs("div", { onMouseEnter: () => setOverTooltip(true), onMouseLeave: () => setOverTooltip(false), "data-testid": tooltipTestId, ref: tooltipRef, className: 'tw:absolute tw:rounded tw:bg-black tw:max-w-96 tw:p-2 tw:text-xs tw:text-sq-white tw:z-[9999] tw:fade-in ' +
-                (show ? 'tw:visible' : 'tw:invisible tw:pointer-events-none'), children: [html ? jsx$1(HTMLTip, { text: tooltipText }) : tooltipText, jsx$1("div", { className: "tw:absolute tw:w-2.5 tw:h-2.5 tw:rotate-45 tw:bg-sq-black", ref: tooltipArrowRef })] }) }));
+                (show ? 'tw:visible' : 'tw:invisible tw:pointer-events-none'), children: [html ? jsx$1(HTMLTip, { text: tooltipText }) : tooltipText, jsx$1("div", { className: "tw:absolute tw:w-2.5 tw:h-2.5 tw:rotate-45 tw:bg-sq-black tw:dark:bg-sq-black", ref: tooltipArrowRef })] }) }));
 };
 
 function _typeof(o) {

package/dist/index.js

@@ -81,7 +81,7 @@ const colorClassesThemeLight = {
     'success': 'tw:text-sq-success',
 };
 const colorClassesThemeDark = {
-    'theme': 'tw:dark:text-sq-theme-darker',
+    'theme': 'tw:dark:text-sq-theme-dark',
     'white': '',
     'dark-gray': 'tw:text-sq-fairly-dark-gray',
     'warning': '',
@@ -7590,7 +7590,7 @@ const QTip = () => {
         }
     };
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { onMouseEnter: () => setOverTooltip(true), onMouseLeave: () => setOverTooltip(false), "data-testid": tooltipTestId, ref: tooltipRef, className: 'tw:absolute tw:rounded tw:bg-black tw:max-w-96 tw:p-2 tw:text-xs tw:text-sq-white tw:z-[9999] tw:fade-in ' +
-                (show ? 'tw:visible' : 'tw:invisible tw:pointer-events-none'), children: [html ? jsxRuntime.jsx(HTMLTip, { text: tooltipText }) : tooltipText, jsxRuntime.jsx("div", { className: "tw:absolute tw:w-2.5 tw:h-2.5 tw:rotate-45 tw:bg-sq-black", ref: tooltipArrowRef })] }) }));
+                (show ? 'tw:visible' : 'tw:invisible tw:pointer-events-none'), children: [html ? jsxRuntime.jsx(HTMLTip, { text: tooltipText }) : tooltipText, jsxRuntime.jsx("div", { className: "tw:absolute tw:w-2.5 tw:h-2.5 tw:rotate-45 tw:bg-sq-black tw:dark:bg-sq-black", ref: tooltipArrowRef })] }) }));
 };
 
 function _typeof(o) {

package/dist/src/Tooltip/QTip.stories.d.ts

@@ -3,3 +3,4 @@ declare const _default: {
 };
 export default _default;
 export declare const AllQTips: () => import("react/jsx-runtime").JSX.Element;
+export declare const DarkMode: () => import("react/jsx-runtime").JSX.Element;

package/dist/styles.css

@@ -21,6 +21,7 @@
     --tw-color-gray-400: oklch(70.7% 0.022 261.325);
     --tw-color-gray-500: oklch(55.1% 0.027 264.364);
     --tw-color-gray-700: oklch(37.3% 0.034 259.733);
+    --tw-color-gray-900: oklch(21% 0.034 264.665);
     --tw-color-black: #000;
     --tw-color-white: #fff;
     --tw-spacing: 0.25rem;
@@ -839,6 +840,9 @@
   .tw\:bg-gray-500 {
     background-color: var(--tw-color-gray-500);
   }
+  .tw\:bg-gray-900 {
+    background-color: var(--tw-color-gray-900);
+  }
   .tw\:bg-green-400 {
     background-color: var(--tw-color-green-400);
   }
@@ -938,6 +942,9 @@
   .tw\:p-5 {
     padding: calc(var(--tw-spacing) * 5);
   }
+  .tw\:p-8 {
+    padding: calc(var(--tw-spacing) * 8);
+  }
   .tw\:px-1 {
     padding-inline: calc(var(--tw-spacing) * 1);
   }
@@ -1122,6 +1129,9 @@
   .tw\:text-sq-white {
     color: var(--sqw-white);
   }
+  .tw\:text-white {
+    color: var(--tw-color-white);
+  }
   .tw\:italic {
     font-style: italic;
   }
@@ -1743,6 +1753,11 @@
       background-color: var(--tw-color-gray-700);
     }
   }
+  .tw\:dark\:bg-sq-black {
+    &:where(.tw-dark, .tw-dark *) {
+      background-color: var(--sq-black);
+    }
+  }
   .tw\:dark\:bg-sq-colored-hover-dark {
     &:where(.tw-dark, .tw-dark *) {
       background-color: #262c36;
@@ -1813,6 +1828,11 @@
       color: #f0f6fc;
     }
   }
+  .tw\:dark\:text-sq-theme-dark {
+    &:where(.tw-dark, .tw-dark *) {
+      color: var(--theme-dark);
+    }
+  }
   .tw\:dark\:text-sq-theme-darker {
     &:where(.tw-dark, .tw-dark *) {
       color: var(--theme-darker);
@@ -2977,7 +2997,8 @@
   --theme-footer-text: var(--sq-analysis-dark);
   --theme-item-row: var(--sq-analysis-light);
   --theme-highlight-background: var(--sq-analysis-light);
-  .color_topic {
+  .color_topic,
+  .color_topic_dark {
     --theme-darker: var(--sq-topic-darker);
     --theme-dark: var(--sq-topic-dark);
     --theme-link: var(--sq-topic-link);
@@ -2990,7 +3011,8 @@
     --theme-item-row: var(--sq-topic-light);
     --theme-highlight-background: var(--sq-topic-light);
   }
-  .color_analysis {
+  .color_analysis,
+  .color_analysis_dark {
     --theme-darker: var(--sq-analysis-darker);
     --theme-dark: var(--sq-analysis-dark);
     --theme-link: var(--sq-analysis-link);
@@ -3003,7 +3025,8 @@
     --theme-item-row: var(--sq-analysis-light);
     --theme-highlight-background: var(--sq-analysis-light);
   }
-  .color_datalab {
+  .color_datalab,
+  .color_datalab_dark {
     --theme-darker: var(--sq-datalab-darker);
     --theme-dark: var(--sq-datalab-dark);
     --theme-link: var(--sq-datalab-link);
@@ -3014,7 +3037,8 @@
     --theme-footer-text: var(--sq-datalab-dark);
     --theme-highlight-background: var(--sq-datalab-light);
   }
-  .color_vantage {
+  .color_vantage,
+  .color_vantage_dark {
     --theme-darker: var(--sq-vantage-darker);
     --theme-dark: var(--sq-vantage-dark);
     --theme-link: var(--sq-vantage-link);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.187",
+  "version": "0.0.189",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/src/index.d.ts",