krl-alfred 2.23.13 → 2.23.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/Accordion.styled.d.ts +21 -7
- package/dist/components/Accordion/stories/Accordion.stories.d.ts +105 -28
- package/dist/components/Accordion/stories/Accordion.stories.js +73 -129
- package/dist/components/ActionButton/ActionButton.styled.d.ts +51 -17
- package/dist/components/ActionButton/stories/ActionButton.stories.d.ts +210 -18
- package/dist/components/ActionButton/stories/ActionButton.stories.js +87 -140
- package/dist/components/AddressCard/AddressCard.styled.d.ts +6 -2
- package/dist/components/AddressCard/stories/AddressCard.stories.d.ts +148 -26
- package/dist/components/AddressCard/stories/AddressCard.stories.js +96 -167
- package/dist/components/Agreement/Agreement.styled.d.ts +3 -1
- package/dist/components/Agreement/stories/Agreement.stories.d.ts +263 -1
- package/dist/components/Agreement/stories/Agreement.stories.js +89 -11
- package/dist/components/Alert/Alert.styled.d.ts +3 -1
- package/dist/components/Alert/stories/Alert.stories.d.ts +138 -8
- package/dist/components/Alert/stories/Alert.stories.js +68 -119
- package/dist/components/AutocompleteInput/AutocompleteInput.styled.d.ts +12 -4
- package/dist/components/AutocompleteInput/stories/AutocompleteInput.stories.d.ts +737 -2
- package/dist/components/AutocompleteInput/stories/AutocompleteInput.stories.js +161 -74
- package/dist/components/Badges/layouts/belt/belt.styled.d.ts +3 -1
- package/dist/components/Badges/layouts/dark/dark.styled.d.ts +3 -1
- package/dist/components/Badges/layouts/text/text.styled.d.ts +3 -1
- package/dist/components/Badges/stories/Badges.stories.d.ts +228 -10
- package/dist/components/Badges/stories/Badges.stories.js +113 -55
- package/dist/components/BannerCard/BannerCard.styled.d.ts +3 -1
- package/dist/components/BannerCard/stories/BannerCard.stories.d.ts +278 -5
- package/dist/components/BannerCard/stories/BannerCard.stories.js +82 -24
- package/dist/components/BlogCard/BlogCard.styled.d.ts +3 -1
- package/dist/components/BlogCard/stories/BlogCard.stories.d.ts +161 -9
- package/dist/components/BlogCard/stories/BlogCard.stories.js +84 -41
- package/dist/components/Breadcrumbs/Breadcrumbs.styled.d.ts +39 -13
- package/dist/components/Breadcrumbs/stories/Breadcrumbs.stories.d.ts +380 -10
- package/dist/components/Breadcrumbs/stories/Breadcrumbs.stories.js +170 -13
- package/dist/components/Button/Button.styled.d.ts +6 -2
- package/dist/components/Button/stories/Button.stories.d.ts +301 -49
- package/dist/components/Button/stories/Button.stories.js +105 -46
- package/dist/components/CampaignCard/CampaignCard.styled.d.ts +3 -1
- package/dist/components/CampaignCard/stories/CampaignCard.stories.d.ts +118 -3
- package/dist/components/CampaignCard/stories/CampaignCard.stories.js +55 -32
- package/dist/components/CategoryMenu/CategoryMenu.styled.d.ts +24 -8
- package/dist/components/CategoryMenu/stories/CategoryMenu.stories.d.ts +807 -29
- package/dist/components/CategoryMenu/stories/CategoryMenu.stories.js +198 -31
- package/dist/components/Checkbox/Checkbox.styled.d.ts +15 -5
- package/dist/components/Checkbox/stories/Checkbox.stories.d.ts +313 -7
- package/dist/components/Checkbox/stories/Checkbox.stories.js +69 -25
- package/dist/components/CheckboxGroup/CheckboxGroup.styled.d.ts +3 -1
- package/dist/components/CheckboxGroup/stories/CheckboxGroup.stories.d.ts +400 -2
- package/dist/components/CheckboxGroup/stories/CheckboxGroup.stories.js +129 -43
- package/dist/components/CircleProgress/CircleProgress.styled.d.ts +3 -1
- package/dist/components/CircleProgress/stories/CircleProgress.stories.d.ts +142 -3
- package/dist/components/CircleProgress/stories/CircleProgress.stories.js +133 -7
- package/dist/components/CircleProgressPro/CircleProgressPro.styled.d.ts +33 -11
- package/dist/components/CircleProgressPro/stories/CircleProgressPro.stories.d.ts +25 -2
- package/dist/components/CircleProgressPro/stories/CircleProgressPro.stories.js +50 -5
- package/dist/components/ColorPalette/ColorPalette.styled.d.ts +27 -9
- package/dist/components/CouponCode/CouponCode.styled.d.ts +9 -3
- package/dist/components/CouponCode/stories/CouponCode.stories.d.ts +311 -1
- package/dist/components/CouponCode/stories/CouponCode.stories.js +100 -18
- package/dist/components/DescriptionCard/DescriptionCard.styled.d.ts +117 -46
- package/dist/components/DescriptionCard/stories/DescriptionCard.stories.d.ts +788 -2
- package/dist/components/DescriptionCard/stories/DescriptionCard.stories.js +74 -3
- package/dist/components/Divider/Divider.styled.d.ts +6 -2
- package/dist/components/Divider/stories/Divider.stories.d.ts +85 -2
- package/dist/components/Divider/stories/Divider.stories.js +65 -12
- package/dist/components/Dropdown/Dropdown.styled.d.ts +6 -2
- package/dist/components/Dropdown/stories/Dropdown.stories.d.ts +395 -5
- package/dist/components/Dropdown/stories/Dropdown.stories.js +166 -36
- package/dist/components/DropdownButton/DropdownButton.styled.d.ts +9 -3
- package/dist/components/DropdownButton/stories/DropdownButton.stories.d.ts +177 -5
- package/dist/components/DropdownButton/stories/DropdownButton.stories.js +84 -36
- package/dist/components/Icon/Icon.styled.d.ts +9 -3
- package/dist/components/Icon/props.d.ts +2 -2
- package/dist/components/Icon/stories/Icons.stories.d.ts +134 -3
- package/dist/components/Icon/stories/Icons.stories.js +55 -17
- package/dist/components/InfoBox/InfoBox.styled.d.ts +24 -8
- package/dist/components/InfoBox/stories/InfoBox.stories.d.ts +25 -1
- package/dist/components/InfoBox/stories/InfoBox.stories.js +23 -13
- package/dist/components/InlineProgress/InlineProgress.styled.d.ts +3 -1
- package/dist/components/InlineProgress/stories/InlineProgress.stories.d.ts +69 -2
- package/dist/components/InlineProgress/stories/InlineProgress.stories.js +50 -7
- package/dist/components/Input/Input.styled.d.ts +27 -9
- package/dist/components/Input/stories/Input.stories.d.ts +62 -1
- package/dist/components/Input/stories/Input.stories.js +59 -40
- package/dist/components/InstallmentBox/InstallmentBox.styled.d.ts +3 -1
- package/dist/components/InstallmentBox/stories/InstallmentBox.stories.d.ts +41 -2
- package/dist/components/InstallmentBox/stories/InstallmentBox.stories.js +36 -13
- package/dist/components/InsuranceBox/InsuranceBox.styled.d.ts +21 -7
- package/dist/components/InsuranceBox/stories/InsuranceBox.stories.d.ts +53 -0
- package/dist/components/InsuranceBox/stories/InsuranceBox.stories.js +19 -1
- package/dist/components/ListGroup/ListGroup.styled.d.ts +15 -5
- package/dist/components/ListGroup/stories/ListGroup.stories.d.ts +21 -1
- package/dist/components/ListGroup/stories/ListGroup.stories.js +28 -1
- package/dist/components/Loader/Loader.styled.d.ts +6 -2
- package/dist/components/Loader/stories/Loader.stories.d.ts +22 -4
- package/dist/components/Loader/stories/Loader.stories.js +8 -1
- package/dist/components/Modal/Modal.styled.d.ts +7 -5
- package/dist/components/Modal/stories/Modal.stories.d.ts +98 -1
- package/dist/components/Modal/stories/Modal.stories.js +64 -38
- package/dist/components/OptionMenu/OptionMenu.styled.d.ts +15 -5
- package/dist/components/OptionMenu/stories/OptionMenu.stories.d.ts +126 -44
- package/dist/components/OptionMenu/stories/OptionMenu.stories.js +82 -11
- package/dist/components/OtpInput/OtpInput.styled.d.ts +12 -4
- package/dist/components/OtpInput/stories/OtpInput.stories.d.ts +29 -1
- package/dist/components/OtpInput/stories/OtpInput.stories.js +30 -19
- package/dist/components/Pagination/Pagination.styled.d.ts +3 -1
- package/dist/components/Pagination/stories/Pagination.stories.d.ts +95 -3
- package/dist/components/Pagination/stories/Pagination.stories.js +79 -18
- package/dist/components/PaymentCart/PaymentCart.styled.d.ts +36 -12
- package/dist/components/PaymentCart/stories/PaymentCart.stories.d.ts +180 -1
- package/dist/components/PaymentCart/stories/PaymentCart.stories.js +47 -14
- package/dist/components/ProductCardCheckbox/ProductCardCheckbox.d.ts +1 -1
- package/dist/components/ProductCardCheckbox/ProductCardCheckbox.js +2 -2
- package/dist/components/ProductCardCheckbox/ProductCardCheckbox.styled.d.ts +57 -19
- package/dist/components/ProductCardCheckbox/ProductCardCheckbox.styled.js +15 -13
- package/dist/components/ProductCardCheckbox/ProductCardCheckbox.test.d.ts +1 -0
- package/dist/components/ProductCardCheckbox/ProductCardCheckbox.test.js +94 -0
- package/dist/components/ProductCardCheckbox/props.d.ts +2 -0
- package/dist/components/ProductCardCheckbox/props.js +1 -0
- package/dist/components/ProductCardCheckbox/stories/ProductCardCheckbox.stories.d.ts +190 -0
- package/dist/components/ProductCardCheckbox/stories/ProductCardCheckbox.stories.js +51 -14
- package/dist/components/ProductCardHorizontal/ProductCardHorizontal.styled.d.ts +3 -1
- package/dist/components/ProductCardHorizontal/stories/ProductCardHorizontal.stories.d.ts +57 -0
- package/dist/components/ProductCardHorizontal/stories/ProductCardHorizontal.stories.js +29 -9
- package/dist/components/ProductCardHorizontalMd/ProductCardHorizontalMd.styled.d.ts +60 -29
- package/dist/components/ProductCardHorizontalMd/stories/ProductCardHorizontalMd.stories.d.ts +106 -0
- package/dist/components/ProductCardHorizontalMd/stories/ProductCardHorizontalMd.stories.js +35 -10
- package/dist/components/ProductCardHorizontalSm/ProductCardHorizontalSm.styled.d.ts +33 -11
- package/dist/components/ProductCardHorizontalSm/stories/ProductCardHorizontalSm.stories.d.ts +192 -0
- package/dist/components/ProductCardHorizontalSm/stories/ProductCardHorizontalSm.stories.js +72 -40
- package/dist/components/ProductCardRadio/ProductCardRadio.styled.d.ts +43 -17
- package/dist/components/ProductCardRadio/stories/ProductCardRadio.stories.d.ts +275 -12
- package/dist/components/ProductCardRadio/stories/ProductCardRadio.stories.js +72 -105
- package/dist/components/ProductCardVertical/ProductCardVertical.styled.d.ts +63 -21
- package/dist/components/ProductCardVertical/stories/ProductCardVertical.stories.d.ts +139 -0
- package/dist/components/ProductCardVertical/stories/ProductCardVertical.stories.js +19 -1
- package/dist/components/QuantitySelector/QuantitySelector.styled.d.ts +15 -5
- package/dist/components/QuantitySelector/stories/QuantitySelector.stories.d.ts +114 -0
- package/dist/components/QuantitySelector/stories/QuantitySelector.stories.js +58 -12
- package/dist/components/RadioButton/layouts/basic/Basic.styled.d.ts +15 -5
- package/dist/components/RadioButton/layouts/boxed/Boxed.styled.d.ts +24 -8
- package/dist/components/RadioButton/layouts/boxed/Boxed.styled.js +1 -1
- package/dist/components/RadioButton/layouts/boxedMd/BoxedMd.styled.d.ts +12 -4
- package/dist/components/RadioButton/layouts/boxedSm/BoxedSm.styled.d.ts +12 -4
- package/dist/components/RadioButton/layouts/boxedSm/BoxedSm.styled.js +1 -1
- package/dist/components/RadioButton/layouts/boxedWithIcon/BoxedWithIcon.styled.d.ts +25 -12
- package/dist/components/RadioButton/layouts/color/Color.styled.d.ts +9 -3
- package/dist/components/RadioButton/layouts/horizontal/Horizontal.js +2 -2
- package/dist/components/RadioButton/layouts/horizontal/Horizontal.styled.d.ts +55 -18
- package/dist/components/RadioButton/layouts/horizontal/Horizontal.styled.js +1 -1
- package/dist/components/RadioButton/layouts/horizontal/Horizontal.test.d.ts +1 -0
- package/dist/components/RadioButton/layouts/horizontal/Horizontal.test.js +56 -0
- package/dist/components/RadioButton/props.d.ts +4 -0
- package/dist/components/RadioButton/props.js +3 -0
- package/dist/components/RadioButton/stories/RadioButton.stories.d.ts +14 -0
- package/dist/components/RadioButton/stories/RadioButton.stories.js +15 -1
- package/dist/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/RadioGroup/RadioGroup.styled.d.ts +21 -7
- package/dist/components/RadioGroup/RadioGroup.test.d.ts +1 -0
- package/dist/components/RadioGroup/RadioGroup.test.js +40 -0
- package/dist/components/RadioGroup/props.d.ts +4 -0
- package/dist/components/RadioScale/RadioScale.styled.d.ts +9 -3
- package/dist/components/RadioScale/stories/RadioScale.stories.d.ts +37 -0
- package/dist/components/RadioScale/stories/RadioScale.stories.js +16 -1
- package/dist/components/ReviewBlock/ReviewBlock.styled.d.ts +57 -19
- package/dist/components/ReviewBlock/stories/ReviewBlock.stories.d.ts +108 -0
- package/dist/components/ReviewBlock/stories/ReviewBlock.stories.js +23 -1
- package/dist/components/ReviewCard/ReviewCard.styled.d.ts +39 -13
- package/dist/components/ReviewCard/stories/ReviewCard.stories.d.ts +55 -0
- package/dist/components/ReviewCard/stories/ReviewCard.stories.js +19 -1
- package/dist/components/RichTextEditor/RichTextEditor.js +20 -12
- package/dist/components/RichTextEditor/RichTextEditor.styled.d.ts +36 -22
- package/dist/components/RichTextEditor/RichTextEditor.styled.js +1 -1
- package/dist/components/RichTextEditor/RichTextEditor.test.d.ts +1 -0
- package/dist/components/RichTextEditor/RichTextEditor.test.js +250 -0
- package/dist/components/RichTextEditor/props.d.ts +6 -0
- package/dist/components/RichTextEditor/props.js +3 -0
- package/dist/components/RichTextEditor/stories/RichTextEditor.stories.d.ts +74 -0
- package/dist/components/RichTextEditor/stories/RichTextEditor.stories.js +83 -1
- package/dist/components/RichTextEditor/utils/sanitize.d.ts +5 -3
- package/dist/components/RichTextEditor/utils/sanitize.js +38 -10
- package/dist/components/SearchBox/SearchBox.styled.d.ts +6 -2
- package/dist/components/SearchBox/stories/SearchBox.stories.d.ts +175 -0
- package/dist/components/SearchBox/stories/SearchBox.stories.js +53 -9
- package/dist/components/SelectBox/SelectBox.styled.d.ts +3 -1
- package/dist/components/SelectBox/stories/SelectBox.stories.d.ts +162 -2
- package/dist/components/SelectBox/stories/SelectBox.stories.js +24 -1
- package/dist/components/ShoppingCartProduct/ShoppingCartProduct.styled.d.ts +150 -56
- package/dist/components/ShoppingCartProduct/stories/ShoppingCartProduct.stories.d.ts +227 -0
- package/dist/components/ShoppingCartProduct/stories/ShoppingCartProduct.stories.js +31 -1
- package/dist/components/SkeletonLoader/SkeletonLoader.styled.d.ts +3 -1
- package/dist/components/SkeletonLoader/stories/SkeletonLoader.stories.d.ts +36 -2
- package/dist/components/SkeletonLoader/stories/SkeletonLoader.stories.js +41 -15
- package/dist/components/StepSlider/StepSlider.styled.d.ts +16 -8
- package/dist/components/StepSlider/stories/StepSlider.stories.d.ts +136 -6
- package/dist/components/StepSlider/stories/StepSlider.stories.js +86 -39
- package/dist/components/Stepper/Stepper.styled.d.ts +12 -4
- package/dist/components/Stepper/stories/Stepper.stories.d.ts +149 -3
- package/dist/components/Stepper/stories/Stepper.stories.js +92 -9
- package/dist/components/SuggestBox/SuggestBox.styled.d.ts +3 -1
- package/dist/components/SuggestBox/stories/SuggestBox.stories.d.ts +68 -2
- package/dist/components/SuggestBox/stories/SuggestBox.stories.js +48 -9
- package/dist/components/Table/Table.styled.d.ts +9 -3
- package/dist/components/Table/stories/Table.stories.d.ts +167 -2
- package/dist/components/Table/stories/Table.stories.js +72 -19
- package/dist/components/Tabs/Tabs.styled.d.ts +15 -5
- package/dist/components/Tabs/stories/Tabs.stories.d.ts +168 -12
- package/dist/components/Tabs/stories/Tabs.stories.js +118 -65
- package/dist/components/Tag/Tag.styled.d.ts +13 -8
- package/dist/components/Tag/stories/Tag.stories.d.ts +63 -5
- package/dist/components/Tag/stories/Tag.stories.js +41 -28
- package/dist/components/TagInput/TagInput.styled.d.ts +22 -11
- package/dist/components/TagInput/stories/TagInput.stories.d.ts +172 -4
- package/dist/components/TagInput/stories/TagInput.stories.js +80 -26
- package/dist/components/TextLink/TextLink.styled.d.ts +12 -4
- package/dist/components/TextLink/stories/TextLink.stories.d.ts +153 -7
- package/dist/components/TextLink/stories/TextLink.stories.js +61 -25
- package/dist/components/Textarea/Textarea.styled.d.ts +6 -2
- package/dist/components/Textarea/stories/Textarea.stories.d.ts +180 -6
- package/dist/components/Textarea/stories/Textarea.stories.js +59 -40
- package/dist/components/Toast/Toast.styled.d.ts +6 -2
- package/dist/components/Toast/stories/Toast.stories.d.ts +369 -5
- package/dist/components/Toast/stories/Toast.stories.js +77 -33
- package/dist/components/Tooltip/Tooltip.styled.d.ts +21 -7
- package/dist/components/Tooltip/stories/Tooltip.stories.d.ts +249 -19
- package/dist/components/Tooltip/stories/Tooltip.stories.js +72 -25
- package/dist/components/Typography/Typography.styled.d.ts +21 -7
- package/dist/components/Uploader/Uploader.styled.d.ts +49 -37
- package/dist/components/Uploader/stories/Uploader.stories.d.ts +219 -4
- package/dist/components/Uploader/stories/Uploader.stories.js +86 -46
- package/dist/components/VideoCard/VideoCard.styled.d.ts +18 -6
- package/dist/components/VideoCard/stories/VideoCard.stories.d.ts +50 -2
- package/dist/components/VideoCard/stories/VideoCard.stories.js +40 -10
- package/dist/setupTests.d.ts +1 -0
- package/dist/setupTests.js +3 -0
- package/package.json +9 -1
|
@@ -1,10 +1,26 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { RadioButtonStyledProps } from "./../../props";
|
|
3
|
-
export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export declare const
|
|
10
|
-
|
|
3
|
+
export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
4
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
5
|
+
}, RadioButtonStyledProps>> & string;
|
|
6
|
+
export declare const LabelsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
7
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
8
|
+
}, RadioButtonStyledProps>> & string;
|
|
9
|
+
export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
10
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
11
|
+
}> & string;
|
|
12
|
+
export declare const LabelSm: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
|
|
13
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
14
|
+
}> & string;
|
|
15
|
+
export declare const DescriptionText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
16
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
17
|
+
}> & string;
|
|
18
|
+
export declare const ImageLabel: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
19
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
20
|
+
}> & string;
|
|
21
|
+
export declare const BoxedBadgesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
22
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
23
|
+
}> & string;
|
|
24
|
+
export declare const BoxedStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
25
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
26
|
+
}, RadioButtonStyledProps>> & string;
|
|
@@ -32,7 +32,7 @@ exports.Indicator = styled_components_1.default.div(templateObject_1 || (templat
|
|
|
32
32
|
return "16px";
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
|
-
exports.LabelsWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n row-gap: 4px;\n cursor: ", ";\n margin: 0;\n color: ", ";\n padding: 0;\n display: grid;\n text-align: center;\n
|
|
35
|
+
exports.LabelsWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n row-gap: 4px;\n cursor: ", ";\n margin: 0;\n color: ", ";\n padding: 0;\n display: grid;\n text-align: center;\n\n @media only screen and ", " {\n row-gap: 4px;\n }\n"], ["\n row-gap: 4px;\n cursor: ", ";\n margin: 0;\n color: ", ";\n padding: 0;\n display: grid;\n text-align: center;\n\n @media only screen and ", " {\n row-gap: 4px;\n }\n"])), function (props) { return (props.$disabled ? "not-allowed" : "pointer"); }, function (props) { return props.$valid ? 'var(--dark)' : 'var(--red)'; }, devices_1.devices.lg);
|
|
36
36
|
exports.LabelText = styled_components_1.default.label(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n margin: 0 0 4px 0;\n vertical-align: middle;\n cursor: pointer;\n font:var(--title-bold-16-19);\n\n @media only screen and ", " {\n margin: 0;\n }\n"], ["\n display: block;\n margin: 0 0 4px 0;\n vertical-align: middle;\n cursor: pointer;\n font:var(--title-bold-16-19);\n\n @media only screen and ", " {\n margin: 0;\n }\n"])), devices_1.devices.lg);
|
|
37
37
|
exports.LabelSm = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font:var(--body-regular-14-17);\n margin-left: 0.25rem;\n"], ["\n font:var(--body-regular-14-17);\n margin-left: 0.25rem;\n"])));
|
|
38
38
|
exports.DescriptionText = styled_components_1.default.label(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: block;\n vertical-align: middle;\n margin: 0;\n cursor: pointer;\n font:var(--body-regular-14-17);\n\n @media only screen and ", " {\n margin: 0 0 0 4px;\n }\n"], ["\n display: block;\n vertical-align: middle;\n margin: 0;\n cursor: pointer;\n font:var(--body-regular-14-17);\n\n @media only screen and ", " {\n margin: 0 0 0 4px;\n }\n"])), devices_1.devices.lg);
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { RadioButtonStyledProps } from "./../../props";
|
|
3
|
-
export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
3
|
+
export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
4
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
5
|
+
}, RadioButtonStyledProps>> & string;
|
|
6
|
+
export declare const LabelsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
7
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
8
|
+
}, RadioButtonStyledProps>> & string;
|
|
9
|
+
export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
10
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
11
|
+
}, RadioButtonStyledProps>> & string;
|
|
12
|
+
export declare const BoxedMdStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
13
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
14
|
+
}, RadioButtonStyledProps>> & string;
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { RadioButtonStyledProps } from "./../../props";
|
|
3
|
-
export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
3
|
+
export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
4
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
5
|
+
}, RadioButtonStyledProps>> & string;
|
|
6
|
+
export declare const LabelsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
7
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
8
|
+
}, RadioButtonStyledProps>> & string;
|
|
9
|
+
export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
10
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
11
|
+
}, RadioButtonStyledProps>> & string;
|
|
12
|
+
export declare const BoxedSmStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
13
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
14
|
+
}, RadioButtonStyledProps>> & string;
|
|
@@ -31,7 +31,7 @@ exports.Indicator = styled_components_1.default.div(templateObject_1 || (templat
|
|
|
31
31
|
return "16px";
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
exports.LabelsWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n row-gap: 4px;\n cursor: ", ";\n margin: 0;\n color: ", ";\n padding: 0 0 0 ", ";\n display: grid;\n
|
|
34
|
+
exports.LabelsWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n row-gap: 4px;\n cursor: ", ";\n margin: 0;\n color: ", ";\n padding: 0 0 0 ", ";\n display: grid;\n"], ["\n row-gap: 4px;\n cursor: ", ";\n margin: 0;\n color: ", ";\n padding: 0 0 0 ", ";\n display: grid;\n"])), function (props) { return (props.$disabled ? "not-allowed" : "pointer"); }, function (props) { return props.$valid ? 'var(--dark)' : 'var(--red)'; }, function (props) { return props.$showIndicator ? "1.5rem" : "0"; });
|
|
35
35
|
exports.LabelText = styled_components_1.default.label(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n margin: 0;\n vertical-align: middle;\n cursor: pointer;\n font: ", ";\n"], ["\n display: block;\n margin: 0;\n vertical-align: middle;\n cursor: pointer;\n font: ", ";\n"])), function (props) {
|
|
36
36
|
switch (props.$textSize) {
|
|
37
37
|
case 'small':
|
|
@@ -1,16 +1,29 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { RadioButtonStyledProps } from "../../props";
|
|
3
|
-
export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web",
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
3
|
+
export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
4
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
5
|
+
}> & string;
|
|
6
|
+
export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
7
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
8
|
+
}> & string;
|
|
9
|
+
export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
10
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
11
|
+
}> & string;
|
|
12
|
+
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
|
|
13
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
14
|
+
}> & string;
|
|
15
|
+
export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
16
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
17
|
+
}, {
|
|
8
18
|
$disabled?: boolean;
|
|
9
19
|
$valid: boolean;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
export declare const
|
|
15
|
-
|
|
16
|
-
|
|
20
|
+
}>> & string;
|
|
21
|
+
export declare const Separator: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "style"> & {
|
|
22
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
23
|
+
}> & string;
|
|
24
|
+
export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
25
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
26
|
+
}> & string;
|
|
27
|
+
export declare const BoxedWithIconStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
28
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
29
|
+
}, RadioButtonStyledProps>> & string;
|
|
@@ -5,6 +5,12 @@ export interface ColorStyledProps {
|
|
|
5
5
|
$color?: string;
|
|
6
6
|
$size?: string;
|
|
7
7
|
}
|
|
8
|
-
export declare const ColorIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
export declare const ColorIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
9
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
10
|
+
}, ColorStyledProps>> & string;
|
|
11
|
+
export declare const ColorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
|
|
12
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
13
|
+
}, ColorStyledProps>> & string;
|
|
14
|
+
export declare const ColorStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
15
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
16
|
+
}, ColorStyledProps>> & string;
|
|
@@ -20,7 +20,7 @@ var Badges_1 = __importDefault(require("../../../Badges"));
|
|
|
20
20
|
var Icon_1 = __importDefault(require("../../../Icon/Icon"));
|
|
21
21
|
var Horizontal_styled_1 = require("./Horizontal.styled");
|
|
22
22
|
var Horizontal = function (props) {
|
|
23
|
-
var label = props.label, description = props.description, id = props.id, checked = props.checked, onChange = props.onChange, onClick = props.onClick, name = props.name, value = props.value, price = props.price, priceDesc = props.priceDesc, hasTitleBadge = props.hasTitleBadge, titleBadgeLayout = props.titleBadgeLayout, titleBadgeText = props.titleBadgeText, _a = props.titleBadgePosition, titleBadgePosition = _a === void 0 ? "inline" : _a, hasPriceBadge = props.hasPriceBadge, priceBadgeLayout = props.priceBadgeLayout, priceBadgeText = props.priceBadgeText, _b = props.labelOffset, labelOffset =
|
|
23
|
+
var label = props.label, description = props.description, id = props.id, checked = props.checked, onChange = props.onChange, onClick = props.onClick, name = props.name, value = props.value, price = props.price, priceDesc = props.priceDesc, hasTitleBadge = props.hasTitleBadge, titleBadgeLayout = props.titleBadgeLayout, titleBadgeText = props.titleBadgeText, _a = props.titleBadgePosition, titleBadgePosition = _a === void 0 ? "inline" : _a, hasPriceBadge = props.hasPriceBadge, priceBadgeLayout = props.priceBadgeLayout, priceBadgeText = props.priceBadgeText, rightContent = props.rightContent, _b = props.innerMinHeight, innerMinHeight = _b === void 0 ? "70" : _b, _c = props.labelOffset, labelOffset = _c === void 0 ? "1rem" : _c, disabled = props.disabled, _d = props.valid, valid = _d === void 0 ? true : _d, _e = props.showIndicator, showIndicator = _e === void 0 ? true : _e, content = props.content, _f = props.size, size = _f === void 0 ? "small" : _f, _g = props.hasError, hasError = _g === void 0 ? false : _g, errorMessage = props.errorMessage;
|
|
24
24
|
var titleBadgeBelow = titleBadgePosition === "below";
|
|
25
25
|
var titleBadgeTopRight = titleBadgePosition === "topRight";
|
|
26
26
|
var hasContent = Boolean(content);
|
|
@@ -38,6 +38,6 @@ var Horizontal = function (props) {
|
|
|
38
38
|
};
|
|
39
39
|
var titleBadgeElement = ((0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: titleBadgeLayout, title: titleBadgeText }));
|
|
40
40
|
var titleBadge = hasTitleBadge && !titleBadgeTopRight && ((0, jsx_runtime_1.jsx)(Horizontal_styled_1.BadgesWrapper, __assign({}, styledProps, { children: titleBadgeElement })));
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)(Horizontal_styled_1.HorizontalRoot, { children: [(0, jsx_runtime_1.jsxs)(Horizontal_styled_1.HorizontalBoxStyled, __assign({}, styledProps, { children: [hasTitleBadge && titleBadgeTopRight && ((0, jsx_runtime_1.jsx)(Horizontal_styled_1.TitleBadgeTopRight, { children: titleBadgeElement })), (0, jsx_runtime_1.jsx)(Horizontal_styled_1.HorizontalLabel, { children: (0, jsx_runtime_1.jsxs)(Horizontal_styled_1.Inner, { children: [(0, jsx_runtime_1.jsxs)(Horizontal_styled_1.LeftContent, { children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "radio", name: name, value: value, disabled: disabled, checked: checked, onChange: onChange, onClick: onClick, "aria-invalid": hasError, "aria-describedby": hasError && errorMessage ? "".concat(id, "-error") : undefined }), showIndicator && (0, jsx_runtime_1.jsx)(Horizontal_styled_1.Indicator, __assign({}, styledProps)), (0, jsx_runtime_1.jsxs)(Horizontal_styled_1.LabelContent, { children: [label && ((0, jsx_runtime_1.jsx)(Horizontal_styled_1.LabelWrapper, __assign({}, styledProps, { children: titleBadgeBelow ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Horizontal_styled_1.TitleLabel, { children: label }), titleBadge] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label, titleBadge] })) }))), description && (0, jsx_runtime_1.jsx)(Horizontal_styled_1.Description, { children: description })] })] }), (0, jsx_runtime_1.jsx)(Horizontal_styled_1.RightContent, { children: hasPriceBadge ? ((0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: priceBadgeLayout, title: priceBadgeText })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Horizontal_styled_1.Price, { children: price }), priceDesc && ((0, jsx_runtime_1.jsxs)(Horizontal_styled_1.TotalPrice, { children: [(0, jsx_runtime_1.jsx)(Horizontal_styled_1.TotalLabel, { children: "Toplam:" }), " ", priceDesc] }))] })) })] }) }), checked && content && ((0, jsx_runtime_1.jsx)(Horizontal_styled_1.ContentArea, { children: content }))] })), hasError && errorMessage && ((0, jsx_runtime_1.jsxs)(Horizontal_styled_1.ErrorMessage, __assign({ id: id ? "".concat(id, "-error") : undefined }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "SwitchPassive" }), (0, jsx_runtime_1.jsx)("p", { children: errorMessage })] })))] }));
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)(Horizontal_styled_1.HorizontalRoot, { children: [(0, jsx_runtime_1.jsxs)(Horizontal_styled_1.HorizontalBoxStyled, __assign({}, styledProps, { children: [hasTitleBadge && titleBadgeTopRight && ((0, jsx_runtime_1.jsx)(Horizontal_styled_1.TitleBadgeTopRight, { children: titleBadgeElement })), (0, jsx_runtime_1.jsx)(Horizontal_styled_1.HorizontalLabel, { children: (0, jsx_runtime_1.jsxs)(Horizontal_styled_1.Inner, __assign({ "$innerMinHeight": innerMinHeight }, { children: [(0, jsx_runtime_1.jsxs)(Horizontal_styled_1.LeftContent, { children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "radio", name: name, value: value, disabled: disabled, checked: checked, onChange: onChange, onClick: onClick, "aria-invalid": hasError, "aria-describedby": hasError && errorMessage ? "".concat(id, "-error") : undefined }), showIndicator && (0, jsx_runtime_1.jsx)(Horizontal_styled_1.Indicator, __assign({}, styledProps)), (0, jsx_runtime_1.jsxs)(Horizontal_styled_1.LabelContent, { children: [label && ((0, jsx_runtime_1.jsx)(Horizontal_styled_1.LabelWrapper, __assign({}, styledProps, { children: titleBadgeBelow ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Horizontal_styled_1.TitleLabel, { children: label }), titleBadge] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label, titleBadge] })) }))), description && (0, jsx_runtime_1.jsx)(Horizontal_styled_1.Description, { children: description })] })] }), (0, jsx_runtime_1.jsx)(Horizontal_styled_1.RightContent, { children: rightContent !== null && rightContent !== void 0 ? rightContent : (hasPriceBadge ? ((0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: priceBadgeLayout, title: priceBadgeText })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Horizontal_styled_1.Price, { children: price }), priceDesc && ((0, jsx_runtime_1.jsxs)(Horizontal_styled_1.TotalPrice, { children: [(0, jsx_runtime_1.jsx)(Horizontal_styled_1.TotalLabel, { children: "Toplam:" }), " ", priceDesc] }))] }))) })] })) }), checked && content && ((0, jsx_runtime_1.jsx)(Horizontal_styled_1.ContentArea, { children: content }))] })), hasError && errorMessage && ((0, jsx_runtime_1.jsxs)(Horizontal_styled_1.ErrorMessage, __assign({ id: id ? "".concat(id, "-error") : undefined }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "SwitchPassive" }), (0, jsx_runtime_1.jsx)("p", { children: errorMessage })] })))] }));
|
|
42
42
|
};
|
|
43
43
|
exports.default = Horizontal;
|
|
@@ -12,23 +12,60 @@ export type HorizontalStyledProps = {
|
|
|
12
12
|
$titleBadgeTopRight?: boolean;
|
|
13
13
|
$hasContent?: boolean;
|
|
14
14
|
$size?: IndicatorSize;
|
|
15
|
+
$innerMinHeight?: "70" | "initial";
|
|
15
16
|
};
|
|
16
|
-
export declare const HorizontalLabel: import("styled-components/dist/types").IStyledComponentBase<"web",
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
export declare const
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
export declare const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
export declare const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
export declare const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
export declare const
|
|
32
|
-
|
|
33
|
-
|
|
17
|
+
export declare const HorizontalLabel: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
18
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
19
|
+
}> & string;
|
|
20
|
+
export declare const Inner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
21
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
22
|
+
}, Pick<HorizontalStyledProps, "$innerMinHeight">>> & string;
|
|
23
|
+
export declare const LeftContent: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
24
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
25
|
+
}> & string;
|
|
26
|
+
export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
27
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
28
|
+
}, HorizontalStyledProps>> & string;
|
|
29
|
+
export declare const LabelContent: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
30
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
31
|
+
}> & string;
|
|
32
|
+
export declare const LabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
33
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
34
|
+
}, HorizontalStyledProps>> & string;
|
|
35
|
+
export declare const TitleLabel: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
|
|
36
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
37
|
+
}> & string;
|
|
38
|
+
export declare const BadgesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
39
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
40
|
+
}, HorizontalStyledProps>> & string;
|
|
41
|
+
export declare const TitleBadgeTopRight: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
42
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
43
|
+
}> & string;
|
|
44
|
+
export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
45
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
46
|
+
}> & string;
|
|
47
|
+
export declare const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
48
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
49
|
+
}> & string;
|
|
50
|
+
export declare const HorizontalRoot: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
51
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
52
|
+
}> & string;
|
|
53
|
+
export declare const RightContent: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
54
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
55
|
+
}> & string;
|
|
56
|
+
export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
|
|
57
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
58
|
+
}> & string;
|
|
59
|
+
export declare const TotalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
|
|
60
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
61
|
+
}> & string;
|
|
62
|
+
export declare const TotalLabel: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
|
|
63
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
64
|
+
}> & string;
|
|
65
|
+
export declare const ContentArea: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
66
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
67
|
+
}> & string;
|
|
68
|
+
export declare const HorizontalBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
69
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
70
|
+
}, HorizontalStyledProps>> & string;
|
|
34
71
|
export {};
|
|
@@ -22,7 +22,7 @@ var getIndicatorSize = function (size) {
|
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
exports.HorizontalLabel = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n align-items: stretch;\n justify-content: center;\n cursor: inherit;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n align-items: stretch;\n justify-content: center;\n cursor: inherit;\n"])));
|
|
25
|
-
exports.Inner = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n padding: 1rem 1.5rem;\n min-height:
|
|
25
|
+
exports.Inner = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n padding: 1rem 1.5rem;\n min-height: ", ";\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n\n @media only screen and ", " {\n padding: 0 1rem;\n }\n"], ["\n width: 100%;\n padding: 1rem 1.5rem;\n min-height: ", ";\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n\n @media only screen and ", " {\n padding: 0 1rem;\n }\n"])), function (props) { return (props.$innerMinHeight === 'initial' ? 'initial' : '70px'); }, devices_1.devices.sm);
|
|
26
26
|
exports.LeftContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: auto;\n position: relative;\n"], ["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: auto;\n position: relative;\n"])));
|
|
27
27
|
exports.Indicator = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: 0 0 auto;\n background-image: url('", "');\n background-size: 100% 100%;\n display: block;\n position: relative;\n margin: 0 ", " 0 0;\n width: ", ";\n height: ", ";\n"], ["\n flex: 0 0 auto;\n background-image: url('", "');\n background-size: 100% 100%;\n display: block;\n position: relative;\n margin: 0 ", " 0 0;\n width: ", ";\n height: ", ";\n"])), function (props) {
|
|
28
28
|
if (props.$disabled) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var react_1 = require("@testing-library/react");
|
|
19
|
+
var Horizontal_1 = __importDefault(require("./Horizontal"));
|
|
20
|
+
var props_1 = require("../../props");
|
|
21
|
+
var renderHorizontal = function (props) {
|
|
22
|
+
if (props === void 0) { props = {}; }
|
|
23
|
+
return (0, react_1.render)((0, jsx_runtime_1.jsx)(Horizontal_1.default, __assign({}, props_1.HorizontalDefault, { id: "horizontal-test", label: "Taksitli \u00D6deme" }, props)));
|
|
24
|
+
};
|
|
25
|
+
describe('RadioButton Horizontal', function () {
|
|
26
|
+
it('renders price in RightContent by default', function () {
|
|
27
|
+
renderHorizontal({ price: '1.250 TL', priceDesc: '12.500 TL' });
|
|
28
|
+
expect(react_1.screen.getByText('1.250 TL')).toBeInTheDocument();
|
|
29
|
+
expect(react_1.screen.getByText(/12\.500 TL/)).toBeInTheDocument();
|
|
30
|
+
});
|
|
31
|
+
it('renders rightContent instead of price when provided', function () {
|
|
32
|
+
renderHorizontal({
|
|
33
|
+
price: '1.250 TL',
|
|
34
|
+
rightContent: (0, jsx_runtime_1.jsx)("span", { children: "3 varyasyon" }),
|
|
35
|
+
});
|
|
36
|
+
expect(react_1.screen.getByText('3 varyasyon')).toBeInTheDocument();
|
|
37
|
+
expect(react_1.screen.queryByText('1.250 TL')).not.toBeInTheDocument();
|
|
38
|
+
});
|
|
39
|
+
it('prefers rightContent over price badge', function () {
|
|
40
|
+
renderHorizontal({
|
|
41
|
+
hasPriceBadge: true,
|
|
42
|
+
priceBadgeText: 'Avantajlı',
|
|
43
|
+
rightContent: (0, jsx_runtime_1.jsx)("button", __assign({ type: "button" }, { children: "\u00D6zel aksiyon" })),
|
|
44
|
+
});
|
|
45
|
+
expect(react_1.screen.getByRole('button', { name: 'Özel aksiyon' })).toBeInTheDocument();
|
|
46
|
+
expect(react_1.screen.queryByText('Avantajlı')).not.toBeInTheDocument();
|
|
47
|
+
});
|
|
48
|
+
it('uses 70px min-height by default on Inner', function () {
|
|
49
|
+
var container = renderHorizontal().container;
|
|
50
|
+
expect(container.querySelector('label > div')).toHaveStyle({ minHeight: '70px' });
|
|
51
|
+
});
|
|
52
|
+
it('uses initial min-height when innerMinHeight is "initial"', function () {
|
|
53
|
+
var container = renderHorizontal({ innerMinHeight: 'initial' }).container;
|
|
54
|
+
expect(container.querySelector('label > div')).toHaveStyle({ minHeight: 'initial' });
|
|
55
|
+
});
|
|
56
|
+
});
|
|
@@ -44,6 +44,10 @@ interface RadioButton {
|
|
|
44
44
|
hasPriceBadge?: boolean;
|
|
45
45
|
priceBadgeLayout?: (typeof variants)[number];
|
|
46
46
|
priceBadgeText?: string;
|
|
47
|
+
/** Horizontal layout — sağ alana özel içerik (verilirse price/badge yerine render edilir) */
|
|
48
|
+
rightContent?: React.ReactNode;
|
|
49
|
+
/** Horizontal layout — Inner min-height: "70" (70px) veya "initial" */
|
|
50
|
+
innerMinHeight?: "70" | "initial";
|
|
47
51
|
iconName?: string;
|
|
48
52
|
iconColor?: string;
|
|
49
53
|
content?: React.ReactNode;
|
|
@@ -28,6 +28,8 @@ var RadioButtonDefault = {
|
|
|
28
28
|
hasPriceBadge: false,
|
|
29
29
|
priceBadgeLayout: "primary",
|
|
30
30
|
priceBadgeText: "Avantajlı",
|
|
31
|
+
rightContent: null,
|
|
32
|
+
innerMinHeight: "70",
|
|
31
33
|
hasError: false,
|
|
32
34
|
errorMessage: null,
|
|
33
35
|
};
|
|
@@ -77,6 +79,7 @@ exports.HorizontalDefault = {
|
|
|
77
79
|
priceBadgeLayout: "disabled",
|
|
78
80
|
priceBadgeText: "Satışta yok",
|
|
79
81
|
description: null,
|
|
82
|
+
innerMinHeight: "70",
|
|
80
83
|
hasError: false,
|
|
81
84
|
errorMessage: null,
|
|
82
85
|
};
|
|
@@ -406,6 +406,20 @@ export declare const HorizontalWithContent: {
|
|
|
406
406
|
};
|
|
407
407
|
render: (args: any) => import("react").JSX.Element;
|
|
408
408
|
};
|
|
409
|
+
export declare const HorizontalWithRightContent: {
|
|
410
|
+
name: string;
|
|
411
|
+
args: {
|
|
412
|
+
label: string;
|
|
413
|
+
description: string;
|
|
414
|
+
layout: string;
|
|
415
|
+
checked: boolean;
|
|
416
|
+
showIndicator: boolean;
|
|
417
|
+
labelOffset: string;
|
|
418
|
+
innerMinHeight: string;
|
|
419
|
+
rightContent: import("react").JSX.Element;
|
|
420
|
+
};
|
|
421
|
+
render: (args: any) => import("react").JSX.Element;
|
|
422
|
+
};
|
|
409
423
|
export declare const HorizontalWithDangerBadge: {
|
|
410
424
|
args: {
|
|
411
425
|
label: string;
|
|
@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.HorizontalChecked = exports.WithoutDescription = exports.BoxedWithBadge = exports.AllLayouts = exports.AllSizes = exports.VerticalAlignment = exports.ReadOnly = exports.Disabled = exports.Invalid = exports.Unchecked = exports.Checked = exports.ColorPicker = exports.HorizontalWithDangerBadge = exports.HorizontalWithContent = exports.HorizontalDisabled = exports.HorizontalWithError = exports.HorizontalTitleBadgeTopRight = exports.HorizontalTitleBadgeBelowWithDescription = exports.HorizontalTitleBadgeBelow = exports.Horizontal = exports.BoxedMdWithoutIndicator = exports.BoxedMdUnchecked = exports.BoxedMd = exports.BoxedSm = exports.BoxedWithIconGroup = exports.BoxedWithIconUnselected = exports.BoxedWithIcon = exports.Boxed = exports.Basic = exports.Default = void 0;
|
|
17
|
+
exports.HorizontalChecked = exports.WithoutDescription = exports.BoxedWithBadge = exports.AllLayouts = exports.AllSizes = exports.VerticalAlignment = exports.ReadOnly = exports.Disabled = exports.Invalid = exports.Unchecked = exports.Checked = exports.ColorPicker = exports.HorizontalWithDangerBadge = exports.HorizontalWithRightContent = exports.HorizontalWithContent = exports.HorizontalDisabled = exports.HorizontalWithError = exports.HorizontalTitleBadgeTopRight = exports.HorizontalTitleBadgeBelowWithDescription = exports.HorizontalTitleBadgeBelow = exports.Horizontal = exports.BoxedMdWithoutIndicator = exports.BoxedMdUnchecked = exports.BoxedMd = exports.BoxedSm = exports.BoxedWithIconGroup = exports.BoxedWithIconUnselected = exports.BoxedWithIcon = exports.Boxed = exports.Basic = exports.Default = void 0;
|
|
18
18
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
var RadioButton_1 = __importDefault(require("../RadioButton"));
|
|
20
20
|
var props_1 = require("../props");
|
|
@@ -320,6 +320,20 @@ exports.HorizontalWithContent = {
|
|
|
320
320
|
},
|
|
321
321
|
render: function (args) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "720px" } }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, __assign({}, args)) }))); },
|
|
322
322
|
};
|
|
323
|
+
exports.HorizontalWithRightContent = {
|
|
324
|
+
name: "Horizontal — rightContent",
|
|
325
|
+
args: {
|
|
326
|
+
label: "Etiyopya torres single",
|
|
327
|
+
description: "SKU-001 - Çekirdek kahve",
|
|
328
|
+
layout: "horizontal",
|
|
329
|
+
checked: true,
|
|
330
|
+
showIndicator: true,
|
|
331
|
+
labelOffset: "1rem",
|
|
332
|
+
innerMinHeight: "initial",
|
|
333
|
+
rightContent: ((0, jsx_runtime_1.jsx)("span", __assign({ style: { color: "var(--grey-50)", font: "var(--body-medium-13-16)" } }, { children: "3 varyasyon" }))),
|
|
334
|
+
},
|
|
335
|
+
render: function (args) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "720px" } }, { children: (0, jsx_runtime_1.jsx)(RadioButton_1.default, __assign({}, args)) }))); },
|
|
336
|
+
};
|
|
323
337
|
exports.HorizontalWithDangerBadge = {
|
|
324
338
|
args: {
|
|
325
339
|
label: "Taksitli Ödeme",
|
|
@@ -32,7 +32,7 @@ var RadioGroup = function (_a) {
|
|
|
32
32
|
var radioId = option.id || "".concat(name, "_").concat(index);
|
|
33
33
|
var isChecked = value === option.value;
|
|
34
34
|
var optionHasError = (_a = option.hasError) !== null && _a !== void 0 ? _a : hasError;
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: radioId, name: name, value: option.value, checked: isChecked, onChange: function (e) { return handleRadioChange(option.value); }, label: option.label, description: option.description, image: option.image, disabled: disabled || option.disabled, alignment: option.alignment, isWrapText: option.isWrapText, size: size, textSize: textSize, layout: radioLayout, valid: valid, labelOffset: labelOffset, color: option.color || color, verticalAlign: verticalAlign, readOnly: readOnly, labelSm: option.labelSm, hasBadge: option.hasBadge, badgeText: option.badgeText, badgeVariant: option.badgeVariant, price: option.price, priceDesc: option.priceDesc, hasTitleBadge: option.hasTitleBadge, titleBadgeLayout: option.titleBadgeLayout, titleBadgeText: option.titleBadgeText, hasPriceBadge: option.hasPriceBadge, priceBadgeLayout: option.priceBadgeLayout, priceBadgeText: option.priceBadgeText, iconName: option.iconName, iconColor: option.iconColor, content: option.content, showIndicator: showIndicator, titleBadgePosition: option.titleBadgePosition, hasError: optionHasError, errorMessage: option.errorMessage }, radioId));
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(RadioButton_1.default, { id: radioId, name: name, value: option.value, checked: isChecked, onChange: function (e) { return handleRadioChange(option.value); }, label: option.label, description: option.description, image: option.image, disabled: disabled || option.disabled, alignment: option.alignment, isWrapText: option.isWrapText, size: size, textSize: textSize, layout: radioLayout, valid: valid, labelOffset: labelOffset, color: option.color || color, verticalAlign: verticalAlign, readOnly: readOnly, labelSm: option.labelSm, hasBadge: option.hasBadge, badgeText: option.badgeText, badgeVariant: option.badgeVariant, price: option.price, priceDesc: option.priceDesc, hasTitleBadge: option.hasTitleBadge, titleBadgeLayout: option.titleBadgeLayout, titleBadgeText: option.titleBadgeText, hasPriceBadge: option.hasPriceBadge, priceBadgeLayout: option.priceBadgeLayout, priceBadgeText: option.priceBadgeText, iconName: option.iconName, iconColor: option.iconColor, content: option.content, showIndicator: showIndicator, titleBadgePosition: option.titleBadgePosition, rightContent: option.rightContent, innerMinHeight: option.innerMinHeight, hasError: optionHasError, errorMessage: option.errorMessage }, radioId));
|
|
36
36
|
}) }))] }));
|
|
37
37
|
};
|
|
38
38
|
exports.default = RadioGroup;
|
|
@@ -1,9 +1,23 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { RadioGroupStyledProps } from "./props";
|
|
3
|
-
export declare const GroupLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export declare const
|
|
3
|
+
export declare const GroupLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
4
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
5
|
+
}, RadioGroupStyledProps>> & string;
|
|
6
|
+
export declare const GroupLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
|
|
7
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
8
|
+
}, RadioGroupStyledProps>> & string;
|
|
9
|
+
export declare const InfoArea: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
10
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
11
|
+
}> & string;
|
|
12
|
+
export declare const InfoIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
13
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
14
|
+
}> & string;
|
|
15
|
+
export declare const InfoText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
16
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
17
|
+
}> & string;
|
|
18
|
+
export declare const RadioButtonsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
19
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
20
|
+
}, RadioGroupStyledProps>> & string;
|
|
21
|
+
export declare const RadioGroupStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
|
|
22
|
+
style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
|
|
23
|
+
}, RadioGroupStyledProps>> & string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|