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.
Files changed (234) hide show
  1. package/dist/components/Accordion/Accordion.styled.d.ts +21 -7
  2. package/dist/components/Accordion/stories/Accordion.stories.d.ts +105 -28
  3. package/dist/components/Accordion/stories/Accordion.stories.js +73 -129
  4. package/dist/components/ActionButton/ActionButton.styled.d.ts +51 -17
  5. package/dist/components/ActionButton/stories/ActionButton.stories.d.ts +210 -18
  6. package/dist/components/ActionButton/stories/ActionButton.stories.js +87 -140
  7. package/dist/components/AddressCard/AddressCard.styled.d.ts +6 -2
  8. package/dist/components/AddressCard/stories/AddressCard.stories.d.ts +148 -26
  9. package/dist/components/AddressCard/stories/AddressCard.stories.js +96 -167
  10. package/dist/components/Agreement/Agreement.styled.d.ts +3 -1
  11. package/dist/components/Agreement/stories/Agreement.stories.d.ts +263 -1
  12. package/dist/components/Agreement/stories/Agreement.stories.js +89 -11
  13. package/dist/components/Alert/Alert.styled.d.ts +3 -1
  14. package/dist/components/Alert/stories/Alert.stories.d.ts +138 -8
  15. package/dist/components/Alert/stories/Alert.stories.js +68 -119
  16. package/dist/components/AutocompleteInput/AutocompleteInput.styled.d.ts +12 -4
  17. package/dist/components/AutocompleteInput/stories/AutocompleteInput.stories.d.ts +737 -2
  18. package/dist/components/AutocompleteInput/stories/AutocompleteInput.stories.js +161 -74
  19. package/dist/components/Badges/layouts/belt/belt.styled.d.ts +3 -1
  20. package/dist/components/Badges/layouts/dark/dark.styled.d.ts +3 -1
  21. package/dist/components/Badges/layouts/text/text.styled.d.ts +3 -1
  22. package/dist/components/Badges/stories/Badges.stories.d.ts +228 -10
  23. package/dist/components/Badges/stories/Badges.stories.js +113 -55
  24. package/dist/components/BannerCard/BannerCard.styled.d.ts +3 -1
  25. package/dist/components/BannerCard/stories/BannerCard.stories.d.ts +278 -5
  26. package/dist/components/BannerCard/stories/BannerCard.stories.js +82 -24
  27. package/dist/components/BlogCard/BlogCard.styled.d.ts +3 -1
  28. package/dist/components/BlogCard/stories/BlogCard.stories.d.ts +161 -9
  29. package/dist/components/BlogCard/stories/BlogCard.stories.js +84 -41
  30. package/dist/components/Breadcrumbs/Breadcrumbs.styled.d.ts +39 -13
  31. package/dist/components/Breadcrumbs/stories/Breadcrumbs.stories.d.ts +380 -10
  32. package/dist/components/Breadcrumbs/stories/Breadcrumbs.stories.js +170 -13
  33. package/dist/components/Button/Button.styled.d.ts +6 -2
  34. package/dist/components/Button/stories/Button.stories.d.ts +301 -49
  35. package/dist/components/Button/stories/Button.stories.js +105 -46
  36. package/dist/components/CampaignCard/CampaignCard.styled.d.ts +3 -1
  37. package/dist/components/CampaignCard/stories/CampaignCard.stories.d.ts +118 -3
  38. package/dist/components/CampaignCard/stories/CampaignCard.stories.js +55 -32
  39. package/dist/components/CategoryMenu/CategoryMenu.styled.d.ts +24 -8
  40. package/dist/components/CategoryMenu/stories/CategoryMenu.stories.d.ts +807 -29
  41. package/dist/components/CategoryMenu/stories/CategoryMenu.stories.js +198 -31
  42. package/dist/components/Checkbox/Checkbox.styled.d.ts +15 -5
  43. package/dist/components/Checkbox/stories/Checkbox.stories.d.ts +313 -7
  44. package/dist/components/Checkbox/stories/Checkbox.stories.js +69 -25
  45. package/dist/components/CheckboxGroup/CheckboxGroup.styled.d.ts +3 -1
  46. package/dist/components/CheckboxGroup/stories/CheckboxGroup.stories.d.ts +400 -2
  47. package/dist/components/CheckboxGroup/stories/CheckboxGroup.stories.js +129 -43
  48. package/dist/components/CircleProgress/CircleProgress.styled.d.ts +3 -1
  49. package/dist/components/CircleProgress/stories/CircleProgress.stories.d.ts +142 -3
  50. package/dist/components/CircleProgress/stories/CircleProgress.stories.js +133 -7
  51. package/dist/components/CircleProgressPro/CircleProgressPro.styled.d.ts +33 -11
  52. package/dist/components/CircleProgressPro/stories/CircleProgressPro.stories.d.ts +25 -2
  53. package/dist/components/CircleProgressPro/stories/CircleProgressPro.stories.js +50 -5
  54. package/dist/components/ColorPalette/ColorPalette.styled.d.ts +27 -9
  55. package/dist/components/CouponCode/CouponCode.styled.d.ts +9 -3
  56. package/dist/components/CouponCode/stories/CouponCode.stories.d.ts +311 -1
  57. package/dist/components/CouponCode/stories/CouponCode.stories.js +100 -18
  58. package/dist/components/DescriptionCard/DescriptionCard.styled.d.ts +117 -46
  59. package/dist/components/DescriptionCard/stories/DescriptionCard.stories.d.ts +788 -2
  60. package/dist/components/DescriptionCard/stories/DescriptionCard.stories.js +74 -3
  61. package/dist/components/Divider/Divider.styled.d.ts +6 -2
  62. package/dist/components/Divider/stories/Divider.stories.d.ts +85 -2
  63. package/dist/components/Divider/stories/Divider.stories.js +65 -12
  64. package/dist/components/Dropdown/Dropdown.styled.d.ts +6 -2
  65. package/dist/components/Dropdown/stories/Dropdown.stories.d.ts +395 -5
  66. package/dist/components/Dropdown/stories/Dropdown.stories.js +166 -36
  67. package/dist/components/DropdownButton/DropdownButton.styled.d.ts +9 -3
  68. package/dist/components/DropdownButton/stories/DropdownButton.stories.d.ts +177 -5
  69. package/dist/components/DropdownButton/stories/DropdownButton.stories.js +84 -36
  70. package/dist/components/Icon/Icon.styled.d.ts +9 -3
  71. package/dist/components/Icon/props.d.ts +2 -2
  72. package/dist/components/Icon/stories/Icons.stories.d.ts +134 -3
  73. package/dist/components/Icon/stories/Icons.stories.js +55 -17
  74. package/dist/components/InfoBox/InfoBox.styled.d.ts +24 -8
  75. package/dist/components/InfoBox/stories/InfoBox.stories.d.ts +25 -1
  76. package/dist/components/InfoBox/stories/InfoBox.stories.js +23 -13
  77. package/dist/components/InlineProgress/InlineProgress.styled.d.ts +3 -1
  78. package/dist/components/InlineProgress/stories/InlineProgress.stories.d.ts +69 -2
  79. package/dist/components/InlineProgress/stories/InlineProgress.stories.js +50 -7
  80. package/dist/components/Input/Input.styled.d.ts +27 -9
  81. package/dist/components/Input/stories/Input.stories.d.ts +62 -1
  82. package/dist/components/Input/stories/Input.stories.js +59 -40
  83. package/dist/components/InstallmentBox/InstallmentBox.styled.d.ts +3 -1
  84. package/dist/components/InstallmentBox/stories/InstallmentBox.stories.d.ts +41 -2
  85. package/dist/components/InstallmentBox/stories/InstallmentBox.stories.js +36 -13
  86. package/dist/components/InsuranceBox/InsuranceBox.styled.d.ts +21 -7
  87. package/dist/components/InsuranceBox/stories/InsuranceBox.stories.d.ts +53 -0
  88. package/dist/components/InsuranceBox/stories/InsuranceBox.stories.js +19 -1
  89. package/dist/components/ListGroup/ListGroup.styled.d.ts +15 -5
  90. package/dist/components/ListGroup/stories/ListGroup.stories.d.ts +21 -1
  91. package/dist/components/ListGroup/stories/ListGroup.stories.js +28 -1
  92. package/dist/components/Loader/Loader.styled.d.ts +6 -2
  93. package/dist/components/Loader/stories/Loader.stories.d.ts +22 -4
  94. package/dist/components/Loader/stories/Loader.stories.js +8 -1
  95. package/dist/components/Modal/Modal.styled.d.ts +7 -5
  96. package/dist/components/Modal/stories/Modal.stories.d.ts +98 -1
  97. package/dist/components/Modal/stories/Modal.stories.js +64 -38
  98. package/dist/components/OptionMenu/OptionMenu.styled.d.ts +15 -5
  99. package/dist/components/OptionMenu/stories/OptionMenu.stories.d.ts +126 -44
  100. package/dist/components/OptionMenu/stories/OptionMenu.stories.js +82 -11
  101. package/dist/components/OtpInput/OtpInput.styled.d.ts +12 -4
  102. package/dist/components/OtpInput/stories/OtpInput.stories.d.ts +29 -1
  103. package/dist/components/OtpInput/stories/OtpInput.stories.js +30 -19
  104. package/dist/components/Pagination/Pagination.styled.d.ts +3 -1
  105. package/dist/components/Pagination/stories/Pagination.stories.d.ts +95 -3
  106. package/dist/components/Pagination/stories/Pagination.stories.js +79 -18
  107. package/dist/components/PaymentCart/PaymentCart.styled.d.ts +36 -12
  108. package/dist/components/PaymentCart/stories/PaymentCart.stories.d.ts +180 -1
  109. package/dist/components/PaymentCart/stories/PaymentCart.stories.js +47 -14
  110. package/dist/components/ProductCardCheckbox/ProductCardCheckbox.d.ts +1 -1
  111. package/dist/components/ProductCardCheckbox/ProductCardCheckbox.js +2 -2
  112. package/dist/components/ProductCardCheckbox/ProductCardCheckbox.styled.d.ts +57 -19
  113. package/dist/components/ProductCardCheckbox/ProductCardCheckbox.styled.js +15 -13
  114. package/dist/components/ProductCardCheckbox/ProductCardCheckbox.test.d.ts +1 -0
  115. package/dist/components/ProductCardCheckbox/ProductCardCheckbox.test.js +94 -0
  116. package/dist/components/ProductCardCheckbox/props.d.ts +2 -0
  117. package/dist/components/ProductCardCheckbox/props.js +1 -0
  118. package/dist/components/ProductCardCheckbox/stories/ProductCardCheckbox.stories.d.ts +190 -0
  119. package/dist/components/ProductCardCheckbox/stories/ProductCardCheckbox.stories.js +51 -14
  120. package/dist/components/ProductCardHorizontal/ProductCardHorizontal.styled.d.ts +3 -1
  121. package/dist/components/ProductCardHorizontal/stories/ProductCardHorizontal.stories.d.ts +57 -0
  122. package/dist/components/ProductCardHorizontal/stories/ProductCardHorizontal.stories.js +29 -9
  123. package/dist/components/ProductCardHorizontalMd/ProductCardHorizontalMd.styled.d.ts +60 -29
  124. package/dist/components/ProductCardHorizontalMd/stories/ProductCardHorizontalMd.stories.d.ts +106 -0
  125. package/dist/components/ProductCardHorizontalMd/stories/ProductCardHorizontalMd.stories.js +35 -10
  126. package/dist/components/ProductCardHorizontalSm/ProductCardHorizontalSm.styled.d.ts +33 -11
  127. package/dist/components/ProductCardHorizontalSm/stories/ProductCardHorizontalSm.stories.d.ts +192 -0
  128. package/dist/components/ProductCardHorizontalSm/stories/ProductCardHorizontalSm.stories.js +72 -40
  129. package/dist/components/ProductCardRadio/ProductCardRadio.styled.d.ts +43 -17
  130. package/dist/components/ProductCardRadio/stories/ProductCardRadio.stories.d.ts +275 -12
  131. package/dist/components/ProductCardRadio/stories/ProductCardRadio.stories.js +72 -105
  132. package/dist/components/ProductCardVertical/ProductCardVertical.styled.d.ts +63 -21
  133. package/dist/components/ProductCardVertical/stories/ProductCardVertical.stories.d.ts +139 -0
  134. package/dist/components/ProductCardVertical/stories/ProductCardVertical.stories.js +19 -1
  135. package/dist/components/QuantitySelector/QuantitySelector.styled.d.ts +15 -5
  136. package/dist/components/QuantitySelector/stories/QuantitySelector.stories.d.ts +114 -0
  137. package/dist/components/QuantitySelector/stories/QuantitySelector.stories.js +58 -12
  138. package/dist/components/RadioButton/layouts/basic/Basic.styled.d.ts +15 -5
  139. package/dist/components/RadioButton/layouts/boxed/Boxed.styled.d.ts +24 -8
  140. package/dist/components/RadioButton/layouts/boxed/Boxed.styled.js +1 -1
  141. package/dist/components/RadioButton/layouts/boxedMd/BoxedMd.styled.d.ts +12 -4
  142. package/dist/components/RadioButton/layouts/boxedSm/BoxedSm.styled.d.ts +12 -4
  143. package/dist/components/RadioButton/layouts/boxedSm/BoxedSm.styled.js +1 -1
  144. package/dist/components/RadioButton/layouts/boxedWithIcon/BoxedWithIcon.styled.d.ts +25 -12
  145. package/dist/components/RadioButton/layouts/color/Color.styled.d.ts +9 -3
  146. package/dist/components/RadioButton/layouts/horizontal/Horizontal.js +2 -2
  147. package/dist/components/RadioButton/layouts/horizontal/Horizontal.styled.d.ts +55 -18
  148. package/dist/components/RadioButton/layouts/horizontal/Horizontal.styled.js +1 -1
  149. package/dist/components/RadioButton/layouts/horizontal/Horizontal.test.d.ts +1 -0
  150. package/dist/components/RadioButton/layouts/horizontal/Horizontal.test.js +56 -0
  151. package/dist/components/RadioButton/props.d.ts +4 -0
  152. package/dist/components/RadioButton/props.js +3 -0
  153. package/dist/components/RadioButton/stories/RadioButton.stories.d.ts +14 -0
  154. package/dist/components/RadioButton/stories/RadioButton.stories.js +15 -1
  155. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  156. package/dist/components/RadioGroup/RadioGroup.styled.d.ts +21 -7
  157. package/dist/components/RadioGroup/RadioGroup.test.d.ts +1 -0
  158. package/dist/components/RadioGroup/RadioGroup.test.js +40 -0
  159. package/dist/components/RadioGroup/props.d.ts +4 -0
  160. package/dist/components/RadioScale/RadioScale.styled.d.ts +9 -3
  161. package/dist/components/RadioScale/stories/RadioScale.stories.d.ts +37 -0
  162. package/dist/components/RadioScale/stories/RadioScale.stories.js +16 -1
  163. package/dist/components/ReviewBlock/ReviewBlock.styled.d.ts +57 -19
  164. package/dist/components/ReviewBlock/stories/ReviewBlock.stories.d.ts +108 -0
  165. package/dist/components/ReviewBlock/stories/ReviewBlock.stories.js +23 -1
  166. package/dist/components/ReviewCard/ReviewCard.styled.d.ts +39 -13
  167. package/dist/components/ReviewCard/stories/ReviewCard.stories.d.ts +55 -0
  168. package/dist/components/ReviewCard/stories/ReviewCard.stories.js +19 -1
  169. package/dist/components/RichTextEditor/RichTextEditor.js +20 -12
  170. package/dist/components/RichTextEditor/RichTextEditor.styled.d.ts +36 -22
  171. package/dist/components/RichTextEditor/RichTextEditor.styled.js +1 -1
  172. package/dist/components/RichTextEditor/RichTextEditor.test.d.ts +1 -0
  173. package/dist/components/RichTextEditor/RichTextEditor.test.js +250 -0
  174. package/dist/components/RichTextEditor/props.d.ts +6 -0
  175. package/dist/components/RichTextEditor/props.js +3 -0
  176. package/dist/components/RichTextEditor/stories/RichTextEditor.stories.d.ts +74 -0
  177. package/dist/components/RichTextEditor/stories/RichTextEditor.stories.js +83 -1
  178. package/dist/components/RichTextEditor/utils/sanitize.d.ts +5 -3
  179. package/dist/components/RichTextEditor/utils/sanitize.js +38 -10
  180. package/dist/components/SearchBox/SearchBox.styled.d.ts +6 -2
  181. package/dist/components/SearchBox/stories/SearchBox.stories.d.ts +175 -0
  182. package/dist/components/SearchBox/stories/SearchBox.stories.js +53 -9
  183. package/dist/components/SelectBox/SelectBox.styled.d.ts +3 -1
  184. package/dist/components/SelectBox/stories/SelectBox.stories.d.ts +162 -2
  185. package/dist/components/SelectBox/stories/SelectBox.stories.js +24 -1
  186. package/dist/components/ShoppingCartProduct/ShoppingCartProduct.styled.d.ts +150 -56
  187. package/dist/components/ShoppingCartProduct/stories/ShoppingCartProduct.stories.d.ts +227 -0
  188. package/dist/components/ShoppingCartProduct/stories/ShoppingCartProduct.stories.js +31 -1
  189. package/dist/components/SkeletonLoader/SkeletonLoader.styled.d.ts +3 -1
  190. package/dist/components/SkeletonLoader/stories/SkeletonLoader.stories.d.ts +36 -2
  191. package/dist/components/SkeletonLoader/stories/SkeletonLoader.stories.js +41 -15
  192. package/dist/components/StepSlider/StepSlider.styled.d.ts +16 -8
  193. package/dist/components/StepSlider/stories/StepSlider.stories.d.ts +136 -6
  194. package/dist/components/StepSlider/stories/StepSlider.stories.js +86 -39
  195. package/dist/components/Stepper/Stepper.styled.d.ts +12 -4
  196. package/dist/components/Stepper/stories/Stepper.stories.d.ts +149 -3
  197. package/dist/components/Stepper/stories/Stepper.stories.js +92 -9
  198. package/dist/components/SuggestBox/SuggestBox.styled.d.ts +3 -1
  199. package/dist/components/SuggestBox/stories/SuggestBox.stories.d.ts +68 -2
  200. package/dist/components/SuggestBox/stories/SuggestBox.stories.js +48 -9
  201. package/dist/components/Table/Table.styled.d.ts +9 -3
  202. package/dist/components/Table/stories/Table.stories.d.ts +167 -2
  203. package/dist/components/Table/stories/Table.stories.js +72 -19
  204. package/dist/components/Tabs/Tabs.styled.d.ts +15 -5
  205. package/dist/components/Tabs/stories/Tabs.stories.d.ts +168 -12
  206. package/dist/components/Tabs/stories/Tabs.stories.js +118 -65
  207. package/dist/components/Tag/Tag.styled.d.ts +13 -8
  208. package/dist/components/Tag/stories/Tag.stories.d.ts +63 -5
  209. package/dist/components/Tag/stories/Tag.stories.js +41 -28
  210. package/dist/components/TagInput/TagInput.styled.d.ts +22 -11
  211. package/dist/components/TagInput/stories/TagInput.stories.d.ts +172 -4
  212. package/dist/components/TagInput/stories/TagInput.stories.js +80 -26
  213. package/dist/components/TextLink/TextLink.styled.d.ts +12 -4
  214. package/dist/components/TextLink/stories/TextLink.stories.d.ts +153 -7
  215. package/dist/components/TextLink/stories/TextLink.stories.js +61 -25
  216. package/dist/components/Textarea/Textarea.styled.d.ts +6 -2
  217. package/dist/components/Textarea/stories/Textarea.stories.d.ts +180 -6
  218. package/dist/components/Textarea/stories/Textarea.stories.js +59 -40
  219. package/dist/components/Toast/Toast.styled.d.ts +6 -2
  220. package/dist/components/Toast/stories/Toast.stories.d.ts +369 -5
  221. package/dist/components/Toast/stories/Toast.stories.js +77 -33
  222. package/dist/components/Tooltip/Tooltip.styled.d.ts +21 -7
  223. package/dist/components/Tooltip/stories/Tooltip.stories.d.ts +249 -19
  224. package/dist/components/Tooltip/stories/Tooltip.stories.js +72 -25
  225. package/dist/components/Typography/Typography.styled.d.ts +21 -7
  226. package/dist/components/Uploader/Uploader.styled.d.ts +49 -37
  227. package/dist/components/Uploader/stories/Uploader.stories.d.ts +219 -4
  228. package/dist/components/Uploader/stories/Uploader.stories.js +86 -46
  229. package/dist/components/VideoCard/VideoCard.styled.d.ts +18 -6
  230. package/dist/components/VideoCard/stories/VideoCard.stories.d.ts +50 -2
  231. package/dist/components/VideoCard/stories/VideoCard.stories.js +40 -10
  232. package/dist/setupTests.d.ts +1 -0
  233. package/dist/setupTests.js +3 -0
  234. 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").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
4
- export declare const LabelsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
5
- export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>> & string;
6
- export declare const LabelSm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
7
- export declare const DescriptionText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>> & string;
8
- export declare const ImageLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>> & string;
9
- export declare const BoxedBadgesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
10
- export declare const BoxedStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
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 position: relative;\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 position: relative;\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);
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").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
4
- export declare const LabelsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
5
- export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
6
- export declare const BoxedMdStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
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").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
4
- export declare const LabelsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
5
- export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
6
- export declare const BoxedSmStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
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 position: relative;\n"], ["\n row-gap: 4px;\n cursor: ", ";\n margin: 0;\n color: ", ";\n padding: 0 0 0 ", ";\n display: grid;\n position: relative;\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"; });
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", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
4
- export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
5
- export declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
6
- export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
7
- export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$valid" | "$disabled"> & {
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
- }, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$valid" | "$disabled"> & {
11
- $disabled?: boolean;
12
- $valid: boolean;
13
- }, never>>> & string;
14
- export declare const Separator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>>> & string;
15
- export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
16
- export declare const BoxedWithIconStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
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").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ColorStyledProps> & ColorStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ColorStyledProps> & ColorStyledProps, never>>> & string;
9
- export declare const ColorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof ColorStyledProps> & ColorStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof ColorStyledProps> & ColorStyledProps, never>>> & string;
10
- export declare const ColorStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof ColorStyledProps> & ColorStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof ColorStyledProps> & ColorStyledProps, never>>> & string;
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 = _b === void 0 ? "1rem" : _b, disabled = props.disabled, _c = props.valid, valid = _c === void 0 ? true : _c, _d = props.showIndicator, showIndicator = _d === void 0 ? true : _d, content = props.content, _e = props.size, size = _e === void 0 ? "small" : _e, _f = props.hasError, hasError = _f === void 0 ? false : _f, errorMessage = props.errorMessage;
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", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>> & string;
17
- export declare const Inner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
18
- export declare const LeftContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
19
- export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HorizontalStyledProps> & HorizontalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HorizontalStyledProps> & HorizontalStyledProps, never>>> & string;
20
- export declare const LabelContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
21
- export declare const LabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HorizontalStyledProps> & HorizontalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HorizontalStyledProps> & HorizontalStyledProps, never>>> & string;
22
- export declare const TitleLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
23
- export declare const BadgesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HorizontalStyledProps> & HorizontalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HorizontalStyledProps> & HorizontalStyledProps, never>>> & string;
24
- export declare const TitleBadgeTopRight: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
25
- export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
26
- export declare const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
27
- export declare const HorizontalRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
28
- export declare const RightContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
29
- export declare const Price: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
30
- export declare const TotalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
31
- export declare const TotalLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
32
- export declare const ContentArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
33
- export declare const HorizontalBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HorizontalStyledProps> & HorizontalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HorizontalStyledProps> & HorizontalStyledProps, never>>> & string;
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: 70px;\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: 70px;\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"])), devices_1.devices.sm);
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,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").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioGroupStyledProps> & RadioGroupStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioGroupStyledProps> & RadioGroupStyledProps, never>>> & string;
4
- export declare const GroupLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioGroupStyledProps> & RadioGroupStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioGroupStyledProps> & RadioGroupStyledProps, never>>> & string;
5
- export declare const InfoArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
6
- export declare const InfoIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
7
- export declare const InfoText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
8
- export declare const RadioButtonsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioGroupStyledProps> & RadioGroupStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioGroupStyledProps> & RadioGroupStyledProps, never>>> & string;
9
- export declare const RadioGroupStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioGroupStyledProps> & RadioGroupStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioGroupStyledProps> & RadioGroupStyledProps, never>>> & string;
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 {};