@televet/kibble-ui 2.1.7 → 2.1.8

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 (75) hide show
  1. package/build/components/DatePicker/datepicker.argTypes.d.ts +1 -1
  2. package/build/components/DatePicker/datepicker.stories.d.ts +1 -1
  3. package/build/components/DatePicker/examples/withCalendarPlacement.stories.d.ts +1 -1
  4. package/build/components/DatePicker/examples/withEmptyState.stories.d.ts +1 -1
  5. package/build/components/DatePicker/examples/withFormControls.stories.d.ts +1 -1
  6. package/build/components/DatePicker/index.js +1 -1
  7. package/build/components/Menu/components/MenuList/index.js +1 -1
  8. package/build/components/Menu/components/MenuList/menuList.component.d.ts +2 -1
  9. package/build/components/Menu/components/MenuList/menuList.stories.d.ts +1 -1
  10. package/build/components/Menu/examples/withPortal.stories.d.ts +18 -0
  11. package/build/components/Menu/index.js +1 -1
  12. package/build/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.d.ts +1 -1
  13. package/build/components/NotificationCounter/index.js +1 -1
  14. package/build/components/Popover/examples/withHeader.stories.d.ts +1 -1
  15. package/build/components/Select/index.js +1 -1
  16. package/build/components/Tabs/components/Tab/index.js +1 -1
  17. package/build/components/Tabs/index.js +1 -1
  18. package/build/components/TabsLayout/index.js +1 -1
  19. package/build/components/TextInput/examples/withCharCounter.stories.d.ts +19 -0
  20. package/build/components/TextInput/examples/withClearableInput.stories.d.ts +20 -0
  21. package/build/components/TextInput/examples/withCustomLabel.stories.d.ts +19 -0
  22. package/build/components/TextInput/examples/withFormControl.stories.d.ts +35 -0
  23. package/build/components/TextInput/examples/withIcons.stories.d.ts +23 -0
  24. package/build/components/TextInput/examples/withStyledLabel.stories.d.ts +26 -0
  25. package/build/components/TextInput/index.js +1 -1
  26. package/build/components/TextInput/textInput.argTypes.d.ts +3 -0
  27. package/build/components/TextInput/textInput.component.d.ts +6 -4
  28. package/build/components/TextInput/textInput.stories.d.ts +2 -107
  29. package/build/components/TextInput/textInput.types.d.ts +3 -0
  30. package/build/components/Textarea/textarea.stories.d.ts +1 -1
  31. package/build/components/TimePicker/examples/withCustomPickerPlacement.stories.d.ts +1 -1
  32. package/build/components/TimePicker/examples/withFormControls.stories.d.ts +1 -1
  33. package/build/components/TimePicker/examples/withMidnightUTCInitialTime.stories.d.ts +1 -1
  34. package/build/components/TimePicker/examples/withScrollableParentContainer.stories.d.ts +1 -1
  35. package/build/components/TimePicker/examples/withTenMinuteInterval.stories.d.ts +1 -1
  36. package/build/components/TimePicker/examples/withoutInputIcon.stories.d.ts +1 -1
  37. package/build/components/TimePicker/index.js +1 -1
  38. package/build/components/TimePicker/timePicker.argTypes.d.ts +1 -1
  39. package/build/components/TimePicker/timePicker.stories.d.ts +1 -1
  40. package/build/components/TimeRange/index.js +1 -1
  41. package/build/components/Toast/toast.stories.d.ts +2 -2
  42. package/build/components/index.js +1 -1
  43. package/build/{datepicker.types-a5898858.js → datepicker.types-2abe1bc9.js} +2 -2
  44. package/build/{datepicker.types-a5898858.js.map → datepicker.types-2abe1bc9.js.map} +1 -1
  45. package/build/index.js +1 -1
  46. package/build/menu.component-261acdde.js +2 -0
  47. package/build/menu.component-261acdde.js.map +1 -0
  48. package/build/menuList.component-2644c3c6.js +2 -0
  49. package/build/menuList.component-2644c3c6.js.map +1 -0
  50. package/build/modalFooterButtons.component-1e38e003.js.map +1 -1
  51. package/build/{notificationCounter.component-748d56ad.js → notificationCounter.component-24f3f4ab.js} +2 -2
  52. package/build/{notificationCounter.component-748d56ad.js.map → notificationCounter.component-24f3f4ab.js.map} +1 -1
  53. package/build/{select.component-7141bf80.js → select.component-502f4a07.js} +2 -2
  54. package/build/{select.component-7141bf80.js.map → select.component-502f4a07.js.map} +1 -1
  55. package/build/{tab.component-d98b2375.js → tab.component-43d30a25.js} +2 -2
  56. package/build/{tab.component-d98b2375.js.map → tab.component-43d30a25.js.map} +1 -1
  57. package/build/{tabs.component-7b766bac.js → tabs.component-62ac057c.js} +2 -2
  58. package/build/{tabs.component-7b766bac.js.map → tabs.component-62ac057c.js.map} +1 -1
  59. package/build/{tabsLayout.component-955f61df.js → tabsLayout.component-5df74a9c.js} +2 -2
  60. package/build/{tabsLayout.component-955f61df.js.map → tabsLayout.component-5df74a9c.js.map} +1 -1
  61. package/build/textInput.component-8ff848fa.js +2 -0
  62. package/build/textInput.component-8ff848fa.js.map +1 -0
  63. package/build/{timePicker.component-bb27b9f0.js → timePicker.component-c3cb72ec.js} +2 -2
  64. package/build/{timePicker.component-bb27b9f0.js.map → timePicker.component-c3cb72ec.js.map} +1 -1
  65. package/build/{timeRange.component-e8a0f2a6.js → timeRange.component-e0338c4a.js} +2 -2
  66. package/build/{timeRange.component-e8a0f2a6.js.map → timeRange.component-e0338c4a.js.map} +1 -1
  67. package/package.json +1 -1
  68. package/build/components/TextInput/components/ClearButton/clearButton.component.d.ts +0 -6
  69. package/build/components/TextInput/components/ClearButton/clearButton.records.d.ts +0 -2
  70. package/build/menu.component-a4fab3cb.js +0 -2
  71. package/build/menu.component-a4fab3cb.js.map +0 -1
  72. package/build/menuList.component-790babbe.js +0 -2
  73. package/build/menuList.component-790babbe.js.map +0 -1
  74. package/build/textInput.component-a0b43a66.js +0 -2
  75. package/build/textInput.component-a0b43a66.js.map +0 -1
@@ -79,8 +79,8 @@ export declare const datepickerArgTypes: {
79
79
  };
80
80
  };
81
81
  label: import("@storybook/addons").ArgType<unknown>;
82
- size: import("@storybook/addons").ArgType<unknown>;
83
82
  isDisabled: import("@storybook/addons").ArgType<unknown>;
83
+ size: import("@storybook/addons").ArgType<unknown>;
84
84
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
85
85
  errorText: import("@storybook/addons").ArgType<unknown>;
86
86
  formControlStyle: import("@storybook/addons").ArgType<unknown>;
@@ -85,8 +85,8 @@ declare const _default: {
85
85
  };
86
86
  };
87
87
  label: import("@storybook/addons").ArgType<unknown>;
88
- size: import("@storybook/addons").ArgType<unknown>;
89
88
  isDisabled: import("@storybook/addons").ArgType<unknown>;
89
+ size: import("@storybook/addons").ArgType<unknown>;
90
90
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
91
91
  errorText: import("@storybook/addons").ArgType<unknown>;
92
92
  formControlStyle: import("@storybook/addons").ArgType<unknown>;
@@ -85,8 +85,8 @@ declare const _default: {
85
85
  };
86
86
  };
87
87
  label: import("@storybook/addons").ArgType<unknown>;
88
- size: import("@storybook/addons").ArgType<unknown>;
89
88
  isDisabled: import("@storybook/addons").ArgType<unknown>;
89
+ size: import("@storybook/addons").ArgType<unknown>;
90
90
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
91
91
  errorText: import("@storybook/addons").ArgType<unknown>;
92
92
  formControlStyle: import("@storybook/addons").ArgType<unknown>;
@@ -85,8 +85,8 @@ declare const _default: {
85
85
  };
86
86
  };
87
87
  label: import("@storybook/addons").ArgType<unknown>;
88
- size: import("@storybook/addons").ArgType<unknown>;
89
88
  isDisabled: import("@storybook/addons").ArgType<unknown>;
89
+ size: import("@storybook/addons").ArgType<unknown>;
90
90
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
91
91
  errorText: import("@storybook/addons").ArgType<unknown>;
92
92
  formControlStyle: import("@storybook/addons").ArgType<unknown>;
@@ -85,8 +85,8 @@ declare const _default: {
85
85
  };
86
86
  };
87
87
  label: import("@storybook/addons").ArgType<unknown>;
88
- size: import("@storybook/addons").ArgType<unknown>;
89
88
  isDisabled: import("@storybook/addons").ArgType<unknown>;
89
+ size: import("@storybook/addons").ArgType<unknown>;
90
90
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
91
91
  errorText: import("@storybook/addons").ArgType<unknown>;
92
92
  formControlStyle: import("@storybook/addons").ArgType<unknown>;
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../datepicker.types-a5898858.js");require("react"),require("../../textInput.component-a0b43a66.js"),require("../../tslib.es6-d6f17add.js"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../index-fee8538e.js"),require("../../text.component-057889c3.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../button.component-c2b75fd2.js"),require("../../menu.component-a4fab3cb.js"),require("../../menuContainer.component-3e1e324b.js"),require("../../menu.context-22d23674.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-52602de9.js"),require("../../menuList.component-790babbe.js"),require("../../heading.component-e55f8364.js"),require("../../menuItem.component-431a91d3.js"),require("../../menu.config-14739188.js"),require("../../checkbox.component-7576daac.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../spinner.component-39040867.js"),require("../../chakra-ui-popover.esm-1e836c11.js"),Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return e.DateFormats}}),exports.DatePicker=e.DatePicker;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../datepicker.types-2abe1bc9.js");require("react"),require("../../textInput.component-8ff848fa.js"),require("../../tslib.es6-d6f17add.js"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../text.component-057889c3.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../button.component-c2b75fd2.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../index-fee8538e.js"),require("../../menu.component-261acdde.js"),require("../../menuContainer.component-3e1e324b.js"),require("../../menu.context-22d23674.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-52602de9.js"),require("../../menuList.component-2644c3c6.js"),require("../../heading.component-e55f8364.js"),require("../../menuItem.component-431a91d3.js"),require("../../menu.config-14739188.js"),require("../../checkbox.component-7576daac.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../spinner.component-39040867.js"),require("../../chakra-ui-popover.esm-1e836c11.js"),Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return e.DateFormats}}),exports.DatePicker=e.DatePicker;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component-790babbe.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../heading.component-e55f8364.js"),require("../../../../withTruncation-60a6b552.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../text.component-057889c3.js"),require("../../../../menuItem.component-431a91d3.js"),require("../../../../menu.config-14739188.js"),require("../../../../checkbox.component-7576daac.js"),require("../../../../withFormControl-6d7abf11.js"),require("../../../../useTheme-8873c39f.js"),require("../../../../icon.component-3355868e.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../../../chakra-ui-menu.esm-1ed98193.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),require("../../../../textInput.component-a0b43a66.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-input.esm-5fd07056.js"),require("../../../../button.component-c2b75fd2.js"),require("../../../../menu.context-22d23674.js"),require("../../../../spinner.component-39040867.js"),exports.MenuList=e.MenuList;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component-2644c3c6.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../heading.component-e55f8364.js"),require("../../../../withTruncation-60a6b552.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../text.component-057889c3.js"),require("../../../../menuItem.component-431a91d3.js"),require("../../../../menu.config-14739188.js"),require("../../../../checkbox.component-7576daac.js"),require("../../../../withFormControl-6d7abf11.js"),require("../../../../useTheme-8873c39f.js"),require("../../../../icon.component-3355868e.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../../../chakra-ui-menu.esm-1ed98193.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),require("../../../../textInput.component-8ff848fa.js"),require("../../../../button.component-c2b75fd2.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-input.esm-5fd07056.js"),require("../../../../menu.context-22d23674.js"),require("../../../../spinner.component-39040867.js"),exports.MenuList=e.MenuList;
2
2
  //# sourceMappingURL=index.js.map
@@ -14,6 +14,7 @@ export interface KMenuListProps {
14
14
  searchPlaceholder?: string;
15
15
  shouldRetainSelection?: boolean;
16
16
  shouldTruncateText?: boolean;
17
+ shouldUsePortal?: boolean;
17
18
  }
18
19
  export type MenuListProps = KMenuListProps & Omit<CMenuListProps, 'onSelect'>;
19
- export declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, isLoading, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: MenuListProps) => JSX.Element;
20
+ export declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, isLoading, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, shouldUsePortal, ...rest }: MenuListProps) => JSX.Element;
@@ -2,7 +2,7 @@
2
2
  import { KMenuListProps } from './menuList.component';
3
3
  declare const _default: {
4
4
  title: string;
5
- component: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, isLoading, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: import("./menuList.component").MenuListProps) => JSX.Element;
5
+ component: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, isLoading, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, shouldUsePortal, ...rest }: import("./menuList.component").MenuListProps) => JSX.Element;
6
6
  parameters: {
7
7
  controls: {
8
8
  sort: string;
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ import { MenuProps } from '../menu.component';
3
+ declare const _default: {
4
+ title: string;
5
+ component: ({ buttonProps, customTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
6
+ parameters: {
7
+ controls: {
8
+ sort: string;
9
+ };
10
+ height: string;
11
+ };
12
+ argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../menu.component").KMenuProps>;
13
+ };
14
+ export default _default;
15
+ export declare const WithPortal: {
16
+ (args: MenuProps): JSX.Element;
17
+ args: Partial<MenuProps>;
18
+ };
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../menuButton.component-52602de9.js"),r=require("../../menuContainer.component-3e1e324b.js"),u=require("../../menuItem.component-431a91d3.js"),i=require("../../menuList.component-790babbe.js"),n=require("../../menu.component-a4fab3cb.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../button.component-c2b75fd2.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../motion-7de675ca.js"),require("../../menu.context-22d23674.js"),require("../../menu.config-14739188.js"),require("../../text.component-057889c3.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../index-5a9be08d.js"),require("../../checkbox.component-7576daac.js"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../heading.component-e55f8364.js"),require("../../textInput.component-a0b43a66.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-39040867.js"),exports.MenuButton=e.MenuButton,exports.MenuContainer=r.MenuContainer,exports.MenuItem=u.MenuItem,exports.MenuList=i.MenuList,exports.Menu=n.Menu;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../menuButton.component-52602de9.js"),r=require("../../menuContainer.component-3e1e324b.js"),u=require("../../menuItem.component-431a91d3.js"),i=require("../../menuList.component-2644c3c6.js"),n=require("../../menu.component-261acdde.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../button.component-c2b75fd2.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../motion-7de675ca.js"),require("../../menu.context-22d23674.js"),require("../../menu.config-14739188.js"),require("../../text.component-057889c3.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../index-5a9be08d.js"),require("../../checkbox.component-7576daac.js"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../heading.component-e55f8364.js"),require("../../textInput.component-8ff848fa.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-39040867.js"),exports.MenuButton=e.MenuButton,exports.MenuContainer=r.MenuContainer,exports.MenuItem=u.MenuItem,exports.MenuList=i.MenuList,exports.Menu=n.Menu;
2
2
  //# sourceMappingURL=index.js.map
@@ -6,7 +6,7 @@ export interface ModalFooterButtonProps extends CModalFooterProps {
6
6
  loadingText?: string;
7
7
  isDisabled?: boolean;
8
8
  isDestructive?: boolean;
9
- onSubmit?: () => void;
9
+ onSubmit?: () => void | Promise<void>;
10
10
  allowCancel?: boolean;
11
11
  onCancel?: () => void;
12
12
  }
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../notificationCounter.component-748d56ad.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),exports.NotificationCounter=e.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return e.NotificationCounterVariant}});
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../notificationCounter.component-24f3f4ab.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),exports.NotificationCounter=e.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return e.NotificationCounterVariant}});
2
2
  //# sourceMappingURL=index.js.map
@@ -5,9 +5,9 @@ declare const _default: {
5
5
  title: string;
6
6
  component: ({ allowEscape, anchor, children, contentProps, footerProps, headerProps, placement, size, trigger, variant, ...rest }: PopoverProps) => JSX.Element;
7
7
  argTypes: {
8
- hideCloseButton: import("@storybook/addons").ArgType<unknown>;
9
8
  color: import("@storybook/addons").ArgType<unknown>;
10
9
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
10
+ hideCloseButton: import("@storybook/addons").ArgType<unknown>;
11
11
  headerChildren: import("@storybook/addons").ArgType<unknown>;
12
12
  headerSize: import("@storybook/addons").ArgType<unknown>;
13
13
  size: import("@storybook/addons").ArgType<unknown>;
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../select.component-7141bf80.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../menuContainer.component-3e1e324b.js"),require("../../menu.context-22d23674.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../motion-7de675ca.js"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../menuList.component-790babbe.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../index-5a9be08d.js"),require("../../text.component-057889c3.js"),require("../../menuItem.component-431a91d3.js"),require("../../menu.config-14739188.js"),require("../../checkbox.component-7576daac.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../textInput.component-a0b43a66.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../button.component-c2b75fd2.js"),require("../../spinner.component-39040867.js"),require("../../chakra-ui-select.esm-793cf4de.js"),exports.Select=e.WrappedSelect;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../select.component-502f4a07.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../menuContainer.component-3e1e324b.js"),require("../../menu.context-22d23674.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../motion-7de675ca.js"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../menuList.component-2644c3c6.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../index-5a9be08d.js"),require("../../text.component-057889c3.js"),require("../../menuItem.component-431a91d3.js"),require("../../menu.config-14739188.js"),require("../../checkbox.component-7576daac.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../textInput.component-8ff848fa.js"),require("../../button.component-c2b75fd2.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-39040867.js"),require("../../chakra-ui-select.esm-793cf4de.js"),exports.Select=e.WrappedSelect;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../tab.component-d98b2375.js");require("../../../../tslib.es6-d6f17add.js"),require("../../../../notificationCounter.component-748d56ad.js"),require("react"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../icon.component-3355868e.js"),require("../../../../icons/index.js"),require("../../../../heading.component-e55f8364.js"),require("../../../../withTruncation-60a6b552.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-tabs.esm-e6372403.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),exports.Tab=e.Tab;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../tab.component-43d30a25.js");require("../../../../tslib.es6-d6f17add.js"),require("../../../../notificationCounter.component-24f3f4ab.js"),require("react"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../icon.component-3355868e.js"),require("../../../../icons/index.js"),require("../../../../heading.component-e55f8364.js"),require("../../../../withTruncation-60a6b552.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-tabs.esm-e6372403.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),exports.Tab=e.Tab;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tab.component-d98b2375.js"),r=require("../../tabs.component-7b766bac.js");require("../../tslib.es6-d6f17add.js"),require("../../notificationCounter.component-748d56ad.js"),require("react"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-e6372403.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),exports.Tab=e.Tab,exports.Tabs=r.Tabs;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tab.component-43d30a25.js"),r=require("../../tabs.component-62ac057c.js");require("../../tslib.es6-d6f17add.js"),require("../../notificationCounter.component-24f3f4ab.js"),require("react"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-e6372403.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),exports.Tab=e.Tab,exports.Tabs=r.Tabs;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tabsLayout.component-955f61df.js");require("react"),require("../../tabs.component-7b766bac.js"),require("../../tslib.es6-d6f17add.js"),require("../../tab.component-d98b2375.js"),require("../../notificationCounter.component-748d56ad.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-e6372403.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),exports.TabsLayout=e.TabsLayout;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tabsLayout.component-5df74a9c.js");require("react"),require("../../tabs.component-62ac057c.js"),require("../../tslib.es6-d6f17add.js"),require("../../tab.component-43d30a25.js"),require("../../notificationCounter.component-24f3f4ab.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../heading.component-e55f8364.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-e6372403.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),exports.TabsLayout=e.TabsLayout;
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { TextInputProps } from '../textInput.component';
3
+ declare const _default: {
4
+ component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
5
+ parameters: {
6
+ controls: {
7
+ sort: string;
8
+ width: string;
9
+ };
10
+ };
11
+ argTypes: {
12
+ helperText: import("@storybook/addons").ArgType<unknown>;
13
+ };
14
+ };
15
+ export default _default;
16
+ export declare const WithCharCounter: {
17
+ (args: TextInputProps): JSX.Element;
18
+ args: Partial<TextInputProps>;
19
+ };
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { TextInputProps } from '../textInput.component';
3
+ declare const _default: {
4
+ component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
5
+ parameters: {
6
+ controls: {
7
+ sort: string;
8
+ width: string;
9
+ };
10
+ };
11
+ argTypes: {
12
+ isClearable: import("@storybook/addons").ArgType<unknown>;
13
+ onClear: import("@storybook/addons").ArgType<unknown>;
14
+ };
15
+ };
16
+ export default _default;
17
+ export declare const WithClearableInput: {
18
+ (args: Partial<TextInputProps>): JSX.Element;
19
+ args: Partial<import("../textInput.component").ClearableTextInputProps & import("@chakra-ui/react").InputProps>;
20
+ };
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import { TextInputProps } from '../textInput.component';
3
+ declare const _default: {
4
+ component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
5
+ parameters: {
6
+ controls: {
7
+ sort: string;
8
+ width: string;
9
+ };
10
+ };
11
+ argTypes: {
12
+ label: import("@storybook/addons").ArgType<unknown>;
13
+ };
14
+ };
15
+ export default _default;
16
+ export declare const WithCustomLabel: {
17
+ (args: TextInputProps): JSX.Element;
18
+ args: Partial<TextInputProps>;
19
+ };
@@ -0,0 +1,35 @@
1
+ import React from 'react';
2
+ import { TextInputProps } from '../textInput.component';
3
+ declare const _default: {
4
+ component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
5
+ parameters: {
6
+ controls: {
7
+ sort: string;
8
+ width: string;
9
+ };
10
+ };
11
+ argTypes: {
12
+ label: import("@storybook/addons").ArgType<unknown>;
13
+ isDisabled: import("@storybook/addons").ArgType<unknown>;
14
+ size: import("@storybook/addons").ArgType<unknown>;
15
+ isOnContrast: import("@storybook/addons").ArgType<unknown>;
16
+ errorText: import("@storybook/addons").ArgType<unknown>;
17
+ formControlStyle: import("@storybook/addons").ArgType<unknown>;
18
+ helperText: import("@storybook/addons").ArgType<unknown>;
19
+ invalidIconColor: import("@storybook/addons").ArgType<unknown>;
20
+ isFieldInline: import("@storybook/addons").ArgType<unknown>;
21
+ isInvalid: import("@storybook/addons").ArgType<unknown>;
22
+ isReadOnly: import("@storybook/addons").ArgType<unknown>;
23
+ isRequired: import("@storybook/addons").ArgType<unknown>;
24
+ labelStyle: import("@storybook/addons").ArgType<unknown>;
25
+ labelPosition: import("@storybook/addons").ArgType<unknown>;
26
+ useInvalidBorder: import("@storybook/addons").ArgType<unknown>;
27
+ useInvalidIcon: import("@storybook/addons").ArgType<unknown>;
28
+ useInvalidText: import("@storybook/addons").ArgType<unknown>;
29
+ };
30
+ };
31
+ export default _default;
32
+ export declare const WithFormControl: {
33
+ (args: TextInputProps): JSX.Element;
34
+ args: Partial<TextInputProps>;
35
+ };
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ import { TextInputProps } from '../textInput.component';
3
+ declare const _default: {
4
+ component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
5
+ parameters: {
6
+ controls: {
7
+ sort: string;
8
+ width: string;
9
+ };
10
+ };
11
+ argTypes: {
12
+ leftElement: import("@storybook/addons").ArgType<unknown>;
13
+ rightElement: import("@storybook/addons").ArgType<unknown>;
14
+ };
15
+ };
16
+ export default _default;
17
+ export declare const WithIcons: {
18
+ (args: TextInputProps): JSX.Element;
19
+ args: {
20
+ leftElement: JSX.Element;
21
+ rightElement: JSX.Element;
22
+ };
23
+ };
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import { TextInputProps } from '../textInput.component';
3
+ declare const _default: {
4
+ component: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
5
+ parameters: {
6
+ controls: {
7
+ sort: string;
8
+ width: string;
9
+ };
10
+ };
11
+ argTypes: {
12
+ label: import("@storybook/addons").ArgType<unknown>;
13
+ labelStyle: import("@storybook/addons").ArgType<unknown>;
14
+ };
15
+ };
16
+ export default _default;
17
+ export declare const WithStyledLabel: {
18
+ (args: TextInputProps): JSX.Element;
19
+ args: {
20
+ label: string;
21
+ labelStyle: {
22
+ fontWeight: number;
23
+ color: string;
24
+ };
25
+ };
26
+ };
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../textInput.component-a0b43a66.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../chakra-ui-input.esm-5fd07056.js"),exports.TextInput=e.WrappedTextInput;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../textInput.component-8ff848fa.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../withFormControl-6d7abf11.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../icon.component-3355868e.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../text.component-057889c3.js"),require("../../withTruncation-60a6b552.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../button.component-c2b75fd2.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-input.esm-5fd07056.js"),exports.TextInput=e.WrappedTextInput;
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,3 @@
1
+ import { KibbleArgTypes } from '../../shared/types/storybook';
2
+ import { KTextInputProps } from './textInput.component';
3
+ export declare const textInputArgTypes: KibbleArgTypes<KTextInputProps>;
@@ -2,12 +2,13 @@ import React, { ForwardedRef, ReactElement } from 'react';
2
2
  import { InputProps as CInputProps } from '@chakra-ui/react';
3
3
  import { WithFormControlProps } from '../../shared/hocs/FormControl/withFormControl';
4
4
  import { FormControlSize } from '../../shared/types/formControl';
5
- export interface TextInputBaseProps extends WithFormControlProps, CInputProps {
5
+ export interface TextInputBaseProps extends WithFormControlProps {
6
+ charLimit?: number;
7
+ inputRef?: ForwardedRef<HTMLInputElement>;
8
+ isOnContrast?: boolean;
6
9
  leftElement?: ReactElement;
7
10
  rightElement?: ReactElement;
8
- inputRef?: ForwardedRef<HTMLInputElement>;
9
11
  size?: FormControlSize;
10
- isOnContrast?: boolean;
11
12
  }
12
13
  export interface DefaultTextInputProps extends TextInputBaseProps {
13
14
  isClearable?: never;
@@ -17,6 +18,7 @@ export interface ClearableTextInputProps extends TextInputBaseProps {
17
18
  isClearable: boolean;
18
19
  onClear: (val: string | number | readonly string[]) => void;
19
20
  }
20
- export type TextInputProps = DefaultTextInputProps | ClearableTextInputProps;
21
+ export type KTextInputProps = DefaultTextInputProps | ClearableTextInputProps;
22
+ export type TextInputProps = KTextInputProps & CInputProps;
21
23
  declare const WrappedTextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
22
24
  export { WrappedTextInput as TextInput };
@@ -8,113 +8,8 @@ declare const _default: {
8
8
  width: string;
9
9
  };
10
10
  };
11
- argTypes: {
12
- leftElement: {
13
- control: {
14
- type: string;
15
- };
16
- table: {
17
- type: {
18
- summary: string;
19
- };
20
- defaultValue: {
21
- summary: string;
22
- };
23
- };
24
- description: string;
25
- };
26
- rightElement: {
27
- control: {
28
- type: string;
29
- };
30
- table: {
31
- type: {
32
- summary: string;
33
- };
34
- defaultValue: {
35
- summary: string;
36
- };
37
- };
38
- description: string;
39
- };
40
- isClearable: {
41
- control: string;
42
- defaultValue: boolean;
43
- table: {
44
- type: {
45
- summary: string;
46
- };
47
- defaultValue: {
48
- summary: boolean;
49
- };
50
- };
51
- description: string;
52
- };
53
- onClear: {
54
- description: string;
55
- action: string;
56
- table: {
57
- type: {
58
- summary: string;
59
- };
60
- };
61
- };
62
- label: import("@storybook/addons").ArgType<unknown>;
63
- size: import("@storybook/addons").ArgType<unknown>;
64
- isDisabled: import("@storybook/addons").ArgType<unknown>;
65
- isOnContrast: import("@storybook/addons").ArgType<unknown>;
66
- errorText: import("@storybook/addons").ArgType<unknown>;
67
- formControlStyle: import("@storybook/addons").ArgType<unknown>;
68
- helperText: import("@storybook/addons").ArgType<unknown>;
69
- invalidIconColor: import("@storybook/addons").ArgType<unknown>;
70
- isFieldInline: import("@storybook/addons").ArgType<unknown>;
71
- isInvalid: import("@storybook/addons").ArgType<unknown>;
72
- isReadOnly: import("@storybook/addons").ArgType<unknown>;
73
- isRequired: import("@storybook/addons").ArgType<unknown>;
74
- labelStyle: import("@storybook/addons").ArgType<unknown>;
75
- labelPosition: import("@storybook/addons").ArgType<unknown>;
76
- useInvalidBorder: import("@storybook/addons").ArgType<unknown>;
77
- useInvalidIcon: import("@storybook/addons").ArgType<unknown>;
78
- useInvalidText: import("@storybook/addons").ArgType<unknown>;
79
- };
11
+ argTypes: import("../../shared/types/storybook").KibbleArgTypes<import("./textInput.component").KTextInputProps>;
80
12
  title: string;
81
- id: string;
82
13
  };
83
14
  export default _default;
84
- export declare const Default: (args: TextInputProps) => JSX.Element;
85
- export declare const Required: (args: TextInputProps) => JSX.Element;
86
- export declare const Error: {
87
- (args: TextInputProps): JSX.Element;
88
- args: {
89
- value: string;
90
- };
91
- };
92
- export declare const Disabled: (args: TextInputProps) => JSX.Element;
93
- export declare const InputWithIcons: (args: TextInputProps) => JSX.Element;
94
- export declare const ClearableInput: () => JSX.Element;
95
- export declare const WithStyledLabel: {
96
- (args: TextInputProps): JSX.Element;
97
- args: {
98
- label: string;
99
- labelStyle: {
100
- fontWeight: number;
101
- color: string;
102
- };
103
- placeholder: string;
104
- };
105
- };
106
- export declare const WithCustomLabel: {
107
- (args: TextInputProps): JSX.Element;
108
- args: {
109
- label: JSX.Element;
110
- placeholder: string;
111
- };
112
- };
113
- export declare const WithHelperText: {
114
- (args: TextInputProps): JSX.Element;
115
- args: {
116
- label: string;
117
- placeholder: string;
118
- helperTextAlignment: string;
119
- };
120
- };
15
+ export declare const TextInputPlayground: (args: TextInputProps) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ import { ButtonSize } from '../Button';
2
+ import { FormControlSize } from '../../shared/types/formControl';
3
+ export declare const closeButtonSizeMap: Record<FormControlSize, ButtonSize>;
@@ -44,8 +44,8 @@ declare const _default: {
44
44
  };
45
45
  };
46
46
  label: import("@storybook/addons").ArgType<unknown>;
47
- size: import("@storybook/addons").ArgType<unknown>;
48
47
  isDisabled: import("@storybook/addons").ArgType<unknown>;
48
+ size: import("@storybook/addons").ArgType<unknown>;
49
49
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
50
50
  errorText: import("@storybook/addons").ArgType<unknown>;
51
51
  formControlStyle: import("@storybook/addons").ArgType<unknown>;
@@ -67,8 +67,8 @@ declare const _default: {
67
67
  };
68
68
  };
69
69
  label: import("@storybook/addons").ArgType<unknown>;
70
- size: import("@storybook/addons").ArgType<unknown>;
71
70
  isDisabled: import("@storybook/addons").ArgType<unknown>;
71
+ size: import("@storybook/addons").ArgType<unknown>;
72
72
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
73
73
  errorText: import("@storybook/addons").ArgType<unknown>;
74
74
  formControlStyle: import("@storybook/addons").ArgType<unknown>;
@@ -67,8 +67,8 @@ declare const _default: {
67
67
  };
68
68
  };
69
69
  label: import("@storybook/addons").ArgType<unknown>;
70
- size: import("@storybook/addons").ArgType<unknown>;
71
70
  isDisabled: import("@storybook/addons").ArgType<unknown>;
71
+ size: import("@storybook/addons").ArgType<unknown>;
72
72
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
73
73
  errorText: import("@storybook/addons").ArgType<unknown>;
74
74
  formControlStyle: import("@storybook/addons").ArgType<unknown>;
@@ -67,8 +67,8 @@ declare const _default: {
67
67
  };
68
68
  };
69
69
  label: import("@storybook/addons").ArgType<unknown>;
70
- size: import("@storybook/addons").ArgType<unknown>;
71
70
  isDisabled: import("@storybook/addons").ArgType<unknown>;
71
+ size: import("@storybook/addons").ArgType<unknown>;
72
72
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
73
73
  errorText: import("@storybook/addons").ArgType<unknown>;
74
74
  formControlStyle: import("@storybook/addons").ArgType<unknown>;
@@ -68,8 +68,8 @@ declare const _default: {
68
68
  };
69
69
  };
70
70
  label: import("@storybook/addons").ArgType<unknown>;
71
- size: import("@storybook/addons").ArgType<unknown>;
72
71
  isDisabled: import("@storybook/addons").ArgType<unknown>;
72
+ size: import("@storybook/addons").ArgType<unknown>;
73
73
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
74
74
  errorText: import("@storybook/addons").ArgType<unknown>;
75
75
  formControlStyle: import("@storybook/addons").ArgType<unknown>;
@@ -67,8 +67,8 @@ declare const _default: {
67
67
  };
68
68
  };
69
69
  label: import("@storybook/addons").ArgType<unknown>;
70
- size: import("@storybook/addons").ArgType<unknown>;
71
70
  isDisabled: import("@storybook/addons").ArgType<unknown>;
71
+ size: import("@storybook/addons").ArgType<unknown>;
72
72
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
73
73
  errorText: import("@storybook/addons").ArgType<unknown>;
74
74
  formControlStyle: import("@storybook/addons").ArgType<unknown>;
@@ -67,8 +67,8 @@ declare const _default: {
67
67
  };
68
68
  };
69
69
  label: import("@storybook/addons").ArgType<unknown>;
70
- size: import("@storybook/addons").ArgType<unknown>;
71
70
  isDisabled: import("@storybook/addons").ArgType<unknown>;
71
+ size: import("@storybook/addons").ArgType<unknown>;
72
72
  isOnContrast: import("@storybook/addons").ArgType<unknown>;
73
73
  errorText: import("@storybook/addons").ArgType<unknown>;
74
74
  formControlStyle: import("@storybook/addons").ArgType<unknown>;