@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.
@@ -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';
@@ -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,iVAAiV,EACjV,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAC,CAAA;AAIO,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
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-md h-[44px] text-left px-[16px] py-[12px] cursor-pointer';
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-md last:rounded-b-md px-[16px] py-[12px] w-full cursor-default select-none outline-none';
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-md", ...props }, children));
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@modul/mbui",
3
- "version": "0.0.13-beta-pv-53036-d9e9902b",
3
+ "version": "0.0.13-beta-pv-53036-15e2c639",
4
4
  "packageManager": "yarn@3.5.1",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -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-md h-[44px] text-left px-[16px] py-[12px] cursor-pointer'
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-md last:rounded-b-md px-[16px] py-[12px] w-full cursor-default select-none outline-none'
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-md"
140
+ className="absolute inset-x-0 bg-page shadow-sm mt-[8px] rounded-sm"
141
141
  {...props}
142
142
  >
143
143
  {children}