@seeqdev/qomponents 0.0.20 → 0.0.21

package/dist/styles.css

@@ -1704,6 +1704,18 @@ ol, ul, menu {
     background-color: currentColor;
 }
 
+.tw-pointer-events-none {
+    pointer-events: none;
+}
+
+.tw-visible {
+    visibility: visible;
+}
+
+.tw-invisible {
+    visibility: hidden;
+}
+
 .tw-absolute {
     position: absolute;
 }
@@ -1748,6 +1760,10 @@ ol, ul, menu {
     z-index: 50;
 }
 
+.tw-z-\[9999\] {
+    z-index: 9999;
+}
+
 .tw-m-0 {
     margin: 0px;
 }
@@ -1796,6 +1812,10 @@ ol, ul, menu {
     height: 0.875rem;
 }
 
+.tw-h-\[10px\] {
+    height: 10px;
+}
+
 .tw-h-inputs {
     height: 34px;
 }
@@ -1808,6 +1828,10 @@ ol, ul, menu {
     width: 0.875rem;
 }
 
+.tw-w-\[10px\] {
+    width: 10px;
+}
+
 .tw-w-\[200px\] {
     width: 200px;
 }
@@ -1847,6 +1871,11 @@ ol, ul, menu {
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.tw-rotate-45 {
+    --tw-rotate: 45deg;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .tw-cursor-not-allowed {
     cursor: not-allowed;
 }
@@ -1879,6 +1908,10 @@ ol, ul, menu {
     gap: 1rem;
 }
 
+.tw-overflow-hidden {
+    overflow: hidden;
+}
+
 .tw-whitespace-nowrap {
     white-space: nowrap;
 }
@@ -2189,6 +2222,19 @@ ol, ul, menu {
     background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path 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"/></svg>');
 }
 
+@keyframes fadeIn {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+.fade-in {
+    animation: fadeIn 500ms;
+}
+
 .before\:tw-absolute::before {
     content: var(--tw-content);
     position: absolute;
@@ -2591,4 +2637,3 @@ ol, ul, menu {
     --tw-text-opacity: 1;
     color: rgb(var(--sq-color-dark-dark));
 }
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.js",
@@ -41,6 +41,7 @@
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
+    "@types/dompurify": "^3.0.2",
     "@types/jest": "29.4.0",
     "@types/react": "18.0.27",
     "@types/react-dom": "18.0.11",
@@ -55,6 +56,7 @@
     "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",
@@ -67,7 +69,10 @@
     "typescript-strict-plugin": "2.1.0"
   },
   "dependencies": {
+    "@floating-ui/dom": "^1.5.1",
+    "dompurify": "^3.0.5",
     "postcss": "8.4.21",
-    "react-select": "5.7.3"
+    "react-select": "5.7.3",
+    "rooks": "7.14.1"
   }
 }