@inntechcorp/it-design 3.1.24 → 4.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ACCESSIBILITY.md +517 -0
- package/README.md +88 -11
- package/dist/accordion/index.d.ts +2 -2
- package/dist/accordion/item/styled.d.ts +2 -2
- package/dist/accordion/styled.d.ts +1 -0
- package/dist/accordion/submenu/styled.d.ts +5 -5
- package/dist/alert/Description.d.ts +7 -0
- package/dist/alert/Title.d.ts +7 -0
- package/dist/alert/alert.style.error.d.ts +1 -1
- package/dist/alert/alert.style.info.d.ts +1 -1
- package/dist/alert/alert.style.neutral.d.ts +4 -0
- package/dist/alert/alert.style.success.d.ts +1 -1
- package/dist/alert/alert.style.warning.d.ts +1 -1
- package/dist/alert/index.d.ts +4 -2
- package/dist/alert/styled.d.ts +4 -8
- package/dist/alink/index.d.ts +2 -10
- package/dist/alink/styled.d.ts +1 -1
- package/dist/back-top/styled.d.ts +2 -2
- package/dist/button/button.style.default.d.ts +1 -1
- package/dist/button/button.style.filled.d.ts +1 -1
- package/dist/button/button.style.ghost.d.ts +1 -1
- package/dist/button/button.style.icon.d.ts +2 -2
- package/dist/button/button.style.link.d.ts +1 -1
- package/dist/button/button.style.outline.d.ts +1 -1
- package/dist/button/button.style.size.d.ts +4 -1
- package/dist/button/button.style.solid.d.ts +1 -1
- package/dist/button/index.d.ts +10 -2
- package/dist/button/styled.d.ts +3 -12
- package/dist/calendar/day/Day.d.ts +2 -2
- package/dist/calendar/day/styled.d.ts +1 -1
- package/dist/calendar/header/styled.d.ts +6 -6
- package/dist/calendar/index.d.ts +11 -3
- package/dist/calendar/styled.d.ts +6 -6
- package/dist/card/Card.d.ts +9 -0
- package/dist/card/CardAction.d.ts +7 -0
- package/dist/card/CardContent.d.ts +7 -0
- package/dist/card/CardDescription.d.ts +7 -0
- package/dist/card/CardFooter.d.ts +8 -0
- package/dist/card/CardHeader.d.ts +8 -0
- package/dist/card/CardTabs.d.ts +7 -0
- package/dist/card/CardTitle.d.ts +7 -0
- package/dist/card/index.d.ts +8 -3
- package/dist/card/styles.d.ts +9 -9
- package/dist/checkbox/group/index.d.ts +1 -1
- package/dist/checkbox/group/styled.d.ts +1 -1
- package/dist/checkbox/index.d.ts +1 -1
- package/dist/checkbox/styled.d.ts +6 -5
- package/dist/context/ITDContext.d.ts +3 -2
- package/dist/context/ITDThemeProvider.d.ts +8 -0
- package/dist/context/styled.d.ts +1 -1
- package/dist/datepicker/index.d.ts +2 -2
- package/dist/datepicker/styled.d.ts +5 -5
- package/dist/enums/enum.d.ts +138 -8
- package/dist/flex/index.d.ts +1 -1
- package/dist/flex/styled.d.ts +2 -2
- package/dist/floating/Arrow.d.ts +17 -0
- package/dist/floating/FloatingContent.d.ts +60 -0
- package/dist/floating/mergeTriggerProps.d.ts +8 -0
- package/dist/form/context/FormContext.d.ts +5 -2
- package/dist/form/context/FormStore.d.ts +6 -3
- package/dist/form/control/Control.d.ts +1 -1
- package/dist/form/control/styled.d.ts +1 -1
- package/dist/form/group/Group.d.ts +1 -1
- package/dist/form/group/styled.d.ts +1 -1
- package/dist/form/index.d.ts +5 -5
- package/dist/form/item/Item.d.ts +2 -3
- package/dist/form/validation/Validator.d.ts +2 -3
- package/dist/form/wrapper/FormWrapper.d.ts +2 -2
- package/dist/helpers/binary/GetTypeByFileType.d.ts +2 -2
- package/dist/helpers/country/GetCountryCodeByCurrencyCode.d.ts +1 -1
- package/dist/helpers/country/GetCountryCodeByLanguage.d.ts +1 -1
- package/dist/helpers/css/FindSelector.d.ts +10 -0
- package/dist/helpers/currency/ConvertCurrency.d.ts +1 -1
- package/dist/helpers/currency/GetCurrencyFormat.d.ts +9 -0
- package/dist/helpers/currency/GetCurrencySymbol.d.ts +1 -1
- package/dist/helpers/datetime/FormatTime.d.ts +1 -1
- package/dist/helpers/datetime/dayjsSetup.d.ts +1 -1
- package/dist/helpers/index.d.ts +36 -32
- package/dist/helpers/locale/getLocaleDateByString.d.ts +1 -0
- package/dist/helpers/svg/styles.d.ts +1 -1
- package/dist/helpers/theme/Color.d.ts +19 -0
- package/dist/helpers/theme/GenerateColorScale.d.ts +16 -0
- package/dist/helpers/theme/cssVariables.d.ts +30 -0
- package/dist/helpers/theme/dark.d.ts +3 -0
- package/dist/helpers/theme/index.d.ts +9 -0
- package/dist/helpers/theme/light.d.ts +3 -0
- package/dist/helpers/theme/themes.d.ts +5 -0
- package/dist/helpers/theme/tokens.d.ts +392 -0
- package/dist/hooks/index.d.ts +15 -15
- package/dist/hooks/useAddExternalCSS.d.ts +4 -5
- package/dist/hooks/useAvoidCollision.d.ts +6 -1
- package/dist/hooks/useComponentSize.d.ts +1 -1
- package/dist/hooks/useConnectionStatus.d.ts +1 -1
- package/dist/hooks/useFloatingPosition.d.ts +63 -0
- package/dist/hooks/useFloatingTrigger.d.ts +64 -0
- package/dist/hooks/useFocusTrap.d.ts +36 -0
- package/dist/hooks/useOnClickOutside.d.ts +1 -1
- package/dist/hooks/useSingleQuery.d.ts +1 -1
- package/dist/hovercard/HoverCard.d.ts +12 -0
- package/dist/hovercard/HoverCardContent.d.ts +22 -0
- package/dist/hovercard/HoverCardTrigger.d.ts +17 -0
- package/dist/hovercard/hoverCardContext.d.ts +7 -0
- package/dist/hovercard/index.d.ts +4 -0
- package/dist/html/header/H1.d.ts +1 -1
- package/dist/html/header/H2.d.ts +1 -1
- package/dist/html/header/H3.d.ts +1 -1
- package/dist/html/header/H4.d.ts +1 -1
- package/dist/html/header/index.d.ts +4 -4
- package/dist/html/header/styled.d.ts +4 -4
- package/dist/icons/index.d.ts +11 -14
- package/dist/image/index.d.ts +1 -2
- package/dist/image/styled.d.ts +5 -2
- package/dist/index.cjs.js +2695 -2580
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +168 -1787
- package/dist/index.es.js +22339 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.iife.js +5728 -0
- package/dist/index.iife.js.map +1 -0
- package/dist/index.umd.js +5728 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/input/index.d.ts +29 -2
- package/dist/input/style.settings.d.ts +9 -0
- package/dist/input/styled.d.ts +16 -18
- package/dist/label/index.d.ts +6 -0
- package/dist/label/style.settings.d.ts +9 -0
- package/dist/label/styled.d.ts +27 -0
- package/dist/link/index.d.ts +1 -10
- package/dist/locales/en/{calendar.json → calendar.json.d.ts} +4 -2
- package/dist/locales/en/{itd.json → itd.json.d.ts} +35 -20
- package/dist/locales/{calendar.json → tr/calendar.json.d.ts} +4 -2
- package/dist/locales/{itd.json → tr/itd.json.d.ts} +35 -21
- package/dist/logger/index.d.ts +9 -0
- package/dist/modal/container/ModalContainer.d.ts +4 -4
- package/dist/modal/container/styled.d.ts +2 -2
- package/dist/modal/context/ModalContext.d.ts +23 -14
- package/dist/modal/index.d.ts +7 -22
- package/dist/modal/modal/Modal.d.ts +2 -2
- package/dist/modal/modal/styled.d.ts +11 -11
- package/dist/notification/container/Container.d.ts +5 -0
- package/dist/notification/container/styled.d.ts +1 -0
- package/dist/notification/context/NotificationsContext.d.ts +2 -2
- package/dist/notification/index.d.ts +1 -1
- package/dist/notification/item/Item.d.ts +12 -0
- package/dist/notification/item/styled.d.ts +1166 -0
- package/dist/popover/Popover.d.ts +42 -0
- package/dist/popover/PopoverContent.d.ts +34 -0
- package/dist/popover/PopoverTrigger.d.ts +26 -0
- package/dist/popover/index.d.ts +4 -0
- package/dist/primitives/Slot.d.ts +36 -0
- package/dist/progress/styled.d.ts +1 -1
- package/dist/radio/button/RadioButton.d.ts +2 -2
- package/dist/radio/button/styled.d.ts +8 -9
- package/dist/radio/group/Group.d.ts +3 -3
- package/dist/radio/group/styled.d.ts +1 -1
- package/dist/radio/index.d.ts +2 -2
- package/dist/reportWebVitals.d.ts +2 -0
- package/dist/result/index.d.ts +2 -2
- package/dist/result/styled.d.ts +9 -9
- package/dist/select/dropdown/Dropdown.d.ts +20 -0
- package/dist/select/dropdown/styled.d.ts +14 -0
- package/dist/select/index.d.ts +1 -1
- package/dist/select/option/Option.d.ts +14 -6
- package/dist/select/option/styled.d.ts +4 -4
- package/dist/select/selector/Selector.d.ts +3 -0
- package/dist/select/selector/selectorinput/SelectorInput.d.ts +6 -0
- package/dist/select/selector/selectorinput/styled.d.ts +2 -0
- package/dist/select/selector/styled.d.ts +16 -0
- package/dist/select/style.settings.d.ts +83 -26
- package/dist/select/styled.d.ts +5 -3
- package/dist/setupTests.d.ts +1 -0
- package/dist/spin/styled.d.ts +4 -4
- package/dist/status/styled.d.ts +1 -1
- package/dist/stories/Accordion.d.ts +0 -1
- package/dist/stories/Accordion.stories.d.ts +3 -3
- package/dist/stories/Alert.stories.d.ts +18 -4
- package/dist/stories/AlertComposition.d.ts +2 -0
- package/dist/stories/AlertComposition.stories.d.ts +17 -0
- package/dist/stories/Button.d.ts +0 -1
- package/dist/stories/Button.stories.d.ts +16 -4
- package/dist/stories/Card.stories.d.ts +3 -2
- package/dist/stories/Checkbox.stories.d.ts +3 -3
- package/dist/stories/CheckboxGroup.stories.d.ts +3 -3
- package/dist/stories/CheckboxGroupControl.stories.d.ts +3 -3
- package/dist/stories/ColorScale.d.ts +10 -0
- package/dist/stories/ColorScale.stories.d.ts +24 -0
- package/dist/stories/ColorScaleCompare.d.ts +8 -0
- package/dist/stories/ColorScaleCompare.stories.d.ts +47 -0
- package/dist/stories/DatePicker.d.ts +0 -1
- package/dist/stories/DatePicker.stories.d.ts +3 -3
- package/dist/stories/Form.d.ts +1 -1
- package/dist/stories/Form.stories.d.ts +13 -3
- package/dist/stories/Header.d.ts +0 -1
- package/dist/stories/Header.stories.d.ts +5 -5
- package/dist/stories/HoverCard.d.ts +2 -0
- package/dist/stories/HoverCard.stories.d.ts +18 -0
- package/dist/stories/Input.d.ts +0 -1
- package/dist/stories/Input.stories.d.ts +86 -4
- package/dist/stories/ModalManager.d.ts +0 -1
- package/dist/stories/ModalManager.stories.d.ts +2 -2
- package/dist/stories/Page.d.ts +0 -1
- package/dist/stories/Page.stories.d.ts +2 -2
- package/dist/stories/Popover.d.ts +2 -0
- package/dist/stories/Popover.stories.d.ts +40 -0
- package/dist/stories/Progress.stories.d.ts +3 -3
- package/dist/stories/RadioGroup.stories.d.ts +3 -3
- package/dist/stories/Result.stories.d.ts +3 -3
- package/dist/stories/Select.d.ts +0 -1
- package/dist/stories/Select.stories.d.ts +16 -6
- package/dist/stories/Status.stories.d.ts +3 -3
- package/dist/stories/Switch.stories.d.ts +12 -5
- package/dist/stories/Table.stories.d.ts +2 -2
- package/dist/stories/Tabs.stories.d.ts +4 -10
- package/dist/stories/TextArea.d.ts +0 -1
- package/dist/stories/TextArea.stories.d.ts +11 -4
- package/dist/stories/Tooltip.d.ts +1 -0
- package/dist/stories/Tooltip.stories.d.ts +35 -0
- package/dist/stories/Upload.stories.d.ts +3 -8
- package/dist/stories/root/index.d.ts +1 -2
- package/dist/stories/select.styled.d.ts +1 -1
- package/dist/switch/index.d.ts +1 -1
- package/dist/switch/styled.d.ts +4 -4
- package/dist/table/index.d.ts +2 -2
- package/dist/table/styled.d.ts +5 -5
- package/dist/tabs/index.d.ts +2 -2
- package/dist/tabs/styles.d.ts +4 -9
- package/dist/textarea/index.d.ts +1 -1
- package/dist/textarea/styled.d.ts +6 -8
- package/dist/tinyscrollbar/index.d.ts +1 -2
- package/dist/tinyscrollbar/scroll.styled.d.ts +1 -1
- package/dist/tinyscrollbar/styled.d.ts +1 -1
- package/dist/tooltip/Tooltip.d.ts +12 -0
- package/dist/tooltip/TooltipContent.d.ts +15 -0
- package/dist/tooltip/TooltipTrigger.d.ts +19 -0
- package/dist/tooltip/index.d.ts +4 -0
- package/dist/tooltip/tooltipContext.d.ts +7 -0
- package/dist/types/AccordionItemProps.d.ts +1 -1
- package/dist/types/AccordionProps.d.ts +1 -1
- package/dist/types/AccordionSubMenuProps.d.ts +1 -1
- package/dist/types/AlertProps.d.ts +6 -6
- package/dist/types/ButtonProps.d.ts +13 -31
- package/dist/types/CalendarProps.d.ts +4 -5
- package/dist/types/CardProps.d.ts +7 -3
- package/dist/types/CheckboxProps.d.ts +7 -3
- package/dist/types/DatePickerProps.d.ts +8 -7
- package/dist/types/FlexProps.d.ts +2 -2
- package/dist/types/FormProps.d.ts +10 -8
- package/dist/types/ITDProps.d.ts +4 -2
- package/dist/types/InputProps.d.ts +12 -18
- package/dist/types/LabelProps.d.ts +7 -0
- package/dist/types/ModalProps.d.ts +2 -2
- package/dist/types/PopoverProps.d.ts +10 -0
- package/dist/types/RadioProps.d.ts +3 -4
- package/dist/types/ResultProps.d.ts +2 -1
- package/dist/types/SelectProps.d.ts +22 -16
- package/dist/types/SingleQueryProps.d.ts +1 -1
- package/dist/types/StatusProps.d.ts +2 -2
- package/dist/types/SwitchProps.d.ts +4 -1
- package/dist/types/TableProps.d.ts +3 -2
- package/dist/types/TabsProps.d.ts +1 -2
- package/dist/types/TextAreaProps.d.ts +3 -3
- package/dist/types/Theme.d.ts +103 -0
- package/dist/types/UploadProps.d.ts +3 -40
- package/dist/upload/index.d.ts +2 -2
- package/dist/upload/styled.d.ts +11 -45
- package/dist/utils/CommonStyledComponents.d.ts +18 -0
- package/dist/utils/ErrorAnnouncement.d.ts +25 -0
- package/dist/utils/GetButtonSizeSlug.d.ts +6 -0
- package/dist/utils/GetIconSizeBySize.d.ts +1 -1
- package/dist/utils/GetSizeBySizeSlug.d.ts +2 -2
- package/dist/utils/GetSizeSlugBySize.d.ts +5 -2
- package/dist/utils/InlineSVGCached.d.ts +1 -1
- package/dist/utils/index.d.ts +6 -4
- package/package.json +87 -64
- package/dist/button/button.style.SVG.d.ts +0 -4
- package/dist/button/button.style.circle.d.ts +0 -4
- package/dist/button/button.style.strecth.d.ts +0 -4
- package/dist/cropper/index.d.ts +0 -44
- package/dist/global.css +0 -146
- package/dist/icons/FileDocument.d.ts +0 -6
- package/dist/icons/FileExcel.d.ts +0 -5
- package/dist/icons/FilePdf.d.ts +0 -5
- package/dist/index.d.mts +0 -716
- package/dist/index.esm.js +0 -5612
- package/dist/locales/tr/calendar.json +0 -30
- package/dist/locales/tr/itd.json +0 -325
- package/dist/select/menu/Menu.d.ts +0 -14
- package/dist/select/menu/styled.d.ts +0 -8
- package/dist/select/toggle/Toggle.d.ts +0 -3
- package/dist/select/toggle/label/floating/FloatingLabel.d.ts +0 -12
- package/dist/select/toggle/label/floating/styled.d.ts +0 -8
- package/dist/select/toggle/label/single/SingleLabel.d.ts +0 -18
- package/dist/select/toggle/label/single/styled.d.ts +0 -2
- package/dist/select/toggle/styled.d.ts +0 -24
- package/dist/stories/ButtonIcon.d.ts +0 -2
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TriggerTypes } from '../enums/enum';
|
|
3
|
+
import { useFloatingTrigger } from '../hooks/useFloatingTrigger';
|
|
4
|
+
/**
|
|
5
|
+
* Popover context value
|
|
6
|
+
*/
|
|
7
|
+
type PopoverContextValue = {
|
|
8
|
+
id: string;
|
|
9
|
+
trigger: ReturnType<typeof useFloatingTrigger>;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Helper hook for internal use
|
|
13
|
+
*/
|
|
14
|
+
export declare function usePopoverContext(componentName: string): PopoverContextValue;
|
|
15
|
+
/**
|
|
16
|
+
* Popover props
|
|
17
|
+
*/
|
|
18
|
+
export type PopoverProps = {
|
|
19
|
+
/** Children */
|
|
20
|
+
children: ReactNode;
|
|
21
|
+
/** Default: CLICK */
|
|
22
|
+
triggerType?: `${TriggerTypes}`;
|
|
23
|
+
/** Close on click outside */
|
|
24
|
+
closeOnClickOutside?: boolean;
|
|
25
|
+
/** Uncontrolled initial state */
|
|
26
|
+
defaultOpen?: boolean;
|
|
27
|
+
/** Controlled mode */
|
|
28
|
+
open?: boolean;
|
|
29
|
+
/** Controlled mode change callback */
|
|
30
|
+
onOpenChange?: (open: boolean) => void;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Popover
|
|
34
|
+
*
|
|
35
|
+
* - Manages the state and trigger behavior
|
|
36
|
+
* - Provides the id + trigger information to the children with context
|
|
37
|
+
*/
|
|
38
|
+
export declare const Popover: {
|
|
39
|
+
({ children, triggerType, closeOnClickOutside, defaultOpen, open, onOpenChange, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
displayName: string;
|
|
41
|
+
};
|
|
42
|
+
export {};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ComponentYPositions, ComponentXPositions } from '../enums/enum';
|
|
3
|
+
type Placement = ComponentYPositions | ComponentXPositions;
|
|
4
|
+
/**
|
|
5
|
+
* PopoverContent props
|
|
6
|
+
*/
|
|
7
|
+
export type PopoverContentProps = {
|
|
8
|
+
/** Content */
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
/** Placement */
|
|
11
|
+
placement?: Placement;
|
|
12
|
+
/** Show arrow */
|
|
13
|
+
showArrow?: boolean;
|
|
14
|
+
/** Max width */
|
|
15
|
+
maxWidth?: string | number;
|
|
16
|
+
/** Offset */
|
|
17
|
+
offset?: number;
|
|
18
|
+
/** A11y: id of the heading element in the content */
|
|
19
|
+
ariaLabelledby?: string;
|
|
20
|
+
/** A11y: id of the description element in the content */
|
|
21
|
+
ariaDescribedby?: string;
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* PopoverContent
|
|
25
|
+
*
|
|
26
|
+
* - Calculates the position (useFloatingPosition)
|
|
27
|
+
* - Provides portal + animation + trapFocus with FloatingContent
|
|
28
|
+
* - Supports A11y (role, aria-labelledby, aria-describedby)
|
|
29
|
+
*/
|
|
30
|
+
export declare const PopoverContent: {
|
|
31
|
+
({ children, placement, showArrow, maxWidth, offset, ariaLabelledby, ariaDescribedby, }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
displayName: string;
|
|
33
|
+
};
|
|
34
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* PopoverTrigger props
|
|
4
|
+
*
|
|
5
|
+
*/
|
|
6
|
+
export type PopoverTriggerProps = {
|
|
7
|
+
/**
|
|
8
|
+
* The children to be used as the trigger element
|
|
9
|
+
*/
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* - When `asChild` is true, children are wrapped with Slot and used as the trigger element
|
|
13
|
+
* - When `asChild` is false, a native `<button type="button">` is used
|
|
14
|
+
*/
|
|
15
|
+
asChild?: boolean;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* PopoverTrigger
|
|
19
|
+
*
|
|
20
|
+
* - Trigger element (button, icon, etc.) is not wrapped with Slot, direct behavior is injected
|
|
21
|
+
* - ARIA bindings are set (aria-haspopup, aria-expanded, aria-controls)
|
|
22
|
+
*/
|
|
23
|
+
export declare const PopoverTrigger: {
|
|
24
|
+
({ children, asChild, }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
25
|
+
displayName: string;
|
|
26
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
type AnyElement = HTMLElement;
|
|
3
|
+
/**
|
|
4
|
+
* Slot bileşeni:
|
|
5
|
+
* - Wrapper oluşturmaz
|
|
6
|
+
* - Tek child ile çalışır
|
|
7
|
+
* - DataSlot ile işaretlenmiş “slottable” wrapper'ı açar
|
|
8
|
+
* - Ref'leri birleştirir
|
|
9
|
+
* - Event handler'ları deterministik sırayla merge eder
|
|
10
|
+
*/
|
|
11
|
+
export type SlotProps<T extends AnyElement = AnyElement> = HTMLAttributes<T> & {
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* Slottable:
|
|
16
|
+
* Slot'un iç ağacında “açılabilir” bir wrapper.
|
|
17
|
+
*
|
|
18
|
+
* <Slot>
|
|
19
|
+
* <Slottable>
|
|
20
|
+
* <Button>Click</Button>
|
|
21
|
+
* </Slottable>
|
|
22
|
+
* </Slot>
|
|
23
|
+
*
|
|
24
|
+
* → DOM'da sadece Button kalır, Slot'un props'ları Button'a aktarılır.
|
|
25
|
+
*/
|
|
26
|
+
export type SlottableProps = {
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
};
|
|
29
|
+
export declare const Slottable: {
|
|
30
|
+
({ children }: SlottableProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
displayName: string;
|
|
32
|
+
};
|
|
33
|
+
export declare const Slot: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
|
|
34
|
+
children: ReactNode;
|
|
35
|
+
} & import('react').RefAttributes<HTMLElement>>;
|
|
36
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ProgressStatus } from '../index';
|
|
2
|
-
declare const Wrapper: import(
|
|
2
|
+
declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
3
|
$status: ProgressStatus;
|
|
4
4
|
$percent: number;
|
|
5
5
|
}>> & string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { RadioButtonProps } from 'types/RadioProps';
|
|
2
|
-
export default function RadioButton({ id, name, value, type, buttonProps, checked, hasError,
|
|
1
|
+
import { RadioButtonProps } from '../../types/RadioProps';
|
|
2
|
+
export default function RadioButton({ id, name, value, type, buttonProps, checked, hasError, className, children, icon, image, component, onChange }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
declare const CheckIcon: import(
|
|
2
|
-
declare const PreIcon: import(
|
|
3
|
-
declare const Left: import(
|
|
4
|
-
declare const Label: import(
|
|
5
|
-
declare const SimpleButton: import(
|
|
6
|
-
declare const InnerButton: import(
|
|
7
|
-
declare const Wrapper: import(
|
|
1
|
+
declare const CheckIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
declare const PreIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
declare const Left: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
5
|
+
declare const SimpleButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
declare const InnerButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
8
8
|
$hasCustomButton: boolean;
|
|
9
|
-
$disabled?: boolean;
|
|
10
9
|
}>> & string;
|
|
11
|
-
declare const ErrorBorder: import(
|
|
10
|
+
declare const ErrorBorder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
11
|
export { Wrapper, CheckIcon, PreIcon, Left, InnerButton, SimpleButton, Label, ErrorBorder };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { RadioGroupProps } from 'types/RadioProps';
|
|
3
|
-
import { ITDImperativeFuncProps } from 'types/ITDImperativeFuncProps';
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { RadioGroupProps } from '../../types/RadioProps';
|
|
3
|
+
import { ITDImperativeFuncProps } from '../../types/ITDImperativeFuncProps';
|
|
4
4
|
declare const _default: React.NamedExoticComponent<RadioGroupProps & React.RefAttributes<ITDImperativeFuncProps>>;
|
|
5
5
|
export default _default;
|
|
@@ -5,5 +5,5 @@ interface GroupWrapperProps {
|
|
|
5
5
|
$gap?: string;
|
|
6
6
|
$autoSize?: boolean;
|
|
7
7
|
}
|
|
8
|
-
declare const GroupWrapper: import(
|
|
8
|
+
declare const GroupWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GroupWrapperProps>> & string;
|
|
9
9
|
export { GroupWrapper };
|
package/dist/radio/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import Button from '
|
|
2
|
-
import Group from '
|
|
1
|
+
import { default as Button } from '../button/RadioButton';
|
|
2
|
+
import { default as Group } from '../group/Group';
|
|
3
3
|
interface RadioComponent extends React.FC {
|
|
4
4
|
Group: typeof Group;
|
|
5
5
|
Button: typeof Button;
|
package/dist/result/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ResultProps } from 'types/ResultProps';
|
|
1
|
+
import { ResultProps } from '../types/ResultProps';
|
|
2
2
|
declare const Result: {
|
|
3
|
-
({ image, title, description, extra, footer, type, fill, autoCenter, background, animation }: ResultProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
({ image, title, description, className, extra, footer, type, fill, autoCenter, background, animation }: ResultProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
5
|
};
|
|
6
6
|
export default Result;
|
package/dist/result/styled.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
declare const Wrapper: import(
|
|
2
|
-
declare const ContentWrapper: import(
|
|
3
|
-
declare const Content: import(
|
|
1
|
+
declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
2
|
+
declare const ContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
4
|
$fill: string;
|
|
5
5
|
$autoCenter: boolean;
|
|
6
6
|
$background: boolean;
|
|
7
7
|
$animation: boolean;
|
|
8
8
|
$type: string;
|
|
9
9
|
}>> & string;
|
|
10
|
-
declare const ImageWrapper: import(
|
|
11
|
-
declare const Extras: import(
|
|
12
|
-
declare const Footer: import(
|
|
13
|
-
declare const Body: import(
|
|
14
|
-
declare const Title: import(
|
|
15
|
-
declare const ContentDescription: import(
|
|
10
|
+
declare const ImageWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
+
declare const Extras: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
13
|
+
declare const Body: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
+
declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
|
+
declare const ContentDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
16
|
export { Wrapper, ContentWrapper, Content, ImageWrapper, Extras, Footer, Body, Title, ContentDescription };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ChildrenProps } from '../../types/ChildrenProps';
|
|
2
|
+
import { SelectValue } from '../../types/SelectProps';
|
|
3
|
+
import { ITDHorizontalPosition, ITDSize, ITDVariant, ITDVerticalPosition } from '../../types/ITDProps';
|
|
4
|
+
type DropdownProps = {
|
|
5
|
+
selectId?: string;
|
|
6
|
+
defaultValue?: SelectValue | null;
|
|
7
|
+
position: ITDVerticalPosition;
|
|
8
|
+
direction: ITDHorizontalPosition;
|
|
9
|
+
multi: boolean;
|
|
10
|
+
variant: ITDVariant;
|
|
11
|
+
children: ChildrenProps;
|
|
12
|
+
onChange: (value: SelectValue, label?: string) => void;
|
|
13
|
+
onClose: () => void;
|
|
14
|
+
isOpen: boolean;
|
|
15
|
+
selectRef?: React.RefObject<HTMLDivElement | null>;
|
|
16
|
+
usePortal?: boolean;
|
|
17
|
+
size?: ITDSize;
|
|
18
|
+
};
|
|
19
|
+
export default function Dropdown({ selectId, position, direction, multi, variant, size, isOpen, usePortal, defaultValue, children, onChange, onClose, selectRef, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as TinyScrollbar } from '../../tinyscrollbar';
|
|
2
|
+
import { ComponentSizesSlug } from '../../enums/enum';
|
|
3
|
+
import { ITDVariant } from '../../types/ITDProps';
|
|
4
|
+
declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
+
$size: ComponentSizesSlug;
|
|
6
|
+
$variant: ITDVariant;
|
|
7
|
+
}>> & string;
|
|
8
|
+
declare const BodyWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<{
|
|
9
|
+
className: string;
|
|
10
|
+
children: import('../../types/ChildrenProps').ChildrenProps;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}, never>> & string & Omit<typeof TinyScrollbar, keyof import('react').Component<any, {}, any>>;
|
|
13
|
+
declare const PortalWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
+
export { Wrapper, BodyWrapper, PortalWrapper };
|
package/dist/select/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { RefAttributes, ForwardRefExoticComponent, PropsWithoutRef } from 'react';
|
|
2
|
-
import Option from '
|
|
2
|
+
import { default as Option } from '../option/Option';
|
|
3
3
|
import { ITDImperativeFuncProps, SelectProps } from '../index';
|
|
4
4
|
type SelectSubComponentProps = {
|
|
5
5
|
Option: typeof Option;
|
|
@@ -1,17 +1,25 @@
|
|
|
1
|
-
import { SelectValue } from 'types/SelectProps';
|
|
2
|
-
import { ChildrenProps } from 'types/ChildrenProps';
|
|
1
|
+
import { SelectValue } from '../../types/SelectProps';
|
|
2
|
+
import { ChildrenProps } from '../../types/ChildrenProps';
|
|
3
|
+
import { ITDSizeSlug, ITDVariant } from '../../types/ITDProps';
|
|
3
4
|
export type OptionsTypeProps = {
|
|
5
|
+
id?: string;
|
|
4
6
|
customKey?: string;
|
|
7
|
+
label: ChildrenProps;
|
|
8
|
+
disabled: boolean;
|
|
9
|
+
value: SelectValue;
|
|
10
|
+
variant: ITDVariant;
|
|
11
|
+
size: ITDSizeSlug;
|
|
5
12
|
icon?: ChildrenProps;
|
|
6
13
|
image?: string;
|
|
7
|
-
label?: ChildrenProps;
|
|
8
|
-
value?: SelectValue;
|
|
9
14
|
multi?: boolean;
|
|
10
15
|
checked?: boolean;
|
|
16
|
+
isActive?: boolean;
|
|
17
|
+
index?: number;
|
|
18
|
+
onHover?: (index: number) => void;
|
|
11
19
|
onChange?: (value: SelectValue, checked: boolean, label: ChildrenProps) => null;
|
|
12
20
|
};
|
|
13
|
-
declare const _default: import(
|
|
14
|
-
({ multi, checked, icon, image, value, customKey, onChange, label }: OptionsTypeProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare const _default: import('react').MemoExoticComponent<{
|
|
22
|
+
({ id, multi, checked, variant, size, icon, image, value, customKey, disabled, isActive, index, onHover, onChange, label }: OptionsTypeProps): import("react/jsx-runtime").JSX.Element;
|
|
15
23
|
displayName: string;
|
|
16
24
|
}>;
|
|
17
25
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
declare const Wrapper: import(
|
|
2
|
-
declare const ImageWrapper: import(
|
|
3
|
-
declare const PreIcon: import(
|
|
4
|
-
declare const Single: import(
|
|
1
|
+
declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
|
|
2
|
+
declare const ImageWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
declare const PreIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
declare const Single: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
5
|
export { Wrapper, ImageWrapper, PreIcon, Single };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { SelectToggleProps } from '../../index';
|
|
2
|
+
declare const Selector: ({ id, errorMessage, isOpen, locked, disabled, showSearch, size, placeholder, label, prefix, icon, image, onFocus, onShow, onFilter }: SelectToggleProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Selector;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { SelectorInputProps } from '../../../types/SelectProps';
|
|
2
|
+
export type SelectorInputRefObject = {
|
|
3
|
+
setFocus: () => void;
|
|
4
|
+
};
|
|
5
|
+
declare const SelectorInput: import('react').ForwardRefExoticComponent<SelectorInputProps & import('react').RefAttributes<SelectorInputRefObject>>;
|
|
6
|
+
export default SelectorInput;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ErrorTooltip, ErrorBorder } from '../../utils/CommonStyledComponents';
|
|
2
|
+
declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
$showSearch: boolean;
|
|
4
|
+
}>> & string;
|
|
5
|
+
declare const SelectorInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
7
|
+
$open: boolean;
|
|
8
|
+
}>> & string;
|
|
9
|
+
declare const PreIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
declare const Success: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
|
|
11
|
+
declare const Warning: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
|
|
12
|
+
declare const Failed: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
|
|
13
|
+
declare const Locked: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
+
declare const Prefix: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
15
|
+
declare const Suffix: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
16
|
+
export { Wrapper, Suffix, SelectorInputWrapper, Icon, PreIcon, ErrorTooltip, ErrorBorder, Success, Warning, Failed, Locked, Prefix };
|
|
@@ -1,31 +1,88 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { ComponentSizesSlug } from '../enums/enum';
|
|
2
|
+
export declare const ICON_MARGIN_RIGHT = "0.4375rem";
|
|
3
|
+
export declare const ICON_SIZE_DEFAULT = "1.25rem";
|
|
4
|
+
export declare const getImageSizeBySize: (size: ComponentSizesSlug) => {
|
|
5
|
+
readonly width: "0.875rem";
|
|
6
|
+
readonly height: "0.875rem";
|
|
7
|
+
} | {
|
|
8
|
+
readonly width: "1rem";
|
|
9
|
+
readonly height: "1rem";
|
|
10
|
+
} | {
|
|
11
|
+
readonly width: "1.125rem";
|
|
12
|
+
readonly height: "1.125rem";
|
|
13
|
+
} | {
|
|
14
|
+
readonly width: "1.25rem";
|
|
15
|
+
readonly height: "1.25rem";
|
|
16
|
+
} | {
|
|
17
|
+
readonly width: "1.375rem";
|
|
18
|
+
readonly height: "1.375rem";
|
|
4
19
|
};
|
|
5
|
-
export declare const getArrowSizeBySize: (size:
|
|
6
|
-
width:
|
|
7
|
-
height:
|
|
20
|
+
export declare const getArrowSizeBySize: (size: ComponentSizesSlug) => {
|
|
21
|
+
readonly width: "0.825rem";
|
|
22
|
+
readonly height: "0.825rem";
|
|
23
|
+
} | {
|
|
24
|
+
readonly width: "1rem";
|
|
25
|
+
readonly height: "1rem";
|
|
26
|
+
} | {
|
|
27
|
+
readonly width: "1.125rem";
|
|
28
|
+
readonly height: "1.125rem";
|
|
8
29
|
};
|
|
9
|
-
export declare const getOptionSizeBySize: (size:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
30
|
+
export declare const getOptionSizeBySize: (size: ComponentSizesSlug) => {
|
|
31
|
+
paddingX: "0.625rem";
|
|
32
|
+
height: "1.75rem";
|
|
33
|
+
} | {
|
|
34
|
+
paddingX: "0.625rem";
|
|
35
|
+
height: "2rem";
|
|
36
|
+
} | {
|
|
37
|
+
paddingX: "0.75rem";
|
|
38
|
+
height: "2.125rem";
|
|
39
|
+
} | {
|
|
40
|
+
paddingX: "0.75rem";
|
|
41
|
+
height: "2.25rem";
|
|
42
|
+
} | {
|
|
43
|
+
paddingX: "0.9375rem";
|
|
44
|
+
height: "2.5rem";
|
|
45
|
+
} | {
|
|
46
|
+
paddingX: "0.9375rem";
|
|
47
|
+
height: "2.75rem";
|
|
17
48
|
};
|
|
18
|
-
export declare const getSelectSizeBySize: (size:
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
49
|
+
export declare const getSelectSizeBySize: (size: ComponentSizesSlug) => {
|
|
50
|
+
paddingX: "0.625rem";
|
|
51
|
+
height: "1.75rem";
|
|
52
|
+
} | {
|
|
53
|
+
paddingX: "0.625rem";
|
|
54
|
+
height: "2rem";
|
|
55
|
+
} | {
|
|
56
|
+
paddingX: "0.75rem";
|
|
57
|
+
height: "2.125rem";
|
|
58
|
+
} | {
|
|
59
|
+
paddingX: "0.75rem";
|
|
60
|
+
height: "2.25rem";
|
|
61
|
+
} | {
|
|
62
|
+
paddingX: "0.9375rem";
|
|
63
|
+
height: "2.5rem";
|
|
64
|
+
} | {
|
|
65
|
+
paddingX: "0.9375rem";
|
|
66
|
+
height: "2.75rem";
|
|
26
67
|
};
|
|
27
|
-
export declare const getFontSizeBySize: (size:
|
|
28
|
-
fontSize:
|
|
29
|
-
lineHeight:
|
|
30
|
-
fontWeight:
|
|
68
|
+
export declare const getFontSizeBySize: (size: ComponentSizesSlug) => {
|
|
69
|
+
fontSize: "0.725rem";
|
|
70
|
+
lineHeight: "0.725rem";
|
|
71
|
+
fontWeight: 400;
|
|
72
|
+
} | {
|
|
73
|
+
fontSize: "0.75rem";
|
|
74
|
+
lineHeight: "0.75rem";
|
|
75
|
+
fontWeight: 400;
|
|
76
|
+
} | {
|
|
77
|
+
fontSize: "0.825rem";
|
|
78
|
+
lineHeight: "0.825rem";
|
|
79
|
+
fontWeight: 400;
|
|
80
|
+
} | {
|
|
81
|
+
fontSize: "0.875rem";
|
|
82
|
+
lineHeight: "0.875rem";
|
|
83
|
+
fontWeight: 400;
|
|
84
|
+
} | {
|
|
85
|
+
fontSize: "0.875rem";
|
|
86
|
+
lineHeight: "0.875rem";
|
|
87
|
+
fontWeight: 500;
|
|
31
88
|
};
|
package/dist/select/styled.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { ITDVariant } from '../types/ITDProps';
|
|
2
|
+
import { ComponentSizesSlug } from '../enums/enum';
|
|
3
|
+
declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
+
$size: ComponentSizesSlug;
|
|
5
|
+
$variant: ITDVariant;
|
|
3
6
|
$hasImage?: boolean;
|
|
4
7
|
$hasIcon?: boolean;
|
|
5
|
-
$filled: boolean;
|
|
6
8
|
}>> & string;
|
|
7
9
|
export { Wrapper };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/spin/styled.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
declare const Wrapper: import(
|
|
2
|
-
declare const SpinWrapper: import(
|
|
1
|
+
declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
declare const SpinWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
3
|
$size: string;
|
|
4
4
|
}>> & string;
|
|
5
|
-
declare const Spinner: import(
|
|
6
|
-
declare const ChildrenWrapper: import(
|
|
5
|
+
declare const Spinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
declare const ChildrenWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
7
7
|
$updating: boolean;
|
|
8
8
|
$opacity: boolean;
|
|
9
9
|
}>> & string;
|
package/dist/status/styled.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StatusVariant } from '../index';
|
|
2
|
-
declare const Wrapper: import(
|
|
2
|
+
declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
3
|
$status: StatusVariant;
|
|
4
4
|
$bold: boolean;
|
|
5
5
|
}>> & string;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: import(
|
|
4
|
+
component: import('react').FC<any>;
|
|
5
5
|
parameters: {
|
|
6
6
|
layout: string;
|
|
7
7
|
};
|
|
8
8
|
tags: string[];
|
|
9
9
|
argTypes: {};
|
|
10
10
|
args: {
|
|
11
|
-
onChange: import(
|
|
11
|
+
onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
14
|
export default meta;
|