@seeqdev/qomponents 0.0.20 → 0.0.22

package/dist/example/src/index.css

@@ -1,93 +1,102 @@
-@import '@seeqdev/qomponents/dist/styles.css';
-@import "@fortawesome/fontawesome-free/css/all.css";
-
-.tw-light {
-    background-color: white;
-    color: #1a1a1a;
-}
-
-.tw-dark {
-    background-color: rgb(36, 36, 34);
-    color: rgb(194, 188, 176);
-}
-
-.backdrop {
-    display: flex;
-    height: 100vh;
-    width: 100vw;
-    align-items: center;
-    justify-content: center;
-}
-
-.formPanel {
-    align-items: center;
-    width: 500px;
-    display: flex;
-}
-
-.header {
-    font-size: larger;
-    font-weight: bold;
-}
-
-.container {
-    display: flex;
-    gap: 20px;
-    flex-direction: column;
-    width: 500px;
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: 30px;
-}
-
-.formRow {
-    display: flex;
-    flex-direction: row;
-}
-
-.formColumn {
-    display: flex;
-    flex-direction: column;
-}
-
-.buttonRow {
-    display: flex;
-    justify-content: center;
-}
-
-.labelWidth {
-    width: 150px;
-}
-
-.formElementWidth {
-    width: 350px;
-}
-
-.mr-10 {
-    margin-right: 10px;
-}
-
-.ml-10 {
-    margin-left: 10px;
-}
-
-/* styles for complexSelect*/
-.selectOptionWrapperDiv {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    height: 34px;
-}
-
-.selectOptionDiv {
-    display: flex;
-    flex-direction: column;
-}
-
-.selectOptionSubText {
-    font-size: smaller;
-    padding: 0;
-    margin-top: -6px;
-}
-
-/* end styles for complexSelect*/
+@import '@seeqdev/qomponents/dist/styles.css';
+@import '@fortawesome/fontawesome-free/css/all.css';
+
+.tw-light {
+  background-color: white;
+  color: #1a1a1a;
+}
+
+.tw-dark {
+  background-color: rgb(36, 36, 34);
+  color: rgb(194, 188, 176);
+}
+
+.formPanel {
+  align-items: center;
+  width: 500px;
+  display: flex;
+}
+
+.header {
+  font-size: larger;
+  font-weight: bold;
+}
+
+.backdrop {
+  margin: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.scroll-container {
+  margin: auto;
+  max-height: 100%;
+  overflow: auto;
+}
+
+.flex-container {
+  margin-top: 30px;
+  margin-bottom: 70px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 500px;
+}
+
+.formRow {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 15px;
+}
+
+.formColumn {
+  display: flex;
+  flex-direction: column;
+}
+
+.buttonRow {
+  display: flex;
+  justify-content: center;
+}
+
+.labelWidth {
+  width: 150px;
+}
+
+.formElementWidth {
+  width: 350px;
+}
+
+.mr-10 {
+  margin-right: 10px;
+}
+
+.ml-10 {
+  margin-left: 10px;
+}
+
+.mb-10 {
+  margin-bottom: 10px;
+}
+
+/* styles for complexSelect*/
+.selectOptionWrapperDiv {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 34px;
+}
+
+.selectOptionDiv {
+  display: flex;
+  flex-direction: column;
+}
+
+.selectOptionSubText {
+  font-size: smaller;
+  padding: 0;
+  margin-top: -6px;
+}
+
+/* end styles for complexSelect*/

package/dist/example/src/main.tsx

@@ -1,10 +1,10 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import Example from './Example';
-import './index.css';
-
-ReactDOM.createRoot(document.body as HTMLElement).render(
-  <React.StrictMode>
-    <Example />
-  </React.StrictMode>,
-);
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import Example from './Example';
+import './index.css';
+
+ReactDOM.createRoot(document.body as HTMLElement).render(
+  <React.StrictMode>
+    <Example />
+  </React.StrictMode>,
+);

package/dist/example/src/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />

package/dist/example/tsconfig.json

@@ -1,33 +1,33 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": [
-      "ES2020",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "moduleResolution": "node",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react",
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "allowSyntheticDefaultImports": true
-  },
-  "include": [
-    "src"
-  ],
-  "references": [
-    {
-      "path": "./tsconfig.node.json"
-    }
-  ]
-}
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": [
+      "ES2020",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react",
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "include": [
+    "src"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
+}

package/dist/example/tsconfig.node.json

@@ -1,12 +1,12 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": [
-    "vite.config.ts"
-  ]
-}
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": [
+    "vite.config.ts"
+  ]
+}

package/dist/example/vite.config.ts

@@ -1,12 +1,12 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react()],
-  css: {
-    postcss: {
-      plugins: [],
-    },
-  },
-});
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  css: {
+    postcss: {
+      plugins: [],
+    },
+  },
+});

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import Button from './Button';
 import TextField from './TextField';
 import Checkbox from './Checkbox';
 import TextArea from './TextArea';
-import Tooltip from './Tooltip';
+import { QTip, Tooltip } from './Tooltip';
 import Icon from './Icon';
 import Select from './Select';
 export { Button };
@@ -12,3 +12,4 @@ export { Tooltip };
 export { Checkbox };
 export { Icon };
 export { Select };
+export { QTip };