fis-component 0.0.22 → 0.0.24

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 (152) hide show
  1. package/dist/cjs/index.js +61675 -3992
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/src/assets/icons/BadgeIcon.d.ts +3 -0
  4. package/dist/cjs/types/src/assets/icons/ChevronSelector.d.ts +2 -0
  5. package/dist/cjs/types/src/assets/icons/DateIcon.d.ts +3 -0
  6. package/dist/cjs/types/src/assets/icons/DeleteIcon.d.ts +3 -0
  7. package/dist/cjs/types/src/assets/icons/EditIcon.d.ts +3 -0
  8. package/dist/cjs/types/src/assets/icons/RiseIcon.d.ts +2 -0
  9. package/dist/cjs/types/src/assets/icons/TimeIcon.d.ts +3 -0
  10. package/dist/cjs/types/src/assets/icons/index.d.ts +7 -0
  11. package/dist/cjs/types/src/components/Avatar/Avatar.stories.d.ts +1 -1
  12. package/dist/cjs/types/src/components/Avatar/index.d.ts +2 -1
  13. package/dist/cjs/types/src/components/Avatar/styles.d.ts +3 -0
  14. package/dist/cjs/types/src/components/Badge/Badge.stories.d.ts +4 -0
  15. package/dist/cjs/types/src/components/Badge/index.d.ts +18 -0
  16. package/dist/cjs/types/src/components/Badge/styles.d.ts +12 -0
  17. package/dist/cjs/types/src/components/{GroupButton/GroupButton.stories.d.ts → ButtonGroup/ButtonGroup.stories.d.ts} +2 -2
  18. package/dist/{esm/types/src/components/GroupButton → cjs/types/src/components/ButtonGroup}/index.d.ts +2 -2
  19. package/dist/cjs/types/src/components/Checkbox/index.d.ts +5 -5
  20. package/dist/cjs/types/src/components/CheckboxGroup/index.d.ts +34 -0
  21. package/dist/cjs/types/src/components/Divider/Divider.stories.d.ts +5 -0
  22. package/dist/cjs/types/src/components/Divider/index.d.ts +9 -0
  23. package/dist/cjs/types/src/components/Divider/styles.d.ts +2 -0
  24. package/dist/cjs/types/src/components/Input/{TextArea → InputArea}/TextArea.stories.d.ts +1 -1
  25. package/dist/cjs/types/src/components/Input/{TextArea → InputArea}/index.d.ts +4 -12
  26. package/dist/cjs/types/src/components/Input/InputDate/InputDate.stories.d.ts +5 -0
  27. package/dist/cjs/types/src/components/Input/InputDate/index.d.ts +16 -0
  28. package/dist/cjs/types/src/components/Input/InputDate/styles.d.ts +10 -0
  29. package/dist/cjs/types/src/components/Input/InputField/index.d.ts +2 -2
  30. package/dist/cjs/types/src/components/Input/InputLabel/index.d.ts +4 -1
  31. package/dist/cjs/types/src/components/Input/InputText/index.d.ts +1 -7
  32. package/dist/cjs/types/src/components/Input/InputTime/InputTime.stories.d.ts +5 -0
  33. package/dist/cjs/types/src/components/Input/InputTime/index.d.ts +10 -0
  34. package/dist/cjs/types/src/components/Input/InputTime/styles.d.ts +12 -0
  35. package/dist/cjs/types/src/components/Radio/index.d.ts +1 -1
  36. package/dist/cjs/types/src/components/RadioGroup/index.d.ts +35 -0
  37. package/dist/cjs/types/src/components/Segmented/Segmented.stories.d.ts +7 -0
  38. package/dist/cjs/types/src/components/Segmented/index.d.ts +39 -0
  39. package/dist/cjs/types/src/components/Segmented/styles.d.ts +15 -0
  40. package/dist/cjs/types/src/components/Slot/Slot.stories.example.d.ts +25 -0
  41. package/dist/cjs/types/src/components/Slot/index.d.ts +8 -0
  42. package/dist/cjs/types/src/components/Slot/styles.d.ts +1 -0
  43. package/dist/cjs/types/src/components/Switch/Switch.stories.d.ts +11 -0
  44. package/dist/cjs/types/src/components/Switch/index.d.ts +51 -0
  45. package/dist/cjs/types/src/components/Switch/styles.d.ts +20 -0
  46. package/dist/cjs/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +53 -0
  47. package/dist/cjs/types/src/components/Table/ColumnCell/index.d.ts +15 -0
  48. package/dist/cjs/types/src/components/Table/ColumnCell/styles.d.ts +12 -0
  49. package/dist/cjs/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +51 -0
  50. package/dist/cjs/types/src/components/Table/HeaderCell/index.d.ts +14 -0
  51. package/dist/cjs/types/src/components/Table/HeaderCell/styles.d.ts +12 -0
  52. package/dist/cjs/types/src/components/Table/Sorter/FISSorter.d.ts +18 -0
  53. package/dist/cjs/types/src/components/Table/Table/Table.stories.d.ts +32 -0
  54. package/dist/cjs/types/src/components/Table/Table/index.d.ts +8 -0
  55. package/dist/cjs/types/src/components/Table/Table/styles.d.ts +1 -0
  56. package/dist/cjs/types/src/components/Table/helper.d.ts +27 -0
  57. package/dist/cjs/types/src/components/Tabs/Tabs.stories.d.ts +7 -0
  58. package/dist/cjs/types/src/components/Tabs/index.d.ts +39 -0
  59. package/dist/cjs/types/src/components/Tabs/styles.d.ts +15 -0
  60. package/dist/cjs/types/src/components/Tooltip/Tooltip.stories.d.ts +12 -0
  61. package/dist/cjs/types/src/components/Tooltip/index.d.ts +28 -0
  62. package/dist/cjs/types/src/components/Tooltip/styles.d.ts +12 -0
  63. package/dist/cjs/types/src/components/Tooltip/util.d.ts +2 -0
  64. package/dist/cjs/types/src/index.d.ts +16 -2
  65. package/dist/cjs/types/src/styles/design-system/variable.d.ts +931 -816
  66. package/dist/cjs/types/src/utils/getTheme.d.ts +2843 -4
  67. package/dist/cjs/types/src/utils/mergeRefs.d.ts +12 -0
  68. package/dist/esm/index.js +61630 -3981
  69. package/dist/esm/index.js.map +1 -1
  70. package/dist/esm/types/src/assets/icons/BadgeIcon.d.ts +3 -0
  71. package/dist/esm/types/src/assets/icons/ChevronSelector.d.ts +2 -0
  72. package/dist/esm/types/src/assets/icons/DateIcon.d.ts +3 -0
  73. package/dist/esm/types/src/assets/icons/DeleteIcon.d.ts +3 -0
  74. package/dist/esm/types/src/assets/icons/EditIcon.d.ts +3 -0
  75. package/dist/esm/types/src/assets/icons/RiseIcon.d.ts +2 -0
  76. package/dist/esm/types/src/assets/icons/TimeIcon.d.ts +3 -0
  77. package/dist/esm/types/src/assets/icons/index.d.ts +7 -0
  78. package/dist/esm/types/src/components/Avatar/Avatar.stories.d.ts +1 -1
  79. package/dist/esm/types/src/components/Avatar/index.d.ts +2 -1
  80. package/dist/esm/types/src/components/Avatar/styles.d.ts +3 -0
  81. package/dist/esm/types/src/components/Badge/Badge.stories.d.ts +4 -0
  82. package/dist/esm/types/src/components/Badge/index.d.ts +18 -0
  83. package/dist/esm/types/src/components/Badge/styles.d.ts +12 -0
  84. package/dist/esm/types/src/components/{GroupButton/GroupButton.stories.d.ts → ButtonGroup/ButtonGroup.stories.d.ts} +2 -2
  85. package/dist/{cjs/types/src/components/GroupButton → esm/types/src/components/ButtonGroup}/index.d.ts +2 -2
  86. package/dist/esm/types/src/components/Checkbox/index.d.ts +5 -5
  87. package/dist/esm/types/src/components/CheckboxGroup/index.d.ts +34 -0
  88. package/dist/esm/types/src/components/Divider/Divider.stories.d.ts +5 -0
  89. package/dist/esm/types/src/components/Divider/index.d.ts +9 -0
  90. package/dist/esm/types/src/components/Divider/styles.d.ts +2 -0
  91. package/dist/esm/types/src/components/Input/{TextArea → InputArea}/TextArea.stories.d.ts +1 -1
  92. package/dist/esm/types/src/components/Input/{TextArea → InputArea}/index.d.ts +4 -12
  93. package/dist/esm/types/src/components/Input/InputDate/InputDate.stories.d.ts +5 -0
  94. package/dist/esm/types/src/components/Input/InputDate/index.d.ts +16 -0
  95. package/dist/esm/types/src/components/Input/InputDate/styles.d.ts +10 -0
  96. package/dist/esm/types/src/components/Input/InputField/index.d.ts +2 -2
  97. package/dist/esm/types/src/components/Input/InputLabel/index.d.ts +4 -1
  98. package/dist/esm/types/src/components/Input/InputText/index.d.ts +1 -7
  99. package/dist/esm/types/src/components/Input/InputTime/InputTime.stories.d.ts +5 -0
  100. package/dist/esm/types/src/components/Input/InputTime/index.d.ts +10 -0
  101. package/dist/esm/types/src/components/Input/InputTime/styles.d.ts +12 -0
  102. package/dist/esm/types/src/components/Radio/index.d.ts +1 -1
  103. package/dist/esm/types/src/components/RadioGroup/index.d.ts +35 -0
  104. package/dist/esm/types/src/components/Segmented/Segmented.stories.d.ts +7 -0
  105. package/dist/esm/types/src/components/Segmented/index.d.ts +39 -0
  106. package/dist/esm/types/src/components/Segmented/styles.d.ts +15 -0
  107. package/dist/esm/types/src/components/Slot/Slot.stories.example.d.ts +25 -0
  108. package/dist/esm/types/src/components/Slot/index.d.ts +8 -0
  109. package/dist/esm/types/src/components/Slot/styles.d.ts +1 -0
  110. package/dist/esm/types/src/components/Switch/Switch.stories.d.ts +11 -0
  111. package/dist/esm/types/src/components/Switch/index.d.ts +51 -0
  112. package/dist/esm/types/src/components/Switch/styles.d.ts +20 -0
  113. package/dist/esm/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +53 -0
  114. package/dist/esm/types/src/components/Table/ColumnCell/index.d.ts +15 -0
  115. package/dist/esm/types/src/components/Table/ColumnCell/styles.d.ts +12 -0
  116. package/dist/esm/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +51 -0
  117. package/dist/esm/types/src/components/Table/HeaderCell/index.d.ts +14 -0
  118. package/dist/esm/types/src/components/Table/HeaderCell/styles.d.ts +12 -0
  119. package/dist/esm/types/src/components/Table/Sorter/FISSorter.d.ts +18 -0
  120. package/dist/esm/types/src/components/Table/Table/Table.stories.d.ts +32 -0
  121. package/dist/esm/types/src/components/Table/Table/index.d.ts +8 -0
  122. package/dist/esm/types/src/components/Table/Table/styles.d.ts +1 -0
  123. package/dist/esm/types/src/components/Table/helper.d.ts +27 -0
  124. package/dist/esm/types/src/components/Tabs/Tabs.stories.d.ts +7 -0
  125. package/dist/esm/types/src/components/Tabs/index.d.ts +39 -0
  126. package/dist/esm/types/src/components/Tabs/styles.d.ts +15 -0
  127. package/dist/esm/types/src/components/Tooltip/Tooltip.stories.d.ts +12 -0
  128. package/dist/esm/types/src/components/Tooltip/index.d.ts +28 -0
  129. package/dist/esm/types/src/components/Tooltip/styles.d.ts +12 -0
  130. package/dist/esm/types/src/components/Tooltip/util.d.ts +2 -0
  131. package/dist/esm/types/src/index.d.ts +16 -2
  132. package/dist/esm/types/src/styles/design-system/variable.d.ts +931 -816
  133. package/dist/esm/types/src/utils/getTheme.d.ts +2843 -4
  134. package/dist/esm/types/src/utils/mergeRefs.d.ts +12 -0
  135. package/dist/index.d.ts +1253 -834
  136. package/package.json +15 -15
  137. package/dist/cjs/types/src/components/GroupCheckbox/index.d.ts +0 -20
  138. package/dist/cjs/types/src/components/GroupRadio/index.d.ts +0 -21
  139. package/dist/esm/types/src/components/GroupCheckbox/index.d.ts +0 -20
  140. package/dist/esm/types/src/components/GroupRadio/index.d.ts +0 -21
  141. /package/dist/cjs/types/src/components/{GroupButton → ButtonGroup}/styles.d.ts +0 -0
  142. /package/dist/cjs/types/src/components/{GroupCheckbox/GroupCheckbox.stories.d.ts → CheckboxGroup/CheckboxGroup.stories.d.ts} +0 -0
  143. /package/dist/cjs/types/src/components/{GroupCheckbox → CheckboxGroup}/styles.d.ts +0 -0
  144. /package/dist/cjs/types/src/components/Input/{TextArea → InputArea}/styles.d.ts +0 -0
  145. /package/dist/cjs/types/src/components/{GroupRadio/GroupRadio.stories.d.ts → RadioGroup/RadioGroup.stories.d.ts} +0 -0
  146. /package/dist/cjs/types/src/components/{GroupRadio → RadioGroup}/styles.d.ts +0 -0
  147. /package/dist/esm/types/src/components/{GroupButton → ButtonGroup}/styles.d.ts +0 -0
  148. /package/dist/esm/types/src/components/{GroupCheckbox/GroupCheckbox.stories.d.ts → CheckboxGroup/CheckboxGroup.stories.d.ts} +0 -0
  149. /package/dist/esm/types/src/components/{GroupCheckbox → CheckboxGroup}/styles.d.ts +0 -0
  150. /package/dist/esm/types/src/components/Input/{TextArea → InputArea}/styles.d.ts +0 -0
  151. /package/dist/esm/types/src/components/{GroupRadio/GroupRadio.stories.d.ts → RadioGroup/RadioGroup.stories.d.ts} +0 -0
  152. /package/dist/esm/types/src/components/{GroupRadio → RadioGroup}/styles.d.ts +0 -0
@@ -0,0 +1,3 @@
1
+ import { SvgIconProps } from "./SVGIconProps";
2
+ declare function BadgeIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
3
+ export default BadgeIcon;
@@ -0,0 +1,2 @@
1
+ declare const ChevronSelectorIcon: () => import("react/jsx-runtime").JSX.Element;
2
+ export default ChevronSelectorIcon;
@@ -0,0 +1,3 @@
1
+ import { SvgIconProps } from "./SVGIconProps";
2
+ declare function DateIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
3
+ export default DateIcon;
@@ -0,0 +1,3 @@
1
+ import { SvgIconProps } from "./SVGIconProps";
2
+ declare function EditIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
3
+ export default EditIcon;
@@ -0,0 +1,3 @@
1
+ import { SvgIconProps } from "./SVGIconProps";
2
+ declare function EditIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
3
+ export default EditIcon;
@@ -0,0 +1,2 @@
1
+ declare const RiseIcon: () => import("react/jsx-runtime").JSX.Element;
2
+ export default RiseIcon;
@@ -0,0 +1,3 @@
1
+ import { SvgIconProps } from "./SVGIconProps";
2
+ declare function TimeIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
3
+ export default TimeIcon;
@@ -12,3 +12,10 @@ export { default as CheckedIcon } from "./CheckedIcon";
12
12
  export { default as IndeterminateIcon } from "./IndeterminateIcon";
13
13
  export { default as RequestButtonLoadingIcon } from "./RequestButtonLoadingIcon";
14
14
  export { default as ResizeIcon } from "./ResizeIcon";
15
+ export { default as BadgeIcon } from "./BadgeIcon";
16
+ export { default as TimeIcon } from "./TimeIcon";
17
+ export { default as DateIcon } from "./DateIcon";
18
+ export { default as ChevronSelectorIcon } from "./ChevronSelector";
19
+ export { default as EditIcon } from "./EditIcon";
20
+ export { default as DeleteIcon } from "./DeleteIcon";
21
+ export { default as RiseIcon } from "./RiseIcon";
@@ -1,4 +1,4 @@
1
1
  import { Meta } from "@storybook/react";
2
2
  declare const _default: Meta;
3
3
  export default _default;
4
- export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./index").AvatarProps>;
4
+ export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
@@ -2,7 +2,7 @@ import React from "react";
2
2
  export type BadgeType = "rounded" | "square" | "without";
3
3
  export type AvatarSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
4
4
  export type StatusType = "green" | "red" | "yellow" | "blue" | "neutral";
5
- export type ColorType = "neutral" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink" | "disable";
5
+ export type ColorType = "neutral" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
6
6
  export type AvatarProps = {
7
7
  className?: string | undefined;
8
8
  src?: string;
@@ -14,6 +14,7 @@ export type AvatarProps = {
14
14
  isBadgeDot?: boolean;
15
15
  badge?: BadgeType;
16
16
  color?: ColorType;
17
+ disable?: boolean;
17
18
  };
18
19
  declare const FISAvatar: React.FC<AvatarProps>;
19
20
  export default FISAvatar;
@@ -4,9 +4,12 @@ interface AvatarProps {
4
4
  $badge?: BadgeType;
5
5
  $color?: ColorType;
6
6
  $status?: StatusType;
7
+ $disable?: boolean;
7
8
  }
8
9
  export declare const DivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;
9
10
  export declare const ImgAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, AvatarProps>> & string;
11
+ export declare const DivImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;
12
+ export declare const DivOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
10
13
  export declare const DivIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;
11
14
  export declare const SpanLetter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AvatarProps>> & string;
12
15
  export declare const DivBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AvatarProps>> & string;
@@ -0,0 +1,4 @@
1
+ import { Meta } from "@storybook/react";
2
+ declare const _default: Meta;
3
+ export default _default;
4
+ export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").BadgeProps>;
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ export type BadgeSize = "xs" | "sm" | "md" | "lg";
3
+ export type ColorType = "neutral" | "red" | "orange" | "yellow" | "lime" | "green" | "ocean" | "blue" | "indigo" | "violet" | "pink";
4
+ export type BadgeStatus = "info" | "caution" | "positive" | "negative" | "disable";
5
+ export type BadgeType = "default" | "solid";
6
+ export type BadgeProps = {
7
+ className?: string | undefined;
8
+ icon?: React.ReactNode;
9
+ label?: string;
10
+ size?: BadgeSize;
11
+ color?: ColorType;
12
+ status?: BadgeStatus;
13
+ type?: BadgeType;
14
+ src?: string;
15
+ disable?: boolean;
16
+ };
17
+ declare const FISBadge: React.FC<BadgeProps>;
18
+ export default FISBadge;
@@ -0,0 +1,12 @@
1
+ import { BadgeSize, BadgeStatus, ColorType } from ".";
2
+ interface BadgeProps {
3
+ $size?: BadgeSize;
4
+ $color?: ColorType;
5
+ $status?: BadgeStatus;
6
+ $type?: string;
7
+ $disable?: boolean;
8
+ }
9
+ export declare const DivContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BadgeProps>> & string;
10
+ export declare const DivIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BadgeProps>> & string;
11
+ export declare const SpanLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, BadgeProps>> & string;
12
+ export {};
@@ -1,6 +1,6 @@
1
1
  import type { Meta, StoryObj } from "@storybook/react";
2
- import FISGroupButton from ".";
3
- declare const meta: Meta<typeof FISGroupButton>;
2
+ import FISButtonGroup from ".";
3
+ declare const meta: Meta<typeof FISButtonGroup>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof meta>;
6
6
  export declare const Default: Story;
@@ -28,5 +28,5 @@ export interface GroupButtonProps {
28
28
  /** List of button options */
29
29
  options: ButtonOption[];
30
30
  }
31
- declare const FISGroupButton: React.FC<GroupButtonProps>;
32
- export default FISGroupButton;
31
+ declare const FISButtonGroup: React.FC<GroupButtonProps>;
32
+ export default FISButtonGroup;
@@ -1,7 +1,7 @@
1
- import React, { Ref, ComponentPropsWithoutRef } from "react";
2
- export type CheckboxSize = "sm" | "md";
3
- export type CheckboxVariant = "primary" | "secondary" | "tertiary";
4
- type CheckboxProps = ComponentPropsWithoutRef<"input"> & {
1
+ import React, { ComponentPropsWithoutRef, Ref } from 'react';
2
+ export type CheckboxSize = 'sm' | 'md';
3
+ export type CheckboxVariant = 'primary' | 'secondary' | 'tertiary';
4
+ type CheckboxProps = Omit<ComponentPropsWithoutRef<'input'>, 'size'> & {
5
5
  children?: React.ReactNode;
6
6
  /** Size for checkbox */
7
7
  size?: CheckboxSize;
@@ -23,7 +23,7 @@ type CheckboxProps = ComponentPropsWithoutRef<"input"> & {
23
23
  */
24
24
  inputRef?: Ref<HTMLInputElement>;
25
25
  };
26
- declare const FISCheckbox: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
26
+ declare const FISCheckbox: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & {
27
27
  children?: React.ReactNode;
28
28
  /** Size for checkbox */
29
29
  size?: CheckboxSize;
@@ -0,0 +1,34 @@
1
+ import { ForwardedRef, Ref } from "react";
2
+ import { CheckboxSize } from "../Checkbox";
3
+ type Value = string | number;
4
+ type Option<T> = {
5
+ value: T;
6
+ label: string;
7
+ };
8
+ type CheckboxGroupProps<T extends Value> = {
9
+ className?: string;
10
+ groupLabel: string;
11
+ options: Option<T>[] | readonly Option<T>[];
12
+ value: T[];
13
+ direction?: "row" | "column";
14
+ disabled?: boolean;
15
+ classContent?: string;
16
+ size?: CheckboxSize;
17
+ getOptionDisabled?: (option: Option<T>) => boolean;
18
+ onChange: (nextValue: T[]) => void;
19
+ onFocus?: () => void;
20
+ onBlur?: () => void;
21
+ };
22
+ declare function CheckboxGroupComponent<T extends Value>({ className, groupLabel, options, value, direction, disabled, classContent, size, getOptionDisabled, onChange, onFocus, onBlur, }: CheckboxGroupProps<T>, ref?: Ref<{
23
+ focus: () => void;
24
+ }>): import("react/jsx-runtime").JSX.Element;
25
+ declare namespace CheckboxGroupComponent {
26
+ var displayName: string;
27
+ }
28
+ declare const FISCheckboxGroup: <T extends Value>(props: CheckboxGroupProps<T> & {
29
+ ref?: ForwardedRef<{
30
+ focus: () => void;
31
+ }>;
32
+ }) => ReturnType<typeof CheckboxGroupComponent>;
33
+ export default FISCheckboxGroup;
34
+ export type { CheckboxGroupProps };
@@ -0,0 +1,5 @@
1
+ import { Meta } from "@storybook/react";
2
+ import FISDivider from ".";
3
+ declare const FISDividerStory: Meta<typeof FISDivider>;
4
+ export default FISDividerStory;
5
+ export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").IFISDividerProps>;
@@ -0,0 +1,9 @@
1
+ import { ComponentPropsWithoutRef } from "react";
2
+ export type TFISDividerPaddingSize = "tiny" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
3
+ export interface IFISDividerProps extends ComponentPropsWithoutRef<"div"> {
4
+ flip?: boolean;
5
+ paddingVertical?: TFISDividerPaddingSize;
6
+ paddingHorizontal?: TFISDividerPaddingSize;
7
+ }
8
+ declare const FISDivider: (props: IFISDividerProps) => import("react/jsx-runtime").JSX.Element;
9
+ export default FISDivider;
@@ -0,0 +1,2 @@
1
+ import { IFISDividerProps } from ".";
2
+ export declare const DividerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IFISDividerProps>> & string;
@@ -1,5 +1,5 @@
1
1
  import { Meta } from "@storybook/react";
2
- import { TextAreaProps } from "./";
2
+ import { TextAreaProps } from ".";
3
3
  declare const _default: Meta;
4
4
  export default _default;
5
5
  export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TextAreaProps>;
@@ -1,15 +1,11 @@
1
1
  import React, { ComponentPropsWithoutRef } from "react";
2
2
  import { InputLabelProps } from "../InputLabel";
3
3
  export type InputSize = "md" | "lg";
4
- export interface TextAreaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "onChange" | "onEnter" | "onBlur">, Partial<InputLabelProps> {
4
+ export interface TextAreaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "onEnter">, Partial<InputLabelProps> {
5
5
  /**Control the icon of the component*/
6
6
  iconSuffix?: React.ReactNode;
7
7
  /**Control the size of the component*/
8
- size: InputSize;
9
- /**placeholder for current field */
10
- placeholder: string;
11
- /**User-filled value*/
12
- value?: string;
8
+ size?: InputSize;
13
9
  /**Boolean to show the lenght of value user-filled*/
14
10
  showCount?: boolean;
15
11
  /**isNegative for current field*/
@@ -20,14 +16,10 @@ export interface TextAreaProps extends Omit<ComponentPropsWithoutRef<"textarea">
20
16
  message?: string;
21
17
  /**Control the width of the component*/
22
18
  fixedWidth?: number;
23
- /**Handle the change value of the field*/
24
- onChange?: (T: string | null) => void;
25
19
  /**Handle onEnter action*/
26
20
  onEnter?: (T: string | null) => void;
27
- /**Handle onBlur action*/
28
- onBlur?: (T: string | null) => void;
29
21
  /**Handle onEnter action*/
30
22
  onClickIconSuffix?: () => void;
31
23
  }
32
- declare const FISTextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
33
- export default FISTextArea;
24
+ declare const FISInputArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
25
+ export default FISInputArea;
@@ -0,0 +1,5 @@
1
+ import type { Meta } from "@storybook/react";
2
+ import { InputDateProps } from ".";
3
+ declare const _default: Meta;
4
+ export default _default;
5
+ export declare const Default: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,16 @@
1
+ import { InputFieldProps } from "../InputField";
2
+ import { InputLabelProps } from "../InputLabel";
3
+ export interface InputDateProps extends Omit<InputFieldProps, "value" | "onChange">, Partial<InputLabelProps> {
4
+ /**Date value*/
5
+ value?: Date | null;
6
+ /**Format Date*/
7
+ format?: string;
8
+ /**Hint text for current field*/
9
+ message?: string;
10
+ /**positive for current field*/
11
+ positive?: boolean;
12
+ /** Handle on change action */
13
+ onChange?: (date: Date | null) => void;
14
+ }
15
+ declare const FISInputDate: import("react").ForwardRefExoticComponent<InputDateProps & import("react").RefAttributes<HTMLInputElement>>;
16
+ export default FISInputDate;
@@ -0,0 +1,10 @@
1
+ export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ export declare const DivInputWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export declare const HiddenDatePickerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("antd/es/date-picker/generatePicker").PickerProps<import("dayjs").Dayjs>, "onChange" | "value" | "defaultValue" | "onOk"> & import("react").RefAttributes<import("rc-picker").PickerRef> & {
4
+ defaultValue?: unknown;
5
+ value?: unknown;
6
+ onChange?: ((date: unknown, dateString: string | string[]) => void) | undefined;
7
+ onOk?: ((date: unknown) => void) | undefined;
8
+ }, "ref"> & {
9
+ ref?: ((instance: import("rc-picker").PickerRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("rc-picker").PickerRef> | null | undefined;
10
+ }, never>> & string & Omit<import("antd/es/date-picker").DatePickerType, keyof import("react").Component<any, {}, any>>;
@@ -14,8 +14,8 @@ export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">,
14
14
  labelSuffix?: string | JSX.Element;
15
15
  /**negative for current field*/
16
16
  negative?: boolean;
17
- /**actived for current field*/
18
- actived?: boolean;
17
+ /**active-dropdown for current field*/
18
+ activeDropdown?: boolean;
19
19
  /** onClick for current field Button */
20
20
  onClickSuffix?: () => void;
21
21
  }
@@ -9,5 +9,8 @@ export interface InputLabelProps {
9
9
  /**onClickIconLabel for current field*/
10
10
  onClickIconLabel?: () => void;
11
11
  }
12
- declare const FISInputLabel: React.ForwardRefExoticComponent<InputLabelProps & React.RefAttributes<unknown>>;
12
+ declare const FISInputLabel: {
13
+ (props: InputLabelProps): import("react/jsx-runtime").JSX.Element;
14
+ displayName: string;
15
+ };
13
16
  export default FISInputLabel;
@@ -1,21 +1,15 @@
1
1
  import React from "react";
2
2
  import { InputFieldProps } from "../InputField";
3
3
  import { InputLabelProps } from "../InputLabel";
4
- export interface InputTextProps extends Omit<InputFieldProps, "onChange" | "onEnter" | "onBlur">, Partial<InputLabelProps> {
4
+ export interface InputTextProps extends InputFieldProps, Partial<InputLabelProps> {
5
5
  /**Boolean to show the lenght of value user-filled*/
6
6
  showCount?: boolean;
7
7
  /**Hint text for current field*/
8
8
  message?: string;
9
9
  /**positive for current field*/
10
10
  positive?: boolean;
11
- /**value for current field*/
12
- value?: string;
13
- /** Handle onChange action */
14
- onChange?: (value: string | null) => void;
15
11
  /** Handle onEnter action */
16
12
  onEnter?: (value: string | null) => void;
17
- /** Handle onBlur action */
18
- onBlur?: (value: string | null) => void;
19
13
  /** Handle onKeyDown action */
20
14
  onKeyDown?: (event: unknown) => void;
21
15
  }
@@ -0,0 +1,5 @@
1
+ import type { Meta } from "@storybook/react";
2
+ import { InputTimeProps } from ".";
3
+ declare const _default: Meta;
4
+ export default _default;
5
+ export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTimeProps>;
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import { InputFieldProps } from "../InputField";
3
+ import { InputLabelProps } from "../InputLabel";
4
+ export interface InputTimeProps extends InputFieldProps, Partial<InputLabelProps> {
5
+ message?: string;
6
+ positive?: boolean;
7
+ format?: string;
8
+ }
9
+ declare const FISInputTime: React.ForwardRefExoticComponent<InputTimeProps & React.RefAttributes<HTMLInputElement>>;
10
+ export default FISInputTime;
@@ -0,0 +1,12 @@
1
+ export declare const DivContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ export declare const DivHintWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export declare const SpanHintSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
4
+ export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
5
+ export declare const DivInputWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
+ export declare const HiddenTimePickerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("antd").TimePickerProps, "ref"> & import("react").RefAttributes<import("rc-picker").PickerRef>, "ref"> & {
7
+ ref?: ((instance: import("rc-picker").PickerRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("rc-picker").PickerRef> | null | undefined;
8
+ }, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("antd").TimePickerProps, "ref"> & import("react").RefAttributes<import("rc-picker").PickerRef>> & {
9
+ RangePicker: import("react").ForwardRefExoticComponent<import("antd").TimeRangePickerProps & import("react").RefAttributes<import("rc-picker").PickerRef>>;
10
+ _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
11
+ }, keyof import("react").Component<any, {}, any>>;
12
+ export declare const DivInputTimeSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -1,4 +1,4 @@
1
- import React, { Ref, ComponentPropsWithoutRef } from "react";
1
+ import React, { ComponentPropsWithoutRef, Ref } from "react";
2
2
  export type RadioSize = "sm" | "md";
3
3
  export type RadioVariant = "primary" | "secondary" | "tertiary";
4
4
  type RadioProps = Omit<ComponentPropsWithoutRef<"input">, "size"> & {
@@ -0,0 +1,35 @@
1
+ import { ForwardedRef, Ref } from "react";
2
+ import { RadioSize } from "../Radio";
3
+ type Value = string | number;
4
+ type Option<T> = {
5
+ value: T;
6
+ label: string;
7
+ };
8
+ type RadioGroupProps<T extends Value> = {
9
+ className?: string;
10
+ groupLabel: string;
11
+ options: Option<T>[] | readonly Option<T>[];
12
+ value: T | null;
13
+ direction?: "row" | "column";
14
+ name?: string;
15
+ disabled?: boolean;
16
+ size?: RadioSize;
17
+ classContent?: string;
18
+ getOptionDisabled?: (option: Option<T>) => boolean;
19
+ onChange: (nextValue: T) => void;
20
+ onFocus?: () => void;
21
+ onBlur?: () => void;
22
+ };
23
+ declare function RadioGroupComponent<T extends Value>({ className, groupLabel, options, name, value, direction, disabled, size, classContent, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>, ref?: Ref<{
24
+ focus: () => void;
25
+ }>): import("react/jsx-runtime").JSX.Element;
26
+ declare namespace RadioGroupComponent {
27
+ var displayName: string;
28
+ }
29
+ declare const RadioGroup: <T extends Value>(props: RadioGroupProps<T> & {
30
+ ref?: ForwardedRef<{
31
+ focus: () => void;
32
+ }>;
33
+ }) => ReturnType<typeof RadioGroupComponent>;
34
+ export default RadioGroup;
35
+ export type { RadioGroupProps };
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from "@storybook/react";
2
+ import Segmenteds from ".";
3
+ declare const meta: Meta<typeof Segmenteds>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Segmenteds>;
6
+ export declare const Default: Story;
7
+ export declare const ControlledSegmenteds: Story;
@@ -0,0 +1,39 @@
1
+ import React from "react";
2
+ export interface SegmentedPanelItemProps {
3
+ /** The tab control element associated with this pane item */
4
+ title?: string;
5
+ /** Defines the element that stands before the children element. */
6
+ startIcon?: React.ReactNode;
7
+ /** Defines the element that stands after the children element. */
8
+ endIcon?: React.ReactNode;
9
+ /** The unique value that identifies this pane item */
10
+ value: string;
11
+ /** If true, the pane item will be disabled */
12
+ disabled?: boolean;
13
+ /** Custom class name for styling */
14
+ className?: string;
15
+ /** The content to be displayed inside the pane */
16
+ children: React.ReactNode;
17
+ }
18
+ export declare const SegmentedPanelItem: React.FC<SegmentedPanelItemProps>;
19
+ export type SegmentedSize = "xs" | "sm" | "md" | "lg";
20
+ export interface SegmentedProps {
21
+ /** The child elements of the Segmented Control */
22
+ children: React.ReactNode;
23
+ /** The currently active segment (controlled component) */
24
+ active?: string;
25
+ /** The default active segment (uncontrolled component) */
26
+ defaultActive?: string;
27
+ /** The size of the Segmented Control */
28
+ size?: SegmentedSize;
29
+ /** Class name for the main container */
30
+ className?: string;
31
+ /** Class name for the inner content */
32
+ contentClassName?: string;
33
+ /** If true, the Segmented Control will stretch to full width */
34
+ fullWidth?: boolean;
35
+ /** Callback triggered when the active segment changes, receives the selected segment key */
36
+ onChange?: (key: string) => void;
37
+ }
38
+ declare const FISSegmented: React.FC<SegmentedProps>;
39
+ export default FISSegmented;
@@ -0,0 +1,15 @@
1
+ import { SegmentedSize } from ".";
2
+ export declare const DivSegmentedContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export declare const DivSegmentedNavSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
+ $fullWidth: boolean;
5
+ $size: SegmentedSize;
6
+ }>> & string;
7
+ export declare const DivSegmentedItemSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
8
+ $isActive: boolean;
9
+ $disabled?: boolean;
10
+ $size: SegmentedSize;
11
+ $fullWidth: boolean;
12
+ $onlyIcon: boolean;
13
+ }>> & string;
14
+ export declare const SpanIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
15
+ export declare const SpanContentSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
@@ -0,0 +1,25 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import(".").SlotProps & import("react").RefAttributes<HTMLLabelElement>>;
5
+ tags: string[];
6
+ args: {
7
+ className: string;
8
+ description: string;
9
+ };
10
+ argTypes: {
11
+ className: {
12
+ control: "text";
13
+ };
14
+ description: {
15
+ control: "text";
16
+ };
17
+ descriptionStyle: {
18
+ control: "object";
19
+ description: string;
20
+ };
21
+ };
22
+ };
23
+ export default meta;
24
+ type Story = StoryObj<typeof meta>;
25
+ export declare const Default: Story;
@@ -0,0 +1,8 @@
1
+ import { CSSProperties, DetailedHTMLProps, HTMLAttributes, ReactElement } from "react";
2
+ export interface SlotProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> {
3
+ className?: string;
4
+ description?: ReactElement | string;
5
+ descriptionStyle?: CSSProperties;
6
+ }
7
+ declare const FISSlot: import("react").ForwardRefExoticComponent<SlotProps & import("react").RefAttributes<HTMLLabelElement>>;
8
+ export default FISSlot;
@@ -0,0 +1 @@
1
+ export declare const DivSlotContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -0,0 +1,11 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import FISSwitch from '.';
3
+ declare const meta: Meta<typeof FISSwitch>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof FISSwitch>;
6
+ export declare const Basic: Story;
7
+ export declare const Sizes: Story;
8
+ export declare const WithLabels: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const Interactive: Story;
11
+ export declare const UseCases: Story;
@@ -0,0 +1,51 @@
1
+ import React from "react";
2
+ export type SwitchSize = "sm" | "md";
3
+ export type SwitchVariant = "primary" | "secondary" | "tertiary";
4
+ /**
5
+ * Props for the Switch component.
6
+ */
7
+ interface SwitchProps {
8
+ /**
9
+ * The toggle state.
10
+ * - `true`: The toggle is ON.
11
+ * - `false`: The toggle is OFF.
12
+ */
13
+ isOn: boolean;
14
+ /**
15
+ * Determines whether the toggle is disabled.
16
+ * - `true`: The toggle is disabled and cannot be interacted with.
17
+ * - `false` or not provided: The toggle is enabled.
18
+ * @default false
19
+ */
20
+ disabled?: boolean;
21
+ /**
22
+ * The size of the toggle.
23
+ * - Possible values are defined in `SwitchSize`.
24
+ * - Example: `"small" | "medium" | "large"`
25
+ */
26
+ size?: SwitchSize;
27
+ /**
28
+ * The main label displayed next to the toggle.
29
+ * - If not provided, the toggle will be displayed without a label.
30
+ */
31
+ label?: string;
32
+ /**
33
+ * The toggle's visual variant (styling type).
34
+ * - Possible values are defined in `SwitchVariant`.
35
+ * - Example: `"primary" | "secondary" | "outline"`
36
+ */
37
+ variant?: SwitchVariant;
38
+ /**
39
+ * A secondary label displayed below the toggle.
40
+ * - Typically used for additional descriptions or extra information.
41
+ */
42
+ subLabel?: string;
43
+ /**
44
+ * Callback function triggered when the toggle is clicked.
45
+ * - Takes no parameters.
46
+ * - Used to update the `isOn` state.
47
+ */
48
+ onToggle: () => void;
49
+ }
50
+ declare const FISSwitch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLDivElement>>;
51
+ export default FISSwitch;