@seeqdev/qomponents 0.0.13 → 0.0.15

package/dist/example/src/index.css

@@ -0,0 +1,73 @@
+@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;
+}
+

package/dist/example/src/main.tsx

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

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

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

package/dist/example/tsconfig.json

@@ -0,0 +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"
+    }
+  ]
+}

package/dist/example/tsconfig.node.json

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

package/dist/example/vite.config.ts

@@ -0,0 +1,12 @@
+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.esm.js

@@ -250,10 +250,10 @@ const Checkbox = (props) => {
 };
 
 const baseClasses$1 = 'tw-leading-normal tw-outline-none tw-py-1 tw-px-3 tw-rounded-sm' +
-    ' disabled:tw-cursor-not-allowed tw-p-1 tw-border-solid tw-border';
+    ' disabled:tw-cursor-not-allowed tw-p-1 tw-border-solid tw-border tw-text-sm';
 const darkTheme = 'dark:tw-border-sq-dark-disabled-gray dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text' +
-    ' dark:focus:tw-border-sq-color-dark-dark dark:active:tw-border-sq-color-dark-dark';
-const lightTheme = 'tw-border-sq-disabled-gray tw-text-sq-text-color focus:tw-border-sq-color-dark active:tw-border-sq-color-dark';
+    ' dark:focus:tw-border-sq-color-dark-dark dark:active:tw-border-sq-color-dark-dark dark:tw-placeholder-sq-dark-text-lighter';
+const lightTheme = 'tw-border-sq-disabled-gray tw-text-sq-text-color focus:tw-border-sq-color-dark active:tw-border-sq-color-dark tw-placeholder-gray-400';
 /**
  * TextArea.
  */
@@ -7325,13 +7325,14 @@ const menuStyles = [
     'dark:tw-border-sq-dark-disabled-gray',
     'tw-whitespace-nowrap',
     'tw-min-w-fit',
+    '!tw-z-[9999]',
 ].join(' ');
 const menuListStyles = [
     'tw-rounded-b',
     'tw-bg-white',
     'dark:tw-bg-sq-dark-background',
     'tw-min-w-fit',
-    'tw-z-[9999]',
+    '!tw-z-[9999]',
     'specSelectMenu',
 ].join(' ');
 const groupHeadingStyles = [