@lanaco/lnc-react-ui 4.0.104 → 4.0.106
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Accordion.cjs +1 -1
- package/dist/Accordion.js +1 -1
- package/dist/AccordionSummary.cjs +1 -1
- package/dist/AccordionSummary.js +1 -1
- package/dist/ActionsToolbar.cjs +1 -1
- package/dist/ActionsToolbar.js +1 -1
- package/dist/Alert.cjs +1 -1
- package/dist/Alert.js +1 -1
- package/dist/Avatar.cjs +1 -1
- package/dist/Avatar.js +1 -1
- package/dist/Badge.cjs +1 -1
- package/dist/Badge.js +1 -1
- package/dist/BannerSectionCarousel.cjs +1 -1
- package/dist/BannerSectionCarousel.js +1 -1
- package/dist/BannerSectionWithList.cjs +1 -1
- package/dist/BannerSectionWithList.js +1 -1
- package/dist/BlogCardsSponsoredSection.cjs +1 -1
- package/dist/BlogCardsSponsoredSection.js +3 -3
- package/dist/BlogCategoryCardsSection.cjs +1 -1
- package/dist/BlogCategoryCardsSection.js +1 -1
- package/dist/BlogListSection.cjs +1 -1
- package/dist/BlogListSection.js +3 -3
- package/dist/BlogProductCardsSection.cjs +1 -1
- package/dist/BlogProductCardsSection.js +2 -2
- package/dist/BlogShopCardsSection.cjs +1 -1
- package/dist/BlogShopCardsSection.js +1 -1
- package/dist/BlogSingleSection.cjs +1 -1
- package/dist/BlogSingleSection.js +2 -2
- package/dist/BlogsSectionDetailed.cjs +1 -1
- package/dist/BlogsSectionDetailed.js +3 -3
- package/dist/BlogsSectionLarge.cjs +1 -1
- package/dist/BlogsSectionLarge.js +2 -2
- package/dist/BlogsSectionSimple.cjs +1 -1
- package/dist/BlogsSectionSimple.js +3 -3
- package/dist/BlogsSectionSimpleCentered.cjs +1 -1
- package/dist/BlogsSectionSimpleCentered.js +2 -2
- package/dist/BlogsSectionWithFilters.cjs +1 -1
- package/dist/BlogsSectionWithFilters.js +4 -4
- package/dist/BrandHitsSection.cjs +1 -1
- package/dist/BrandHitsSection.js +1 -1
- package/dist/Breadcrumbs.cjs +1 -1
- package/dist/Breadcrumbs.js +1 -1
- package/dist/Button.cjs +17 -15
- package/dist/Button.js +149 -136
- package/dist/ButtonGroup.cjs +1 -1
- package/dist/ButtonGroup.js +1 -1
- package/dist/CalorieCalculatorSection.cjs +1 -1
- package/dist/CalorieCalculatorSection.js +1 -1
- package/dist/CheckBoxInput.cjs +1 -1
- package/dist/CheckBoxInput.js +1 -1
- package/dist/Chip.cjs +1 -1
- package/dist/Chip.js +1 -1
- package/dist/ColorInput.cjs +10 -6
- package/dist/ColorInput.js +117 -87
- package/dist/ConfirmationForm.cjs +1 -1
- package/dist/ConfirmationForm.js +1 -1
- package/dist/CustomLoanMapSection.cjs +1 -1
- package/dist/CustomLoanMapSection.js +1 -1
- package/dist/{CustomStyles-DYULk9y7.js → CustomStyles-Dd8IsVV6.js} +1 -1
- package/dist/{CustomStyles-Uqkz9jDo.cjs → CustomStyles-DtKDPOdk.cjs} +1 -1
- package/dist/DateInput.cjs +1 -1
- package/dist/DateInput.js +1 -1
- package/dist/DecimalInput.cjs +28 -24
- package/dist/DecimalInput.js +315 -285
- package/dist/DecimalInputV2.cjs +23 -19
- package/dist/DecimalInputV2.js +124 -94
- package/dist/DetailedProductsSection.cjs +1 -1
- package/dist/DetailedProductsSection.js +4 -4
- package/dist/DetailsView.cjs +1 -1
- package/dist/DetailsView.js +1 -1
- package/dist/DoubleRangeSlider.cjs +1 -1
- package/dist/DoubleRangeSlider.js +1 -1
- package/dist/DragAndDropFile.cjs +1 -1
- package/dist/DragAndDropFile.js +1 -1
- package/dist/DragDropFiles.cjs +1 -1
- package/dist/DragDropFiles.js +1 -1
- package/dist/Drawer.cjs +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +2 -2
- package/dist/DropdownItem.cjs +1 -1
- package/dist/DropdownItem.js +1 -1
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +1 -1
- package/dist/DropdownMenu.cjs +1 -1
- package/dist/DropdownMenu.js +1 -1
- package/dist/EditableTable.cjs +1 -1
- package/dist/EditableTable.js +1 -1
- package/dist/FeedbackSection.cjs +1 -1
- package/dist/FeedbackSection.js +1 -1
- package/dist/FieldOfInterestsMasonrySection.cjs +1 -1
- package/dist/FieldOfInterestsMasonrySection.js +1 -1
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +1 -1
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +2 -2
- package/dist/FieldOfInterestsWithTagsCardsSection.cjs +1 -1
- package/dist/FieldOfInterestsWithTagsCardsSection.js +1 -1
- package/dist/FileInput.cjs +25 -20
- package/dist/FileInput.js +86 -55
- package/dist/FlexGridItem.cjs +1 -1
- package/dist/FlexGridItem.js +1 -1
- package/dist/FormField.cjs +1 -1
- package/dist/FormField.js +1 -1
- package/dist/FormView.cjs +1 -1
- package/dist/FormView.js +1 -1
- package/dist/GeneralWithTagsCardsSection.cjs +1 -1
- package/dist/GeneralWithTagsCardsSection.js +1 -1
- package/dist/GiftCardsSection.cjs +1 -1
- package/dist/GiftCardsSection.js +2 -2
- package/dist/Icon.cjs +1 -1
- package/dist/Icon.js +1 -1
- package/dist/IconButton.cjs +10 -10
- package/dist/IconButton.js +125 -121
- package/dist/Kanban.cjs +1 -1
- package/dist/Kanban.js +1 -1
- package/dist/KanbanActionsToolbar.cjs +1 -1
- package/dist/KanbanActionsToolbar.js +1 -1
- package/dist/KanbanView.cjs +1 -1
- package/dist/KanbanView.js +1 -1
- package/dist/Link.cjs +1 -1
- package/dist/Link.js +1 -1
- package/dist/LoanCalculatorSection.cjs +1 -1
- package/dist/LoanCalculatorSection.js +1 -1
- package/dist/LocationFinderSection.cjs +1 -1
- package/dist/LocationFinderSection.js +1 -1
- package/dist/LocationSearchSection.cjs +1 -1
- package/dist/LocationSearchSection.js +1 -1
- package/dist/MasonryGeneralCardsSection.cjs +1 -1
- package/dist/MasonryGeneralCardsSection.js +1 -1
- package/dist/MenuItem.cjs +1 -1
- package/dist/MenuItem.js +1 -1
- package/dist/Modal.cjs +1 -1
- package/dist/Modal.js +1 -1
- package/dist/MultiSelectDropdown.cjs +1 -1
- package/dist/MultiSelectDropdown.js +1 -1
- package/dist/MultiSelectDropdownLookup.cjs +1 -1
- package/dist/MultiSelectDropdownLookup.js +1 -1
- package/dist/NestedDropdownItem.cjs +1 -1
- package/dist/NestedDropdownItem.js +1 -1
- package/dist/NestedMenuItem.cjs +1 -1
- package/dist/NestedMenuItem.js +1 -1
- package/dist/NotificationContainer.cjs +1 -1
- package/dist/NotificationContainer.js +1 -1
- package/dist/NotificationMessage.cjs +1 -1
- package/dist/NotificationMessage.js +1 -1
- package/dist/NumberInput.cjs +23 -19
- package/dist/NumberInput.js +116 -86
- package/dist/OverlayGeneralCardsSection.cjs +1 -1
- package/dist/OverlayGeneralCardsSection.js +2 -2
- package/dist/PasswordInput.cjs +23 -19
- package/dist/PasswordInput.js +94 -64
- package/dist/PopoverContent.cjs +1 -1
- package/dist/PopoverContent.js +1 -1
- package/dist/ProductsWithBannerSection.cjs +1 -1
- package/dist/ProductsWithBannerSection.js +3 -3
- package/dist/ProgressBar.cjs +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/QuattroCardsSection.cjs +1 -1
- package/dist/QuattroCardsSection.js +1 -1
- package/dist/QuizSection.cjs +1 -1
- package/dist/QuizSection.js +1 -1
- package/dist/RadioInput.cjs +1 -1
- package/dist/RadioInput.js +1 -1
- package/dist/RangeSlider.cjs +8 -8
- package/dist/RangeSlider.js +19 -17
- package/dist/ReviewsSection.cjs +1 -1
- package/dist/ReviewsSection.js +2 -2
- package/dist/SalesCampaignsSection.cjs +1 -1
- package/dist/SalesCampaignsSection.js +1 -1
- package/dist/Separator.cjs +1 -1
- package/dist/Separator.js +1 -1
- package/dist/ShopCardsSection.cjs +1 -1
- package/dist/ShopCardsSection.js +2 -2
- package/dist/Sidebar.cjs +1 -1
- package/dist/Sidebar.js +1 -1
- package/dist/SimpleCategoriesSection.cjs +1 -1
- package/dist/SimpleCategoriesSection.js +3 -3
- package/dist/SimpleProductsSection.cjs +1 -1
- package/dist/SimpleProductsSection.js +2 -2
- package/dist/Spinner.cjs +1 -1
- package/dist/Spinner.js +1 -1
- package/dist/Surface.cjs +1 -1
- package/dist/Surface.js +1 -1
- package/dist/SwipeableDrawer.cjs +1 -1
- package/dist/SwipeableDrawer.js +1 -1
- package/dist/TabItem.cjs +1 -1
- package/dist/TabItem.js +1 -1
- package/dist/Table.cjs +1 -1
- package/dist/Table.js +1 -1
- package/dist/TableView.cjs +1 -1
- package/dist/TableView.js +1 -1
- package/dist/TextAreaInput.cjs +15 -12
- package/dist/TextAreaInput.js +70 -54
- package/dist/TextInput.cjs +23 -19
- package/dist/TextInput.js +90 -60
- package/dist/ThemeProvider.cjs +1 -1
- package/dist/ThemeProvider.js +1 -1
- package/dist/TimeInput.cjs +7 -5
- package/dist/TimeInput.js +47 -32
- package/dist/Toggle.cjs +1 -1
- package/dist/Toggle.js +1 -1
- package/dist/TreeMenuSeparator.cjs +1 -1
- package/dist/TreeMenuSeparator.js +1 -1
- package/dist/UploadedFile.cjs +1 -1
- package/dist/UploadedFile.js +1 -1
- package/dist/UrgentSaleProductsSection.cjs +1 -1
- package/dist/UrgentSaleProductsSection.js +1 -1
- package/dist/{index-C4gGt12B.cjs → index-B30K8mkW.cjs} +1 -1
- package/dist/{index-Kx8irvHH.js → index-BBMleFo5.js} +1 -1
- package/dist/{index-BRgZcjpI.cjs → index-BvSNRLNa.cjs} +1 -1
- package/dist/{index-C_T-BQ5p.cjs → index-C1DkD2ug.cjs} +1 -1
- package/dist/{index-DMysapsB.cjs → index-C9GK00PM.cjs} +1 -1
- package/dist/{index-Dcw6ecHw.js → index-CEI_JOki.js} +2 -2
- package/dist/{index-BPgWhA1t.js → index-CQLF61YV.js} +1 -1
- package/dist/{index-Cru8Sd2q.js → index-CTJpJFtr.js} +2 -2
- package/dist/{index-DZDz9qZP.cjs → index-Cg4t3q_p.cjs} +1 -1
- package/dist/{index-D86vS9UF.js → index-YGcWbzeb.js} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/{skeleton-BrUEdt6Z.js → skeleton-CkTNgaA3.js} +2 -2
- package/dist/{skeleton-BcaMeKFQ.cjs → skeleton-CoErfoMc.cjs} +1 -1
- package/dist/{skeleton-TrselJrj.js → skeleton-DWZNwK33.js} +1 -1
- package/dist/{skeleton-DwZzdFei.cjs → skeleton-DdlE-y3C.cjs} +1 -1
- package/dist/{style-LEmcTrN9.js → style-08foMKSd.js} +1 -1
- package/dist/{style-Bjk6yHcP.cjs → style-JqDQj4jh.cjs} +1 -1
- package/dist/{suspense-categories-card-simple-B2swGa6t.cjs → suspense-categories-card-simple-B5zd-nnm.cjs} +1 -1
- package/dist/{suspense-categories-card-simple-BCn3U1cz.js → suspense-categories-card-simple-Ds6hXZKt.js} +1 -1
- package/dist/{suspense-large-DgzTM-qh.js → suspense-large-BM9s_kZP.js} +1 -1
- package/dist/{suspense-large-DMhn-lIG.cjs → suspense-large-CtcwWswP.cjs} +1 -1
- package/dist/{suspense-product-card-detailed-BNOhu3Z4.cjs → suspense-product-card-detailed-DXwya4fQ.cjs} +1 -1
- package/dist/{suspense-product-card-detailed-BDkww9pS.js → suspense-product-card-detailed-bYBpLiXc.js} +2 -2
- package/dist/{suspense-product-card-simple-BxDjW7gR.cjs → suspense-product-card-simple-Ba1UPqgy.cjs} +1 -1
- package/dist/{suspense-product-card-simple-CQ1qPZOa.js → suspense-product-card-simple-ib6FLerL.js} +1 -1
- package/dist/{utils-BXCGNjIy.js → utils-BbgAIA9N.js} +51 -13
- package/dist/utils-CZynEOC_.cjs +51 -0
- package/package.json +1 -1
- package/dist/utils-BWzf4vLl.cjs +0 -51
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-CZynEOC_.cjs"),$=require("./index-B30K8mkW.cjs"),c=h.styled.div`
|
|
2
2
|
width: 100%;
|
|
3
3
|
height: 11.625rem;
|
|
4
4
|
border-radius: 0.75rem;
|
|
@@ -2,8 +2,8 @@ import { jsx as t, jsxs as y } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as g } from "react";
|
|
3
3
|
import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as x } from "./consts-BuFChS64.js";
|
|
5
|
-
import { o as v, l as C } from "./utils-
|
|
6
|
-
import { S as F } from "./index-
|
|
5
|
+
import { o as v, l as C } from "./utils-BbgAIA9N.js";
|
|
6
|
+
import { S as F } from "./index-CEI_JOki.js";
|
|
7
7
|
const N = _.div`
|
|
8
8
|
width: 100%;
|
|
9
9
|
height: 11.625rem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),l=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),l=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),k=require("./Icon.cjs"),$=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./consts-goSZX3xP.cjs"),I=p.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
align-items: flex-start;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i, jsxs as s } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as l } from "react";
|
|
3
3
|
import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
-
import { p as y, o as b, k as C, l as I } from "./utils-
|
|
4
|
+
import { p as y, o as b, k as C, l as I } from "./utils-BbgAIA9N.js";
|
|
5
5
|
import W from "./Icon.js";
|
|
6
6
|
import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
7
7
|
import { M as j } from "./consts-BuFChS64.js";
|
package/dist/FileInput.cjs
CHANGED
|
@@ -1,47 +1,52 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const b=require("react/jsx-runtime"),m=require("react"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./index-BPVoEhTF.cjs"),t=require("./utils-CZynEOC_.cjs"),j=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),q=g.styled.label`
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
width: 100%;
|
|
5
|
-
min-height: ${e=>
|
|
6
|
-
max-height: ${e=>
|
|
7
|
-
background-color: ${e=>
|
|
5
|
+
min-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
|
|
6
|
+
max-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
|
|
7
|
+
background-color: ${e=>t.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
|
|
8
8
|
border-radius: 8px;
|
|
9
|
-
${e=>e.focused===!0&&e.readOnly!==!0?
|
|
10
|
-
`,v=
|
|
9
|
+
${e=>e.focused===!0&&e.readOnly!==!0?t.getOutlineCss(e.theme):""}
|
|
10
|
+
`,v=g.styled.input`
|
|
11
11
|
width: 0.1px;
|
|
12
12
|
height: 0.1px;
|
|
13
13
|
opacity: 0;
|
|
14
14
|
overflow: hidden;
|
|
15
15
|
position: absolute;
|
|
16
16
|
z-index: -1;
|
|
17
|
-
`,S=
|
|
17
|
+
`,S=g.styled.div`
|
|
18
18
|
display: flex;
|
|
19
19
|
align-items: center;
|
|
20
20
|
white-space: nowrap;
|
|
21
21
|
padding: 0.625rem 0.75rem;
|
|
22
|
-
${e=>
|
|
23
|
-
color: ${e=>
|
|
22
|
+
${e=>t.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
|
|
23
|
+
color: ${e=>t.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","prefix")};
|
|
24
24
|
cursor: ${e=>e.disabled===!0?"default":"pointer"};
|
|
25
|
-
background-color: ${e=>
|
|
25
|
+
background-color: ${e=>t.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
|
|
26
26
|
border: 1px solid
|
|
27
|
-
${e=>
|
|
27
|
+
${e=>t.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
|
|
28
28
|
border-radius: 8px 0 0 8px;
|
|
29
29
|
|
|
30
|
-
${e=>e.disabled===!0?
|
|
31
|
-
|
|
30
|
+
/* ${e=>e.disabled===!0?t.getDisabledStateCss(e.theme):""} */
|
|
31
|
+
${e=>e.disabled===!0&&`background-color: ${t.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
|
|
32
|
+
color: ${a=>t.getColorRgbaValue(a.theme,"Input",a.color,"disabled","text")};`}
|
|
33
|
+
`,N=g.styled.input`
|
|
32
34
|
width: 100%;
|
|
33
35
|
appearance: none;
|
|
34
36
|
outline: none;
|
|
35
37
|
padding: 0.625rem 0.75rem;
|
|
36
|
-
${e=>
|
|
38
|
+
${e=>t.getComponentTypographyCss(e.theme,"Input",e.size,"enabled")}
|
|
37
39
|
border: 1px solid
|
|
38
|
-
${e=>
|
|
40
|
+
${e=>t.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,e.disabled===!0?"disabled":"enabled","border")};
|
|
39
41
|
border-radius: 0 8px 8px 0;
|
|
40
42
|
border-left: transparent;
|
|
41
|
-
color: ${e=>
|
|
43
|
+
color: ${e=>t.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
|
|
42
44
|
|
|
43
|
-
background-color: ${e=>
|
|
44
|
-
color: ${e=>
|
|
45
|
+
background-color: ${e=>t.getColorRgbaValue(e.theme,"Input",e.color,"enabled","background")};
|
|
46
|
+
color: ${e=>t.getColorRgbaValue(e.theme,"Input",e.focused===!0?"primary":e.color,"enabled","text")};
|
|
45
47
|
|
|
46
|
-
${e=>e.disabled===!0?
|
|
47
|
-
|
|
48
|
+
/* ${e=>e.disabled===!0?t.getDisabledStateCss(e.theme):""} */
|
|
49
|
+
|
|
50
|
+
${e=>e.disabled===!0&&`background-color: ${t.getColorRgbaValue(e.theme,"Input",e.color,"disabled","background","backgroundOpacity")};
|
|
51
|
+
color: ${a=>t.getColorRgbaValue(a.theme,"Input",a.color,"disabled","text")};`}
|
|
52
|
+
`,p=m.forwardRef((e,a)=>{const{className:x="",style:C={},onChange:s,onFocus:d,onBlur:u,disabled:n,readOnly:h,multiple:$=!1,accept:T="",label:I="Choose File",color:P="primary",size:R="small",...V}=e,k=j.useTheme(),[i,w]=m.useState([]),[y,f]=m.useState(!1);var c={theme:k,size:R,color:P,disabled:n,focused:y};const z=()=>{if(i.length>0){var r="";for(const l in i)r+=l==i.length-1?`${i[l].name}`:`${i[l].name}, `;return r}return""},O=r=>{var l=[];if(r.target.files&&r.target.files.length>0)for(const F of r.target.files)l.push(F);else l=[];w(l),s&&(s==null||s(r,l))};return b.jsxs(q,{...c,className:x,style:C,focused:y,readOnly:h,children:[b.jsx(v,{...c,accept:T,multiple:$,ref:a,onChange:n||h?()=>{}:O,type:"file",onFocus:r=>{n||f(!0),d&&!n&&(d==null||d(r))},onBlur:r=>{n||f(!1),u&&!n&&(u==null||u(r))},...V}),b.jsx(S,{...c,children:I}),b.jsx(N,{tabIndex:-1,...c,onChange:()=>{},value:z()})]})});p.propTypes={id:o.PropTypes.any,disabled:o.PropTypes.bool,readOnly:o.PropTypes.bool,multiple:o.PropTypes.bool,accept:o.PropTypes.string,label:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),tabIndex:o.PropTypes.number,onChange:o.PropTypes.func,onFocus:o.PropTypes.func,onBlur:o.PropTypes.func,className:o.PropTypes.string,style:o.PropTypes.object,size:o.PropTypes.oneOf(["small","medium","large"]),color:o.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};module.exports=p;
|
package/dist/FileInput.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsxs as R, jsx as m } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as S, useState as
|
|
3
|
-
import { s as
|
|
2
|
+
import { forwardRef as S, useState as y } from "react";
|
|
3
|
+
import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { P as t } from "./index-S5Cd7WrG.js";
|
|
5
|
-
import { d as
|
|
5
|
+
import { d as x, b as a, e as V, c as $, h as I } from "./utils-BbgAIA9N.js";
|
|
6
6
|
import { u as B } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
7
|
-
const D =
|
|
7
|
+
const D = b.label`
|
|
8
8
|
display: inline-flex;
|
|
9
9
|
box-sizing: border-box;
|
|
10
10
|
width: 100%;
|
|
11
|
-
min-height: ${(e) =>
|
|
12
|
-
max-height: ${(e) =>
|
|
13
|
-
background-color: ${(e) =>
|
|
11
|
+
min-height: ${(e) => x(e.theme, e.size)};
|
|
12
|
+
max-height: ${(e) => x(e.theme, e.size)};
|
|
13
|
+
background-color: ${(e) => a(
|
|
14
14
|
e.theme,
|
|
15
15
|
"Input",
|
|
16
16
|
e.color,
|
|
@@ -19,20 +19,20 @@ const D = c.label`
|
|
|
19
19
|
)};
|
|
20
20
|
border-radius: 8px;
|
|
21
21
|
${(e) => e.focused === !0 && e.readOnly !== !0 ? V(e.theme) : ""}
|
|
22
|
-
`, L =
|
|
22
|
+
`, L = b.input`
|
|
23
23
|
width: 0.1px;
|
|
24
24
|
height: 0.1px;
|
|
25
25
|
opacity: 0;
|
|
26
26
|
overflow: hidden;
|
|
27
27
|
position: absolute;
|
|
28
28
|
z-index: -1;
|
|
29
|
-
`, U =
|
|
29
|
+
`, U = b.div`
|
|
30
30
|
display: flex;
|
|
31
31
|
align-items: center;
|
|
32
32
|
white-space: nowrap;
|
|
33
33
|
padding: 0.625rem 0.75rem;
|
|
34
|
-
${(e) =>
|
|
35
|
-
color: ${(e) =>
|
|
34
|
+
${(e) => $(e.theme, "Input", e.size, "enabled")}
|
|
35
|
+
color: ${(e) => a(
|
|
36
36
|
e.theme,
|
|
37
37
|
"Input",
|
|
38
38
|
e.focused === !0 ? "primary" : e.color,
|
|
@@ -40,7 +40,7 @@ const D = c.label`
|
|
|
40
40
|
"prefix"
|
|
41
41
|
)};
|
|
42
42
|
cursor: ${(e) => e.disabled === !0 ? "default" : "pointer"};
|
|
43
|
-
background-color: ${(e) =>
|
|
43
|
+
background-color: ${(e) => a(
|
|
44
44
|
e.theme,
|
|
45
45
|
"Input",
|
|
46
46
|
e.color,
|
|
@@ -48,7 +48,7 @@ const D = c.label`
|
|
|
48
48
|
"background"
|
|
49
49
|
)};
|
|
50
50
|
border: 1px solid
|
|
51
|
-
${(e) =>
|
|
51
|
+
${(e) => a(
|
|
52
52
|
e.theme,
|
|
53
53
|
"Input",
|
|
54
54
|
e.focused === !0 ? "primary" : e.color,
|
|
@@ -57,15 +57,30 @@ const D = c.label`
|
|
|
57
57
|
)};
|
|
58
58
|
border-radius: 8px 0 0 8px;
|
|
59
59
|
|
|
60
|
-
${(e) => e.disabled === !0 ?
|
|
61
|
-
|
|
60
|
+
/* ${(e) => e.disabled === !0 ? I(e.theme) : ""} */
|
|
61
|
+
${(e) => e.disabled === !0 && `background-color: ${a(
|
|
62
|
+
e.theme,
|
|
63
|
+
"Input",
|
|
64
|
+
e.color,
|
|
65
|
+
"disabled",
|
|
66
|
+
"background",
|
|
67
|
+
"backgroundOpacity"
|
|
68
|
+
)};
|
|
69
|
+
color: ${(o) => a(
|
|
70
|
+
o.theme,
|
|
71
|
+
"Input",
|
|
72
|
+
o.color,
|
|
73
|
+
"disabled",
|
|
74
|
+
"text"
|
|
75
|
+
)};`}
|
|
76
|
+
`, W = b.input`
|
|
62
77
|
width: 100%;
|
|
63
78
|
appearance: none;
|
|
64
79
|
outline: none;
|
|
65
80
|
padding: 0.625rem 0.75rem;
|
|
66
|
-
${(e) =>
|
|
81
|
+
${(e) => $(e.theme, "Input", e.size, "enabled")}
|
|
67
82
|
border: 1px solid
|
|
68
|
-
${(e) =>
|
|
83
|
+
${(e) => a(
|
|
69
84
|
e.theme,
|
|
70
85
|
"Input",
|
|
71
86
|
e.focused === !0 ? "primary" : e.color,
|
|
@@ -74,7 +89,7 @@ const D = c.label`
|
|
|
74
89
|
)};
|
|
75
90
|
border-radius: 0 8px 8px 0;
|
|
76
91
|
border-left: transparent;
|
|
77
|
-
color: ${(e) =>
|
|
92
|
+
color: ${(e) => a(
|
|
78
93
|
e.theme,
|
|
79
94
|
"Input",
|
|
80
95
|
e.focused === !0 ? "primary" : e.color,
|
|
@@ -82,14 +97,14 @@ const D = c.label`
|
|
|
82
97
|
"text"
|
|
83
98
|
)};
|
|
84
99
|
|
|
85
|
-
background-color: ${(e) =>
|
|
100
|
+
background-color: ${(e) => a(
|
|
86
101
|
e.theme,
|
|
87
102
|
"Input",
|
|
88
103
|
e.color,
|
|
89
104
|
"enabled",
|
|
90
105
|
"background"
|
|
91
106
|
)};
|
|
92
|
-
color: ${(e) =>
|
|
107
|
+
color: ${(e) => a(
|
|
93
108
|
e.theme,
|
|
94
109
|
"Input",
|
|
95
110
|
e.focused === !0 ? "primary" : e.color,
|
|
@@ -97,29 +112,45 @@ const D = c.label`
|
|
|
97
112
|
"text"
|
|
98
113
|
)};
|
|
99
114
|
|
|
100
|
-
${(e) => e.disabled === !0 ?
|
|
101
|
-
|
|
115
|
+
/* ${(e) => e.disabled === !0 ? I(e.theme) : ""} */
|
|
116
|
+
|
|
117
|
+
${(e) => e.disabled === !0 && `background-color: ${a(
|
|
118
|
+
e.theme,
|
|
119
|
+
"Input",
|
|
120
|
+
e.color,
|
|
121
|
+
"disabled",
|
|
122
|
+
"background",
|
|
123
|
+
"backgroundOpacity"
|
|
124
|
+
)};
|
|
125
|
+
color: ${(o) => a(
|
|
126
|
+
o.theme,
|
|
127
|
+
"Input",
|
|
128
|
+
o.color,
|
|
129
|
+
"disabled",
|
|
130
|
+
"text"
|
|
131
|
+
)};`}
|
|
132
|
+
`, q = S((e, o) => {
|
|
102
133
|
const {
|
|
103
|
-
className:
|
|
104
|
-
style:
|
|
105
|
-
onChange:
|
|
106
|
-
onFocus:
|
|
107
|
-
onBlur:
|
|
108
|
-
disabled:
|
|
109
|
-
readOnly:
|
|
110
|
-
multiple:
|
|
134
|
+
className: p = "",
|
|
135
|
+
style: k = {},
|
|
136
|
+
onChange: d,
|
|
137
|
+
onFocus: s,
|
|
138
|
+
onBlur: u,
|
|
139
|
+
disabled: r,
|
|
140
|
+
readOnly: f,
|
|
141
|
+
multiple: C = !1,
|
|
111
142
|
accept: O = "",
|
|
112
|
-
label:
|
|
113
|
-
color:
|
|
114
|
-
size:
|
|
143
|
+
label: z = "Choose File",
|
|
144
|
+
color: w = "primary",
|
|
145
|
+
size: F = "small",
|
|
115
146
|
...v
|
|
116
|
-
} = e, T = B(), [
|
|
117
|
-
var
|
|
147
|
+
} = e, T = B(), [i, N] = y([]), [h, g] = y(!1);
|
|
148
|
+
var c = { theme: T, size: F, color: w, disabled: r, focused: h };
|
|
118
149
|
const j = () => {
|
|
119
|
-
if (
|
|
150
|
+
if (i.length > 0) {
|
|
120
151
|
var n = "";
|
|
121
|
-
for (const
|
|
122
|
-
n +=
|
|
152
|
+
for (const l in i)
|
|
153
|
+
n += l == i.length - 1 ? `${i[l].name}` : `${i[l].name}, `;
|
|
123
154
|
return n;
|
|
124
155
|
}
|
|
125
156
|
return "";
|
|
@@ -127,44 +158,44 @@ const D = c.label`
|
|
|
127
158
|
return /* @__PURE__ */ R(
|
|
128
159
|
D,
|
|
129
160
|
{
|
|
130
|
-
...
|
|
131
|
-
className:
|
|
132
|
-
style:
|
|
133
|
-
focused:
|
|
134
|
-
readOnly:
|
|
161
|
+
...c,
|
|
162
|
+
className: p,
|
|
163
|
+
style: k,
|
|
164
|
+
focused: h,
|
|
165
|
+
readOnly: f,
|
|
135
166
|
children: [
|
|
136
167
|
/* @__PURE__ */ m(
|
|
137
168
|
L,
|
|
138
169
|
{
|
|
139
|
-
...
|
|
170
|
+
...c,
|
|
140
171
|
accept: O,
|
|
141
|
-
multiple:
|
|
142
|
-
ref:
|
|
143
|
-
onChange:
|
|
172
|
+
multiple: C,
|
|
173
|
+
ref: o,
|
|
174
|
+
onChange: r || f ? () => {
|
|
144
175
|
} : (n) => {
|
|
145
|
-
var
|
|
176
|
+
var l = [];
|
|
146
177
|
if (n.target.files && n.target.files.length > 0)
|
|
147
178
|
for (const P of n.target.files)
|
|
148
|
-
|
|
149
|
-
else
|
|
150
|
-
N(
|
|
179
|
+
l.push(P);
|
|
180
|
+
else l = [];
|
|
181
|
+
N(l), d && (d == null || d(n, l));
|
|
151
182
|
},
|
|
152
183
|
type: "file",
|
|
153
184
|
onFocus: (n) => {
|
|
154
|
-
|
|
185
|
+
r || g(!0), s && !r && (s == null || s(n));
|
|
155
186
|
},
|
|
156
187
|
onBlur: (n) => {
|
|
157
|
-
|
|
188
|
+
r || g(!1), u && !r && (u == null || u(n));
|
|
158
189
|
},
|
|
159
190
|
...v
|
|
160
191
|
}
|
|
161
192
|
),
|
|
162
|
-
/* @__PURE__ */ m(U, { ...
|
|
193
|
+
/* @__PURE__ */ m(U, { ...c, children: z }),
|
|
163
194
|
/* @__PURE__ */ m(
|
|
164
195
|
W,
|
|
165
196
|
{
|
|
166
197
|
tabIndex: -1,
|
|
167
|
-
...
|
|
198
|
+
...c,
|
|
168
199
|
onChange: () => {
|
|
169
200
|
},
|
|
170
201
|
value: j()
|
package/dist/FlexGridItem.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./utils-
|
|
1
|
+
"use strict";const X=require("react/jsx-runtime"),i=require("react"),n=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./utils-CZynEOC_.cjs"),$=g.styled.div`
|
|
2
2
|
${s=>s.width>0?"":"flex: 1;"}
|
|
3
3
|
min-width: ${s=>100/s.columns}%;
|
|
4
4
|
width: ${s=>s.width}%;
|
package/dist/FlexGridItem.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as y } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as N, useState as S, useEffect as b } from "react";
|
|
3
3
|
import { P as i } from "./index-S5Cd7WrG.js";
|
|
4
4
|
import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
5
|
-
import { u as M } from "./utils-
|
|
5
|
+
import { u as M } from "./utils-BbgAIA9N.js";
|
|
6
6
|
const W = I.div`
|
|
7
7
|
${(t) => t.width > 0 ? "" : "flex: 1;"}
|
|
8
8
|
min-width: ${(t) => 100 / t.columns}%;
|
package/dist/FormField.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const o=require("react/jsx-runtime"),r=require("./index-BPVoEhTF.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-
|
|
1
|
+
"use strict";const o=require("react/jsx-runtime"),r=require("./index-BPVoEhTF.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),g=a.styled.label`
|
|
2
2
|
display: block;
|
|
3
3
|
margin-bottom: 4px;
|
|
4
4
|
${e=>s.getComponentTypographyCss(e.theme,"FormField",e.size,"enabled")}
|
package/dist/FormField.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as b, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { P as l } from "./index-S5Cd7WrG.js";
|
|
3
3
|
import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
|
-
import { c as i, b as n } from "./utils-
|
|
4
|
+
import { c as i, b as n } from "./utils-BbgAIA9N.js";
|
|
5
5
|
import { u as g } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
6
6
|
const f = m.label`
|
|
7
7
|
display: block;
|
package/dist/FormView.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),W=require("react"),r=require("./index-BPVoEhTF.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),$=require("./FlexGrid.cjs"),M=require("./FlexGridItem.cjs"),b=require("./Button.cjs"),m=require("./IconButton.cjs"),Y=require("./TextInput.cjs"),U=require("./CheckBoxInput.cjs"),H=require("./RadioGroup.cjs"),J=require("./NumberInput.cjs"),K=require("./DecimalInput.cjs"),L=require("./PasswordInput.cjs"),Q=require("./TextAreaInput.cjs"),X=require("./TimeInput.cjs"),Z=require("./ColorInput.cjs"),z=require("./FileInput.cjs"),ee=require("./RangeSlider.cjs"),x=require("./utils-CZynEOC_.cjs"),re=require("./FormField.cjs"),te=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),oe=g.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
justify-content: space-between;
|
|
4
4
|
`,se=g.styled.form`
|
package/dist/FormView.js
CHANGED
|
@@ -17,7 +17,7 @@ import X from "./TimeInput.js";
|
|
|
17
17
|
import Z from "./ColorInput.js";
|
|
18
18
|
import z from "./FileInput.js";
|
|
19
19
|
import ee from "./RangeSlider.js";
|
|
20
|
-
import { g as re, a as te, b as oe } from "./utils-
|
|
20
|
+
import { g as re, a as te, b as oe } from "./utils-BbgAIA9N.js";
|
|
21
21
|
import ae from "./FormField.js";
|
|
22
22
|
import { u as ne } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
23
23
|
const ie = y.div`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),s=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),d=require("./utils-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),s=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),d=require("./utils-CZynEOC_.cjs"),y=require("./Icon.cjs"),v=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=o.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
align-items: flex-start;
|
|
@@ -2,7 +2,7 @@ import { jsx as a, jsxs as m } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as o } from "react";
|
|
3
3
|
import { s } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
4
4
|
import { M as d } from "./consts-BuFChS64.js";
|
|
5
|
-
import { p as y, o as x, k, l as $ } from "./utils-
|
|
5
|
+
import { p as y, o as x, k, l as $ } from "./utils-BbgAIA9N.js";
|
|
6
6
|
import N from "./Icon.js";
|
|
7
7
|
import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
8
8
|
const W = s.div`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-JqDQj4jh.cjs"),o=require("./utils-CZynEOC_.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
|
|
4
4
|
gap: 1.25rem;
|
package/dist/GiftCardsSection.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as n, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as h } from "react";
|
|
3
3
|
import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
|
|
4
|
-
import { R as k } from "./style-
|
|
5
|
-
import { o as b, q as G, G as S, k as u } from "./utils-
|
|
4
|
+
import { R as k } from "./style-08foMKSd.js";
|
|
5
|
+
import { o as b, q as G, G as S, k as u } from "./utils-BbgAIA9N.js";
|
|
6
6
|
import N from "./Button.js";
|
|
7
7
|
import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
8
8
|
import { M as $ } from "./consts-BuFChS64.js";
|
package/dist/Icon.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const n=require("react/jsx-runtime"),z=require("react"),s=require("./index-BPVoEhTF.cjs"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),z=require("react"),s=require("./index-BPVoEhTF.cjs"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),I=P.styled.span`
|
|
2
2
|
box-sizing: border-box;
|
|
3
3
|
${e=>e.sizeInUnits&&e.sizeInUnits!=""?`font-size: ${e.sizeInUnits}`:o.getComponentTypographyCss(e.theme,"Icon",e.size,"enabled")};
|
|
4
4
|
${e=>e.color&&`color: ${o.getColorRgbaValue(e.theme,"Icon",e.color,"enabled","icon")}`};
|
package/dist/Icon.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as z } from "react";
|
|
3
3
|
import { P as o } from "./index-S5Cd7WrG.js";
|
|
4
4
|
import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
|
|
5
|
-
import { c as b, b as h } from "./utils-
|
|
5
|
+
import { c as b, b as h } from "./utils-BbgAIA9N.js";
|
|
6
6
|
import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
|
|
7
7
|
const $ = I.span`
|
|
8
8
|
box-sizing: border-box;
|
package/dist/IconButton.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),C=require("react"),l=require("./index-BPVoEhTF.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CZynEOC_.cjs"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),y=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
|
-
`,
|
|
16
|
+
`,S=h.styled.i`
|
|
17
17
|
font-size: 1.125rem;
|
|
18
|
-
`,
|
|
19
|
-
${e=>
|
|
18
|
+
`,f=h.styled.button`
|
|
19
|
+
${e=>y(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","gray","disabled","background")};
|
|
50
50
|
color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","text")};
|
|
51
51
|
}
|
|
52
|
-
`,
|
|
53
|
-
${e=>
|
|
52
|
+
`,N=h.styled.button`
|
|
53
|
+
${e=>y(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","gray","disabled","background","backgroundOpacity")};
|
|
84
84
|
color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted","gray","disabled","text")};
|
|
85
85
|
}
|
|
86
|
-
`,
|
|
87
|
-
${e=>
|
|
86
|
+
`,k=h.styled.button`
|
|
87
|
+
${e=>y(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","gray","disabled","background","backgroundOpacity")};
|
|
118
118
|
}
|
|
119
|
-
`,w=
|
|
119
|
+
`,w=h.styled(k)`
|
|
120
120
|
border: 1px solid
|
|
121
121
|
${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
|
|
122
|
-
`,
|
|
122
|
+
`,V=C.forwardRef((e,c)=>{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},v=()=>{var O=R==="solid"?"fas":"far";return`${O} fa-${$} fa-fw`},m=()=>C.isValidElement($)?$:i.jsx(S,{className:v()});return a==="filled"?i.jsx(f,{ref:c,"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"?i.jsx(N,{ref:c,"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"?i.jsx(w,{ref:c,"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"?i.jsx(k,{ref:c,"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()}):i.jsx(f,{ref:c,"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;
|