@modul/mbui 0.0.13-beta-pv-53036-d9e9902b → 0.0.13-beta-pv-53036-15e2c639
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/Input/Input.js
CHANGED
|
@@ -10,7 +10,7 @@ const InputLabel = React.forwardRef(({ className, children, ...props }) => {
|
|
|
10
10
|
exports.InputLabel = InputLabel;
|
|
11
11
|
InputLabel.displayName = 'InputLabel';
|
|
12
12
|
const InputField = React.forwardRef(({ className, type, ...props }, ref) => {
|
|
13
|
-
return (React.createElement("input", { type: type, className: (0, utils_1.cn)('form-input border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-sm focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed', className), ref: ref, ...props }));
|
|
13
|
+
return (React.createElement("input", { type: type, className: (0, utils_1.cn)('form-input px-[16px] border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-sm focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed', className), ref: ref, ...props }));
|
|
14
14
|
});
|
|
15
15
|
exports.InputField = InputField;
|
|
16
16
|
InputField.displayName = 'InputField';
|
package/dist/Input/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,0CAAmC;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrC,OAAO,CACN,+BACC,SAAS,EAAE,IAAA,UAAE,EAAC,0GAA0G,EAAE,SAAS,CAAC,KAChI,KAAK,IAER,QAAQ,CACF,CACR,CAAA;AACF,CAAC,CACD,CAAA;AAoBoB,gCAAU;AAlB/B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAgE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzI,OAAO,CACN,+BACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,UAAE,EACZ,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,0DAA8B;AAC9B,0CAAmC;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrC,OAAO,CACN,+BACC,SAAS,EAAE,IAAA,UAAE,EAAC,0GAA0G,EAAE,SAAS,CAAC,KAChI,KAAK,IAER,QAAQ,CACF,CACR,CAAA;AACF,CAAC,CACD,CAAA;AAoBoB,gCAAU;AAlB/B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAgE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzI,OAAO,CACN,+BACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,UAAE,EACZ,2VAA2V,EAC3V,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
|
|
@@ -6,7 +6,7 @@ const React = (0, tslib_1.__importStar)(require("react"));
|
|
|
6
6
|
const Icon_1 = require("../Icon");
|
|
7
7
|
const react_select_1 = (0, tslib_1.__importStar)(require("react-select"));
|
|
8
8
|
const utils_1 = require("../@/lib/utils");
|
|
9
|
-
const selectTriggerClasses = 'flex items-center border-[1px] border-input rounded-
|
|
9
|
+
const selectTriggerClasses = 'flex items-center border-[1px] border-input rounded-sm h-[44px] text-left px-[16px] py-[12px] cursor-pointer';
|
|
10
10
|
const colourStyles = {
|
|
11
11
|
control: () => ({}),
|
|
12
12
|
option: () => ({}),
|
|
@@ -25,7 +25,7 @@ const Control = ({ children, ...props }) => {
|
|
|
25
25
|
const { isFocused } = props;
|
|
26
26
|
return (React.createElement(react_select_1.components.Control, { className: (0, utils_1.cn)(selectTriggerClasses, { 'outline outline-primary outline-offset-2 outline-2': isFocused }), ...props }, children));
|
|
27
27
|
};
|
|
28
|
-
const optionClasses = 'flex items-center first:rounded-t-
|
|
28
|
+
const optionClasses = 'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none';
|
|
29
29
|
const Option = ({ children, ...props }) => {
|
|
30
30
|
console.log(props);
|
|
31
31
|
const { isSelected, isFocused, isDisabled, } = props;
|
|
@@ -50,7 +50,7 @@ const SingleValue = ({ children, ...props }) => {
|
|
|
50
50
|
return (React.createElement(react_select_1.components.SingleValue, { className: "col-start-1 col-end-3 row-start-1 row-end-2", ...props }, children));
|
|
51
51
|
};
|
|
52
52
|
const Menu = ({ children, ...props }) => {
|
|
53
|
-
return (React.createElement(react_select_1.components.Menu, { className: "absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-
|
|
53
|
+
return (React.createElement(react_select_1.components.Menu, { className: "absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm", ...props }, children));
|
|
54
54
|
};
|
|
55
55
|
const Placeholder = ({ children, ...props }) => {
|
|
56
56
|
return (React.createElement(react_select_1.components.Placeholder, { className: "col-start-1 col-end-3 row-start-1 row-end-2 text-[16px] text-light truncate", ...props }, children));
|
package/package.json
CHANGED
package/src/Input/Input.tsx
CHANGED
|
@@ -21,7 +21,7 @@ const InputField = React.forwardRef<HTMLInputElement, React.InputHTMLAttributes<
|
|
|
21
21
|
<input
|
|
22
22
|
type={type}
|
|
23
23
|
className={cn(
|
|
24
|
-
'form-input border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-sm focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed',
|
|
24
|
+
'form-input px-[16px] border-input file:border-0 bg-transparent font-normal file:bg-transparent disabled:opacity-50 border rounded-sm focus-visible:ring-1 focus-visible:ring-ring w-full h-[44px] file:font-medium file:text-sm placeholder:text-muted-foreground leading-[1.17] transition-colors focus-visible:outline-none disabled:cursor-not-allowed',
|
|
25
25
|
className
|
|
26
26
|
)}
|
|
27
27
|
ref={ref}
|
|
@@ -20,7 +20,7 @@ import Select, {
|
|
|
20
20
|
import { cn } from '../@/lib/utils'
|
|
21
21
|
|
|
22
22
|
const selectTriggerClasses: string =
|
|
23
|
-
'flex items-center border-[1px] border-input rounded-
|
|
23
|
+
'flex items-center border-[1px] border-input rounded-sm h-[44px] text-left px-[16px] py-[12px] cursor-pointer'
|
|
24
24
|
|
|
25
25
|
const colourStyles: StylesConfig = {
|
|
26
26
|
control: () => ({}),
|
|
@@ -51,7 +51,7 @@ const Control = ({ children, ...props }: ControlProps) => {
|
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
const optionClasses =
|
|
54
|
-
'flex items-center first:rounded-t-
|
|
54
|
+
'flex items-center first:rounded-t-sm last:rounded-b-sm px-[16px] py-[12px] w-full cursor-default select-none outline-none'
|
|
55
55
|
|
|
56
56
|
const Option = ({ children, ...props }: OptionProps) => {
|
|
57
57
|
console.log(props)
|
|
@@ -137,7 +137,7 @@ const SingleValue = ({ children, ...props }: SingleValueProps) => {
|
|
|
137
137
|
const Menu = ({ children, ...props }: MenuProps) => {
|
|
138
138
|
return (
|
|
139
139
|
<components.Menu
|
|
140
|
-
className="absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-
|
|
140
|
+
className="absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm"
|
|
141
141
|
{...props}
|
|
142
142
|
>
|
|
143
143
|
{children}
|