kahuna-base-react-components 0.1.9 → 0.1.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.
Files changed (8) hide show
  1. package/dist/components/KInput/KInput.d.ts +1 -0
  2. package/dist/index.esm.js +1 -1
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/types.d.ts +1 -0
  7. package/package.json +1 -1
  8. package/src/components/KInput/KInput.tsx +3 -0
package/dist/types.d.ts CHANGED
@@ -60,6 +60,7 @@ interface KInputProps {
60
60
  background?: string;
61
61
  activeBackground?: string;
62
62
  borderRadius?: number;
63
+ disabled?: boolean;
63
64
  placeholder?: string;
64
65
  shadowDisabled?: boolean;
65
66
  type?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kahuna-base-react-components",
3
- "version": "0.1.9",
3
+ "version": "0.1.10",
4
4
  "description": "Kahuna Base React Components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
package/src/components/KInput/KInput.tsx CHANGED
@@ -12,6 +12,7 @@ export interface KInputProps {
12
12
  background?: string
13
13
  activeBackground?: string
14
14
  borderRadius?: number
15
+ disabled?: boolean
15
16
  placeholder?: string
16
17
  shadowDisabled?: boolean
17
18
  type?: string
@@ -37,6 +38,7 @@ const KInput: React.FC<KInputProps> = (props) => {
37
38
  const boxShadow = props.shadowDisabled ? "" : "0 0 0 1px rgba(17, 17, 17, 0.04), 0 1px 1px 0 rgba(17, 17, 17, 0.04)"
38
39
  const type = props.type || "text"
39
40
  const accentColor = props.accentColor || ""
41
+ const disabled = props.disabled || false
40
42
 
41
43
  return (
42
44
  <div className={"k-input-container"} style={{background, borderRadius, boxShadow}}>
@@ -52,6 +54,7 @@ const KInput: React.FC<KInputProps> = (props) => {
52
54
  style={{background, width, height, accentColor}}
53
55
  value={props.value}
54
56
  placeholder={props.placeholder || ""}
57
+ disabled={disabled}
55
58
  onBlur={(event) => {
56
59
  if (props.onBlur) props.onBlur(event.target.value)
57
60
  }}