@seeqdev/qomponents 0.0.33 → 0.0.35

package/dist/styles.css

@@ -1792,6 +1792,10 @@ ol,
     z-index: 50;
 }
 
+.tw-z-\[1000\] {
+    z-index: 1000;
+}
+
 .tw-z-\[9999\] {
     z-index: 9999;
 }
@@ -1824,10 +1828,18 @@ ol,
     margin-left: 0.375rem;
 }
 
+.tw-ml-\[3px\] {
+    margin-left: 3px;
+}
+
 .tw-mr-1 {
     margin-right: 0.25rem;
 }
 
+.tw-mr-2 {
+    margin-right: 0.5rem;
+}
+
 .tw-inline-block {
     display: inline-block;
 }
@@ -1940,6 +1952,14 @@ ol,
     flex-direction: row;
 }
 
+.tw-flex-col {
+    flex-direction: column;
+}
+
+.tw-items-center {
+    align-items: center;
+}
+
 .tw-gap-4 {
     gap: 1rem;
 }
@@ -2004,6 +2024,11 @@ ol,
     border-style: solid;
 }
 
+.tw-border-gray-100 {
+    --tw-border-opacity: 1;
+    border-color: rgb(243 244 246 / var(--tw-border-opacity));
+}
+
 .tw-border-sq-color-dark {
     --tw-border-opacity: 1;
     border-color: rgb(var(--sq-color-dark));
@@ -2029,11 +2054,20 @@ ol,
     border-color: rgb(var(--sq-warning-color));
 }
 
+.tw-border-transparent {
+    border-color: transparent;
+}
+
 .tw-bg-black {
     --tw-bg-opacity: 1;
     background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
+.tw-bg-gray-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
+
 .tw-bg-sq-color-dark {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--sq-color-dark));
@@ -2079,11 +2113,24 @@ ol,
     background-color: rgb(var(--sq-warning-color));
 }
 
+.tw-bg-sq-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-white));
+}
+
+.tw-bg-transparent {
+    background-color: transparent;
+}
+
 .tw-bg-white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
+.tw-p-0 {
+    padding: 0px;
+}
+
 .tw-p-1 {
     padding: 0.25rem;
 }
@@ -2100,6 +2147,10 @@ ol,
     padding: 1.25rem;
 }
 
+.tw-p-\[0\.5rem\] {
+    padding: 0.5rem;
+}
+
 .tw-px-1 {
     padding-left: 0.25rem;
     padding-right: 0.25rem;
@@ -2120,6 +2171,11 @@ ol,
     padding-right: 0.75rem;
 }
 
+.tw-px-\[5px\] {
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
 .tw-py-0 {
     padding-top: 0px;
     padding-bottom: 0px;
@@ -2135,6 +2191,16 @@ ol,
     padding-bottom: 0.25rem;
 }
 
+.tw-py-\[1px\] {
+    padding-top: 1px;
+    padding-bottom: 1px;
+}
+
+.tw-py-\[3px\] {
+    padding-top: 3px;
+    padding-bottom: 3px;
+}
+
 .tw-pl-2 {
     padding-left: 0.5rem;
 }
@@ -2155,6 +2221,14 @@ ol,
     text-align: center;
 }
 
+.tw-text-\[10px\] {
+    font-size: 10px;
+}
+
+.tw-text-\[8px\] {
+    font-size: 8px;
+}
+
 .tw-text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -2269,7 +2343,7 @@ ol,
     background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
 }
 
-[type="checkbox"]:disabled, [type="radio"]:disabled {
+[type="checkbox"]:disabled[type="checked"], [type="radio"]:disabled[type="checked"] {
     background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23DDE1E3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
 }
 
@@ -2278,7 +2352,7 @@ ol,
     background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23C2BCB0' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
 }
 
-.tw-dark [type="checkbox"]:disabled, .tw-dark [type="radio"]:disabled {
+.tw-dark [type="checkbox"]:disabled[type="checked"], .tw-dark [type="radio"]:disabled[type="checked"] {
     background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23606061' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
 }
 
@@ -2416,6 +2490,18 @@ ol,
     cursor: pointer;
 }
 
+.hover\:tw-rounded-sm:hover {
+    border-radius: 3px;
+}
+
+.hover\:tw-border:hover {
+    border-width: 1px;
+}
+
+.hover\:tw-border-solid:hover {
+    border-style: solid;
+}
+
 .hover\:tw-border-sq-color-dark:hover {
     --tw-border-opacity: 1;
     border-color: rgb(var(--sq-color-dark));
@@ -2431,11 +2517,26 @@ ol,
     border-color: rgb(212 59 55 / var(--tw-border-opacity));
 }
 
+.hover\:tw-border-sq-darkish-gray:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-darkish-gray));
+}
+
+.hover\:tw-border-sq-light-gray:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-light-gray));
+}
+
 .hover\:tw-border-sq-link:hover {
     --tw-border-opacity: 1;
     border-color: rgb(var(--sq-link));
 }
 
+.hover\:tw-bg-green-500:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
+}
+
 .hover\:tw-bg-sq-color-highlight:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--sq-color-highlight));
@@ -2489,6 +2590,11 @@ ol,
     border-color: rgb(var(--sq-color-dark));
 }
 
+.focus\:tw-border-sq-light-gray:focus {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-light-gray));
+}
+
 .focus\:tw-bg-sq-dark-gray:focus {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--sq-dark-gray));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.js",
@@ -35,6 +35,7 @@
   },
   "devDependencies": {
     "@ladle/react": "2.9.0",
+    "@react-types/shared": "3.19.0",
     "@rollup/plugin-commonjs": "24.0.1",
     "@rollup/plugin-node-resolve": "15.0.1",
     "@tailwindcss/forms": "0.5.3",
@@ -56,7 +57,6 @@
     "postcss-import": "15.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "@react-types/shared": "3.19.0",
     "rollup": "3.17.2",
     "rollup-plugin-copy": "3.4.0",
     "rollup-plugin-peer-deps-external": "2.2.4",
@@ -70,6 +70,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.5.1",
+    "@radix-ui/react-popover": "1.0.7",
     "dompurify": "^3.0.5",
     "postcss": "8.4.21",
     "react-select": "5.7.3",