kahuna-base-react-components 1.2.2 → 1.2.4

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 (10) hide show
  1. package/dist/index.esm.js +1 -1
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/KButton/KButton.stories.tsx +4 -5
  7. package/src/components/KInput/KInput.stories.tsx +3 -5
  8. package/src/components/KTextArea/KTextArea.stories.tsx +1 -1
  9. package/src/components/KTextArea/KTextArea.tsx +1 -1
  10. package/src/main.css +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kahuna-base-react-components",
3
- "version": "1.2.2",
3
+ "version": "1.2.4",
4
4
  "description": "Kahuna Base React Components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
package/src/components/KButton/KButton.stories.tsx CHANGED
@@ -24,12 +24,11 @@ KButtonText.args = {
24
24
  borderRadius: 10,
25
25
  width: "160px",
26
26
  height: "44px",
27
- hoverBackground: "#A2FE67",
27
+ hoverBackground: "yellow",
28
28
  textDecoration: "underline",
29
- activeBackground: "#F00",
30
- border: "1px solid black",
31
- hoverBorder: "1px solid red",
32
- activeBorder: "1px solid transparent",
29
+ activeBackground: "black",
30
+ hoverBorder: "1px solid blue",
31
+ activeBorder: "1px solid red",
33
32
  };
34
33
 
35
34
  export const KButtonIcon = Template.bind({});
package/src/components/KInput/KInput.stories.tsx CHANGED
@@ -40,11 +40,9 @@ KInputPrimary.args = {
40
40
  }
41
41
  },
42
42
  placeholder: "Placeholder...",
43
- hoverBackground: "white",
44
- activeBackground: "red",
45
- border: "1px solid black",
46
- hoverBorder: "1px solid red",
47
- activeBorder: "1px solid transparent",
43
+ activeBackground: "yellow",
44
+ hoverBorder: "1px solid yellow",
45
+ activeBorder: "1px solid red",
48
46
  }
49
47
 
50
48
 
package/src/components/KTextArea/KTextArea.stories.tsx CHANGED
@@ -35,7 +35,7 @@ KTextAreaPrimary.args = {
35
35
  leftIcon: TracksIcon,
36
36
  activeBackground: "#FFF",
37
37
  maxHeight: 200,
38
- clearTextOnPressedEnter: true
38
+ clearTextOnPressedEnter: true,
39
39
  }
40
40
 
41
41
  export const KTextAreaLeftIcon = Template.bind({})
package/src/components/KTextArea/KTextArea.tsx CHANGED
@@ -163,4 +163,4 @@ const KTextArea: React.FC<KTextAreaProps> = (props) => {
163
163
  )
164
164
  }
165
165
 
166
- export default KTextArea
166
+ export default KTextArea
package/src/main.css CHANGED
@@ -43,7 +43,7 @@
43
43
  display: flex;
44
44
  align-items: center;
45
45
  align-self: stretch;
46
- transition: all 0.3s;
46
+ transition: all 0.3s, border 0s;
47
47
  }
48
48
 
49
49
  .k-input {
@@ -56,7 +56,7 @@
56
56
  line-height: 20px;
57
57
  /* 142.857% */
58
58
  letter-spacing: -0.084px;
59
- transition: all 0.3s;
59
+ transition: all 0.3s, height 0s;
60
60
  }
61
61
 
62
62
  .k-input::placeholder {
@@ -73,7 +73,7 @@
73
73
  align-items: center;
74
74
  gap: 4px;
75
75
  align-self: stretch;
76
- transition: all 0.3s;
76
+ transition: all 0.3s, border 0s;
77
77
  }
78
78
 
79
79
  .k-button:focus {