@lanaco/lnc-react-ui 4.0.199 → 4.0.200

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 (247) hide show
  1. package/dist/Accordion.cjs +5 -5
  2. package/dist/Accordion.js +45 -56
  3. package/dist/AccordionDetails.cjs +3 -3
  4. package/dist/AccordionDetails.js +11 -25
  5. package/dist/AccordionSummary.cjs +4 -4
  6. package/dist/AccordionSummary.js +34 -44
  7. package/dist/ActionsToolbar.cjs +2 -3
  8. package/dist/ActionsToolbar.js +83 -135
  9. package/dist/Alert.cjs +10 -10
  10. package/dist/Alert.js +32 -64
  11. package/dist/Avatar.cjs +9 -9
  12. package/dist/Avatar.js +33 -72
  13. package/dist/Badge.cjs +6 -6
  14. package/dist/Badge.js +22 -47
  15. package/dist/BlogCategoryCardsSection.cjs +1 -1
  16. package/dist/BlogCategoryCardsSection.js +12 -14
  17. package/dist/BlogExploreSection.cjs +1 -1
  18. package/dist/BlogExploreSection.js +1 -1
  19. package/dist/BlogsSectionWithFilters.cjs +1 -1
  20. package/dist/BlogsSectionWithFilters.js +1 -1
  21. package/dist/Breadcrumbs.cjs +5 -5
  22. package/dist/Breadcrumbs.js +57 -87
  23. package/dist/Button.cjs +11 -11
  24. package/dist/Button.js +126 -173
  25. package/dist/ButtonGroup.cjs +8 -8
  26. package/dist/ButtonGroup.js +37 -49
  27. package/dist/CalorieCalculatorSection.cjs +8 -8
  28. package/dist/CalorieCalculatorSection.js +90 -97
  29. package/dist/CheckBoxInput.cjs +1 -1
  30. package/dist/CheckBoxInput.js +2 -5
  31. package/dist/Chip.cjs +14 -14
  32. package/dist/Chip.js +73 -111
  33. package/dist/ConfirmationForm.cjs +6 -6
  34. package/dist/ConfirmationForm.js +67 -109
  35. package/dist/ContactSection.cjs +1 -0
  36. package/dist/ContactSection.js +1 -0
  37. package/dist/Content.cjs +1 -1
  38. package/dist/Content.js +7 -15
  39. package/dist/{DailyMotion-ByXblnua.js → DailyMotion-BBcJkMo_.js} +1 -1
  40. package/dist/{DailyMotion-BaFUcQKQ.cjs → DailyMotion-CpZExcrg.cjs} +1 -1
  41. package/dist/DataView.cjs +1 -1
  42. package/dist/DataView.js +30 -50
  43. package/dist/DateInput.cjs +4 -4
  44. package/dist/DateInput.js +1347 -1383
  45. package/dist/DecimalInput.cjs +6 -6
  46. package/dist/DecimalInput.js +210 -263
  47. package/dist/DecimalInputV2.cjs +23 -23
  48. package/dist/DecimalInputV2.js +119 -176
  49. package/dist/DetailedProductsInfinitiveSection.cjs +1 -1
  50. package/dist/DetailedProductsInfinitiveSection.js +1 -1
  51. package/dist/DetailedProductsSection.cjs +1 -1
  52. package/dist/DetailedProductsSection.js +1 -1
  53. package/dist/DetailsView.cjs +9 -9
  54. package/dist/DetailsView.js +111 -162
  55. package/dist/DoubleRangeSlider.cjs +22 -22
  56. package/dist/DoubleRangeSlider.js +70 -95
  57. package/dist/DragAndDropFile.cjs +10 -10
  58. package/dist/DragAndDropFile.js +347 -402
  59. package/dist/DragDropFiles.cjs +4 -4
  60. package/dist/DragDropFiles.js +70 -124
  61. package/dist/Drawer.cjs +5 -5
  62. package/dist/Drawer.js +97 -135
  63. package/dist/Dropdown.cjs +1 -1
  64. package/dist/Dropdown.js +44 -213
  65. package/dist/DropdownItem.cjs +14 -14
  66. package/dist/DropdownItem.js +106 -142
  67. package/dist/DropdownLookup.cjs +1 -1
  68. package/dist/DropdownLookup.js +61 -242
  69. package/dist/DropdownMenu.cjs +4 -4
  70. package/dist/DropdownMenu.js +87 -149
  71. package/dist/EditableTable.cjs +10 -10
  72. package/dist/EditableTable.js +165 -331
  73. package/dist/{Facebook-BCqiOWZO.js → Facebook-BSWPEXjA.js} +1 -1
  74. package/dist/{Facebook-D9wwecSW.cjs → Facebook-DoKw-XxT.cjs} +1 -1
  75. package/dist/FaqSection.cjs +3 -3
  76. package/dist/FaqSection.js +119 -153
  77. package/dist/FileInput.cjs +7 -7
  78. package/dist/FileInput.js +66 -94
  79. package/dist/{FilePlayer-ktaNhf3p.js → FilePlayer-BtGpIWnK.js} +1 -1
  80. package/dist/{FilePlayer-DB6jnpeC.cjs → FilePlayer-D9az_lc_.cjs} +1 -1
  81. package/dist/FlexBox.cjs +6 -6
  82. package/dist/FlexBox.js +28 -63
  83. package/dist/FlexGrid.cjs +1 -1
  84. package/dist/FlexGrid.js +27 -67
  85. package/dist/FlexGridItem.cjs +6 -6
  86. package/dist/FlexGridItem.js +34 -62
  87. package/dist/Footer.cjs +1 -1
  88. package/dist/Footer.js +7 -15
  89. package/dist/FormField.cjs +7 -7
  90. package/dist/FormField.js +22 -47
  91. package/dist/FormView.cjs +6 -6
  92. package/dist/FormView.js +148 -195
  93. package/dist/Grid.cjs +2 -2
  94. package/dist/Grid.js +40 -65
  95. package/dist/GridItem.cjs +2 -2
  96. package/dist/GridItem.js +47 -80
  97. package/dist/Header.cjs +1 -1
  98. package/dist/Header.js +7 -15
  99. package/dist/HelpBannerSection.cjs +3 -3
  100. package/dist/HelpBannerSection.js +9 -15
  101. package/dist/Icon.cjs +4 -4
  102. package/dist/Icon.js +29 -55
  103. package/dist/IconButton.cjs +9 -9
  104. package/dist/IconButton.js +89 -127
  105. package/dist/{Kaltura-CvlN0HDg.js → Kaltura-BDqlEQpd.js} +1 -1
  106. package/dist/{Kaltura-CCdXLzOa.cjs → Kaltura-CK6JHUZC.cjs} +1 -1
  107. package/dist/Kanban.cjs +7 -7
  108. package/dist/Kanban.js +2033 -2098
  109. package/dist/KanbanActionsToolbar.cjs +4 -5
  110. package/dist/KanbanActionsToolbar.js +61 -96
  111. package/dist/KanbanCard-B9V9EjVE.js +137 -0
  112. package/dist/KanbanCard-DihrKn-I.cjs +30 -0
  113. package/dist/KanbanCard.cjs +1 -1
  114. package/dist/KanbanCard.js +2 -3
  115. package/dist/KanbanFooter.cjs +3 -3
  116. package/dist/KanbanFooter.js +37 -55
  117. package/dist/KanbanHeader.cjs +4 -4
  118. package/dist/KanbanHeader.js +49 -81
  119. package/dist/KanbanView.cjs +2 -2
  120. package/dist/KanbanView.js +106 -173
  121. package/dist/Link.cjs +7 -7
  122. package/dist/Link.js +20 -37
  123. package/dist/LocationSearchSection.cjs +1 -1
  124. package/dist/LocationSearchSection.js +1 -1
  125. package/dist/MasonryGeneralCardsSection.cjs +1 -1
  126. package/dist/MasonryGeneralCardsSection.js +1 -1
  127. package/dist/MenuItem.cjs +13 -13
  128. package/dist/MenuItem.js +101 -139
  129. package/dist/{Mixcloud-nG_VyBNt.cjs → Mixcloud-C1Boh2Bm.cjs} +1 -1
  130. package/dist/{Mixcloud-Bb8MTclI.js → Mixcloud-zAh6j7Ha.js} +1 -1
  131. package/dist/Modal.cjs +18 -19
  132. package/dist/Modal.js +131 -166
  133. package/dist/MultiSelectDropdown.cjs +1 -1
  134. package/dist/MultiSelectDropdown.js +25 -196
  135. package/dist/MultiSelectDropdownLookup.cjs +1 -1
  136. package/dist/MultiSelectDropdownLookup.js +27 -209
  137. package/dist/{Mux-DfYpGTiP.js → Mux-BGTG_Tvc.js} +1 -1
  138. package/dist/{Mux-BgB2a8kM.cjs → Mux-C6TwZeaq.cjs} +1 -1
  139. package/dist/NestedDropdownItem.cjs +3 -3
  140. package/dist/NestedDropdownItem.js +45 -67
  141. package/dist/NestedMenuItem.cjs +5 -5
  142. package/dist/NestedMenuItem.js +51 -78
  143. package/dist/NotificationContainer.cjs +10 -10
  144. package/dist/NotificationContainer.js +46 -79
  145. package/dist/NotificationMessage.cjs +2 -2
  146. package/dist/NotificationMessage.js +47 -64
  147. package/dist/NumberInput.cjs +23 -23
  148. package/dist/NumberInput.js +89 -149
  149. package/dist/PageLayout.cjs +2 -2
  150. package/dist/PageLayout.js +20 -28
  151. package/dist/Pagination.cjs +3 -3
  152. package/dist/Pagination.js +102 -185
  153. package/dist/PasswordInput.cjs +23 -23
  154. package/dist/PasswordInput.js +108 -137
  155. package/dist/Popover.cjs +1 -1
  156. package/dist/Popover.js +7 -32
  157. package/dist/PopoverContent.cjs +5 -5
  158. package/dist/PopoverContent.js +22 -28
  159. package/dist/PopoverTrigger.cjs +1 -1
  160. package/dist/PopoverTrigger.js +7 -12
  161. package/dist/ProgressBar.cjs +8 -8
  162. package/dist/ProgressBar.js +32 -59
  163. package/dist/RadioGroup.cjs +3 -3
  164. package/dist/RadioGroup.js +41 -72
  165. package/dist/RadioInput.cjs +28 -28
  166. package/dist/RadioInput.js +78 -123
  167. package/dist/RangeSlider.cjs +19 -19
  168. package/dist/RangeSlider.js +92 -119
  169. package/dist/ReviewsSection.cjs +13 -13
  170. package/dist/ReviewsSection.js +81 -101
  171. package/dist/SalesCampaignsSection.cjs +19 -19
  172. package/dist/SalesCampaignsSection.js +283 -324
  173. package/dist/SearchBar.cjs +10 -10
  174. package/dist/SearchBar.js +168 -188
  175. package/dist/SearchSection-B94YN_6P.cjs +161 -0
  176. package/dist/{SearchSection-DDQ_K98T.js → SearchSection-DAaMecR4.js} +337 -359
  177. package/dist/SearchSection.cjs +1 -1
  178. package/dist/SearchSection.js +2 -3
  179. package/dist/Separator.cjs +3 -3
  180. package/dist/Separator.js +14 -19
  181. package/dist/Sidebar.cjs +4 -5
  182. package/dist/Sidebar.js +33 -56
  183. package/dist/SimpleCategoriesSection.cjs +1 -1
  184. package/dist/SimpleCategoriesSection.js +1 -1
  185. package/dist/{SoundCloud-C86xwUG6.cjs → SoundCloud-C6R6E6Zc.cjs} +1 -1
  186. package/dist/{SoundCloud-DG91z39R.js → SoundCloud-lO8wg_0s.js} +1 -1
  187. package/dist/Spinner.cjs +18 -18
  188. package/dist/Spinner.js +37 -54
  189. package/dist/StatsSection.cjs +6 -6
  190. package/dist/StatsSection.js +15 -25
  191. package/dist/{Streamable-4uAnb3WN.cjs → Streamable-DZO95CiT.cjs} +1 -1
  192. package/dist/{Streamable-BAIWLgyD.js → Streamable-Dwa5ZEK4.js} +1 -1
  193. package/dist/Surface.cjs +4 -4
  194. package/dist/Surface.js +19 -34
  195. package/dist/SwipeableDrawer.cjs +8 -8
  196. package/dist/SwipeableDrawer.js +84 -136
  197. package/dist/TabItem.cjs +11 -11
  198. package/dist/TabItem.js +83 -118
  199. package/dist/Table.cjs +65 -65
  200. package/dist/Table.js +786 -1167
  201. package/dist/TableView.cjs +2 -2
  202. package/dist/TableView.js +113 -197
  203. package/dist/Tabs.cjs +4 -4
  204. package/dist/Tabs.js +41 -60
  205. package/dist/TextAreaInput.cjs +14 -14
  206. package/dist/TextAreaInput.js +131 -181
  207. package/dist/TextInput.cjs +23 -23
  208. package/dist/TextInput.js +78 -126
  209. package/dist/ThemeProvider.cjs +5 -5
  210. package/dist/ThemeProvider.js +35 -39
  211. package/dist/TimeInput.cjs +7 -7
  212. package/dist/TimeInput.js +46 -72
  213. package/dist/Toggle.cjs +20 -20
  214. package/dist/Toggle.js +78 -109
  215. package/dist/ToggleSection.cjs +5 -5
  216. package/dist/ToggleSection.js +48 -55
  217. package/dist/TreeMenu.cjs +5 -5
  218. package/dist/TreeMenu.js +43 -67
  219. package/dist/TreeMenuSeparator.cjs +3 -3
  220. package/dist/TreeMenuSeparator.js +12 -20
  221. package/dist/{Twitch-CVAj24ti.cjs → Twitch-B17oKtD0.cjs} +1 -1
  222. package/dist/{Twitch-DfXeW5Xs.js → Twitch-C73-dwWo.js} +1 -1
  223. package/dist/UploadedFile.cjs +11 -11
  224. package/dist/UploadedFile.js +73 -99
  225. package/dist/{Vidyard-De3pges0.js → Vidyard-B6GdBHsM.js} +1 -1
  226. package/dist/{Vidyard-DaCcaaH4.cjs → Vidyard-s1MMcaRm.cjs} +1 -1
  227. package/dist/{Vimeo-8wXdCXGs.cjs → Vimeo-J1l_SU2E.cjs} +1 -1
  228. package/dist/{Vimeo-N6I2qi_h.js → Vimeo-kzHz4Gco.js} +1 -1
  229. package/dist/{Wistia-BrUzHQoq.cjs → Wistia-CudQyDHM.cjs} +1 -1
  230. package/dist/{Wistia-dlV6n6tO.js → Wistia-w4jnqd7y.js} +1 -1
  231. package/dist/{YouTube-Cfsj4ZaP.cjs → YouTube-BAYKouHS.cjs} +1 -1
  232. package/dist/{YouTube-DNJxWqRm.js → YouTube-BKyipPZx.js} +1 -1
  233. package/dist/index-BdKi2ogu.js +39 -0
  234. package/dist/index-CRk3vcd4.cjs +95 -0
  235. package/dist/index-CX2A-q39.cjs +4 -0
  236. package/dist/{index-CWALXP1T.js → index-CwMCk9wV.js} +118 -145
  237. package/dist/index.cjs +1 -1
  238. package/dist/index.js +2 -2
  239. package/dist/{tag-BtS5lWJ0.js → tag-Dm8CW4TM.js} +21 -27
  240. package/dist/{tag-CmeZsPQt.cjs → tag-UQjq2_Ba.cjs} +7 -7
  241. package/package.json +1 -1
  242. package/dist/KanbanCard-68kSAXL6.js +0 -175
  243. package/dist/KanbanCard-BDvoqTDS.cjs +0 -30
  244. package/dist/SearchSection-BcbHP6QF.cjs +0 -161
  245. package/dist/index-Be-_NM9Q.cjs +0 -4
  246. package/dist/index-C0LcDEqa.js +0 -47
  247. package/dist/index-CSNxZFTX.cjs +0 -95
package/dist/Chip.cjs CHANGED
@@ -1,27 +1,27 @@
1
- "use strict";const t=require("react/jsx-runtime"),j=require("react"),r=require("./index-BpbMKBf_.cjs"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-RnrgDDZP.cjs"),O=require("./Avatar.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),m=e=>{var o="fas";return`${o} fa-${e} fa-fw`},S=(e,o,l,a)=>e?`padding-right: ${a=="small"?"0.75rem":"0.625rem"}; padding-left: ${a=="small"?"0.25rem":"0.125rem"};`:o?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.5rem":"0.375rem"};`:l?`padding-right: ${a=="small"?"0.5rem":"0.375rem"}; padding-left: ${a=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${a=="small"?"1rem":"0.75rem"}; padding-left: ${a=="small"?"1rem":"0.75rem"};`,F=w.styled.span`
1
+ "use strict";const l=require("react/jsx-runtime"),q=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./utils-RnrgDDZP.cjs"),S=require("./Avatar.cjs"),O=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),u=e=>{var r="fas";return`${r} fa-${e} fa-fw`},F=(e,r,n,t)=>e?`padding-right: ${t=="small"?"0.75rem":"0.625rem"}; padding-left: ${t=="small"?"0.25rem":"0.125rem"};`:r?`padding-right: ${t=="small"?"0.5rem":"0.375rem"}; padding-left: ${t=="small"?"0.5rem":"0.375rem"};`:n?`padding-right: ${t=="small"?"0.5rem":"0.375rem"}; padding-left: ${t=="small"?"0.75rem":"0.625rem"};`:`padding-right: ${t=="small"?"1rem":"0.75rem"}; padding-left: ${t=="small"?"1rem":"0.75rem"};`,N=w.styled.span`
2
2
  cursor: pointer;
3
3
  display: inline-flex;
4
- height: ${e=>n.getSizeValueWithUnits(e.theme,e.size)};
5
- ${e=>e.disabled===!0&&n.getDisabledStateCss(e.theme)};
6
- background-color: ${e=>!e.disabled&&n.getColorRgbaValue(e.theme,"Chip",e.color,"enabled","background","backgroundOpacity")};
7
- color: ${e=>!e.disabled&&n.getColorRgbaValue(e.theme,"Chip",e.color,"enabled","text")};
4
+ height: ${e=>a.getSizeValueWithUnits(e.theme,e.size)};
5
+ ${e=>e.disabled===!0&&a.getDisabledStateCss(e.theme)};
6
+ background-color: ${e=>!e.disabled&&a.getColorRgbaValue(e.theme,"Chip",e.color,"enabled","background","backgroundOpacity")};
7
+ color: ${e=>!e.disabled&&a.getColorRgbaValue(e.theme,"Chip",e.color,"enabled","text")};
8
8
  font-weight: ${e=>e.theme.typography.fontWeightBold};
9
- ${e=>S(e.avatar,e.leadingIcon,e.trailingIcon,e.size)}
9
+ ${e=>F(e.avatar,e.leadingIcon,e.trailingIcon,e.size)}
10
10
  gap: 0.375rem;
11
- border-radius: ${e=>n.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
11
+ border-radius: ${e=>a.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
12
12
  justify-content: center;
13
13
  align-items: center;
14
- ${e=>n.getComponentTypographyCss(e.theme,"Chip",e.size,"enabled")};
15
- backdrop-filter: ${e=>n.getComponentPropValue(e.theme,"Chip",e.color,"enabled","backDropFilter")};
14
+ ${e=>a.getComponentTypographyCss(e.theme,"Chip",e.size,"enabled")};
15
+ backdrop-filter: ${e=>a.getComponentPropValue(e.theme,"Chip",e.color,"enabled","backDropFilter")};
16
16
 
17
17
  &:hover {
18
- background-color: ${e=>!e.disabled&&n.getColorRgbaValue(e.theme,"Chip",e.color,"hover","background","backgroundOpacity")};
18
+ background-color: ${e=>!e.disabled&&a.getColorRgbaValue(e.theme,"Chip",e.color,"hover","background","backgroundOpacity")};
19
19
  }
20
20
  &:focus {
21
- background-color: ${e=>!e.disabled&&n.getColorRgbaValue(e.theme,"Chip",e.color,"focus","background","backgroundOpacity")};
22
- ${e=>!e.disabled&&n.getOutlineCss(e.theme)};
21
+ background-color: ${e=>!e.disabled&&a.getColorRgbaValue(e.theme,"Chip",e.color,"focus","background","backgroundOpacity")};
22
+ ${e=>!e.disabled&&a.getOutlineCss(e.theme)};
23
23
  }
24
24
  &:active {
25
- background-color: ${e=>!e.disabled&&n.getColorRgbaValue(e.theme,"Chip",e.color,"active","background","backgroundOpacity")};
25
+ background-color: ${e=>!e.disabled&&a.getColorRgbaValue(e.theme,"Chip",e.color,"active","background","backgroundOpacity")};
26
26
  }
27
- `,N=(e,o)=>`calc(${n.getSizeValueWithUnits(e,o)} - 8px)`,b=j.forwardRef((e,o)=>{const{label:l,leadingIcon:a,trailingIcon:i,avatar:c=!1,size:s="small",borderRadius:h="regular",disabled:d=!1,tabIndex:p=0,onFocus:y=()=>{},onBlur:f=()=>{},onClick:C=()=>{},onKeyDown:$=()=>{},onLeadingIconClick:P=()=>{},onTrailingIconClick:T=()=>{},className:k="",style:I={},color:v="primary",avatarProps:x,children:R,...V}=e,g=q.useTheme(),u={theme:g,color:v,style:I,size:s,className:"lnc-ui-chip "+k};return t.jsxs(F,{ref:o,size:s,...u,trailingIcon:i,leadingIcon:a,avatar:c,borderRadius:h,disabled:d,tabIndex:p,onClick:C,onKeyDown:$,onBlur:f,onFocus:y,...V,children:[c&&t.jsx(O,{...u,disabled:d,sizeInUnits:N(g,s),...x}),a&&t.jsx("i",{className:m(a),onClick:P}),t.jsxs(t.Fragment,{children:[l,R]}),i&&t.jsx("i",{className:m(i),onClick:T})]})});b.propTypes={label:r.PropTypes.string,leadingIcon:r.PropTypes.string,trailingIcon:r.PropTypes.string,avatar:r.PropTypes.bool,borderRadius:r.PropTypes.oneOf(["slight","regular","edged","curved","none"]),disabled:r.PropTypes.bool,tabIndex:r.PropTypes.number,onBlur:r.PropTypes.func,onFocus:r.PropTypes.func,onClick:r.PropTypes.func,onKeyDown:r.PropTypes.func,onLeadingIconClick:r.PropTypes.func,onTrailingIconClick:r.PropTypes.func,className:r.PropTypes.string,style:r.PropTypes.object,color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:r.PropTypes.oneOf(["small","medium","large"]),avatarProps:r.PropTypes.any};module.exports=b;
27
+ `,P=(e,r)=>`calc(${a.getSizeValueWithUnits(e,r)} - 8px)`,U=q.forwardRef((e,r)=>{const{label:n,leadingIcon:t,trailingIcon:i,avatar:c=!1,size:o="small",borderRadius:m="regular",disabled:d=!1,tabIndex:h=0,onFocus:b=()=>{},onBlur:C=()=>{},onClick:$=()=>{},onKeyDown:f=()=>{},onLeadingIconClick:k=()=>{},onTrailingIconClick:y=()=>{},className:x="",style:R={},color:v="primary",avatarProps:I,children:V,...j}=e,s=O.useTheme(),g={theme:s,color:v,style:R,size:o,className:"lnc-ui-chip "+x};return l.jsxs(N,{ref:r,size:o,...g,trailingIcon:i,leadingIcon:t,avatar:c,borderRadius:m,disabled:d,tabIndex:h,onClick:$,onKeyDown:f,onBlur:C,onFocus:b,...j,children:[c&&l.jsx(S,{...g,disabled:d,sizeInUnits:P(s,o),...I}),t&&l.jsx("i",{className:u(t),onClick:k}),l.jsxs(l.Fragment,{children:[n,V]}),i&&l.jsx("i",{className:u(i),onClick:y})]})});module.exports=U;
package/dist/Chip.js CHANGED
@@ -1,19 +1,18 @@
1
- import { jsxs as u, jsx as c, Fragment as N } from "react/jsx-runtime";
2
- import { forwardRef as j } from "react";
3
- import { P as a } from "./index-CblbdqjE.js";
4
- import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-DtEfC-TX.js";
6
- import W from "./Avatar.js";
7
- import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
- const h = (e) => {
9
- var n = "fas";
10
- return `${n} fa-${e} fa-fw`;
11
- }, K = (e, n, l, r) => e ? `padding-right: ${r == "small" ? "0.75rem" : "0.625rem"}; padding-left: ${r == "small" ? "0.25rem" : "0.125rem"};` : n ? `padding-right: ${r == "small" ? "0.5rem" : "0.375rem"}; padding-left: ${r == "small" ? "0.5rem" : "0.375rem"};` : l ? `padding-right: ${r == "small" ? "0.5rem" : "0.375rem"}; padding-left: ${r == "small" ? "0.75rem" : "0.625rem"};` : `padding-right: ${r == "small" ? "1rem" : "0.75rem"}; padding-left: ${r == "small" ? "1rem" : "0.75rem"};`, L = B.span`
1
+ import { jsxs as g, jsx as o, Fragment as P } from "react/jsx-runtime";
2
+ import { forwardRef as S } from "react";
3
+ import { s as V } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import { d as h, h as j, b as r, a as B, c as D, g as F, e as T } from "./utils-DtEfC-TX.js";
5
+ import U from "./Avatar.js";
6
+ import { u as W } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
7
+ const u = (e) => {
8
+ var t = "fas";
9
+ return `${t} fa-${e} fa-fw`;
10
+ }, A = (e, t, l, a) => e ? `padding-right: ${a == "small" ? "0.75rem" : "0.625rem"}; padding-left: ${a == "small" ? "0.25rem" : "0.125rem"};` : t ? `padding-right: ${a == "small" ? "0.5rem" : "0.375rem"}; padding-left: ${a == "small" ? "0.5rem" : "0.375rem"};` : l ? `padding-right: ${a == "small" ? "0.5rem" : "0.375rem"}; padding-left: ${a == "small" ? "0.75rem" : "0.625rem"};` : `padding-right: ${a == "small" ? "1rem" : "0.75rem"}; padding-left: ${a == "small" ? "1rem" : "0.75rem"};`, K = V.span`
12
11
  cursor: pointer;
13
12
  display: inline-flex;
14
- height: ${(e) => b(e.theme, e.size)};
15
- ${(e) => e.disabled === !0 && D(e.theme)};
16
- background-color: ${(e) => !e.disabled && t(
13
+ height: ${(e) => h(e.theme, e.size)};
14
+ ${(e) => e.disabled === !0 && j(e.theme)};
15
+ background-color: ${(e) => !e.disabled && r(
17
16
  e.theme,
18
17
  "Chip",
19
18
  e.color,
@@ -21,15 +20,15 @@ const h = (e) => {
21
20
  "background",
22
21
  "backgroundOpacity"
23
22
  )};
24
- color: ${(e) => !e.disabled && t(e.theme, "Chip", e.color, "enabled", "text")};
23
+ color: ${(e) => !e.disabled && r(e.theme, "Chip", e.color, "enabled", "text")};
25
24
  font-weight: ${(e) => e.theme.typography.fontWeightBold};
26
- ${(e) => K(e.avatar, e.leadingIcon, e.trailingIcon, e.size)}
25
+ ${(e) => A(e.avatar, e.leadingIcon, e.trailingIcon, e.size)}
27
26
  gap: 0.375rem;
28
- border-radius: ${(e) => F(e.theme, e.borderRadius)};
27
+ border-radius: ${(e) => B(e.theme, e.borderRadius)};
29
28
  justify-content: center;
30
29
  align-items: center;
31
- ${(e) => S(e.theme, "Chip", e.size, "enabled")};
32
- backdrop-filter: ${(e) => V(
30
+ ${(e) => D(e.theme, "Chip", e.size, "enabled")};
31
+ backdrop-filter: ${(e) => F(
33
32
  e.theme,
34
33
  "Chip",
35
34
  e.color,
@@ -38,7 +37,7 @@ const h = (e) => {
38
37
  )};
39
38
 
40
39
  &:hover {
41
- background-color: ${(e) => !e.disabled && t(
40
+ background-color: ${(e) => !e.disabled && r(
42
41
  e.theme,
43
42
  "Chip",
44
43
  e.color,
@@ -48,7 +47,7 @@ const h = (e) => {
48
47
  )};
49
48
  }
50
49
  &:focus {
51
- background-color: ${(e) => !e.disabled && t(
50
+ background-color: ${(e) => !e.disabled && r(
52
51
  e.theme,
53
52
  "Chip",
54
53
  e.color,
@@ -56,10 +55,10 @@ const h = (e) => {
56
55
  "background",
57
56
  "backgroundOpacity"
58
57
  )};
59
- ${(e) => !e.disabled && U(e.theme)};
58
+ ${(e) => !e.disabled && T(e.theme)};
60
59
  }
61
60
  &:active {
62
- background-color: ${(e) => !e.disabled && t(
61
+ background-color: ${(e) => !e.disabled && r(
63
62
  e.theme,
64
63
  "Chip",
65
64
  e.color,
@@ -68,123 +67,86 @@ const h = (e) => {
68
67
  "backgroundOpacity"
69
68
  )};
70
69
  }
71
- `, z = (e, n) => `calc(${b(e, n)} - 8px)`, q = j((e, n) => {
70
+ `, L = (e, t) => `calc(${h(e, t)} - 8px)`, M = S((e, t) => {
72
71
  const {
73
72
  label: l,
74
- leadingIcon: r,
75
- trailingIcon: o,
73
+ leadingIcon: a,
74
+ trailingIcon: i,
76
75
  avatar: d = !1,
77
- size: i = "small",
78
- borderRadius: f = "regular",
79
- disabled: s = !1,
80
- tabIndex: y = 0,
76
+ size: n = "small",
77
+ borderRadius: b = "regular",
78
+ disabled: c = !1,
79
+ tabIndex: f = 0,
81
80
  //----------------
82
- onFocus: C = () => {
81
+ onFocus: $ = () => {
83
82
  },
84
- onBlur: $ = () => {
83
+ onBlur: C = () => {
85
84
  },
86
85
  onClick: k = () => {
87
86
  },
88
- onKeyDown: p = () => {
87
+ onKeyDown: y = () => {
89
88
  },
90
- onLeadingIconClick: I = () => {
89
+ onLeadingIconClick: v = () => {
91
90
  },
92
- onTrailingIconClick: v = () => {
91
+ onTrailingIconClick: I = () => {
93
92
  },
94
93
  //----------------
95
- className: x = "",
96
- style: O = {},
97
- color: P = "primary",
98
- avatarProps: w,
99
- children: R,
100
- ...T
101
- } = e, m = A(), g = {
102
- theme: m,
103
- color: P,
104
- style: O,
105
- size: i,
106
- className: "lnc-ui-chip " + x
94
+ className: p = "",
95
+ style: x = {},
96
+ color: O = "primary",
97
+ avatarProps: R,
98
+ children: w,
99
+ ...N
100
+ } = e, s = W(), m = {
101
+ theme: s,
102
+ color: O,
103
+ style: x,
104
+ size: n,
105
+ className: "lnc-ui-chip " + p
107
106
  };
108
- return /* @__PURE__ */ u(
109
- L,
107
+ return /* @__PURE__ */ g(
108
+ K,
110
109
  {
111
- ref: n,
112
- size: i,
113
- ...g,
114
- trailingIcon: o,
115
- leadingIcon: r,
110
+ ref: t,
111
+ size: n,
112
+ ...m,
113
+ trailingIcon: i,
114
+ leadingIcon: a,
116
115
  avatar: d,
117
- borderRadius: f,
118
- disabled: s,
119
- tabIndex: y,
116
+ borderRadius: b,
117
+ disabled: c,
118
+ tabIndex: f,
120
119
  onClick: k,
121
- onKeyDown: p,
122
- onBlur: $,
123
- onFocus: C,
124
- ...T,
120
+ onKeyDown: y,
121
+ onBlur: C,
122
+ onFocus: $,
123
+ ...N,
125
124
  children: [
126
- d && /* @__PURE__ */ c(
127
- W,
125
+ d && /* @__PURE__ */ o(
126
+ U,
128
127
  {
129
- ...g,
130
- disabled: s,
131
- sizeInUnits: z(m, i),
132
- ...w
128
+ ...m,
129
+ disabled: c,
130
+ sizeInUnits: L(s, n),
131
+ ...R
133
132
  }
134
133
  ),
135
- r && /* @__PURE__ */ c("i", { className: h(r), onClick: I }),
136
- /* @__PURE__ */ u(N, { children: [
134
+ a && /* @__PURE__ */ o("i", { className: u(a), onClick: v }),
135
+ /* @__PURE__ */ g(P, { children: [
137
136
  l,
138
- R
137
+ w
139
138
  ] }),
140
- o && /* @__PURE__ */ c(
139
+ i && /* @__PURE__ */ o(
141
140
  "i",
142
141
  {
143
- className: h(o),
144
- onClick: v
142
+ className: u(i),
143
+ onClick: I
145
144
  }
146
145
  )
147
146
  ]
148
147
  }
149
148
  );
150
149
  });
151
- q.propTypes = {
152
- label: a.string,
153
- leadingIcon: a.string,
154
- trailingIcon: a.string,
155
- avatar: a.bool,
156
- borderRadius: a.oneOf([
157
- "slight",
158
- "regular",
159
- "edged",
160
- "curved",
161
- "none"
162
- ]),
163
- disabled: a.bool,
164
- tabIndex: a.number,
165
- //---------------------------------------------------------------
166
- onBlur: a.func,
167
- onFocus: a.func,
168
- onClick: a.func,
169
- onKeyDown: a.func,
170
- onLeadingIconClick: a.func,
171
- onTrailingIconClick: a.func,
172
- //---------------------------------------------------------------
173
- className: a.string,
174
- style: a.object,
175
- color: a.oneOf([
176
- "primary",
177
- "secondary",
178
- "success",
179
- "warning",
180
- "danger",
181
- "information",
182
- "neutral",
183
- "gray"
184
- ]),
185
- size: a.oneOf(["small", "medium", "large"]),
186
- avatarProps: a.any
187
- };
188
150
  export {
189
- q as default
151
+ M as default
190
152
  };
@@ -1,22 +1,22 @@
1
- "use strict";const t=require("react/jsx-runtime"),p=require("react"),r=require("./index-BpbMKBf_.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./Icon.cjs"),u=require("./utils-RnrgDDZP.cjs"),B=require("./Modal.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),E=y.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),a=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./Icon.cjs"),d=require("./utils-RnrgDDZP.cjs"),z=require("./Modal.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),B=u.styled.div`
2
2
  display: flex;
3
3
  gap: 1rem;
4
4
  align-items: center;
5
5
  ${e=>e.type=="centered"&&"flex-direction: column; gap: 1.25rem;"}
6
6
  & .alert-icon {
7
7
  font-size: 2.2rem;
8
- color: ${e=>u.getColorRgbaValue(e.theme,"ConfirmationForm",e.color,"enabled","icon")};
8
+ color: ${e=>d.getColorRgbaValue(e.theme,"ConfirmationForm",e.color,"enabled","icon")};
9
9
  }
10
10
  ${e=>e.type=="centered"&&"padding-top: 0.5rem;"}
11
- `,V=y.styled.div`
11
+ `,E=u.styled.div`
12
12
  display: flex;
13
13
  flex-direction: ${e=>e.type=="regular"?"row":"column"};
14
14
  width: 100%;
15
15
  flex: 1;
16
16
  gap: 0.5rem;
17
- justify-content: ${e=>M(e.actionsAlignment)};
17
+ justify-content: ${e=>V(e.actionsAlignment)};
18
18
  ${e=>e.type=="regular"&&"height: 4rem; border-radius: 0 0 16px 16px; padding: 0.75rem 1.5rem 0.75rem 1.5rem;"}
19
19
  ${e=>e.type=="regular"&&e.actionsTrack==!1&&"padding: 0 1.5rem 1.5rem 1.5rem;"}
20
- ${e=>e.type=="regular"&&e.actionsTrack==!0&&`background-color: ${u.getColorRgbaValue(e.theme,"ConfirmationForm","primary","enabled","trackBg")};`}
20
+ ${e=>e.type=="regular"&&e.actionsTrack==!0&&`background-color: ${d.getColorRgbaValue(e.theme,"ConfirmationForm","primary","enabled","trackBg")};`}
21
21
  ${e=>e.type=="centered"&&"padding: 1rem 0 0.5rem 0;"}
22
- `,M=e=>e=="right"?"end":e=="left"?"start":"center",d=p.forwardRef((e,g)=>{const{color:f,statusIcon:T=!0,title:x,type:s="regular",actions:P,actionsAlignment:h="right",actionsTrack:b=!1,overlay:j=!0,showCloseButton:k=!0,onClose:C=()=>{},zIndex:$=1e3,size:w="fluid",clickOutsideToClose:q=!1,className:A="",style:O={},overlayProps:v,children:D,rest:N}=e;let i={theme:S.useTheme(),size:w,zIndex:$,className:"lnc-ui-confirmation-form "+A,style:O};const z=o=>o=="danger"?"times-circle":o=="warning"?"exclamation-triangle":o=="success"?"check-circle":"exclamation-circle",R=({statusIcon:o,color:n})=>typeof o=="boolean"&&o==!0?t.jsx(m,{className:"alert-icon",icon:z(n)}):typeof o=="string"&&o!==""?t.jsx(m,{className:"alert-icon",icon:o}):p.cloneElement(o,{className:"alert-icon "+(o==null?void 0:o.className)}),F=({statusIcon:o,color:n,title:l,type:c,themeProps:a})=>t.jsxs(E,{...a,color:n,type:c,children:[t.jsx(R,{statusIcon:o,color:n}),t.jsx("h3",{children:l})]}),_=({actions:o,type:n,actionsAlignment:l,actionsTrack:c,themeProps:a})=>t.jsx(V,{type:n,actionsAlignment:l,actionsTrack:c,...a,children:o});return t.jsx(B,{ref:g,...i,header:s=="regular"?t.jsx(F,{statusIcon:T,color:f,title:x,type:s,themeProps:i}):null,footer:s=="regular"?t.jsx(_,{actions:P,type:s,actionsAlignment:h,actionsTrack:b,themeProps:i}):null,overlay:j,showCloseButton:k,onClose:C,clickOutsideToClose:q,overlayProps:v,...N,children:t.jsx("div",{children:"okej"})})});d.propTypes={color:r.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"]),statusIcon:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element,r.PropTypes.bool]),title:r.PropTypes.oneOfType([r.PropTypes.string,r.PropTypes.element]),type:r.PropTypes.oneOf(["regular","centered"]),actions:r.PropTypes.element,actionsAlignment:r.PropTypes.oneOf(["right","center","left"]),actionsTrack:r.PropTypes.bool,showCloseButton:r.PropTypes.bool,overlay:r.PropTypes.bool,onClose:r.PropTypes.func,zIndex:r.PropTypes.number,clickOutsideToClose:r.PropTypes.bool,className:r.PropTypes.string,style:r.PropTypes.object,size:r.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:r.PropTypes.any};module.exports=d;
22
+ `,V=e=>e=="right"?"end":e=="left"?"start":"center",M=a.forwardRef((e,g)=>{const{color:f,statusIcon:y=!0,title:p,type:o="regular",actions:h,actionsAlignment:x="right",actionsTrack:j=!1,overlay:k=!0,showCloseButton:$=!0,onClose:b=()=>{},zIndex:C=1e3,size:T="fluid",clickOutsideToClose:q=!1,className:w="",style:A={},overlayProps:N,rest:v}=e;let i={theme:S.useTheme(),size:T,zIndex:C,className:"lnc-ui-confirmation-form "+w,style:A};const R=r=>r=="danger"?"times-circle":r=="warning"?"exclamation-triangle":r=="success"?"check-circle":"exclamation-circle",F=({statusIcon:r,color:n})=>typeof r=="boolean"&&r==!0?t.jsx(m,{className:"alert-icon",icon:R(n)}):typeof r=="string"&&r!==""?t.jsx(m,{className:"alert-icon",icon:r}):a.cloneElement(r,{className:"alert-icon "+(r==null?void 0:r.className)}),P=({statusIcon:r,color:n,title:c,type:l,themeProps:s})=>t.jsxs(B,{...s,color:n,type:l,children:[t.jsx(F,{statusIcon:r,color:n}),t.jsx("h3",{children:c})]}),_=({actions:r,type:n,actionsAlignment:c,actionsTrack:l,themeProps:s})=>t.jsx(E,{type:n,actionsAlignment:c,actionsTrack:l,...s,children:r});return t.jsx(z,{ref:g,...i,header:o=="regular"?t.jsx(P,{statusIcon:y,color:f,title:p,type:o,themeProps:i}):null,footer:o=="regular"?t.jsx(_,{actions:h,type:o,actionsAlignment:x,actionsTrack:j,themeProps:i}):null,overlay:k,showCloseButton:$,onClose:b,clickOutsideToClose:q,overlayProps:N,...v,children:t.jsx("div",{children:"okej"})})});module.exports=M;
@@ -1,12 +1,11 @@
1
- import { jsx as o, jsxs as R } from "react/jsx-runtime";
1
+ import { jsx as t, jsxs as R } from "react/jsx-runtime";
2
2
  import { forwardRef as S, cloneElement as E } from "react";
3
- import { P as r } from "./index-CblbdqjE.js";
4
- import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
3
+ import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
4
  import m from "./Icon.js";
6
5
  import { b as d } from "./utils-DtEfC-TX.js";
7
6
  import M from "./Modal.js";
8
- import { u as V } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
9
- const q = f.div`
7
+ import { u as O } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
+ const V = s.div`
10
9
  display: flex;
11
10
  gap: 1rem;
12
11
  align-items: center;
@@ -22,13 +21,13 @@ const q = f.div`
22
21
  )};
23
22
  }
24
23
  ${(e) => e.type == "centered" && "padding-top: 0.5rem;"}
25
- `, D = f.div`
24
+ `, q = s.div`
26
25
  display: flex;
27
26
  flex-direction: ${(e) => e.type == "regular" ? "row" : "column"};
28
27
  width: 100%;
29
28
  flex: 1;
30
29
  gap: 0.5rem;
31
- justify-content: ${(e) => G(e.actionsAlignment)};
30
+ justify-content: ${(e) => D(e.actionsAlignment)};
32
31
  ${(e) => e.type == "regular" && "height: 4rem; border-radius: 0 0 16px 16px; padding: 0.75rem 1.5rem 0.75rem 1.5rem;"}
33
32
  ${(e) => e.type == "regular" && e.actionsTrack == !1 && "padding: 0 1.5rem 1.5rem 1.5rem;"}
34
33
  ${(e) => e.type == "regular" && e.actionsTrack == !0 && `background-color: ${d(
@@ -39,131 +38,90 @@ const q = f.div`
39
38
  "trackBg"
40
39
  )};`}
41
40
  ${(e) => e.type == "centered" && "padding: 1rem 0 0.5rem 0;"}
42
- `, G = (e) => e == "right" ? "end" : e == "left" ? "start" : "center", H = S((e, u) => {
41
+ `, D = (e) => e == "right" ? "end" : e == "left" ? "start" : "center", X = S((e, f) => {
43
42
  const {
44
- color: p,
43
+ color: u,
45
44
  statusIcon: g = !0,
46
- title: y,
47
- type: i = "regular",
48
- actions: h,
49
- actionsAlignment: x = "right",
50
- actionsTrack: T = !1,
51
- overlay: b = !0,
52
- showCloseButton: k = !0,
53
- onClose: C = () => {
45
+ title: p,
46
+ type: o = "regular",
47
+ actions: y,
48
+ actionsAlignment: h = "right",
49
+ actionsTrack: x = !1,
50
+ overlay: k = !0,
51
+ showCloseButton: $ = !0,
52
+ onClose: T = () => {
54
53
  },
55
- zIndex: $ = 1e3,
56
- size: A = "fluid",
57
- clickOutsideToClose: O = !1,
58
- className: v = "",
59
- style: w = {},
60
- overlayProps: N,
61
- children: I,
62
- rest: P
54
+ zIndex: C = 1e3,
55
+ size: b = "fluid",
56
+ clickOutsideToClose: A = !1,
57
+ className: N = "",
58
+ style: v = {},
59
+ overlayProps: w,
60
+ rest: j
63
61
  } = e;
64
- let l = {
65
- theme: V(),
66
- size: A,
67
- zIndex: $,
68
- className: "lnc-ui-confirmation-form " + v,
69
- style: w
62
+ let i = {
63
+ theme: O(),
64
+ size: b,
65
+ zIndex: C,
66
+ className: "lnc-ui-confirmation-form " + N,
67
+ style: v
70
68
  };
71
- const j = (t) => t == "danger" ? "times-circle" : t == "warning" ? "exclamation-triangle" : t == "success" ? "check-circle" : "exclamation-circle", z = ({ statusIcon: t, color: n }) => typeof t == "boolean" && t == !0 ? /* @__PURE__ */ o(m, { className: "alert-icon", icon: j(n) }) : typeof t == "string" && t !== "" ? /* @__PURE__ */ o(m, { className: "alert-icon", icon: t }) : E(t, {
72
- className: "alert-icon " + (t == null ? void 0 : t.className)
73
- }), B = ({ statusIcon: t, color: n, title: a, type: c, themeProps: s }) => /* @__PURE__ */ R(q, { ...s, color: n, type: c, children: [
74
- /* @__PURE__ */ o(z, { statusIcon: t, color: n }),
75
- /* @__PURE__ */ o("h3", { children: a })
76
- ] }), F = ({
77
- actions: t,
69
+ const P = (r) => r == "danger" ? "times-circle" : r == "warning" ? "exclamation-triangle" : r == "success" ? "check-circle" : "exclamation-circle", z = ({ statusIcon: r, color: n }) => typeof r == "boolean" && r == !0 ? /* @__PURE__ */ t(m, { className: "alert-icon", icon: P(n) }) : typeof r == "string" && r !== "" ? /* @__PURE__ */ t(m, { className: "alert-icon", icon: r }) : E(r, {
70
+ className: "alert-icon " + (r == null ? void 0 : r.className)
71
+ }), F = ({ statusIcon: r, color: n, title: l, type: c, themeProps: a }) => /* @__PURE__ */ R(V, { ...a, color: n, type: c, children: [
72
+ /* @__PURE__ */ t(z, { statusIcon: r, color: n }),
73
+ /* @__PURE__ */ t("h3", { children: l })
74
+ ] }), B = ({
75
+ actions: r,
78
76
  type: n,
79
- actionsAlignment: a,
77
+ actionsAlignment: l,
80
78
  actionsTrack: c,
81
- themeProps: s
82
- }) => /* @__PURE__ */ o(
83
- D,
79
+ themeProps: a
80
+ }) => /* @__PURE__ */ t(
81
+ q,
84
82
  {
85
83
  type: n,
86
- actionsAlignment: a,
84
+ actionsAlignment: l,
87
85
  actionsTrack: c,
88
- ...s,
89
- children: t
86
+ ...a,
87
+ children: r
90
88
  }
91
89
  );
92
- return /* @__PURE__ */ o(
90
+ return /* @__PURE__ */ t(
93
91
  M,
94
92
  {
95
- ref: u,
96
- ...l,
97
- header: i == "regular" ? /* @__PURE__ */ o(
98
- B,
93
+ ref: f,
94
+ ...i,
95
+ header: o == "regular" ? /* @__PURE__ */ t(
96
+ F,
99
97
  {
100
98
  statusIcon: g,
101
- color: p,
102
- title: y,
103
- type: i,
104
- themeProps: l
99
+ color: u,
100
+ title: p,
101
+ type: o,
102
+ themeProps: i
105
103
  }
106
104
  ) : null,
107
- footer: i == "regular" ? /* @__PURE__ */ o(
108
- F,
105
+ footer: o == "regular" ? /* @__PURE__ */ t(
106
+ B,
109
107
  {
110
- actions: h,
111
- type: i,
112
- actionsAlignment: x,
113
- actionsTrack: T,
114
- themeProps: l
108
+ actions: y,
109
+ type: o,
110
+ actionsAlignment: h,
111
+ actionsTrack: x,
112
+ themeProps: i
115
113
  }
116
114
  ) : null,
117
- overlay: b,
118
- showCloseButton: k,
119
- onClose: C,
120
- clickOutsideToClose: O,
121
- overlayProps: N,
122
- ...P,
123
- children: /* @__PURE__ */ o("div", { children: "okej" })
115
+ overlay: k,
116
+ showCloseButton: $,
117
+ onClose: T,
118
+ clickOutsideToClose: A,
119
+ overlayProps: w,
120
+ ...j,
121
+ children: /* @__PURE__ */ t("div", { children: "okej" })
124
122
  }
125
123
  );
126
124
  });
127
- H.propTypes = {
128
- color: r.oneOf([
129
- "primary",
130
- "secondary",
131
- "success",
132
- "danger",
133
- "warning",
134
- "information",
135
- "neutral",
136
- "gray"
137
- ]),
138
- /**
139
- * Can be boolean (true - display default icon, false - don't display icon at all), string (display custom icon), element (display custom element as icon)
140
- */
141
- statusIcon: r.oneOfType([
142
- r.string,
143
- r.element,
144
- r.bool
145
- ]),
146
- title: r.oneOfType([r.string, r.element]),
147
- type: r.oneOf(["regular", "centered"]),
148
- actions: r.element,
149
- /**
150
- * Aligmnent of actions when `type="regular"`
151
- */
152
- actionsAlignment: r.oneOf(["right", "center", "left"]),
153
- /**
154
- * Defines whether actions will be inside a track
155
- */
156
- actionsTrack: r.bool,
157
- showCloseButton: r.bool,
158
- overlay: r.bool,
159
- onClose: r.func,
160
- zIndex: r.number,
161
- clickOutsideToClose: r.bool,
162
- className: r.string,
163
- style: r.object,
164
- size: r.oneOf(["fluid", "xs", "s", "m", "l", "xl", "full"]),
165
- overlayProps: r.any
166
- };
167
125
  export {
168
- H as default
126
+ X as default
169
127
  };
@@ -282,6 +282,7 @@
282
282
  border: none;
283
283
  background: transparent;
284
284
  box-shadow: none;
285
+ padding-bottom: 2.5rem;
285
286
  order: 2;
286
287
 
287
288
  & .card__image {
@@ -1401,6 +1401,7 @@ const _i = Xn.div`
1401
1401
  border: none;
1402
1402
  background: transparent;
1403
1403
  box-shadow: none;
1404
+ padding-bottom: 2.5rem;
1404
1405
  order: 2;
1405
1406
 
1406
1407
  & .card__image {
package/dist/Content.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";const o=require("react/jsx-runtime"),i=require("react"),c=require("./index-BpbMKBf_.cjs"),e=i.forwardRef((t,n)=>{const{children:r,__TYPE__:_="Content",...s}=t;return o.jsx("main",{ref:n,...s,children:r})});e.propTypes={__TYPE__:c.PropTypes.string};e.displayName="Content";module.exports=e;
1
+ "use strict";const o=require("react/jsx-runtime"),c=require("react"),e=c.forwardRef((t,n)=>{const{children:r,...s}=t;return o.jsx("main",{ref:n,...s,children:r})});e.displayName="Content";module.exports=e;
package/dist/Content.js CHANGED
@@ -1,18 +1,10 @@
1
- import { jsx as p } from "react/jsx-runtime";
2
- import { forwardRef as s } from "react";
3
- import { P as m } from "./index-CblbdqjE.js";
4
- const r = s((t, o) => {
5
- const { children: e, __TYPE__: _ = "Content", ...n } = t;
6
- return /* @__PURE__ */ p("main", { ref: o, ...n, children: e });
1
+ import { jsx as n } from "react/jsx-runtime";
2
+ import { forwardRef as a } from "react";
3
+ const m = a((t, r) => {
4
+ const { children: o, ...e } = t;
5
+ return /* @__PURE__ */ n("main", { ref: r, ...e, children: o });
7
6
  });
8
- r.propTypes = {
9
- /**
10
- * Do not override this property.
11
- * Should only be used as indicator for type if you are passing custom component.
12
- */
13
- __TYPE__: m.string
14
- };
15
- r.displayName = "Content";
7
+ m.displayName = "Content";
16
8
  export {
17
- r as default
9
+ m as default
18
10
  };
@@ -1,6 +1,6 @@
1
1
  import { g as P } from "./_commonjsHelpers-BkfeUUK-.js";
2
2
  import v from "react";
3
- import { u as D, p as O } from "./SearchSection-DDQ_K98T.js";
3
+ import { u as D, p as O } from "./SearchSection-DAaMecR4.js";
4
4
  function b(t, e) {
5
5
  for (var r = 0; r < e.length; r++) {
6
6
  const o = e[r];