@lanaco/lnc-react-ui 4.0.198 → 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 +6 -5
  216. package/dist/ToggleSection.js +49 -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/GridItem.js CHANGED
@@ -1,92 +1,59 @@
1
- import { jsx as w } from "react/jsx-runtime";
2
- import { forwardRef as y } from "react";
3
- import { P as e } from "./index-CblbdqjE.js";
4
- import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- const b = E.div`
6
- display: ${(t) => t.inline ? "inline-grid" : "grid"};
7
- row-gap: ${(t) => t.rowGap ? t.rowGap : t.gap ? t.gap : 0};
8
- column-gap: ${(t) => t.columnGap ? t.columnGap : t.gap ? t.gap : 0};
9
- ${(t) => t.gridTemplate && `grid-template: ${t.gridTemplate};`}
10
- ${(t) => t.templateRows && `grid-template-rows: ${t.templateRows};`}
11
- ${(t) => t.templateColumns && `grid-template-columns: ${t.templateColumns};`}
12
- ${(t) => t.justifySelf && `justify-self: ${t.justifySelf};`}
13
- ${(t) => t.alignSelf && `align-self: ${t.alignSelf};`}
14
- ${(t) => t.area && `grid-area: ${t.area};`}
15
- ${(t) => t.colStart && `grid-column-start: ${t.colStart};`}
16
- ${(t) => (t.colEnd || t.colSpan) && `grid-column-end: span ${t.colEnd || t.colSpan};`}
17
- ${(t) => t.rowStart && `grid-row-start: ${t.rowStart};`}
18
- ${(t) => (t.rowEnd || t.rowSpan) && `grid-row-end: span ${t.rowEnd || t.rowSpan};`}
19
- `, j = y((t, a) => {
1
+ import { jsx as u } from "react/jsx-runtime";
2
+ import { forwardRef as s } from "react";
3
+ import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ const E = y.div`
5
+ display: ${(a) => a.inline ? "inline-grid" : "grid"};
6
+ row-gap: ${(a) => a.rowGap ? a.rowGap : a.gap ? a.gap : 0};
7
+ column-gap: ${(a) => a.columnGap ? a.columnGap : a.gap ? a.gap : 0};
8
+ ${(a) => a.gridTemplate && `grid-template: ${a.gridTemplate};`}
9
+ ${(a) => a.templateRows && `grid-template-rows: ${a.templateRows};`}
10
+ ${(a) => a.templateColumns && `grid-template-columns: ${a.templateColumns};`}
11
+ ${(a) => a.justifySelf && `justify-self: ${a.justifySelf};`}
12
+ ${(a) => a.alignSelf && `align-self: ${a.alignSelf};`}
13
+ ${(a) => a.area && `grid-area: ${a.area};`}
14
+ ${(a) => a.colStart && `grid-column-start: ${a.colStart};`}
15
+ ${(a) => (a.colEnd || a.colSpan) && `grid-column-end: span ${a.colEnd || a.colSpan};`}
16
+ ${(a) => a.rowStart && `grid-row-start: ${a.rowStart};`}
17
+ ${(a) => (a.rowEnd || a.rowSpan) && `grid-row-end: span ${a.rowEnd || a.rowSpan};`}
18
+ `, R = s((a, t) => {
20
19
  const {
21
- colStart: r,
22
- colEnd: n,
23
- rowStart: l,
24
- rowEnd: o,
20
+ colStart: e,
21
+ colEnd: l,
22
+ rowStart: n,
23
+ rowEnd: r,
25
24
  colSpan: i,
26
- rowSpan: m,
27
- justifySelf: d,
28
- alignSelf: c,
25
+ rowSpan: d,
26
+ justifySelf: m,
27
+ alignSelf: o,
29
28
  area: g,
30
- className: S = "",
31
- style: f = {},
32
- children: s,
33
- ...$
34
- } = t;
35
- var u = {
36
- colStart: r,
37
- colEnd: n,
38
- rowStart: l,
39
- rowEnd: o,
29
+ className: $ = "",
30
+ style: c = {},
31
+ children: S,
32
+ ...f
33
+ } = a;
34
+ var w = {
35
+ colStart: e,
36
+ colEnd: l,
37
+ rowStart: n,
38
+ rowEnd: r,
40
39
  colSpan: i,
41
- rowSpan: m,
42
- justifySelf: d,
43
- alignSelf: c,
40
+ rowSpan: d,
41
+ justifySelf: m,
42
+ alignSelf: o,
44
43
  area: g
45
44
  };
46
- return /* @__PURE__ */ w(
47
- b,
45
+ return /* @__PURE__ */ u(
46
+ E,
48
47
  {
49
- ref: a,
50
- ...u,
51
- className: S,
52
- style: f,
53
- ...$,
54
- children: s
48
+ ref: t,
49
+ ...w,
50
+ className: $,
51
+ style: c,
52
+ ...f,
53
+ children: S
55
54
  }
56
55
  );
57
56
  });
58
- j.propTypes = {
59
- /**
60
- * start the element at the columnStart column position
61
- */
62
- colStart: e.number,
63
- /**
64
- * end the element at the columnEnd column position
65
- */
66
- colEnd: e.number,
67
- /**
68
- * start the element at the rowStart row position
69
- */
70
- rowStart: e.number,
71
- /**
72
- * end the element at the rowStart row position
73
- */
74
- rowEnd: e.number,
75
- /**
76
- * span specific amount of columns
77
- */
78
- colSpan: e.number,
79
- /**
80
- * span specific amount of rows
81
- */
82
- rowSpan: e.number,
83
- justifySelf: e.oneOf(["start", "end", "center", "stretch"]),
84
- alignSelf: e.oneOf(["start", "end", "center", "stretch"]),
85
- area: e.string,
86
- //-------------
87
- style: e.object,
88
- className: e.string
89
- };
90
57
  export {
91
- j as default
58
+ R as default
92
59
  };
package/dist/Header.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";const i=require("react/jsx-runtime"),o=require("react"),a=require("./index-BpbMKBf_.cjs"),e=o.forwardRef((r,s)=>{const{children:t,__TYPE__:c="Header",...n}=r;return i.jsx("header",{ref:s,...n,children:t})});e.propTypes={__TYPE__:a.PropTypes.string};e.displayName="Header";module.exports=e;
1
+ "use strict";const c=require("react/jsx-runtime"),n=require("react"),e=n.forwardRef((r,s)=>{const{children:t,...a}=r;return c.jsx("header",{ref:s,...a,children:t})});e.displayName="Header";module.exports=e;
package/dist/Header.js CHANGED
@@ -1,18 +1,10 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { forwardRef as t } from "react";
3
- import { P as d } from "./index-CblbdqjE.js";
4
- const r = t((e, o) => {
5
- const { children: a, __TYPE__: _ = "Header", ...p } = e;
6
- return /* @__PURE__ */ s("header", { ref: o, ...p, children: a });
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { forwardRef as d } from "react";
3
+ const s = d((r, e) => {
4
+ const { children: a, ...o } = r;
5
+ return /* @__PURE__ */ t("header", { ref: e, ...o, children: a });
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__: d.string
14
- };
15
- r.displayName = "Header";
7
+ s.displayName = "Header";
16
8
  export {
17
- r as default
9
+ s as default
18
10
  };
@@ -1,4 +1,4 @@
1
- "use strict";const e=require("react/jsx-runtime"),c=require("react"),t=require("./index-BpbMKBf_.cjs"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),m=l.styled.div`
1
+ "use strict";const e=require("react/jsx-runtime"),s=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),c=require("./consts-goSZX3xP.cjs"),l=o.styled.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  align-items: center;
@@ -28,7 +28,7 @@
28
28
  }
29
29
  }
30
30
 
31
- @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
31
+ @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
32
32
  & .section__heading {
33
33
  display: flex;
34
34
  flex-direction: column;
@@ -59,4 +59,4 @@
59
59
  height: auto;
60
60
  }
61
61
  }
62
- `,s=c.forwardRef(({title:i,description:n,image:r},o)=>e.jsxs(m,{ref:o,children:[e.jsxs("div",{className:"section__heading",children:[i&&e.jsx("div",{className:"section__title",children:i}),n&&e.jsx("div",{className:"section__description",children:n})]}),r&&e.jsx("img",{src:r,alt:"Banner",className:"section__image"})]}));s.propTypes={title:t.PropTypes.string,description:t.PropTypes.string,image:t.PropTypes.string};module.exports=s;
62
+ `,a=s.forwardRef(({title:t,description:i,image:n},r)=>e.jsxs(l,{ref:r,children:[e.jsxs("div",{className:"section__heading",children:[t&&e.jsx("div",{className:"section__title",children:t}),i&&e.jsx("div",{className:"section__description",children:i})]}),n&&e.jsx("img",{src:n,alt:"Banner",className:"section__image"})]}));module.exports=a;
@@ -1,9 +1,8 @@
1
- import { jsxs as o, jsx as e } from "react/jsx-runtime";
1
+ import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
2
  import { forwardRef as a } from "react";
3
- import { P as i } from "./index-CblbdqjE.js";
4
3
  import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import { M as c } from "./consts-BuFChS64.js";
6
- const m = l.div`
4
+ import { M as s } from "./consts-BuFChS64.js";
5
+ const c = l.div`
7
6
  display: flex;
8
7
  flex-direction: column;
9
8
  align-items: center;
@@ -33,7 +32,7 @@ const m = l.div`
33
32
  }
34
33
  }
35
34
 
36
- @media (max-width: ${c + "px"}) {
35
+ @media (max-width: ${s + "px"}) {
37
36
  & .section__heading {
38
37
  display: flex;
39
38
  flex-direction: column;
@@ -64,18 +63,13 @@ const m = l.div`
64
63
  height: auto;
65
64
  }
66
65
  }
67
- `, g = a(({ title: t, description: n, image: r }, s) => /* @__PURE__ */ o(m, { ref: s, children: [
68
- /* @__PURE__ */ o("div", { className: "section__heading", children: [
66
+ `, _ = a(({ title: t, description: i, image: n }, o) => /* @__PURE__ */ r(c, { ref: o, children: [
67
+ /* @__PURE__ */ r("div", { className: "section__heading", children: [
69
68
  t && /* @__PURE__ */ e("div", { className: "section__title", children: t }),
70
- n && /* @__PURE__ */ e("div", { className: "section__description", children: n })
69
+ i && /* @__PURE__ */ e("div", { className: "section__description", children: i })
71
70
  ] }),
72
- r && /* @__PURE__ */ e("img", { src: r, alt: "Banner", className: "section__image" })
71
+ n && /* @__PURE__ */ e("img", { src: n, alt: "Banner", className: "section__image" })
73
72
  ] }));
74
- g.propTypes = {
75
- title: i.string,
76
- description: i.string,
77
- image: i.string
78
- };
79
73
  export {
80
- g as default
74
+ _ as default
81
75
  };
package/dist/Icon.cjs CHANGED
@@ -1,8 +1,8 @@
1
- "use strict";const n=require("react/jsx-runtime"),z=require("react"),s=require("./index-BpbMKBf_.cjs"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-RnrgDDZP.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),I=P.styled.span`
1
+ "use strict";const t=require("react/jsx-runtime"),h=require("react"),z=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./utils-RnrgDDZP.cjs"),I=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=z.styled.span`
2
2
  box-sizing: border-box;
3
- ${e=>e.sizeInUnits&&e.sizeInUnits!=""?`font-size: ${e.sizeInUnits}`:o.getComponentTypographyCss(e.theme,"Icon",e.size,"enabled")};
4
- ${e=>e.color&&`color: ${o.getColorRgbaValue(e.theme,"Icon",e.color,"enabled","icon")}`};
3
+ ${e=>e.sizeInUnits&&e.sizeInUnits!=""?`font-size: ${e.sizeInUnits}`:n.getComponentTypographyCss(e.theme,"Icon",e.size,"enabled")};
4
+ ${e=>e.color&&`color: ${n.getColorRgbaValue(e.theme,"Icon",e.color,"enabled","icon")}`};
5
5
  display: inline-flex;
6
6
  justify-content: center;
7
7
  align-items: center;
8
- `,t=z.forwardRef((e,r)=>{const{id:h="",icon:i="",iconStyle:l="solid",tooltip:c="",sizeInUnits:a="",size:y="small",color:m,className:d="",style:u={},...p}=e,g={theme:b.useTheme(),size:y,color:m,sizeInUnits:a},f=()=>{var T=l==="solid"?"fas":"far";return`${T} fa-${i} fa-fw`};return n.jsx(I,{ref:r,...g,tooltip:c,className:d,style:u,...p,children:n.jsx("i",{"data-control":!!e["data-control"],className:f()})})});t.propTypes={id:s.PropTypes.any,icon:s.PropTypes.string,iconStyle:s.PropTypes.oneOf(["solid","regular"]),tooltip:s.PropTypes.string,className:s.PropTypes.string,style:s.PropTypes.object,size:s.PropTypes.oneOf(["small","medium","large"]),sizeInUnits:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=t;
8
+ `,x=h.forwardRef((e,s)=>{const{icon:o="",iconStyle:i="solid",tooltip:r="",sizeInUnits:c="",size:l="small",color:a,className:m="",style:u={},...d}=e,f={theme:I.useTheme(),size:l,color:a,sizeInUnits:c},y=()=>{var b=i==="solid"?"fas":"far";return`${b} fa-${o} fa-fw`};return t.jsx(g,{ref:s,...f,tooltip:r,className:m,style:u,...d,children:t.jsx("i",{"data-control":!!e["data-control"],className:y()})})});module.exports=x;
package/dist/Icon.js CHANGED
@@ -1,13 +1,12 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import { forwardRef as z } from "react";
3
- import { P as o } from "./index-CblbdqjE.js";
4
- import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import { c as b, b as h } from "./utils-DtEfC-TX.js";
6
- import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
7
- const $ = I.span`
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { forwardRef as y } from "react";
3
+ import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import { c as I, b } from "./utils-DtEfC-TX.js";
5
+ import { u as g } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
6
+ const $ = z.span`
8
7
  box-sizing: border-box;
9
- ${(e) => e.sizeInUnits && e.sizeInUnits != "" ? `font-size: ${e.sizeInUnits}` : b(e.theme, "Icon", e.size, "enabled")};
10
- ${(e) => e.color && `color: ${h(
8
+ ${(e) => e.sizeInUnits && e.sizeInUnits != "" ? `font-size: ${e.sizeInUnits}` : I(e.theme, "Icon", e.size, "enabled")};
9
+ ${(e) => e.color && `color: ${b(
11
10
  e.theme,
12
11
  "Icon",
13
12
  e.color,
@@ -17,65 +16,40 @@ const $ = I.span`
17
16
  display: inline-flex;
18
17
  justify-content: center;
19
18
  align-items: center;
20
- `, x = z((e, s) => {
19
+ `, R = y((e, o) => {
21
20
  const {
22
- id: U = "",
23
- icon: t = "",
24
- iconStyle: i = "solid",
25
- tooltip: r = "",
26
- sizeInUnits: a = "",
21
+ icon: n = "",
22
+ iconStyle: s = "solid",
23
+ tooltip: a = "",
24
+ sizeInUnits: i = "",
27
25
  size: l = "small",
28
- color: c,
29
- className: m = "",
30
- style: f = {},
31
- ...d
32
- } = e, g = { theme: p(), size: l, color: c, sizeInUnits: a }, y = () => {
33
- var u = i === "solid" ? "fas" : "far";
34
- return `${u} fa-${t} fa-fw`;
26
+ color: r,
27
+ className: c = "",
28
+ style: m = {},
29
+ ...f
30
+ } = e, d = { theme: g(), size: l, color: r, sizeInUnits: i }, h = () => {
31
+ var u = s === "solid" ? "fas" : "far";
32
+ return `${u} fa-${n} fa-fw`;
35
33
  };
36
- return /* @__PURE__ */ n(
34
+ return /* @__PURE__ */ t(
37
35
  $,
38
36
  {
39
- ref: s,
40
- ...g,
41
- tooltip: r,
42
- className: m,
43
- style: f,
37
+ ref: o,
44
38
  ...d,
45
- children: /* @__PURE__ */ n(
39
+ tooltip: a,
40
+ className: c,
41
+ style: m,
42
+ ...f,
43
+ children: /* @__PURE__ */ t(
46
44
  "i",
47
45
  {
48
46
  "data-control": !!e["data-control"],
49
- className: y()
47
+ className: h()
50
48
  }
51
49
  )
52
50
  }
53
51
  );
54
52
  });
55
- x.propTypes = {
56
- id: o.any,
57
- icon: o.string,
58
- iconStyle: o.oneOf(["solid", "regular"]),
59
- tooltip: o.string,
60
- //----------------
61
- className: o.string,
62
- style: o.object,
63
- size: o.oneOf(["small", "medium", "large"]),
64
- /**
65
- Size in one of the css units (px, rem, em, ... ), sizeInUnits overrides size property
66
- */
67
- sizeInUnits: o.string,
68
- color: o.oneOf([
69
- "primary",
70
- "secondary",
71
- "success",
72
- "danger",
73
- "warning",
74
- "information",
75
- "neutral",
76
- "gray"
77
- ])
78
- };
79
53
  export {
80
- x as default
54
+ R as default
81
55
  };
@@ -1,4 +1,4 @@
1
- "use strict";const c=require("react/jsx-runtime"),C=require("react"),l=require("./index-BpbMKBf_.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),y=e=>`
1
+ "use strict";const n=require("react/jsx-runtime"),C=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-RnrgDDZP.cjs"),T=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),$=e=>`
2
2
  outline: none;
3
3
  display: inline-flex;
4
4
  flex-direction: row;
@@ -13,10 +13,10 @@
13
13
 
14
14
  min-width: ${t.getSizeValueWithUnits(e.theme,e.size)};
15
15
  max-width: ${t.getSizeValueWithUnits(e.theme,e.size)};
16
- `,S=h.styled.i`
16
+ `,O=h.styled.i`
17
17
  font-size: 1.125rem;
18
18
  `,k=h.styled.button`
19
- ${e=>y(e)}
19
+ ${e=>$(e)}
20
20
 
21
21
  ${e=>t.getComponentTypographyCss(e.theme,"ButtonFilled",e.size,"enabled")};
22
22
 
@@ -49,8 +49,8 @@
49
49
  background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","background","backgroundOpacity")};
50
50
  color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","text")};
51
51
  }
52
- `,N=h.styled.button`
53
- ${e=>y(e)}
52
+ `,F=h.styled.button`
53
+ ${e=>$(e)}
54
54
 
55
55
  ${e=>t.getComponentTypographyCss(e.theme,"ButtonTinted",e.size,"enabled")};
56
56
 
@@ -83,8 +83,8 @@
83
83
  background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"disabled","background","backgroundOpacity")};
84
84
  color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"disabled","text")};
85
85
  }
86
- `,f=h.styled.button`
87
- ${e=>y(e)}
86
+ `,V=h.styled.button`
87
+ ${e=>$(e)}
88
88
 
89
89
  ${e=>t.getComponentTypographyCss(e.theme,"ButtonTinted",e.size,"enabled")};
90
90
 
@@ -116,7 +116,7 @@
116
116
  cursor: default;
117
117
  background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"disabled","background","backgroundOpacity")};
118
118
  }
119
- `,w=h.styled(f)`
119
+ `,S=h.styled(V)`
120
120
  border: 1px solid
121
121
  ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
122
- `,V=C.forwardRef((e,i)=>{const{icon:$=null,iconStyle:R="solid",borderRadius:T="regular",btnType:a="filled",disabled:x=!1,tabIndex:j=0,onFocus:r=()=>{},onBlur:u=()=>{},onClick:d=()=>{},onKeyDown:s=()=>{},size:B="small",color:n="primary",className:g="",style:z={},...b}=e,o={theme:F.useTheme(),color:n,size:B,style:z,className:"lnc-ui-icon-button",disabled:x,borderRadius:T,btnType:a},O=()=>{var v=R==="solid"?"fas":"far";return`${v} fa-${$} fa-fw`},m=()=>C.isValidElement($)?$:c.jsx(S,{className:O()});return a==="filled"?c.jsx(k,{ref:i,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,type:a,...b,children:m()}):a==="tinted"?c.jsx(N,{ref:i,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):a==="outline"?c.jsx(w,{ref:i,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):a==="basic"?c.jsx(f,{ref:i,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()}):c.jsx(k,{ref:i,"data-type":"filled",size:B,...o,className:`${o==null?void 0:o.className} ${n}-${a}-lnc-btn ${g}`,onFocus:r,onBlur:u,onClick:d,onKeyDown:s,...b,children:m()})});V.propTypes={icon:l.PropTypes.oneOfType([l.PropTypes.string,l.PropTypes.element]),iconStyle:l.PropTypes.oneOf(["regular","solid"]),borderRadius:l.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:l.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:l.PropTypes.bool,tabIndex:l.PropTypes.number,onBlur:l.PropTypes.func,onFocus:l.PropTypes.func,onClick:l.PropTypes.func,onKeyDown:l.PropTypes.func,className:l.PropTypes.string,style:l.PropTypes.object,color:l.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:l.PropTypes.oneOf(["small","medium","large"])};module.exports=V;
122
+ `,N=C.forwardRef((e,c)=>{const{icon:m=null,iconStyle:y="solid",borderRadius:R="regular",btnType:l="filled",disabled:f=!1,onFocus:i=()=>{},onBlur:u=()=>{},onClick:d=()=>{},onKeyDown:r=()=>{},size:B="small",color:a="primary",className:b="",style:x={},...g}=e,o={theme:T.useTheme(),color:a,size:B,style:x,className:"lnc-ui-icon-button",disabled:f,borderRadius:R,btnType:l},z=()=>{var v=y==="solid"?"fas":"far";return`${v} fa-${m} fa-fw`},s=()=>C.isValidElement(m)?m:n.jsx(O,{className:z()});return l==="filled"?n.jsx(k,{ref:c,"data-type":"filled",...o,className:`${o==null?void 0:o.className} ${a}-${l}-lnc-btn ${b}`,onFocus:i,onBlur:u,onClick:d,onKeyDown:r,type:l,...g,children:s()}):l==="tinted"?n.jsx(F,{ref:c,"data-type":"tinted",...o,className:`${o==null?void 0:o.className} ${a}-${l}-lnc-btn ${b}`,onFocus:i,onBlur:u,onClick:d,onKeyDown:r,...g,children:s()}):l==="outline"?n.jsx(S,{ref:c,"data-type":"outline",...o,className:`${o==null?void 0:o.className} ${a}-${l}-lnc-btn ${b}`,onFocus:i,onBlur:u,onClick:d,onKeyDown:r,...g,children:s()}):l==="basic"?n.jsx(V,{ref:c,"data-type":"basic",...o,className:`${o==null?void 0:o.className} ${a}-${l}-lnc-btn ${b}`,onFocus:i,onBlur:u,onClick:d,onKeyDown:r,...g,children:s()}):n.jsx(k,{ref:c,"data-type":"filled",size:B,...o,className:`${o==null?void 0:o.className} ${a}-${l}-lnc-btn ${b}`,onFocus:i,onBlur:u,onClick:d,onKeyDown:r,...g,children:s()})});module.exports=N;