@seeqdev/qomponents 0.0.25 → 0.0.27

package/dist/styles.css

@@ -1480,81 +1480,81 @@ video {
 }
 
 :root {
-    --sq-color-dark: 42, 92, 132;
-    --sq-color-dark-dark: 145, 180, 203;
-    --sq-white: 255, 255, 255;
-    --sq-color-highlight: 4, 145, 194;
-    --sq-text-color: 58, 58, 58;
-    --sq-disabled-gray: 221, 225, 227;
-    --sq-light-gray: 241, 245, 247;
-    --sq-dark-gray: 226, 226, 226;
-    --sq-fairly-dark-gray: 96, 96, 97;
-    --sq-darkish-gray: 183, 183, 183;
-    --sq-danger-color: 217, 83, 79;
-    --sq-warning-color: 240, 173, 78;
-    --sq-success-color: 114, 192, 44;
-    --sq-icon: 4, 145, 194;
-    --sq-link: 42, 92, 132;
-    --sq-dark-background: 36, 37, 37;
-    --sq-dark-text: 194, 188, 176;
-    --sq-dark-disabled-gray: 70, 73, 73;
-    --sq-highlight-color-dark: 36, 45, 49;
-    --sq-gray-highlight: 249, 249, 249;
-    --sq-gray-highlight-dark: 36, 45, 49;
-    --sq-colored-hover: 238, 246, 253;
-    --sq-colored-hover-dark: 40, 42, 42;
-    --sq-multi-gray-dark: 66, 69, 69;
-    --sq-field-disabled-gray: 239, 239, 239;
-  }
+        --sq-color-dark: 42, 92, 132;
+        --sq-color-dark-dark: 145, 180, 203;
+        --sq-white: 255, 255, 255;
+        --sq-color-highlight: 4, 145, 194;
+        --sq-text-color: 58, 58, 58;
+        --sq-disabled-gray: 221, 225, 227;
+        --sq-light-gray: 241, 245, 247;
+        --sq-dark-gray: 226, 226, 226;
+        --sq-fairly-dark-gray: 96, 96, 97;
+        --sq-darkish-gray: 183, 183, 183;
+        --sq-danger-color: 217, 83, 79;
+        --sq-warning-color: 240, 173, 78;
+        --sq-success-color: 114, 192, 44;
+        --sq-icon: 4, 145, 194;
+        --sq-link: 42, 92, 132;
+        --sq-dark-background: 36, 37, 37;
+        --sq-dark-text: 194, 188, 176;
+        --sq-dark-disabled-gray: 70, 73, 73;
+        --sq-highlight-color-dark: 36, 45, 49;
+        --sq-gray-highlight: 249, 249, 249;
+        --sq-gray-highlight-dark: 36, 45, 49;
+        --sq-colored-hover: 238, 246, 253;
+        --sq-colored-hover-dark: 40, 42, 42;
+        --sq-multi-gray-dark: 66, 69, 69;
+        --sq-field-disabled-gray: 239, 239, 239;
+    }
 
 .color_topic {
-    --sq-color-dark: 42, 92, 132;
-    --sq-color-dark-dark: 145, 180, 203;
-    --sq-color-light: 237, 247, 246;
-    --sq-color-highlight: 4, 145, 194;
-    --sq-icon: 4, 145, 194;
-    --sq-link: 42, 92, 132;
-    --sq-link-dark: 145, 180, 203;
-    --sq-icon-dark: 4, 145, 194;
-    --sq-gray-highlight-dark: 36, 45, 49;
-    --sq-colored-hover: 238, 246, 253;
-    --sq-colored-hover-dark: 40, 42, 42;
-  }
+        --sq-color-dark: 42, 92, 132;
+        --sq-color-dark-dark: 145, 180, 203;
+        --sq-color-light: 237, 247, 246;
+        --sq-color-highlight: 4, 145, 194;
+        --sq-icon: 4, 145, 194;
+        --sq-link: 42, 92, 132;
+        --sq-link-dark: 145, 180, 203;
+        --sq-icon-dark: 4, 145, 194;
+        --sq-gray-highlight-dark: 36, 45, 49;
+        --sq-colored-hover: 238, 246, 253;
+        --sq-colored-hover-dark: 40, 42, 42;
+    }
 
 .color_analysis {
-    --sq-color-dark: 0, 121, 96;
-    --sq-color-dark-dark: 31, 207, 166;
-    --sq-color-light: 237, 247, 246;
-    --sq-color-highlight: 0, 153, 100;
-    --sq-icon: 0, 160, 89;
-    --sq-link: 0, 121, 96;
-    --sq-link-dark: 21, 99, 81;
-    --sq-icon-dark: 23, 126, 77;
-    --sq-gray-highlight-dark: 36, 45, 49;
-    --sq-colored-hover: 238, 248, 244;
-    --sq-colored-hover-dark: 33, 54, 47;
-  }
+        --sq-color-dark: 0, 121, 96;
+        --sq-color-dark-dark: 31, 207, 166;
+        --sq-color-light: 237, 247, 246;
+        --sq-color-highlight: 0, 153, 100;
+        --sq-icon: 0, 160, 89;
+        --sq-link: 0, 121, 96;
+        --sq-link-dark: 21, 99, 81;
+        --sq-icon-dark: 23, 126, 77;
+        --sq-gray-highlight-dark: 36, 45, 49;
+        --sq-colored-hover: 238, 248, 244;
+        --sq-colored-hover-dark: 33, 54, 47;
+    }
 
 .color_datalab {
-    --sq-color-dark: 242, 103, 34;
-    --sq-color-dark-dark: 242, 103, 34;
-    --sq-color-light: 237, 247, 246;
-    --sq-color-highlight: 244, 123, 62;
-    --sq-icon: 242, 103, 34;
-    --sq-icon-dark: 36, 37, 37;
-    --sq-link-dark: 36, 37, 37;
-    --sq-link: 242, 103, 34;
-    --sq-gray-highlight-dark: 36, 45, 49;
-    --sq-colored-hover: 241, 162, 120;
-    --sq-colored-hover-dark: 80, 43, 26;
-  }
+        --sq-color-dark: 242, 103, 34;
+        --sq-color-dark-dark: 242, 103, 34;
+        --sq-color-light: 237, 247, 246;
+        --sq-color-highlight: 244, 123, 62;
+        --sq-icon: 242, 103, 34;
+        --sq-icon-dark: 36, 37, 37;
+        --sq-link-dark: 36, 37, 37;
+        --sq-link: 242, 103, 34;
+        --sq-gray-highlight-dark: 36, 45, 49;
+        --sq-colored-hover: 241, 162, 120;
+        --sq-colored-hover-dark: 80, 43, 26;
+    }
 
 ol,
-  ul,
-  menu {
-    list-style: revert;
-    padding: revert;
-  }
+    ul,
+    menu {
+        list-style: revert;
+        padding: revert;
+    }
 
 *, ::before, ::after {
     --tw-border-spacing-x: 0;
@@ -2246,34 +2246,34 @@ ol,
 /* Make sure to keep these colors in sync with the webserver/_custom_variables.scss values to ensure cohesive UIs */
 
 .reactSelectMinHeight {
-  min-height: 34px !important;
+    min-height: 34px !important;
 }
 
 .reactSelectMinHeightSmall {
-  min-height: 22px !important;
+    min-height: 22px !important;
 }
 
 [type='checkbox']:checked,
 [type='radio']:checked {
-  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="white" 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>');
+    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="white" 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>');
 }
 
 .tw-dark [type='checkbox']:checked,
 .tw-dark [type='radio']:checked {
-  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>');
+    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;
-  }
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
 }
 
 .fade-in {
-  animation: fadeIn 500ms;
+    animation: fadeIn 500ms;
 }
 
 .before\:tw-absolute::before {
@@ -2378,8 +2378,8 @@ ol,
     border-top-color: transparent;
 }
 
-.before\:tw-content-\[\'\'\]::before {
-    --tw-content: '';
+.before\:tw-content-\[\\\'\\\'\]::before {
+    --tw-content: \'\';
     content: var(--tw-content);
 }
 

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/utils/browserId.js

@@ -0,0 +1,29 @@
+/**
+ * @exports the browser id (i.e., 'IE 11' 'Chrome 90')
+ * @see http://stackoverflow.com/questions/2400935/browser-detection-in-javascript
+ */
+export const browserId = (function () {
+    let tem;
+    const ua = navigator.userAgent;
+    let M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
+    if (/trident/i.test(M[1])) {
+        tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
+        return `IE ${tem[1] || ''}`;
+    }
+    if (M[1] === 'Chrome') {
+        tem = ua.match(/\b(OPR|Edge?)\/(\d+)/);
+        if (tem !== null) {
+            return tem.slice(1).join(' ').replace('OPR', 'Opera').replace('Edg ', 'Edge ');
+        }
+    }
+    M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
+    if ((tem = ua.match(/version\/(\d+)/i)) !== null) {
+        M.splice(1, 1, tem[1]);
+    }
+    return M.join(' ');
+})();
+export const browserName = browserId && browserId.split(' ', 2)[0];
+export const browserVersion = browserId && parseInt(browserId.split(' ', 2)[1], 10);
+export const browserIsFirefox = browserId && browserName === 'Firefox';
+export const browserIsEdgeBeforeChromium = browserName && browserVersion && browserName === 'Edge' && browserVersion < 70;
+//# sourceMappingURL=browserId.js.map

package/dist/utils/browserId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browserId.js","sourceRoot":"","sources":["../../src/utils/browserId.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAW,CAAC;IAChC,IAAI,GAAG,CAAC;IACR,MAAM,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,8DAA8D,CAAC,IAAI,EAAE,CAAC;IACvF,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;QACzB,GAAG,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;QACvC,OAAO,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;KAC7B;IAED,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;QACrB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;QACvC,IAAI,GAAG,KAAK,IAAI,EAAE;YAChB,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;SAChF;KACF;IAED,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAC1E,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,KAAK,IAAI,EAAE;QAChD,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;KACxB;IAED,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrB,CAAC,CAAC,EAAE,CAAC;AACL,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnE,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,IAAI,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,IAAI,WAAW,KAAK,SAAS,CAAC;AACvE,MAAM,CAAC,MAAM,2BAA2B,GACtC,WAAW,IAAI,cAAc,IAAI,WAAW,KAAK,MAAM,IAAI,cAAc,GAAG,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.js",