@modul/mbui 0.0.10-beta-pv-52970-8c953d22 → 0.0.10
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/dist/Drawer/Drawer.js
CHANGED
|
@@ -25,7 +25,7 @@ DrawerTitle.displayName = vaul_1.Drawer.Title.displayName;
|
|
|
25
25
|
const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
26
26
|
const direction = (0, react_1.useContext)(DrawerContext);
|
|
27
27
|
return (React.createElement(DrawerPortal, null,
|
|
28
|
-
React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)(`z-50 fixed inset-x-0 flex flex-col bg-page drop-shadow-1
|
|
28
|
+
React.createElement(vaul_1.Drawer.Content, { ref: ref, className: (0, utils_1.cn)(`z-50 fixed inset-x-0 flex flex-col bg-page drop-shadow-1 max-h-[94%] sm:container`, direction === 'top' ? 'top-0 rounded-b-1 ' : 'bottom-0 rounded-t-1', className), ...props },
|
|
29
29
|
direction !== 'top' && (React.createElement(DrawerClose, { className: "pt-[4px] pb-[16px]" },
|
|
30
30
|
React.createElement("span", { className: "block bg-[#cbcdd1] mx-auto rounded-full w-[36px] h-[5px]" }))),
|
|
31
31
|
children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,+BAAgD;AAChD,0CAAmC;AACnC,iCAAkC;AAElC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;AAEnD,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE;IAClF,OAAO,CACN,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,SAAS;QAC7C,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CACX,CACzB,CAAA;AACF,CAAC,CAAA;AAyEQ,wBAAM;AAvEf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAqE5B,sCAAa;AAnE9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AAiEmB,kCAAW;AA/DvE,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAE7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,aAAe,CAAC,KAAK,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,SAAS,CAAC,KACpB,KAAK,GACR,CACF,CAAC,CAAA;AAoD6C,kCAAW;AAlD1D,WAAW,CAAC,WAAW,GAAG,aAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAA;IAE3C,OAAO,CACN,oBAAC,YAAY;QACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,+BAAgD;AAChD,0CAAmC;AACnC,iCAAkC;AAElC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;AAEnD,MAAM,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,EAAqD,EAAE,EAAE;IAClF,OAAO,CACN,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,SAAS;QAC7C,oBAAC,aAAe,CAAC,IAAI,OAAK,KAAK,GAAI,CACX,CACzB,CAAA;AACF,CAAC,CAAA;AAyEQ,wBAAM;AAvEf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAqE5B,sCAAa;AAnE9B,MAAM,YAAY,GAAG,aAAe,CAAC,MAAM,CAAA;AAE3C,MAAM,WAAW,GAAG,aAAe,CAAC,KAAK,CAAA;AAiEmB,kCAAW;AA/DvE,MAAM,aAAa,GAAG,aAAe,CAAC,OAAO,CAAA;AAE7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,oBAAC,aAAe,CAAC,KAAK,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,SAAS,CAAC,KACpB,KAAK,GACR,CACF,CAAC,CAAA;AAoD6C,kCAAW;AAlD1D,WAAW,CAAC,WAAW,GAAG,aAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,aAAa,CAAC,CAAA;IAE3C,OAAO,CACN,oBAAC,YAAY;QACZ,oBAAC,aAAe,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACZ,mFAAmF,EACnF,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EACnE,SAAS,CACT,KACG,KAAK;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,oBAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB;gBAC1C,8BAAM,SAAS,EAAC,0DAA0D,GAAG,CAChE,CACd;YAEA,QAAQ;YAER,SAAS,KAAK,KAAK,IAAI,CACvB,oBAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB;gBAC3C,6BACC,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;oBAElC,8BACC,CAAC,EAAC,+UAA+U,EACjV,IAAI,EAAC,SAAS,GACb,CACG,CACO,CACd,CACwB,CACZ,CACf,CAAA;AACF,CAAC,CAAC,CAAA;AAG8B,sCAAa;AAF7C,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
|
package/package.json
CHANGED
package/src/@/config/index.ts
CHANGED
|
@@ -14,26 +14,21 @@ export default {
|
|
|
14
14
|
dark: 'var(--dark)',
|
|
15
15
|
primary: {
|
|
16
16
|
DEFAULT: 'var(--primary)',
|
|
17
|
-
hover: 'var(--primary-hover)',
|
|
18
|
-
focus: 'var(var(--primary-focus)',
|
|
19
|
-
active: 'var(--primary-active)',
|
|
20
17
|
light: {
|
|
21
18
|
DEFAULT: 'var(--primary-light)'
|
|
22
19
|
}
|
|
23
20
|
},
|
|
24
21
|
success: {
|
|
25
22
|
DEFAULT: 'var(--success)',
|
|
26
|
-
hover: 'var(--success-hover)',
|
|
27
|
-
focus: 'var(var(--success-focus)',
|
|
28
|
-
active: 'var(--success-active)',
|
|
29
23
|
},
|
|
30
24
|
secondary: {
|
|
31
25
|
DEFAULT: 'var(--secondary)',
|
|
32
|
-
hover: 'var(--secondary-hover)',
|
|
33
|
-
focus: 'var(var(--secondary-focus)',
|
|
34
|
-
active: 'var(--secondary-active)',
|
|
35
26
|
},
|
|
36
|
-
|
|
27
|
+
critical: {
|
|
28
|
+
DEFAULT: 'var(--critical)',
|
|
29
|
+
light: 'var(--critical-light)',
|
|
30
|
+
},
|
|
31
|
+
disabled: 'var(--disabled)',
|
|
37
32
|
transparent: 'transparent',
|
|
38
33
|
current: 'currentColor',
|
|
39
34
|
},
|
package/src/Drawer/Drawer.tsx
CHANGED
|
@@ -47,8 +47,8 @@ const DrawerContent = React.forwardRef<
|
|
|
47
47
|
<DrawerPrimitive.Content
|
|
48
48
|
ref={ref}
|
|
49
49
|
className={cn(
|
|
50
|
-
`z-50 fixed inset-x-0 flex flex-col bg-page drop-shadow-1
|
|
51
|
-
direction === 'top' ? 'top-0' : 'bottom-0',
|
|
50
|
+
`z-50 fixed inset-x-0 flex flex-col bg-page drop-shadow-1 max-h-[94%] sm:container`,
|
|
51
|
+
direction === 'top' ? 'top-0 rounded-b-1 ' : 'bottom-0 rounded-t-1',
|
|
52
52
|
className
|
|
53
53
|
)}
|
|
54
54
|
{...props}
|
|
@@ -78,10 +78,13 @@
|
|
|
78
78
|
--primary-light: var(--cl-blue-7);
|
|
79
79
|
--success: var(--cl-green-3);
|
|
80
80
|
--success-light: var(--cl-green-7);
|
|
81
|
-
--
|
|
81
|
+
--secondary: var(--cl-graphite-2);
|
|
82
82
|
--light: var(--cl-graphite-3);
|
|
83
83
|
--dark: var(--cl-graphite-2);
|
|
84
84
|
--disabled: var(--cl-graphite-4);
|
|
85
|
+
|
|
86
|
+
--critical: var(--cl-red-4);
|
|
87
|
+
--critical-light: var(--cl-red-7);
|
|
85
88
|
/* --text-quaternary:; */
|
|
86
89
|
|
|
87
90
|
--page-bg: var(--cl-white);
|