@lanaco/lnc-react-ui 4.0.2 → 4.0.3
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/bundle-visualization.html +4842 -0
- package/dist/Accordion.cjs +1 -1
- package/dist/Accordion.js +55 -50
- package/dist/AccordionDetails.cjs +1 -1
- package/dist/AccordionDetails.js +15 -15
- package/dist/AccordionSummary.cjs +1 -1
- package/dist/AccordionSummary.js +11 -11
- package/dist/ActionsToolbar.cjs +2 -2
- package/dist/ActionsToolbar.js +16 -16
- package/dist/Alert.cjs +1 -1
- package/dist/Alert.js +23 -23
- package/dist/Avatar.cjs +2 -2
- package/dist/Avatar.js +23 -25
- package/dist/Badge.cjs +1 -1
- package/dist/Badge.js +21 -14
- package/dist/Breadcrumbs.cjs +1 -1
- package/dist/Breadcrumbs.js +28 -28
- package/dist/Button.cjs +1 -1
- package/dist/Button.js +21 -21
- package/dist/ButtonGroup.cjs +1 -1
- package/dist/ButtonGroup.js +10 -6
- package/dist/CheckBoxInput.cjs +1 -1
- package/dist/CheckBoxInput.js +4 -4
- package/dist/Chip.cjs +1 -1
- package/dist/Chip.js +9 -9
- package/dist/ColorInput.cjs +1 -1
- package/dist/ColorInput.js +5 -5
- package/dist/ConfirmationForm.cjs +5 -5
- package/dist/ConfirmationForm.js +59 -59
- package/dist/Content.cjs +1 -1
- package/dist/Content.js +8 -8
- package/dist/{CustomStyles-nfD3J1mi.js → CustomStyles-BUSJ8bZt.js} +5 -5
- package/dist/{CustomStyles-CqlCjTgU.cjs → CustomStyles-Dlqxic2X.cjs} +1 -1
- package/dist/DataView.cjs +1 -1
- package/dist/DataView.js +2 -2
- package/dist/DateInput.cjs +4 -4
- package/dist/DateInput.js +491 -491
- package/dist/DecimalInput.cjs +1 -1
- package/dist/DecimalInput.js +5 -5
- package/dist/DetailsView.cjs +4 -4
- package/dist/DetailsView.js +40 -40
- package/dist/DoubleRangeSlider.cjs +1 -1
- package/dist/DoubleRangeSlider.js +4 -4
- package/dist/DragAndDropFile.cjs +1 -1
- package/dist/DragAndDropFile.js +6 -6
- package/dist/DragDropFiles.cjs +1 -1
- package/dist/DragDropFiles.js +4 -4
- package/dist/Drawer.cjs +1 -1
- package/dist/Drawer.js +15 -15
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +6 -6
- package/dist/DropdownItem.cjs +1 -1
- package/dist/DropdownItem.js +4 -4
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +6 -6
- package/dist/DropdownMenu.cjs +7 -1
- package/dist/DropdownMenu.js +192 -10
- package/dist/EditableTable.cjs +1 -1
- package/dist/EditableTable.js +4 -4
- package/dist/FileInput.cjs +1 -1
- package/dist/FileInput.js +4 -4
- package/dist/FlexBox.cjs +1 -1
- package/dist/FlexBox.js +14 -14
- package/dist/FlexGrid.cjs +1 -1
- package/dist/FlexGrid.js +30 -30
- package/dist/FlexGridItem.cjs +1 -1
- package/dist/FlexGridItem.js +3 -3
- package/dist/Footer.cjs +1 -1
- package/dist/Footer.js +5 -5
- package/dist/FormField.cjs +1 -1
- package/dist/FormField.js +8 -9
- package/dist/FormView.cjs +1 -1
- package/dist/FormView.js +31 -31
- package/dist/Grid.cjs +1 -1
- package/dist/Grid.js +2 -2
- package/dist/GridItem.cjs +1 -1
- package/dist/GridItem.js +2 -2
- package/dist/Header.cjs +1 -1
- package/dist/Header.js +7 -7
- package/dist/Icon.cjs +1 -1
- package/dist/Icon.js +33 -10
- package/dist/IconButton.cjs +5 -5
- package/dist/IconButton.js +33 -33
- package/dist/Kanban.cjs +12 -12
- package/dist/Kanban.js +948 -936
- package/dist/KanbanActionsToolbar.cjs +2 -2
- package/dist/KanbanActionsToolbar.js +28 -28
- package/dist/{KanbanCard-D9OhU8C6.js → KanbanCard-CHZ_C9kk.js} +50 -50
- package/dist/KanbanCard-DV3VnSUi.cjs +30 -0
- package/dist/KanbanCard.cjs +1 -1
- package/dist/KanbanCard.js +5 -5
- package/dist/KanbanFooter.cjs +1 -1
- package/dist/KanbanFooter.js +40 -40
- package/dist/KanbanHeader.cjs +2 -2
- package/dist/KanbanHeader.js +46 -46
- package/dist/KanbanView.cjs +1 -1
- package/dist/KanbanView.js +27 -27
- package/dist/Link.cjs +1 -1
- package/dist/Link.js +9 -9
- package/dist/MenuItem.cjs +1 -1
- package/dist/MenuItem.js +11 -11
- package/dist/Modal.cjs +1 -1
- package/dist/Modal.js +7 -7
- package/dist/MultiSelectDropdown.cjs +1 -1
- package/dist/MultiSelectDropdown.js +4 -4
- package/dist/MultiSelectDropdownLookup.cjs +1 -1
- package/dist/MultiSelectDropdownLookup.js +4 -4
- package/dist/NestedDropdownItem.cjs +1 -1
- package/dist/NestedDropdownItem.js +18 -18
- package/dist/NestedMenuItem.cjs +1 -1
- package/dist/NestedMenuItem.js +9 -9
- package/dist/Notification.cjs +1 -83
- package/dist/Notification.js +3 -1077
- package/dist/NotificationContainer.cjs +37 -0
- package/dist/NotificationContainer.js +162 -0
- package/dist/NotificationMessage.cjs +47 -0
- package/dist/NotificationMessage.js +133 -0
- package/dist/NumberInput.cjs +1 -1
- package/dist/NumberInput.js +5 -5
- package/dist/PageLayout.cjs +2 -2
- package/dist/PageLayout.js +27 -27
- package/dist/Pagination.cjs +12 -0
- package/dist/Pagination.js +248 -0
- package/dist/PasswordInput.cjs +1 -1
- package/dist/PasswordInput.js +14 -14
- package/dist/Popover.cjs +1 -0
- package/dist/Popover.js +36 -0
- package/dist/PopoverClose.cjs +1 -0
- package/dist/PopoverClose.js +15 -0
- package/dist/PopoverContent.cjs +10 -0
- package/dist/PopoverContent.js +68 -0
- package/dist/PopoverContext.cjs +1 -0
- package/dist/PopoverContext.js +5 -0
- package/dist/PopoverDescription.cjs +1 -0
- package/dist/PopoverDescription.js +16 -0
- package/dist/PopoverHeading.cjs +1 -0
- package/dist/PopoverHeading.js +16 -0
- package/dist/PopoverTrigger.cjs +1 -0
- package/dist/PopoverTrigger.js +38 -0
- package/dist/ProgressBar.cjs +1 -1
- package/dist/ProgressBar.js +35 -24
- package/dist/RadioGroup.cjs +1 -1
- package/dist/RadioGroup.js +3 -3
- package/dist/RadioInput.cjs +1 -1
- package/dist/RadioInput.js +4 -4
- package/dist/RangeSlider.cjs +1 -1
- package/dist/RangeSlider.js +4 -4
- package/dist/SearchBar.cjs +1 -1
- package/dist/SearchBar.js +6 -6
- package/dist/Separator.cjs +1 -1
- package/dist/Separator.js +9 -9
- package/dist/Sidebar.cjs +1 -1
- package/dist/Sidebar.js +4 -4
- package/dist/Spinner.cjs +1 -1
- package/dist/Spinner.js +25 -20
- package/dist/Surface.cjs +2 -2
- package/dist/Surface.js +14 -15
- package/dist/SwipeableDrawer.cjs +1 -1
- package/dist/SwipeableDrawer.js +4 -4
- package/dist/TabItem.cjs +26 -0
- package/dist/TabItem.js +210 -0
- package/dist/Table.cjs +20 -20
- package/dist/Table.js +13 -12
- package/dist/TableView.cjs +8 -1
- package/dist/TableView.js +238 -9
- package/dist/Tabs.cjs +1 -1
- package/dist/Tabs.js +3 -3
- package/dist/TextAreaInput.cjs +1 -1
- package/dist/TextAreaInput.js +5 -5
- package/dist/TextInput.cjs +1 -1
- package/dist/TextInput.js +5 -5
- package/dist/ThemeProvider.cjs +1 -1
- package/dist/ThemeProvider.js +5 -5
- package/dist/TimeInput.cjs +1 -1
- package/dist/TimeInput.js +9 -9
- package/dist/Toggle.cjs +1 -1
- package/dist/Toggle.js +4 -4
- package/dist/TreeMenu.cjs +1 -1
- package/dist/TreeMenu.js +2 -2
- package/dist/TreeMenuSeparator.cjs +3 -3
- package/dist/TreeMenuSeparator.js +11 -11
- package/dist/UploadedFile.cjs +1 -1
- package/dist/UploadedFile.js +29 -29
- package/dist/_commonjsHelpers-DKOUU3wS.cjs +1 -0
- package/dist/_commonjsHelpers-DaMA6jEr.js +8 -0
- package/dist/{defineProperty-BHpTtkhC.js → defineProperty-B5pLF6px.js} +8 -8
- package/dist/{emotion-element-5486c51c.browser.esm-CSejtOeT.js → emotion-element-5486c51c.browser.esm-Bb4VkP8U.js} +4 -4
- package/dist/{emotion-is-prop-valid.esm-BzFBwmJz.js → emotion-is-prop-valid.esm-DkbeH1Xy.js} +1 -1
- package/dist/{emotion-react.browser.esm-OWM-uG8Q.js → emotion-react.browser.esm-CN-s34fZ.js} +6 -6
- package/dist/{emotion-react.browser.esm-DQBL7Wls.cjs → emotion-react.browser.esm-D7h2t2Bz.cjs} +1 -1
- package/dist/{emotion-styled.browser.esm-BZSYYThs.js → emotion-styled.browser.esm-BiK8DcgW.js} +12 -12
- package/dist/floating-ui.react.esm-72DKnou_.js +1198 -0
- package/dist/floating-ui.react.esm-C4vrBVJU.cjs +4 -0
- package/dist/{hoist-non-react-statics.cjs-Drf1aBlk.js → hoist-non-react-statics.cjs-CAHiRNzQ.js} +1 -1
- package/dist/{hoist-non-react-statics.cjs-B8r9S_ak.cjs → hoist-non-react-statics.cjs-Dr-ytKVG.cjs} +3 -3
- package/dist/{index-CZJEA84h.js → index--Kmch3aI.js} +1 -1
- package/dist/index-BIlhCoy2.cjs +20 -0
- package/dist/{index-BLQWNy78.js → index-BUChtubz.js} +4 -4
- package/dist/{index-Ds9PUTwb.js → index-BYnWp42a.js} +208 -213
- package/dist/{index-D5vEbKUT.js → index-CNBqQrtK.js} +1 -1
- package/dist/{index-IO9v6o0I.cjs → index-CSXL784P.cjs} +2 -2
- package/dist/{index-C29T0m2a.cjs → index-Ct1N7fF4.cjs} +1 -1
- package/dist/{index-BklgDeu4.js → index-Cu0xwYjD.js} +1 -1
- package/dist/{index-Cdkz-XH-.js → index-CvebWhtp.js} +1 -1
- package/dist/index-DAOBjHnD.cjs +1 -0
- package/dist/index-DBXXH_TD.cjs +1 -0
- package/dist/{index-B_da1uvD.js → index-DLVVKJXD.js} +1 -1
- package/dist/index-DaiUAQVF.cjs +1 -0
- package/dist/index.cjs +1 -26
- package/dist/index.js +180 -376
- package/dist/{motion-CtkUpWEn.js → motion-ecIGZGwI.js} +1 -1
- package/dist/react-toastify.esm-CkXGwKXL.js +798 -0
- package/dist/react-toastify.esm-Dqcb4SQT.cjs +1 -0
- package/dist/{setPrototypeOf-a891FLQJ.js → setPrototypeOf-CttqfWo1.js} +2 -2
- package/dist/{tslib.es6-ZNVz5r_T.js → tslib.es6-DQ-SzcmG.js} +5 -5
- package/dist/usePopover.cjs +1 -0
- package/dist/usePopover.js +44 -0
- package/dist/{utils-DEke8iwo.js → utils-C52T57HO.js} +73 -73
- package/dist/{utils-hdRGTsQ7.cjs → utils-DTAPpJXU.cjs} +1 -1
- package/package.json +17 -5
- package/vite.config.js +16 -0
- package/dist/DropdownMenu-B6qr13ik.cjs +0 -19
- package/dist/DropdownMenu-DZi3TJ8Q.js +0 -1547
- package/dist/KanbanCard-ConTmu3w.cjs +0 -30
- package/dist/TableView-Cj5_fbSR.js +0 -481
- package/dist/TableView-D8ex512p.cjs +0 -19
- package/dist/index-BjdOz5Ok.cjs +0 -1
- package/dist/index-DXnSjbfJ.cjs +0 -20
- package/dist/index-Dzkd2i4n.cjs +0 -1
- package/dist/index-P-naJISQ.cjs +0 -1
package/dist/RadioGroup.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const p=require("react/jsx-runtime"),n=require("react"),I=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),e=require("./index-
|
|
1
|
+
"use strict";const p=require("react/jsx-runtime"),n=require("react"),I=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),e=require("./index-BIlhCoy2.cjs"),O=require("./RadioInput.cjs"),R=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),_=I.newStyled.div`
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
flex-direction: ${s=>s.inline===!0?"row":"column"};
|
|
4
4
|
gap: 1.5rem;
|
package/dist/RadioGroup.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import P, { useState as R, useEffect as j } from "react";
|
|
3
|
-
import { n as z } from "./emotion-styled.browser.esm-
|
|
4
|
-
import { P as e } from "./index-
|
|
3
|
+
import { n as z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
|
|
4
|
+
import { P as e } from "./index-BYnWp42a.js";
|
|
5
5
|
import T from "./RadioInput.js";
|
|
6
|
-
import { u as k } from "./emotion-element-5486c51c.browser.esm-
|
|
6
|
+
import { u as k } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
|
|
7
7
|
const N = z.div`
|
|
8
8
|
display: inline-flex;
|
|
9
9
|
flex-direction: ${(r) => r.inline === !0 ? "row" : "column"};
|
package/dist/RadioInput.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BIlhCoy2.cjs"),o=require("./utils-DTAPpJXU.cjs"),O=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.newStyled.label`
|
|
2
2
|
min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
|
|
3
3
|
max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
|
|
4
4
|
width: 100%;
|
package/dist/RadioInput.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs as b, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import P, { useState as j } from "react";
|
|
3
|
-
import { n as g } from "./emotion-styled.browser.esm-
|
|
4
|
-
import { P as i } from "./index-
|
|
5
|
-
import { f,
|
|
6
|
-
import { u as F } from "./emotion-element-5486c51c.browser.esm-
|
|
3
|
+
import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
|
|
4
|
+
import { P as i } from "./index-BYnWp42a.js";
|
|
5
|
+
import { d as f, g as N, e as T, a as t } from "./utils-C52T57HO.js";
|
|
6
|
+
import { u as F } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
|
|
7
7
|
const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
|
|
8
8
|
min-height: ${(e) => f(e.theme, e.size)};
|
|
9
9
|
max-height: ${(e) => f(e.theme, e.size)};
|
package/dist/RangeSlider.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./index-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./index-BIlhCoy2.cjs"),o=require("react"),a=require("./utils-DTAPpJXU.cjs"),_=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),F=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=a.getSizeValueWithUnits(e,i);return`
|
|
2
2
|
min-height: ${c};
|
|
3
3
|
max-height: ${c};
|
|
4
4
|
`},b={small:"0.875rem",medium:"1.125rem",large:"1.375rem"},W=y.newStyled.div`
|
package/dist/RangeSlider.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs as O, jsx as t, Fragment as W } from "react/jsx-runtime";
|
|
2
|
-
import { n as x } from "./emotion-styled.browser.esm-
|
|
3
|
-
import { P as n } from "./index-
|
|
2
|
+
import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
|
|
3
|
+
import { P as n } from "./index-BYnWp42a.js";
|
|
4
4
|
import _, { useRef as X, useState as v, useCallback as q, useEffect as M } from "react";
|
|
5
|
-
import {
|
|
6
|
-
import { u as H } from "./emotion-element-5486c51c.browser.esm-
|
|
5
|
+
import { b as A, a as o, g as D, d as G } from "./utils-C52T57HO.js";
|
|
6
|
+
import { u as H } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
|
|
7
7
|
import { u as J } from "./useUpdateEffect-CuYWz7EA.js";
|
|
8
8
|
const K = ({ theme: e, size: i }) => {
|
|
9
9
|
var u = G(e, i);
|
package/dist/SearchBar.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const h=require("react/jsx-runtime"),d=require("react"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),p=require("./index-
|
|
1
|
+
"use strict";const h=require("react/jsx-runtime"),d=require("react"),x=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),p=require("./index-BIlhCoy2.cjs"),oe=require("./Chip.cjs"),se=require("./emotion-react.browser.esm-D7h2t2Bz.cjs"),ae=require("./ThemeProvider.cjs"),_=require("./objectWithoutPropertiesLoose-Bz3hwpmU.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),B=require("./setPrototypeOf-4aSEnBDm.cjs"),D=require("./index-Ct1N7fF4.cjs"),le=se.keyframes`
|
|
2
2
|
from {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
}
|
package/dist/SearchBar.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as v, jsxs as _ } from "react/jsx-runtime";
|
|
2
2
|
import g, { Children as ue, isValidElement as w, cloneElement as R, useState as M, createElement as X } from "react";
|
|
3
|
-
import { n as x } from "./emotion-styled.browser.esm-
|
|
4
|
-
import { P as u } from "./index-
|
|
3
|
+
import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
|
|
4
|
+
import { P as u } from "./index-BYnWp42a.js";
|
|
5
5
|
import ce from "./Chip.js";
|
|
6
|
-
import { k as de } from "./emotion-react.browser.esm-
|
|
6
|
+
import { k as de } from "./emotion-react.browser.esm-CN-s34fZ.js";
|
|
7
7
|
import { useTheme as pe } from "./ThemeProvider.js";
|
|
8
8
|
import { _ as L } from "./objectWithoutPropertiesLoose-DwEN6RBQ.js";
|
|
9
|
-
import { _ as V } from "./emotion-element-5486c51c.browser.esm-
|
|
10
|
-
import {
|
|
11
|
-
import { R as $ } from "./index
|
|
9
|
+
import { _ as V } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
|
|
10
|
+
import { _ as fe, a as me } from "./setPrototypeOf-CttqfWo1.js";
|
|
11
|
+
import { R as $ } from "./index--Kmch3aI.js";
|
|
12
12
|
const he = de`
|
|
13
13
|
from {
|
|
14
14
|
opacity: 0;
|
package/dist/Separator.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),l=require("react"),r=require("./index-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),l=require("react"),r=require("./index-BIlhCoy2.cjs"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./utils-DTAPpJXU.cjs"),p=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),d=m.newStyled.div`
|
|
2
2
|
height: 1px;
|
|
3
3
|
background-color: ${e=>u.getColorRgbaValue(e.theme,"MenuItem","default","enabled","separator")};
|
|
4
4
|
margin-left: -0.25rem;
|
package/dist/Separator.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import l from "react";
|
|
3
|
-
import { P as r } from "./index-
|
|
4
|
-
import { n } from "./emotion-styled.browser.esm-
|
|
5
|
-
import {
|
|
6
|
-
import { u as c } from "./emotion-element-5486c51c.browser.esm-
|
|
2
|
+
import { forwardRef as l } from "react";
|
|
3
|
+
import { P as r } from "./index-BYnWp42a.js";
|
|
4
|
+
import { n } from "./emotion-styled.browser.esm-BiK8DcgW.js";
|
|
5
|
+
import { a as i } from "./utils-C52T57HO.js";
|
|
6
|
+
import { u as c } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
|
|
7
7
|
const f = n.div`
|
|
8
8
|
height: 1px;
|
|
9
9
|
background-color: ${(e) => i(
|
|
@@ -15,14 +15,14 @@ const f = n.div`
|
|
|
15
15
|
)};
|
|
16
16
|
margin-left: -0.25rem;
|
|
17
17
|
margin-right: -0.25rem;
|
|
18
|
-
`, d = l
|
|
19
|
-
const { className:
|
|
18
|
+
`, d = l((e, o) => {
|
|
19
|
+
const { className: t = "", style: a = {}, ...s } = e, m = c();
|
|
20
20
|
return /* @__PURE__ */ p(
|
|
21
21
|
f,
|
|
22
22
|
{
|
|
23
|
-
ref:
|
|
23
|
+
ref: o,
|
|
24
24
|
theme: m,
|
|
25
|
-
className: "lnc-ui-dropdown-separator " +
|
|
25
|
+
className: "lnc-ui-dropdown-separator " + t,
|
|
26
26
|
style: a,
|
|
27
27
|
...s
|
|
28
28
|
}
|
package/dist/Sidebar.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),a=require("react"),i=require("./index-
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),a=require("react"),i=require("./index-BIlhCoy2.cjs"),l=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),x=require("./Icon.cjs"),g=require("./utils-DTAPpJXU.cjs"),y=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),_=l.newStyled.aside`
|
|
2
2
|
direction: ${e=>e.placement=="right"?"rtl":"ltr"};
|
|
3
3
|
position: relative;
|
|
4
4
|
&& {
|
package/dist/Sidebar.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as g, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import S, { useState as x, useEffect as C } from "react";
|
|
3
|
-
import { P as s } from "./index-
|
|
4
|
-
import { n as l } from "./emotion-styled.browser.esm-
|
|
3
|
+
import { P as s } from "./index-BYnWp42a.js";
|
|
4
|
+
import { n as l } from "./emotion-styled.browser.esm-BiK8DcgW.js";
|
|
5
5
|
import _ from "./Icon.js";
|
|
6
|
-
import { u as y } from "./utils-
|
|
7
|
-
import { u as $ } from "./emotion-element-5486c51c.browser.esm-
|
|
6
|
+
import { u as y } from "./utils-C52T57HO.js";
|
|
7
|
+
import { u as $ } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
|
|
8
8
|
const v = l.aside`
|
|
9
9
|
direction: ${(e) => e.placement == "right" ? "rtl" : "ltr"};
|
|
10
10
|
position: relative;
|
package/dist/Spinner.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime")
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),n=require("./index-BIlhCoy2.cjs"),i=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),u=require("./emotion-react.browser.esm-D7h2t2Bz.cjs"),t=require("./utils-DTAPpJXU.cjs"),g=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),p={small:"0.6rem",medium:"0.7rem",large:"0.8rem"},b=(e,r)=>{if(e==="small")return`
|
|
2
2
|
width: ${r.sizes.small};
|
|
3
3
|
height: ${r.sizes.small};
|
|
4
4
|
`;if(e==="medium")return`
|
package/dist/Spinner.js
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { jsxs as c, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import "
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { u as h } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
|
|
2
|
+
import { P as n } from "./index-BYnWp42a.js";
|
|
3
|
+
import { n as s } from "./emotion-styled.browser.esm-BiK8DcgW.js";
|
|
4
|
+
import { k as p } from "./emotion-react.browser.esm-CN-s34fZ.js";
|
|
5
|
+
import { g, a as i } from "./utils-C52T57HO.js";
|
|
6
|
+
import { u as h } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
|
|
8
7
|
const u = {
|
|
9
8
|
small: "0.6rem",
|
|
10
9
|
medium: "0.7rem",
|
|
11
10
|
large: "0.8rem"
|
|
12
|
-
},
|
|
11
|
+
}, f = (e, r) => {
|
|
13
12
|
if (e === "small")
|
|
14
13
|
return `
|
|
15
14
|
width: ${r.sizes.small};
|
|
@@ -25,7 +24,7 @@ const u = {
|
|
|
25
24
|
width: ${r.sizes.large};
|
|
26
25
|
height: ${r.sizes.large};
|
|
27
26
|
`;
|
|
28
|
-
},
|
|
27
|
+
}, b = p`
|
|
29
28
|
to {
|
|
30
29
|
transform: rotate(360deg);
|
|
31
30
|
}
|
|
@@ -42,7 +41,7 @@ const u = {
|
|
|
42
41
|
transform: translate(-50%, -50%);
|
|
43
42
|
${(e) => g(e.theme, "Spinner", e.size, "enabled")};
|
|
44
43
|
font-size: ${(e) => u[e.size]};
|
|
45
|
-
color: ${(e) =>
|
|
44
|
+
color: ${(e) => i(
|
|
46
45
|
e.theme,
|
|
47
46
|
"Spinner",
|
|
48
47
|
e.color,
|
|
@@ -52,8 +51,8 @@ const u = {
|
|
|
52
51
|
}
|
|
53
52
|
`, $ = s.div`
|
|
54
53
|
display: inline-block;
|
|
55
|
-
${(e) =>
|
|
56
|
-
border: ${(e) => `0.3125rem solid ${
|
|
54
|
+
${(e) => f(e.size, e.theme)}
|
|
55
|
+
border: ${(e) => `0.3125rem solid ${i(
|
|
57
56
|
e.theme,
|
|
58
57
|
"Spinner",
|
|
59
58
|
e.color,
|
|
@@ -61,14 +60,14 @@ const u = {
|
|
|
61
60
|
"unfilled"
|
|
62
61
|
)}`};
|
|
63
62
|
border-radius: 50%;
|
|
64
|
-
border-top-color: ${(e) =>
|
|
63
|
+
border-top-color: ${(e) => i(
|
|
65
64
|
e.theme,
|
|
66
65
|
"Spinner",
|
|
67
66
|
e.color,
|
|
68
67
|
"enabled",
|
|
69
68
|
"background"
|
|
70
69
|
)};
|
|
71
|
-
border-right-color: ${(e) =>
|
|
70
|
+
border-right-color: ${(e) => i(
|
|
72
71
|
e.theme,
|
|
73
72
|
"Spinner",
|
|
74
73
|
e.color,
|
|
@@ -76,9 +75,15 @@ const u = {
|
|
|
76
75
|
"background"
|
|
77
76
|
)};
|
|
78
77
|
|
|
79
|
-
animation: ${
|
|
78
|
+
animation: ${b} 0.8s ease-in-out infinite;
|
|
80
79
|
`, z = (e) => {
|
|
81
|
-
const {
|
|
80
|
+
const {
|
|
81
|
+
label: r,
|
|
82
|
+
className: a = "",
|
|
83
|
+
style: l = {},
|
|
84
|
+
size: m = "small",
|
|
85
|
+
color: d = "primary"
|
|
86
|
+
} = e, t = { theme: h(), size: m, color: d };
|
|
82
87
|
return /* @__PURE__ */ c(
|
|
83
88
|
y,
|
|
84
89
|
{
|
|
@@ -94,11 +99,11 @@ const u = {
|
|
|
94
99
|
);
|
|
95
100
|
};
|
|
96
101
|
z.propTypes = {
|
|
97
|
-
label:
|
|
98
|
-
className:
|
|
99
|
-
style:
|
|
100
|
-
size:
|
|
101
|
-
color:
|
|
102
|
+
label: n.string,
|
|
103
|
+
className: n.string,
|
|
104
|
+
style: n.object,
|
|
105
|
+
size: n.oneOf(["small", "medium", "large"]),
|
|
106
|
+
color: n.oneOf([
|
|
102
107
|
"primary",
|
|
103
108
|
"secondary",
|
|
104
109
|
"success",
|
package/dist/Surface.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";const x=require("react/jsx-runtime")
|
|
1
|
+
"use strict";const x=require("react/jsx-runtime"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BIlhCoy2.cjs"),s=require("./utils-DTAPpJXU.cjs"),p=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),g=c.newStyled.div`
|
|
2
2
|
padding: ${e=>e.padding};
|
|
3
3
|
box-shadow: ${e=>s.getBoxShadowValue(e.theme,e.boxShadow)};
|
|
4
4
|
border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
|
|
5
5
|
width: ${e=>e.fullWidth?"100%":"fit-content"};
|
|
6
6
|
border-top: 1px solid rgba(0, 0, 0, 0.04);
|
|
7
|
-
`,o=({children:e,style:t={},className:d="",boxShadow:
|
|
7
|
+
`,o=({children:e,style:t={},className:d="",boxShadow:n="s",borderRadius:i="regular",padding:l="s",fullWidth:a=!1})=>{const u=p.useTheme(),m={xs:"0.25rem",s:"0.5rem",m:"0.75rem",l:"1rem",xl:"1.25rem",xxl:"1.5rem"};return x.jsx(g,{theme:u,style:t,className:"lnc-ui-surface "+d,borderRadius:i,boxShadow:n,padding:m[l],fullWidth:a,children:e})};o.propTypes={borderRadius:r.PropTypes.oneOf(["slight","regular","edged","curved","none"]),boxShadow:r.PropTypes.oneOf(["xs","s","m","l","xl","xxl"]),paddign:r.PropTypes.oneOf(["xs","s","m","l","xl","xxl"]),fullWidth:r.PropTypes.bool,className:r.PropTypes.string,style:r.PropTypes.object};module.exports=o;
|
package/dist/Surface.js
CHANGED
|
@@ -1,25 +1,24 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import "
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
const c = x.div`
|
|
2
|
+
import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
|
|
3
|
+
import { P as r } from "./index-BYnWp42a.js";
|
|
4
|
+
import { j as u, b as f } from "./utils-C52T57HO.js";
|
|
5
|
+
import { u as p } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
|
|
6
|
+
const g = x.div`
|
|
8
7
|
padding: ${(e) => e.padding};
|
|
9
8
|
box-shadow: ${(e) => u(e.theme, e.boxShadow)};
|
|
10
|
-
border-radius: ${(e) =>
|
|
9
|
+
border-radius: ${(e) => f(e.theme, e.borderRadius)};
|
|
11
10
|
width: ${(e) => e.fullWidth ? "100%" : "fit-content"};
|
|
12
11
|
border-top: 1px solid rgba(0, 0, 0, 0.04);
|
|
13
|
-
`,
|
|
12
|
+
`, h = ({
|
|
14
13
|
children: e,
|
|
15
14
|
style: o = {},
|
|
16
15
|
className: s = "",
|
|
17
16
|
boxShadow: a = "s",
|
|
18
17
|
borderRadius: d = "regular",
|
|
19
18
|
padding: t = "s",
|
|
20
|
-
fullWidth:
|
|
19
|
+
fullWidth: l = !1
|
|
21
20
|
}) => {
|
|
22
|
-
const
|
|
21
|
+
const i = p(), m = {
|
|
23
22
|
xs: "0.25rem",
|
|
24
23
|
s: "0.5rem",
|
|
25
24
|
m: "0.75rem",
|
|
@@ -28,20 +27,20 @@ const c = x.div`
|
|
|
28
27
|
xxl: "1.5rem"
|
|
29
28
|
};
|
|
30
29
|
return /* @__PURE__ */ n(
|
|
31
|
-
|
|
30
|
+
g,
|
|
32
31
|
{
|
|
33
|
-
theme:
|
|
32
|
+
theme: i,
|
|
34
33
|
style: o,
|
|
35
34
|
className: "lnc-ui-surface " + s,
|
|
36
35
|
borderRadius: d,
|
|
37
36
|
boxShadow: a,
|
|
38
37
|
padding: m[t],
|
|
39
|
-
fullWidth:
|
|
38
|
+
fullWidth: l,
|
|
40
39
|
children: e
|
|
41
40
|
}
|
|
42
41
|
);
|
|
43
42
|
};
|
|
44
|
-
|
|
43
|
+
h.propTypes = {
|
|
45
44
|
borderRadius: r.oneOf([
|
|
46
45
|
"slight",
|
|
47
46
|
"regular",
|
|
@@ -56,5 +55,5 @@ g.propTypes = {
|
|
|
56
55
|
style: r.object
|
|
57
56
|
};
|
|
58
57
|
export {
|
|
59
|
-
|
|
58
|
+
h as default
|
|
60
59
|
};
|
package/dist/SwipeableDrawer.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const g=require("react/jsx-runtime"),u=require("react"),t=require("./index-
|
|
1
|
+
"use strict";const g=require("react/jsx-runtime"),u=require("react"),t=require("./index-BIlhCoy2.cjs"),v=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),y=require("./utils-DTAPpJXU.cjs"),V=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),X=(e,o,n,c,a)=>{if(e==="right"||e==="left"||o&&n)return"height: 100%;";if(!(o&&a===!0))return o?"height: "+c+";":"height: 0;"},Y=(e,o,n,c,a)=>{if(e==="top"||e==="bottom"||o&&n)return"width: 100%;";if(!(o&&a===!0))return o?"width: "+c+";":"width: 0;"},A=v.newStyled.div`
|
|
2
2
|
touch-action: none;
|
|
3
3
|
overflow: auto;
|
|
4
4
|
max-height: ${e=>e.isOpen||e.unsetHeight===!1?"100dvh":0};
|
package/dist/SwipeableDrawer.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as g, Fragment as Y } from "react/jsx-runtime";
|
|
2
2
|
import _, { useRef as R, useState as V, useImperativeHandle as q, useEffect as A } from "react";
|
|
3
|
-
import { P as t } from "./index-
|
|
4
|
-
import { n as y } from "./emotion-styled.browser.esm-
|
|
5
|
-
import {
|
|
6
|
-
import { u as G } from "./emotion-element-5486c51c.browser.esm-
|
|
3
|
+
import { P as t } from "./index-BYnWp42a.js";
|
|
4
|
+
import { n as y } from "./emotion-styled.browser.esm-BiK8DcgW.js";
|
|
5
|
+
import { a as $, g as B } from "./utils-C52T57HO.js";
|
|
6
|
+
import { u as G } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
|
|
7
7
|
const J = (e, r, o, u, s) => {
|
|
8
8
|
if (e === "right" || e === "left" || r && o) return "height: 100%;";
|
|
9
9
|
if (!(r && s === !0))
|
package/dist/TabItem.cjs
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";const z=require("react/jsx-runtime"),m=require("react"),r=require("./index-BIlhCoy2.cjs"),E=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-DTAPpJXU.cjs"),N=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),y=require("./useUpdateEffect-BtMgpgIV.cjs"),S=e=>e=="small"?"3.125rem":e=="medium"?"3.375rem":"3.625rem",_=E.newStyled.div`
|
|
2
|
+
box-sizing: border-box;
|
|
3
|
+
${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
|
|
4
|
+
min-width: 5.25rem;
|
|
5
|
+
${e=>e.fullWidth&&"width: 100%"};
|
|
6
|
+
display: flex;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
align-items: center;
|
|
9
|
+
|
|
10
|
+
height: ${e=>S(e.size)};
|
|
11
|
+
${e=>t.getComponentTypographyCss(e.theme,i(e.type),e.size,"enabled")};
|
|
12
|
+
${e=>!e.disabled&&"cursor: pointer"};
|
|
13
|
+
color: ${e=>!e.disabled&&t.getColorRgbaValue(e.theme,i(e.type),e.color,e.active?"active":"enabled","text")};
|
|
14
|
+
background-color: ${e=>e.type=="regular"||e.type=="pill"&&(e.disabled==!0||e.active==!1)?"transparent":!e.disabled&&t.getColorRgbaValue(e.theme,i(e.type),e.color,e.active?"active":"enabled","background","backgroundOpacity")};
|
|
15
|
+
${e=>e.type=="underline"&&e.last==!1&&"border-right: 1px solid "+t.getColorRgbaValue(e.theme,i(e.type),e.color,"enabled","line")};
|
|
16
|
+
${e=>h(e.theme,e.type,e.active,e.disabled,e.color,"enabled")};
|
|
17
|
+
${e=>D(e.theme,e.type,e.first,e.last)};
|
|
18
|
+
&:hover {
|
|
19
|
+
color: ${e=>!e.disabled&&t.getColorRgbaValue(e.theme,i(e.type),e.color,"hover","text")};
|
|
20
|
+
background-color: ${e=>e.type=="regular"?"transparent":!e.disabled&&t.getColorRgbaValue(e.theme,i(e.type),e.color,"hover","background","backgroundOpacity")};
|
|
21
|
+
${e=>h(e.theme,e.type,e.active,e.disabled,e.color,"hover")};
|
|
22
|
+
}
|
|
23
|
+
&:active {
|
|
24
|
+
background: ${e=>t.getColorRgbaValue(e.theme,i(e.type),e.color,"active","background","backgroundOpacity")};
|
|
25
|
+
}
|
|
26
|
+
`,i=e=>e=="underline"?"TabUnderline":e=="pill"?"TabPill":"TabRegular",D=(e,l,n,a)=>{if(l=="pill")return`border-radius: ${t.getBorderRadiusValueWithUnits(e,"regular")}`;if(l=="underline"&&n)return`border-radius: ${t.getBorderRadiusValueWithUnits(e,"regular")} 0 0 ${t.getBorderRadiusValueWithUnits(e,"regular")}`;if(l=="underline"&&a)return`border-radius: 0 ${t.getBorderRadiusValueWithUnits(e,"regular")} ${t.getBorderRadiusValueWithUnits(e,"regular")} 0`},h=(e,l,n,a,u,o)=>{if(l!="pill")return`border-bottom: ${!a&&(n||o=="hover")?e.components[l==="regular"?"TabRegular":"TabUnderline"].default.enabled.lineHeight+"":e.components[l==="regular"?"TabRegular":"TabUnderline"].default.hover.lineHeight+""} solid ${t.getColorRgbaValue(e,i(l),u,n&&!a?"active":a?"enabled":o,"line")}`},T=m.forwardRef((e,l)=>{const{type:n="underline",disabled:a,first:u=!1,last:o=!1,fullWidth:v=!1,active:c=!1,activeIndex:d,index:s,onFocus:$=()=>{},onBlur:R=()=>{},onClick:g=()=>{},onKeyDown:C=()=>{},itemClick:b=()=>{},size:P="small",color:k="primary",className:x="",style:V={},children:U,...w}=e,B=N.useTheme(),[W,f]=m.useState(c),q={theme:B,color:k,size:P,style:V,className:"lnc-ui-tabitem "+x},O=j=>{b&&!a&&b(s),g&&!a&&g(j)};return y.useUpdateEffect(()=>{f(c)},[c]),y.useUpdateEffect(()=>{f(d==s)},[d]),z.jsx(_,{ref:l,onFocus:$,onBlur:R,onClick:O,onKeyDown:C,disabled:a,type:n,first:u,last:o,fullWidth:v,active:W,...q,...w,children:U})});T.propTypes={type:r.PropTypes.oneOf(["regular","pill","underline"]),first:r.PropTypes.bool,last:r.PropTypes.bool,fullWidth:r.PropTypes.bool,active:r.PropTypes.bool,onClick:r.PropTypes.func,onBlur:r.PropTypes.func,onFocus:r.PropTypes.func,onKeyDown: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"])};module.exports=T;
|
package/dist/TabItem.js
ADDED
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
import { jsx as j } from "react/jsx-runtime";
|
|
2
|
+
import D, { useState as H } from "react";
|
|
3
|
+
import { P as t } from "./index-BYnWp42a.js";
|
|
4
|
+
import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
|
|
5
|
+
import { h as S, g as A, a as i, b as o } from "./utils-C52T57HO.js";
|
|
6
|
+
import { u as F } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
|
|
7
|
+
import { u as h } from "./useUpdateEffect-CuYWz7EA.js";
|
|
8
|
+
const K = (e) => e == "small" ? "3.125rem" : e == "medium" ? "3.375rem" : "3.625rem", V = I.div`
|
|
9
|
+
box-sizing: border-box;
|
|
10
|
+
${(e) => e.disabled === !0 && S(e.theme)};
|
|
11
|
+
min-width: 5.25rem;
|
|
12
|
+
${(e) => e.fullWidth && "width: 100%"};
|
|
13
|
+
display: flex;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
align-items: center;
|
|
16
|
+
|
|
17
|
+
height: ${(e) => K(e.size)};
|
|
18
|
+
${(e) => A(
|
|
19
|
+
e.theme,
|
|
20
|
+
r(e.type),
|
|
21
|
+
e.size,
|
|
22
|
+
"enabled"
|
|
23
|
+
)};
|
|
24
|
+
${(e) => !e.disabled && "cursor: pointer"};
|
|
25
|
+
color: ${(e) => !e.disabled && i(
|
|
26
|
+
e.theme,
|
|
27
|
+
r(e.type),
|
|
28
|
+
e.color,
|
|
29
|
+
e.active ? "active" : "enabled",
|
|
30
|
+
"text"
|
|
31
|
+
)};
|
|
32
|
+
background-color: ${(e) => e.type == "regular" || e.type == "pill" && (e.disabled == !0 || e.active == !1) ? "transparent" : !e.disabled && i(
|
|
33
|
+
e.theme,
|
|
34
|
+
r(e.type),
|
|
35
|
+
e.color,
|
|
36
|
+
e.active ? "active" : "enabled",
|
|
37
|
+
"background",
|
|
38
|
+
"backgroundOpacity"
|
|
39
|
+
)};
|
|
40
|
+
${(e) => e.type == "underline" && e.last == !1 && "border-right: 1px solid " + i(
|
|
41
|
+
e.theme,
|
|
42
|
+
r(e.type),
|
|
43
|
+
e.color,
|
|
44
|
+
"enabled",
|
|
45
|
+
"line"
|
|
46
|
+
)};
|
|
47
|
+
${(e) => y(
|
|
48
|
+
e.theme,
|
|
49
|
+
e.type,
|
|
50
|
+
e.active,
|
|
51
|
+
e.disabled,
|
|
52
|
+
e.color,
|
|
53
|
+
"enabled"
|
|
54
|
+
)};
|
|
55
|
+
${(e) => _(e.theme, e.type, e.first, e.last)};
|
|
56
|
+
&:hover {
|
|
57
|
+
color: ${(e) => !e.disabled && i(
|
|
58
|
+
e.theme,
|
|
59
|
+
r(e.type),
|
|
60
|
+
e.color,
|
|
61
|
+
"hover",
|
|
62
|
+
"text"
|
|
63
|
+
)};
|
|
64
|
+
background-color: ${(e) => e.type == "regular" ? "transparent" : !e.disabled && i(
|
|
65
|
+
e.theme,
|
|
66
|
+
r(e.type),
|
|
67
|
+
e.color,
|
|
68
|
+
"hover",
|
|
69
|
+
"background",
|
|
70
|
+
"backgroundOpacity"
|
|
71
|
+
)};
|
|
72
|
+
${(e) => y(
|
|
73
|
+
e.theme,
|
|
74
|
+
e.type,
|
|
75
|
+
e.active,
|
|
76
|
+
e.disabled,
|
|
77
|
+
e.color,
|
|
78
|
+
"hover"
|
|
79
|
+
)};
|
|
80
|
+
}
|
|
81
|
+
&:active {
|
|
82
|
+
background: ${(e) => i(
|
|
83
|
+
e.theme,
|
|
84
|
+
r(e.type),
|
|
85
|
+
e.color,
|
|
86
|
+
"active",
|
|
87
|
+
"background",
|
|
88
|
+
"backgroundOpacity"
|
|
89
|
+
)};
|
|
90
|
+
}
|
|
91
|
+
`, r = (e) => e == "underline" ? "TabUnderline" : e == "pill" ? "TabPill" : "TabRegular", _ = (e, a, n, l) => {
|
|
92
|
+
if (a == "pill")
|
|
93
|
+
return `border-radius: ${o(e, "regular")}`;
|
|
94
|
+
if (a == "underline" && n)
|
|
95
|
+
return `border-radius: ${o(
|
|
96
|
+
e,
|
|
97
|
+
"regular"
|
|
98
|
+
)} 0 0 ${o(e, "regular")}`;
|
|
99
|
+
if (a == "underline" && l)
|
|
100
|
+
return `border-radius: 0 ${o(
|
|
101
|
+
e,
|
|
102
|
+
"regular"
|
|
103
|
+
)} ${o(e, "regular")} 0`;
|
|
104
|
+
}, y = (e, a, n, l, c, u) => {
|
|
105
|
+
if (a != "pill")
|
|
106
|
+
return `border-bottom: ${!l && (n || u == "hover") ? e.components[a === "regular" ? "TabRegular" : "TabUnderline"].default.enabled.lineHeight + "" : e.components[a === "regular" ? "TabRegular" : "TabUnderline"].default.hover.lineHeight + ""} solid ${i(
|
|
107
|
+
e,
|
|
108
|
+
r(a),
|
|
109
|
+
c,
|
|
110
|
+
n && !l ? "active" : l ? "enabled" : u,
|
|
111
|
+
"line"
|
|
112
|
+
)}`;
|
|
113
|
+
}, E = D.forwardRef((e, a) => {
|
|
114
|
+
const {
|
|
115
|
+
type: n = "underline",
|
|
116
|
+
disabled: l,
|
|
117
|
+
first: c = !1,
|
|
118
|
+
last: u = !1,
|
|
119
|
+
fullWidth: v = !1,
|
|
120
|
+
active: d = !1,
|
|
121
|
+
activeIndex: s,
|
|
122
|
+
index: b,
|
|
123
|
+
//----------------
|
|
124
|
+
onFocus: $ = () => {
|
|
125
|
+
},
|
|
126
|
+
onBlur: k = () => {
|
|
127
|
+
},
|
|
128
|
+
onClick: m = () => {
|
|
129
|
+
},
|
|
130
|
+
onKeyDown: T = () => {
|
|
131
|
+
},
|
|
132
|
+
itemClick: f = () => {
|
|
133
|
+
},
|
|
134
|
+
//----------------
|
|
135
|
+
size: x = "small",
|
|
136
|
+
color: C = "primary",
|
|
137
|
+
className: R = "",
|
|
138
|
+
style: w = {},
|
|
139
|
+
children: O,
|
|
140
|
+
...B
|
|
141
|
+
} = e, U = F(), [z, g] = H(d), N = {
|
|
142
|
+
theme: U,
|
|
143
|
+
color: C,
|
|
144
|
+
size: x,
|
|
145
|
+
style: w,
|
|
146
|
+
className: "lnc-ui-tabitem " + R
|
|
147
|
+
}, P = (W) => {
|
|
148
|
+
f && !l && f(b), m && !l && m(W);
|
|
149
|
+
};
|
|
150
|
+
return h(() => {
|
|
151
|
+
g(d);
|
|
152
|
+
}, [d]), h(() => {
|
|
153
|
+
g(s == b);
|
|
154
|
+
}, [s]), /* @__PURE__ */ j(
|
|
155
|
+
V,
|
|
156
|
+
{
|
|
157
|
+
ref: a,
|
|
158
|
+
onFocus: $,
|
|
159
|
+
onBlur: k,
|
|
160
|
+
onClick: P,
|
|
161
|
+
onKeyDown: T,
|
|
162
|
+
disabled: l,
|
|
163
|
+
type: n,
|
|
164
|
+
first: c,
|
|
165
|
+
last: u,
|
|
166
|
+
fullWidth: v,
|
|
167
|
+
active: z,
|
|
168
|
+
...N,
|
|
169
|
+
...B,
|
|
170
|
+
children: O
|
|
171
|
+
}
|
|
172
|
+
);
|
|
173
|
+
});
|
|
174
|
+
E.propTypes = {
|
|
175
|
+
type: t.oneOf(["regular", "pill", "underline"]),
|
|
176
|
+
/**
|
|
177
|
+
* Is it first Tab Item in Tab Wrapper
|
|
178
|
+
* }
|
|
179
|
+
*/
|
|
180
|
+
first: t.bool,
|
|
181
|
+
/**
|
|
182
|
+
* Is it last Tab Item in Tab Wrapper
|
|
183
|
+
* }
|
|
184
|
+
*/
|
|
185
|
+
last: t.bool,
|
|
186
|
+
fullWidth: t.bool,
|
|
187
|
+
active: t.bool,
|
|
188
|
+
//---------------------------------------------------------------
|
|
189
|
+
onClick: t.func,
|
|
190
|
+
onBlur: t.func,
|
|
191
|
+
onFocus: t.func,
|
|
192
|
+
onKeyDown: t.func,
|
|
193
|
+
//---------------------------------------------------------------
|
|
194
|
+
className: t.string,
|
|
195
|
+
style: t.object,
|
|
196
|
+
color: t.oneOf([
|
|
197
|
+
"primary",
|
|
198
|
+
"secondary",
|
|
199
|
+
"success",
|
|
200
|
+
"warning",
|
|
201
|
+
"danger",
|
|
202
|
+
"information",
|
|
203
|
+
"neutral",
|
|
204
|
+
"gray"
|
|
205
|
+
]),
|
|
206
|
+
size: t.oneOf(["small", "medium", "large"])
|
|
207
|
+
};
|
|
208
|
+
export {
|
|
209
|
+
E as default
|
|
210
|
+
};
|