@pixum/combobox 4.0.11 → 4.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +994 -977
- package/lib/styles.css +1 -1
- package/package.json +2 -2
- package/lib/helper/useIsDesktop.d.ts +0 -1
- package/lib/helper/useIsDesktop.js +0 -14
- package/lib/helper/useIsDesktop.js.map +0 -1
package/lib/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.combobox{width:100%;position:relative}.combobox--headline[class*=text--]+*{margin-top:var(--spacing-2)}.combobox--header,.combobox__options{position:relative}.combobox--header{width:100%;align-items:flex-start;flex-direction:column;gap:var(--spacing-1_5);height:auto;padding:var(--spacing-3) var(--spacing) var(--spacing-2)}.combobox__options{width:100%;max-height:none;display:flex;flex-direction:column;overflow:scroll}.combobox .input-outer-container .input-inner-container.input-inner-container--compact{height:48px}.combobox .user-input__label-container{align-self:baseline;padding-left:var(--spacing-2)}.combobox .user-input__label-container label.user-input__label{padding:var(--spacing-0_5)}.combobox__options .combobox__sticky-header,.combobox__options .menu-item[data-background-color=default]{padding-left:0}.combobox .search.user-input__compact{margin-bottom:var(--spacing-2)}.combobox__options .combobox__sticky-header{position:sticky;top:0;padding:var(--spacing-1_25) var(--spacing-2);background-color:var(--color-surface)}.combobox__options .menu-item[data-background-color=default]{padding:var(--spacing-1_5) var(--spacing-2)}.combobox__options .menu-item:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.combobox__options .text--caption{color:var(--color-on-secondary)}.combobox__options .item-header{display:flex;justify-content:space-between}.combobox .combobox__options .combobox__option-details{position:sticky;bottom:0;padding-left:var(--spacing);padding-right:var(--spacing);background-color:var(--color-surface)}.combobox .user-input__label.user-input__label--active{color:var(--color-on)}.combobox--no-results-text{text-align:center;padding:var(--spacing-2) var(--spacing)}.combobox .input-outer-container label{padding-top:0;padding-bottom:0;padding-left:0}@media screen and (min-width:960px){.combobox__options{position:absolute;overflow-x:auto;max-height:330px;border-radius:12px;margin-top:var(--spacing)}.combobox .user-input__label-container{padding-left:0}.combobox .search.user-input__compact{margin-bottom:0}}
|
|
1
|
+
.combobox{width:100%;position:relative}.combobox--headline[class*=text--]+*{margin-top:var(--spacing-2)}.combobox--header,.combobox__options{position:relative}.combobox--header{width:100%;align-items:flex-start;flex-direction:column;gap:var(--spacing-1_5);height:auto;padding:var(--spacing-3) var(--spacing) var(--spacing-2)}.combobox__options{width:100%;max-height:none;display:flex;flex-direction:column;overflow:scroll}.combobox .input-outer-container .input-inner-container.input-inner-container--compact{height:48px}.combobox .user-input__label-container{align-self:baseline;padding-left:var(--spacing-2)}.combobox .user-input__label-container label.user-input__label{padding:var(--spacing-0_5)}.combobox__options .combobox__sticky-header,.combobox__options .menu-item[data-background-color=default]{padding-left:0}.combobox .search.user-input__compact{margin-bottom:var(--spacing-2)}.combobox__options .combobox__sticky-header{position:-webkit-sticky;position:sticky;top:0;padding:var(--spacing-1_25) var(--spacing-2);background-color:var(--color-surface)}.combobox__options .menu-item[data-background-color=default]{padding:var(--spacing-1_5) var(--spacing-2)}.combobox__options .menu-item:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.combobox__options .text--caption{color:var(--color-on-secondary)}.combobox__options .item-header{display:flex;justify-content:space-between}.combobox .combobox__options .combobox__option-details{position:-webkit-sticky;position:sticky;bottom:0;padding-left:var(--spacing);padding-right:var(--spacing);background-color:var(--color-surface)}.combobox .user-input__label.user-input__label--active{color:var(--color-on)}.combobox--no-results-text{text-align:center;padding:var(--spacing-2) var(--spacing)}.combobox .input-outer-container label{padding-top:0;padding-bottom:0;padding-left:0}@media screen and (min-width:960px){.combobox__options{position:absolute;overflow-x:auto;max-height:330px;border-radius:12px;margin-top:var(--spacing)}.combobox .user-input__label-container{padding-left:0}.combobox .search.user-input__compact{margin-bottom:0}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pixum/combobox",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.13",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"module": "lib/index.js",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -21,5 +21,5 @@
|
|
|
21
21
|
"sideEffects": [
|
|
22
22
|
"*.css"
|
|
23
23
|
],
|
|
24
|
-
"gitHead": "
|
|
24
|
+
"gitHead": "ad6ecd97276f1db6cb6fdf71e2aebed5db928c1e"
|
|
25
25
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useIsDesktop: () => boolean;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useIsDesktop = void 0;
|
|
4
|
-
var react_1 = require("react");
|
|
5
|
-
var react_device_detect_1 = require("react-device-detect");
|
|
6
|
-
var useIsDesktop = function () {
|
|
7
|
-
var _a = (0, react_1.useState)(false), isPageLoaded = _a[0], setPageLoaded = _a[1];
|
|
8
|
-
(0, react_1.useEffect)(function () {
|
|
9
|
-
setPageLoaded(true);
|
|
10
|
-
}, []);
|
|
11
|
-
return (0, react_1.useMemo)(function () { return isPageLoaded && react_device_detect_1.isDesktop; }, [react_device_detect_1.isDesktop, isPageLoaded]);
|
|
12
|
-
};
|
|
13
|
-
exports.useIsDesktop = useIsDesktop;
|
|
14
|
-
//# sourceMappingURL=useIsDesktop.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useIsDesktop.js","sourceRoot":"","sources":["../../src/helper/useIsDesktop.ts"],"names":[],"mappings":";;;AAAA,+BAAoD;AACpD,2DAA+C;AAExC,IAAM,YAAY,GAAG;IACpB,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,YAAY,QAAA,EAAE,aAAa,QAAmB,CAAA;IAErD,IAAA,iBAAS,EAAC;QACR,aAAa,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAA,eAAO,EAAC,cAAM,OAAA,YAAY,IAAI,+BAAS,EAAzB,CAAyB,EAAE,CAAC,+BAAS,EAAE,YAAY,CAAC,CAAC,CAAA;AAC5E,CAAC,CAAA;AARY,QAAA,YAAY,gBAQxB"}
|