kahuna-base-react-components 1.2.11 → 1.2.12

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/types.d.ts CHANGED
@@ -152,7 +152,7 @@ interface KDropdownProps {
152
152
  width?: number;
153
153
  height?: number;
154
154
  leftIcon?: string;
155
- position?: string;
155
+ menuPosition?: string;
156
156
  rightIcon?: string;
157
157
  background?: string;
158
158
  activeBackground?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kahuna-base-react-components",
3
- "version": "1.2.11",
3
+ "version": "1.2.12",
4
4
  "description": "Kahuna Base React Components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
@@ -27,7 +27,7 @@ export interface KDropdownProps {
27
27
  width?: number
28
28
  height?: number
29
29
  leftIcon?: string
30
- position?: string
30
+ menuPosition?: string
31
31
  rightIcon?: string
32
32
  background?: string
33
33
  activeBackground?: string
@@ -85,7 +85,7 @@ const KDropdown: React.FC<KDropdownProps> = (props) => {
85
85
  const boxShadow = props.shadowDisabled ? "" : "0 0 0 1px rgba(17, 17, 17, 0.04), 0 1px 1px 0 rgba(17, 17, 17, 0.04)"
86
86
  const menuBackground = props.menuBackground || "rgb(249, 249, 249)"
87
87
  const padding = props.padding || "8px"
88
- const position = props.position || "absolute"
88
+ const menuPosition = props.menuPosition || "absolute"
89
89
  const gap = props.gap || "4px"
90
90
  const hideIcon = props.hideChosenOptionIcon || false
91
91
  const isClearable = props.isClearable || false
@@ -224,9 +224,7 @@ const KDropdown: React.FC<KDropdownProps> = (props) => {
224
224
  boxShadow,
225
225
  padding,
226
226
  gap,
227
- border,
228
- //@ts-ignore
229
- position
227
+ border
230
228
  }}
231
229
  >
232
230
  {props.leftIcon && <img src={props.leftIcon} width={20} alt={"l-icon"} />}
@@ -261,6 +259,7 @@ const KDropdown: React.FC<KDropdownProps> = (props) => {
261
259
  minHeight: "21px",
262
260
  border: "none"
263
261
  }),
262
+ //@ts-ignore
264
263
  menu: (base) => ({
265
264
  ...base,
266
265
  borderRadius: 10,
@@ -271,7 +270,8 @@ const KDropdown: React.FC<KDropdownProps> = (props) => {
271
270
  paddingRight: 3,
272
271
  paddingLeft: 3,
273
272
  width: menuWidth,
274
- left: menuLeftMargin
273
+ left: menuLeftMargin,
274
+ position: menuPosition
275
275
  }),
276
276
  menuList: (base) => ({
277
277
  ...base,
@@ -1,10 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KButton from "./KButton";
3
- declare const _default: Meta<typeof KButton>;
4
- export default _default;
5
- export declare const KButtonText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KButton").KButtonProps>;
6
- export declare const KButtonIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KButton").KButtonProps>;
7
- export declare const KButtonLeftIconText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KButton").KButtonProps>;
8
- export declare const KButtonRightIconText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KButton").KButtonProps>;
9
- export declare const KButtonLeftRightIconText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KButton").KButtonProps>;
10
- export declare const KButtonLeftRightMiddleIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KButton").KButtonProps>;
@@ -1,7 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KCodeInput, { KCodeInputProps } from "./KCodeInput";
3
- declare const _default: Meta<typeof KCodeInput>;
4
- export default _default;
5
- export declare const KCodeInputPrimary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KCodeInputProps>;
6
- export declare const KCodeInputSecondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KCodeInputProps>;
7
- export declare const KCodeInputDefault: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KCodeInputProps>;
@@ -1,9 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KDropdown, { KDropdownProps } from "./KDropdown";
3
- declare const _default: Meta<typeof KDropdown>;
4
- export default _default;
5
- export declare const KDropdownSingle: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KDropdownProps>;
6
- export declare const KDropdownMulti: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KDropdownProps>;
7
- export declare const KDropdownLeftIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KDropdownProps>;
8
- export declare const KDropdownRightIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KDropdownProps>;
9
- export declare const KDropdownLeftRightIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KDropdownProps>;
@@ -1,10 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KInput, { KInputProps } from "./KInput";
3
- declare const _default: Meta<typeof KInput>;
4
- export default _default;
5
- export declare const KInputPrimary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KInputProps>;
6
- export declare const KInputRange: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KInputProps>;
7
- export declare const KInputCheckbox: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KInputProps>;
8
- export declare const KInputLeftIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KInputProps>;
9
- export declare const KInputRightIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KInputProps>;
10
- export declare const KInputLeftRightIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KInputProps>;
@@ -1,6 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KLogo from "./KLogo";
3
- declare const _default: Meta<typeof KLogo>;
4
- export default _default;
5
- export declare const KLogoText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KLogo").KLogoProps>;
6
- export declare const KLogoHover: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KLogo").KLogoProps>;
@@ -1,6 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KSelectDate, { KSelectDateProps } from "./KSelectDate";
3
- declare const _default: Meta<typeof KSelectDate>;
4
- export default _default;
5
- export declare const KSelectDatePrimary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KSelectDateProps>;
6
- export declare const KSelectDateHoverText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KSelectDateProps>;
@@ -1,7 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KSelectRange, { KSelectRangeProps } from "./KSelectRange";
3
- declare const _default: Meta<typeof KSelectRange>;
4
- export default _default;
5
- export declare const KSelectRangePrimary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KSelectRangeProps>;
6
- export declare const KSelectRangeMinimumDate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KSelectRangeProps>;
7
- export declare const KSelectRangeHoverText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KSelectRangeProps>;
@@ -1,5 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KSlider from "./KSlider";
3
- declare const _default: Meta<typeof KSlider>;
4
- export default _default;
5
- export declare const KSliderPrimary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KSlider").KSliderProps>;
@@ -1,6 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KSliderLabel, { SliderLabelProps } from "./KSliderLabel";
3
- declare const _default: Meta<typeof KSliderLabel>;
4
- export default _default;
5
- export declare const KSliderLabelPrimary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SliderLabelProps>;
6
- export declare const KSliderLabelHoverText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SliderLabelProps>;
@@ -1,5 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KSpan, { KSpanProps } from "./KSpan";
3
- declare const _default: Meta<typeof KSpan>;
4
- export default _default;
5
- export declare const KSpanPrimary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KSpanProps>;
@@ -1,8 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KTextArea from "./KTextArea";
3
- declare const _default: Meta<typeof KTextArea>;
4
- export default _default;
5
- export declare const KTextAreaPrimary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KTextArea").KTextAreaProps>;
6
- export declare const KTextAreaLeftIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KTextArea").KTextAreaProps>;
7
- export declare const KTextAreaRightIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KTextArea").KTextAreaProps>;
8
- export declare const KTextAreaLeftRightIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./KTextArea").KTextAreaProps>;
@@ -1,6 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KTitleSpan, { KTitleSpanProps } from "./KTitleSpan";
3
- declare const _default: Meta<typeof KTitleSpan>;
4
- export default _default;
5
- export declare const KTitleSpanPrimary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KTitleSpanProps>;
6
- export declare const KTitleSpanSecondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KTitleSpanProps>;
@@ -1,6 +0,0 @@
1
- import { Meta } from "@storybook/react";
2
- import KTooltip, { KTooltipProps } from "./KTooltip";
3
- declare const _default: Meta<typeof KTooltip>;
4
- export default _default;
5
- export declare const KTooltipPrimary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KTooltipProps>;
6
- export declare const KTooltipSecondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, KTooltipProps>;