@pfct/purple 1.6.0 → 1.7.0-next.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/dist/__mocks__/lottie-web.cjs.js +1 -0
- package/dist/__mocks__/lottie-web.d.ts +5 -0
- package/dist/__mocks__/lottie-web.d.ts.map +1 -0
- package/dist/__mocks__/lottie-web.es.js +14 -0
- package/dist/assets/index.css +1 -1
- package/dist/components/Badge/BaseBadge/index.styled.d.ts +3 -3
- package/dist/components/Badge/BaseBadge/index.styled.d.ts.map +1 -1
- package/dist/components/Badge/IconBadge/index.styled.d.ts +2 -2
- package/dist/components/Badge/IconBadge/index.styled.d.ts.map +1 -1
- package/dist/components/Badge/TextBadge/index.styled.d.ts +1 -1
- package/dist/components/Badge/TextBadge/index.styled.d.ts.map +1 -1
- package/dist/components/BottomSheet/BaseBottomSheet/index.cjs.js +1 -1
- package/dist/components/BottomSheet/BaseBottomSheet/index.es.js +1 -1
- package/dist/components/BottomSheet/BaseBottomSheet/index.styled.d.ts +5 -5
- package/dist/components/BottomSheet/BaseBottomSheet/index.styled.d.ts.map +1 -1
- package/dist/components/BottomSheet/NavBottomSheet/index.styled.d.ts +2 -2
- package/dist/components/BottomSheet/NavBottomSheet/index.styled.d.ts.map +1 -1
- package/dist/components/BottomSheet/TitleBottomSheet/index.cjs.js +1 -1
- package/dist/components/BottomSheet/TitleBottomSheet/index.d.ts.map +1 -1
- package/dist/components/BottomSheet/TitleBottomSheet/index.es.js +15 -11
- package/dist/components/BottomSheet/TitleBottomSheet/index.styled.cjs.js +4 -6
- package/dist/components/BottomSheet/TitleBottomSheet/index.styled.d.ts +6 -9
- package/dist/components/BottomSheet/TitleBottomSheet/index.styled.d.ts.map +1 -1
- package/dist/components/BottomSheet/TitleBottomSheet/index.styled.es.js +9 -14
- package/dist/components/Button/DoubleButton/index.d.ts +1 -1
- package/dist/components/Button/DoubleButton/index.d.ts.map +1 -1
- package/dist/components/Button/FloatBaseButton/index.styled.d.ts +12 -12
- package/dist/components/Button/FloatBaseButton/index.styled.d.ts.map +1 -1
- package/dist/components/Button/FloatDoubleButton/index.d.ts +0 -1
- package/dist/components/Button/FloatDoubleButton/index.d.ts.map +1 -1
- package/dist/components/Button/FloatSingleButton/index.d.ts +0 -1
- package/dist/components/Button/FloatSingleButton/index.d.ts.map +1 -1
- package/dist/components/Button/SingleButton/index.d.ts +0 -1
- package/dist/components/Button/SingleButton/index.d.ts.map +1 -1
- package/dist/components/Card/index.styled.d.ts +2 -2
- package/dist/components/Card/index.styled.d.ts.map +1 -1
- package/dist/components/Chips/BasicChips/index.styled.d.ts +5 -5
- package/dist/components/Chips/BasicChips/index.styled.d.ts.map +1 -1
- package/dist/components/Chips/ChipItem/index.cjs.js +1 -1
- package/dist/components/Chips/ChipItem/index.es.js +3 -2
- package/dist/components/Chips/ChipItem/index.styled.d.ts +2 -2
- package/dist/components/Chips/ChipItem/index.styled.d.ts.map +1 -1
- package/dist/components/Chips/ChipsFrame/index.styled.d.ts +5 -5
- package/dist/components/Chips/ChipsFrame/index.styled.d.ts.map +1 -1
- package/dist/components/Comment/Group/index.styled.d.ts +2 -2
- package/dist/components/Comment/Group/index.styled.d.ts.map +1 -1
- package/dist/components/Comment/Item/index.styled.d.ts +8 -8
- package/dist/components/Comment/Item/index.styled.d.ts.map +1 -1
- package/dist/components/Comment/index.d.ts +2 -2
- package/dist/components/Control/CheckMark/index.styled.d.ts +2 -2
- package/dist/components/Control/CheckMark/index.styled.d.ts.map +1 -1
- package/dist/components/Control/RadioButton/index.styled.d.ts +2 -2
- package/dist/components/Control/RadioButton/index.styled.d.ts.map +1 -1
- package/dist/components/Control/Switch/index.d.ts +1 -1
- package/dist/components/Control/Switch/index.d.ts.map +1 -1
- package/dist/components/DatePicker/BaseDatePicker/DateOfMonth/index.styled.d.ts +11 -11
- package/dist/components/DatePicker/BaseDatePicker/DateOfMonth/index.styled.d.ts.map +1 -1
- package/dist/components/DatePicker/BaseDatePicker/DayOfWeek/index.styled.d.ts +5 -5
- package/dist/components/DatePicker/BaseDatePicker/DayOfWeek/index.styled.d.ts.map +1 -1
- package/dist/components/DatePicker/BaseDatePicker/Month/index.styled.d.ts +2 -2
- package/dist/components/DatePicker/BaseDatePicker/Month/index.styled.d.ts.map +1 -1
- package/dist/components/DatePicker/BaseDatePicker/Week/index.styled.d.ts +4 -4
- package/dist/components/DatePicker/BaseDatePicker/Week/index.styled.d.ts.map +1 -1
- package/dist/components/DatePicker/BaseDatePicker/YearMonthController/index.styed.d.ts +6 -6
- package/dist/components/DatePicker/BaseDatePicker/YearMonthController/index.styed.d.ts.map +1 -1
- package/dist/components/DatePicker/BaseDatePicker/index.styled.d.ts +2 -2
- package/dist/components/DatePicker/BaseDatePicker/index.styled.d.ts.map +1 -1
- package/dist/components/DatePicker/RangeDatePickerModal/index.styled.d.ts +5 -5
- package/dist/components/DatePicker/RangeDatePickerModal/index.styled.d.ts.map +1 -1
- package/dist/components/DatePicker/SingleDatePickerModal/index.cjs.js +1 -1
- package/dist/components/DatePicker/SingleDatePickerModal/index.d.ts +0 -1
- package/dist/components/DatePicker/SingleDatePickerModal/index.d.ts.map +1 -1
- package/dist/components/DatePicker/SingleDatePickerModal/index.es.js +5 -4
- package/dist/components/DatePicker/SingleDatePickerModal/index.styled.d.ts +2 -2
- package/dist/components/DatePicker/SingleDatePickerModal/index.styled.d.ts.map +1 -1
- package/dist/components/Input/BaseInput/index.styled.d.ts +2 -2
- package/dist/components/Input/BaseInput/index.styled.d.ts.map +1 -1
- package/dist/components/Input/PostfixInput/index.styled.d.ts +5 -5
- package/dist/components/Input/PostfixInput/index.styled.d.ts.map +1 -1
- package/dist/components/Input/ResidentNumberInput/index.styled.d.ts +8 -8
- package/dist/components/Input/ResidentNumberInput/index.styled.d.ts.map +1 -1
- package/dist/components/Input/common/InputFrame/index.styled.d.ts +4 -4
- package/dist/components/Input/common/InputFrame/index.styled.d.ts.map +1 -1
- package/dist/components/Input/index.cjs.js +1 -1
- package/dist/components/Input/index.d.ts +1 -0
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.es.js +11 -9
- package/dist/components/LegacyModal/BaseModal/index.styled.d.ts +2 -2
- package/dist/components/LegacyModal/BaseModal/index.styled.d.ts.map +1 -1
- package/dist/components/LegacyModal/index.styled.d.ts +13 -13
- package/dist/components/LegacyModal/index.styled.d.ts.map +1 -1
- package/dist/components/Loading/ProgressBar/index.styled.d.ts +4 -4
- package/dist/components/Loading/ProgressBar/index.styled.d.ts.map +1 -1
- package/dist/components/Loading/Skeleton/index.d.ts +1 -1
- package/dist/components/Loading/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Loading/Spinner/index.styled.d.ts +2 -2
- package/dist/components/Loading/Spinner/index.styled.d.ts.map +1 -1
- package/dist/components/MiniButton/IconMiniButton/index.d.ts +1 -1
- package/dist/components/MiniButton/IconMiniButton/index.d.ts.map +1 -1
- package/dist/components/MiniButton/common/index.styled.d.ts +1 -1
- package/dist/components/MiniButton/common/index.styled.d.ts.map +1 -1
- package/dist/components/Modal/index.d.ts +1 -2
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Navigation/BaseNavigation/index.styled.d.ts +8 -8
- package/dist/components/Navigation/BaseNavigation/index.styled.d.ts.map +1 -1
- package/dist/components/Navigation/BottomNavigationBar/index.d.ts +3 -1
- package/dist/components/Navigation/BottomNavigationBar/index.d.ts.map +1 -1
- package/dist/components/Navigation/index.styled.d.ts +5 -5
- package/dist/components/Navigation/index.styled.d.ts.map +1 -1
- package/dist/components/OverlayRoot/index.cjs.js +1 -1
- package/dist/components/OverlayRoot/index.es.js +1 -1
- package/dist/components/OverlayRoot/index.styled.d.ts +2 -2
- package/dist/components/OverlayRoot/index.styled.d.ts.map +1 -1
- package/dist/components/Segment/BaseSegment/index.styled.d.ts +10 -10
- package/dist/components/Segment/BaseSegment/index.styled.d.ts.map +1 -1
- package/dist/components/Segment/ExtendSegment/index.styled.d.ts +12 -12
- package/dist/components/Segment/ExtendSegment/index.styled.d.ts.map +1 -1
- package/dist/components/SelectBox/index.d.ts +4 -4
- package/dist/components/SelectBox/index.d.ts.map +1 -1
- package/dist/components/SelectBox/index.styled.d.ts +8 -8
- package/dist/components/SelectBox/index.styled.d.ts.map +1 -1
- package/dist/components/Tabs/FillTabs/index.cjs.js +1 -1
- package/dist/components/Tabs/FillTabs/index.es.js +3 -2
- package/dist/components/Tag/index.d.ts +1 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Title/index.cjs.js +1 -1
- package/dist/components/Title/index.d.ts.map +1 -1
- package/dist/components/Title/index.es.js +16 -13
- package/dist/components/Title/index.styled.cjs.js +3 -17
- package/dist/components/Title/index.styled.d.ts +2 -11
- package/dist/components/Title/index.styled.d.ts.map +1 -1
- package/dist/components/Title/index.styled.es.js +11 -28
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.es.js +115 -112
- package/dist/components/ui/button.d.ts +1 -1
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/checkbox.d.ts +1 -1
- package/dist/components/ui/checkbox.d.ts.map +1 -1
- package/dist/components/ui/impact-tooltip.d.ts +1 -1
- package/dist/components/ui/impact-tooltip.d.ts.map +1 -1
- package/dist/components/ui/share-ui.d.ts +1 -1
- package/dist/components/ui/share-ui.d.ts.map +1 -1
- package/dist/components/ui/tooltip.cjs.js +1 -1
- package/dist/components/ui/tooltip.d.ts +2 -1
- package/dist/components/ui/tooltip.d.ts.map +1 -1
- package/dist/components/ui/tooltip.es.js +76 -74
- package/dist/components/ui/typography.d.ts +1 -1
- package/dist/components/ui/typography.d.ts.map +1 -1
- package/dist/core/Display/index.styled.d.ts +2 -2
- package/dist/core/Display/index.styled.d.ts.map +1 -1
- package/dist/core/TextStyles/index.d.ts +32 -32
- package/dist/core/Typography/BaseTypography/index.d.ts +16 -16
- package/dist/hooks/index.cjs.js +1 -1
- package/dist/hooks/index.d.ts +2 -2
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.es.js +8 -20
- package/dist/hooks/useEventListener.cjs.js +1 -1
- package/dist/hooks/useEventListener.es.js +10 -10
- package/dist/hooks/useOverlayPreventScroll.cjs.js +1 -1
- package/dist/hooks/useOverlayPreventScroll.d.ts +0 -2
- package/dist/hooks/useOverlayPreventScroll.d.ts.map +1 -1
- package/dist/hooks/useOverlayPreventScroll.es.js +26 -28
- package/dist/icons/src/aliases/suffixed.cjs.js +1 -1
- package/dist/icons/src/aliases/suffixed.d.ts +2 -2
- package/dist/icons/src/aliases/suffixed.d.ts.map +1 -1
- package/dist/icons/src/aliases/suffixed.es.js +8 -8
- package/dist/icons/src/icons/Alarm_fill.d.ts +1 -1
- package/dist/icons/src/icons/Alarm_fill.d.ts.map +1 -1
- package/dist/icons/src/icons/Calendar.d.ts +1 -1
- package/dist/icons/src/icons/Calendar.d.ts.map +1 -1
- package/dist/icons/src/icons/Cancel.d.ts +1 -1
- package/dist/icons/src/icons/Cancel.d.ts.map +1 -1
- package/dist/icons/src/icons/Cancel_circle.d.ts +1 -1
- package/dist/icons/src/icons/Cancel_circle.d.ts.map +1 -1
- package/dist/icons/src/icons/Cart_fill.d.ts +1 -1
- package/dist/icons/src/icons/Cart_fill.d.ts.map +1 -1
- package/dist/icons/src/icons/Check.d.ts +1 -1
- package/dist/icons/src/icons/Check.d.ts.map +1 -1
- package/dist/icons/src/icons/Chevron_down.d.ts +1 -1
- package/dist/icons/src/icons/Chevron_down.d.ts.map +1 -1
- package/dist/icons/src/icons/Chevron_left.d.ts +1 -1
- package/dist/icons/src/icons/Chevron_left.d.ts.map +1 -1
- package/dist/icons/src/icons/Chevron_right.d.ts +1 -1
- package/dist/icons/src/icons/Chevron_right.d.ts.map +1 -1
- package/dist/icons/src/icons/Chevron_up.d.ts +1 -1
- package/dist/icons/src/icons/Chevron_up.d.ts.map +1 -1
- package/dist/icons/src/icons/Double_Chevron_left.d.ts +1 -1
- package/dist/icons/src/icons/Double_Chevron_left.d.ts.map +1 -1
- package/dist/icons/src/icons/Double_Chevron_right.d.ts +1 -1
- package/dist/icons/src/icons/Double_Chevron_right.d.ts.map +1 -1
- package/dist/icons/src/icons/Eye_fill.d.ts +1 -1
- package/dist/icons/src/icons/Eye_fill.d.ts.map +1 -1
- package/dist/icons/src/icons/Eye_slash_fill.d.ts +1 -1
- package/dist/icons/src/icons/Eye_slash_fill.d.ts.map +1 -1
- package/dist/icons/src/icons/Filter.d.ts +1 -1
- package/dist/icons/src/icons/Filter.d.ts.map +1 -1
- package/dist/icons/src/icons/Information.d.ts +1 -1
- package/dist/icons/src/icons/Information.d.ts.map +1 -1
- package/dist/icons/src/icons/Menu.d.ts +1 -1
- package/dist/icons/src/icons/Menu.d.ts.map +1 -1
- package/dist/icons/src/icons/More.d.ts +1 -1
- package/dist/icons/src/icons/More.d.ts.map +1 -1
- package/dist/icons/src/icons/Person_fill.d.ts +1 -1
- package/dist/icons/src/icons/Person_fill.d.ts.map +1 -1
- package/dist/icons/src/icons/Plus.d.ts +1 -1
- package/dist/icons/src/icons/Plus.d.ts.map +1 -1
- package/dist/icons/src/icons/Question_circle.d.ts +1 -1
- package/dist/icons/src/icons/Question_circle.d.ts.map +1 -1
- package/dist/icons/src/icons/Re.d.ts +1 -1
- package/dist/icons/src/icons/Re.d.ts.map +1 -1
- package/dist/icons/src/icons/Search.d.ts +1 -1
- package/dist/icons/src/icons/Search.d.ts.map +1 -1
- package/dist/icons/src/icons/Setting_fill.d.ts +1 -1
- package/dist/icons/src/icons/Setting_fill.d.ts.map +1 -1
- package/dist/icons/src/icons/Share.d.ts +1 -1
- package/dist/icons/src/icons/Share.d.ts.map +1 -1
- package/dist/icons/src/icons/Store.d.ts +1 -1
- package/dist/icons/src/icons/Store.d.ts.map +1 -1
- package/dist/icons/src/icons/index.cjs.js +1 -1
- package/dist/icons/src/icons/index.d.ts +1 -1
- package/dist/icons/src/icons/index.d.ts.map +1 -1
- package/dist/icons/src/icons/index.es.js +4 -4
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +318 -327
- package/dist/library/BasicLayout/Footer.cjs.js +1 -1
- package/dist/library/BasicLayout/Footer.d.ts +0 -1
- package/dist/library/BasicLayout/Footer.d.ts.map +1 -1
- package/dist/library/BasicLayout/Footer.es.js +11 -10
- package/dist/library/BasicLayout/index.cjs.js +1 -1
- package/dist/library/BasicLayout/index.d.ts +20 -20
- package/dist/library/BasicLayout/index.es.js +3 -2
- package/dist/library/BasicLayout/index.styled.d.ts +21 -21
- package/dist/library/BasicLayout/index.styled.d.ts.map +1 -1
- package/dist/library/Flex/index.d.ts +6 -20
- package/dist/library/Flex/index.d.ts.map +1 -1
- package/dist/library/Flex/index.styled.d.ts +3 -3
- package/dist/library/IconWithImage/index.styled.d.ts +1 -1
- package/dist/library/IconWithImage/index.styled.d.ts.map +1 -1
- package/dist/library/List/BottomSheetItemList/index.styled.d.ts +1 -1
- package/dist/library/List/BottomSheetItemList/index.styled.d.ts.map +1 -1
- package/dist/library/Lottie/index.styled.d.ts +3 -3
- package/dist/library/Lottie/index.styled.d.ts.map +1 -1
- package/dist/library/Spacing/index.styled.d.ts +2 -2
- package/dist/library/Spacing/index.styled.d.ts.map +1 -1
- package/dist/style/common.d.ts +1 -1
- package/package.json +13 -7
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { j as c } from "../../chunks/jsx-runtime.C63F304d.js";
|
|
2
2
|
import * as s from "react";
|
|
3
|
-
import { P as S, a as
|
|
3
|
+
import { P as S, a as J, c as C, b as Q } from "../../chunks/index.Dud5PpT2.js";
|
|
4
4
|
import { u as M } from "../../chunks/index.DLcqcWxM.js";
|
|
5
|
-
import { P as
|
|
6
|
-
import { u as
|
|
7
|
-
import {
|
|
5
|
+
import { P as Z, D as ee } from "../../chunks/index.-8MfVPUU.js";
|
|
6
|
+
import { u as te } from "../../chunks/index.DIsmU7qE.js";
|
|
7
|
+
import { a as oe, R as re, c as H, A as ne, C as se } from "../../chunks/index.BKkcGVEJ.js";
|
|
8
8
|
import { P as F } from "../../chunks/index.CtswiKeA.js";
|
|
9
|
-
import { cn as
|
|
10
|
-
var
|
|
9
|
+
import { cn as ae } from "../../lib/utils.es.js";
|
|
10
|
+
var ie = /* @__PURE__ */ Symbol("radix.slottable");
|
|
11
11
|
// @__NO_SIDE_EFFECTS__
|
|
12
|
-
function
|
|
12
|
+
function le(e) {
|
|
13
13
|
const o = ({ children: t }) => /* @__PURE__ */ c.jsx(c.Fragment, { children: t });
|
|
14
|
-
return o.displayName = `${e}.Slottable`, o.__radixId =
|
|
14
|
+
return o.displayName = `${e}.Slottable`, o.__radixId = ie, o;
|
|
15
15
|
}
|
|
16
|
-
var
|
|
16
|
+
var ce = Object.freeze({
|
|
17
17
|
// See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
|
|
18
18
|
position: "absolute",
|
|
19
19
|
border: 0,
|
|
@@ -25,23 +25,23 @@ var le = Object.freeze({
|
|
|
25
25
|
clip: "rect(0, 0, 0, 0)",
|
|
26
26
|
whiteSpace: "nowrap",
|
|
27
27
|
wordWrap: "normal"
|
|
28
|
-
}),
|
|
28
|
+
}), ue = "VisuallyHidden", G = s.forwardRef(
|
|
29
29
|
(e, o) => /* @__PURE__ */ c.jsx(
|
|
30
30
|
S.span,
|
|
31
31
|
{
|
|
32
32
|
...e,
|
|
33
33
|
ref: o,
|
|
34
|
-
style: { ...
|
|
34
|
+
style: { ...ce, ...e.style }
|
|
35
35
|
}
|
|
36
36
|
)
|
|
37
37
|
);
|
|
38
|
-
G.displayName =
|
|
39
|
-
var
|
|
38
|
+
G.displayName = ue;
|
|
39
|
+
var de = G, [j] = Q("Tooltip", [
|
|
40
40
|
H
|
|
41
|
-
]),
|
|
41
|
+
]), A = H(), $ = "TooltipProvider", pe = 700, D = "tooltip.open", [fe, O] = j($), V = (e) => {
|
|
42
42
|
const {
|
|
43
43
|
__scopeTooltip: o,
|
|
44
|
-
delayDuration: t =
|
|
44
|
+
delayDuration: t = pe,
|
|
45
45
|
skipDelayDuration: r = 300,
|
|
46
46
|
disableHoverableContent: n = !1,
|
|
47
47
|
children: l
|
|
@@ -50,7 +50,7 @@ var ue = G, [j] = J("Tooltip", [
|
|
|
50
50
|
const p = a.current;
|
|
51
51
|
return () => window.clearTimeout(p);
|
|
52
52
|
}, []), /* @__PURE__ */ c.jsx(
|
|
53
|
-
|
|
53
|
+
fe,
|
|
54
54
|
{
|
|
55
55
|
scope: o,
|
|
56
56
|
isOpenDelayedRef: i,
|
|
@@ -73,8 +73,8 @@ var ue = G, [j] = J("Tooltip", [
|
|
|
73
73
|
}
|
|
74
74
|
);
|
|
75
75
|
};
|
|
76
|
-
|
|
77
|
-
var R = "Tooltip", [
|
|
76
|
+
V.displayName = $;
|
|
77
|
+
var R = "Tooltip", [ve, _] = j(R), B = (e) => {
|
|
78
78
|
const {
|
|
79
79
|
__scopeTooltip: o,
|
|
80
80
|
children: t,
|
|
@@ -83,26 +83,26 @@ var R = "Tooltip", [fe, _] = j(R), B = (e) => {
|
|
|
83
83
|
onOpenChange: l,
|
|
84
84
|
disableHoverableContent: i,
|
|
85
85
|
delayDuration: v
|
|
86
|
-
} = e, a =
|
|
86
|
+
} = e, a = O(R, e.__scopeTooltip), p = A(o), [u, f] = s.useState(null), x = te(), d = s.useRef(0), h = i ?? a.disableHoverableContent, T = v ?? a.delayDuration, m = s.useRef(!1), [y, g] = J({
|
|
87
87
|
prop: r,
|
|
88
88
|
defaultProp: n ?? !1,
|
|
89
89
|
onChange: (N) => {
|
|
90
|
-
N ? (a.onOpen(), document.dispatchEvent(new CustomEvent(
|
|
90
|
+
N ? (a.onOpen(), document.dispatchEvent(new CustomEvent(D))) : a.onClose(), l?.(N);
|
|
91
91
|
},
|
|
92
92
|
caller: R
|
|
93
93
|
}), w = s.useMemo(() => y ? m.current ? "delayed-open" : "instant-open" : "closed", [y]), E = s.useCallback(() => {
|
|
94
|
-
window.clearTimeout(d.current), d.current = 0, m.current = !1,
|
|
95
|
-
}, [
|
|
96
|
-
window.clearTimeout(d.current), d.current = 0,
|
|
97
|
-
}, [
|
|
94
|
+
window.clearTimeout(d.current), d.current = 0, m.current = !1, g(!0);
|
|
95
|
+
}, [g]), P = s.useCallback(() => {
|
|
96
|
+
window.clearTimeout(d.current), d.current = 0, g(!1);
|
|
97
|
+
}, [g]), k = s.useCallback(() => {
|
|
98
98
|
window.clearTimeout(d.current), d.current = window.setTimeout(() => {
|
|
99
|
-
m.current = !0,
|
|
100
|
-
},
|
|
101
|
-
}, [
|
|
99
|
+
m.current = !0, g(!0), d.current = 0;
|
|
100
|
+
}, T);
|
|
101
|
+
}, [T, g]);
|
|
102
102
|
return s.useEffect(() => () => {
|
|
103
103
|
d.current && (window.clearTimeout(d.current), d.current = 0);
|
|
104
|
-
}, []), /* @__PURE__ */ c.jsx(
|
|
105
|
-
|
|
104
|
+
}, []), /* @__PURE__ */ c.jsx(re, { ...p, children: /* @__PURE__ */ c.jsx(
|
|
105
|
+
ve,
|
|
106
106
|
{
|
|
107
107
|
scope: o,
|
|
108
108
|
contentId: x,
|
|
@@ -124,10 +124,10 @@ var R = "Tooltip", [fe, _] = j(R), B = (e) => {
|
|
|
124
124
|
) });
|
|
125
125
|
};
|
|
126
126
|
B.displayName = R;
|
|
127
|
-
var
|
|
127
|
+
var L = "TooltipTrigger", Y = s.forwardRef(
|
|
128
128
|
(e, o) => {
|
|
129
|
-
const { __scopeTooltip: t, ...r } = e, n = _(
|
|
130
|
-
return s.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ c.jsx(
|
|
129
|
+
const { __scopeTooltip: t, ...r } = e, n = _(L, t), l = O(L, t), i = A(t), v = s.useRef(null), a = M(o, v, n.onTriggerChange), p = s.useRef(!1), u = s.useRef(!1), f = s.useCallback(() => p.current = !1, []);
|
|
130
|
+
return s.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ c.jsx(ne, { asChild: !0, ...i, children: /* @__PURE__ */ c.jsx(
|
|
131
131
|
S.button,
|
|
132
132
|
{
|
|
133
133
|
"aria-describedby": n.open ? n.contentId : void 0,
|
|
@@ -152,46 +152,46 @@ var O = "TooltipTrigger", Y = s.forwardRef(
|
|
|
152
152
|
) });
|
|
153
153
|
}
|
|
154
154
|
);
|
|
155
|
-
Y.displayName =
|
|
156
|
-
var I = "TooltipPortal", [
|
|
155
|
+
Y.displayName = L;
|
|
156
|
+
var I = "TooltipPortal", [xe, he] = j(I, {
|
|
157
157
|
forceMount: void 0
|
|
158
158
|
}), z = (e) => {
|
|
159
159
|
const { __scopeTooltip: o, forceMount: t, children: r, container: n } = e, l = _(I, o);
|
|
160
|
-
return /* @__PURE__ */ c.jsx(
|
|
160
|
+
return /* @__PURE__ */ c.jsx(xe, { scope: o, forceMount: t, children: /* @__PURE__ */ c.jsx(F, { present: t || l.open, children: /* @__PURE__ */ c.jsx(Z, { asChild: !0, container: n, children: r }) }) });
|
|
161
161
|
};
|
|
162
162
|
z.displayName = I;
|
|
163
163
|
var b = "TooltipContent", U = s.forwardRef(
|
|
164
164
|
(e, o) => {
|
|
165
|
-
const t =
|
|
166
|
-
return /* @__PURE__ */ c.jsx(F, { present: r || i.open, children: i.disableHoverableContent ? /* @__PURE__ */ c.jsx(q, { side: n, ...l, ref: o }) : /* @__PURE__ */ c.jsx(
|
|
165
|
+
const t = he(b, e.__scopeTooltip), { forceMount: r = t.forceMount, side: n = "top", ...l } = e, i = _(b, e.__scopeTooltip);
|
|
166
|
+
return /* @__PURE__ */ c.jsx(F, { present: r || i.open, children: i.disableHoverableContent ? /* @__PURE__ */ c.jsx(q, { side: n, ...l, ref: o }) : /* @__PURE__ */ c.jsx(me, { side: n, ...l, ref: o }) });
|
|
167
167
|
}
|
|
168
|
-
),
|
|
169
|
-
const t = _(b, e.__scopeTooltip), r =
|
|
168
|
+
), me = s.forwardRef((e, o) => {
|
|
169
|
+
const t = _(b, e.__scopeTooltip), r = O(b, e.__scopeTooltip), n = s.useRef(null), l = M(o, n), [i, v] = s.useState(null), { trigger: a, onClose: p } = t, u = n.current, { onPointerInTransitChange: f } = r, x = s.useCallback(() => {
|
|
170
170
|
v(null), f(!1);
|
|
171
171
|
}, [f]), d = s.useCallback(
|
|
172
|
-
(h,
|
|
173
|
-
const m = h.currentTarget, y = { x: h.clientX, y: h.clientY },
|
|
172
|
+
(h, T) => {
|
|
173
|
+
const m = h.currentTarget, y = { x: h.clientX, y: h.clientY }, g = Ce(y, m.getBoundingClientRect()), w = be(y, g), E = we(T.getBoundingClientRect()), P = Pe([...w, ...E]);
|
|
174
174
|
v(P), f(!0);
|
|
175
175
|
},
|
|
176
176
|
[f]
|
|
177
177
|
);
|
|
178
178
|
return s.useEffect(() => () => x(), [x]), s.useEffect(() => {
|
|
179
179
|
if (a && u) {
|
|
180
|
-
const h = (m) => d(m, u),
|
|
181
|
-
return a.addEventListener("pointerleave", h), u.addEventListener("pointerleave",
|
|
182
|
-
a.removeEventListener("pointerleave", h), u.removeEventListener("pointerleave",
|
|
180
|
+
const h = (m) => d(m, u), T = (m) => d(m, a);
|
|
181
|
+
return a.addEventListener("pointerleave", h), u.addEventListener("pointerleave", T), () => {
|
|
182
|
+
a.removeEventListener("pointerleave", h), u.removeEventListener("pointerleave", T);
|
|
183
183
|
};
|
|
184
184
|
}
|
|
185
185
|
}, [a, u, d, x]), s.useEffect(() => {
|
|
186
186
|
if (i) {
|
|
187
|
-
const h = (
|
|
188
|
-
const m =
|
|
189
|
-
|
|
187
|
+
const h = (T) => {
|
|
188
|
+
const m = T.target, y = { x: T.clientX, y: T.clientY }, g = a?.contains(m) || u?.contains(m), w = !Ee(y, i);
|
|
189
|
+
g ? x() : w && (x(), p());
|
|
190
190
|
};
|
|
191
191
|
return document.addEventListener("pointermove", h), () => document.removeEventListener("pointermove", h);
|
|
192
192
|
}
|
|
193
193
|
}, [a, u, i, p, x]), /* @__PURE__ */ c.jsx(q, { ...e, ref: l });
|
|
194
|
-
}), [
|
|
194
|
+
}), [Te, ge] = j(R, { isInside: !1 }), ye = /* @__PURE__ */ le("TooltipContent"), q = s.forwardRef(
|
|
195
195
|
(e, o) => {
|
|
196
196
|
const {
|
|
197
197
|
__scopeTooltip: t,
|
|
@@ -200,8 +200,8 @@ var b = "TooltipContent", U = s.forwardRef(
|
|
|
200
200
|
onEscapeKeyDown: l,
|
|
201
201
|
onPointerDownOutside: i,
|
|
202
202
|
...v
|
|
203
|
-
} = e, a = _(b, t), p =
|
|
204
|
-
return s.useEffect(() => (document.addEventListener(
|
|
203
|
+
} = e, a = _(b, t), p = A(t), { onClose: u } = a;
|
|
204
|
+
return s.useEffect(() => (document.addEventListener(D, u), () => document.removeEventListener(D, u)), [u]), s.useEffect(() => {
|
|
205
205
|
if (a.trigger) {
|
|
206
206
|
const f = (x) => {
|
|
207
207
|
x.target?.contains(a.trigger) && u();
|
|
@@ -209,7 +209,7 @@ var b = "TooltipContent", U = s.forwardRef(
|
|
|
209
209
|
return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
|
|
210
210
|
}
|
|
211
211
|
}, [a.trigger, u]), /* @__PURE__ */ c.jsx(
|
|
212
|
-
|
|
212
|
+
ee,
|
|
213
213
|
{
|
|
214
214
|
asChild: !0,
|
|
215
215
|
disableOutsidePointerEvents: !1,
|
|
@@ -218,7 +218,7 @@ var b = "TooltipContent", U = s.forwardRef(
|
|
|
218
218
|
onFocusOutside: (f) => f.preventDefault(),
|
|
219
219
|
onDismiss: u,
|
|
220
220
|
children: /* @__PURE__ */ c.jsxs(
|
|
221
|
-
|
|
221
|
+
se,
|
|
222
222
|
{
|
|
223
223
|
"data-state": a.stateAttribute,
|
|
224
224
|
...p,
|
|
@@ -233,8 +233,8 @@ var b = "TooltipContent", U = s.forwardRef(
|
|
|
233
233
|
"--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
|
|
234
234
|
},
|
|
235
235
|
children: [
|
|
236
|
-
/* @__PURE__ */ c.jsx(
|
|
237
|
-
/* @__PURE__ */ c.jsx(
|
|
236
|
+
/* @__PURE__ */ c.jsx(ye, { children: r }),
|
|
237
|
+
/* @__PURE__ */ c.jsx(Te, { scope: t, isInside: !0, children: /* @__PURE__ */ c.jsx(de, { id: a.contentId, role: "tooltip", children: n || r }) })
|
|
238
238
|
]
|
|
239
239
|
}
|
|
240
240
|
)
|
|
@@ -245,7 +245,7 @@ var b = "TooltipContent", U = s.forwardRef(
|
|
|
245
245
|
U.displayName = b;
|
|
246
246
|
var W = "TooltipArrow", X = s.forwardRef(
|
|
247
247
|
(e, o) => {
|
|
248
|
-
const { __scopeTooltip: t, ...r } = e, n =
|
|
248
|
+
const { __scopeTooltip: t, ...r } = e, n = A(t);
|
|
249
249
|
return ge(
|
|
250
250
|
W,
|
|
251
251
|
t
|
|
@@ -253,7 +253,7 @@ var W = "TooltipArrow", X = s.forwardRef(
|
|
|
253
253
|
}
|
|
254
254
|
);
|
|
255
255
|
X.displayName = W;
|
|
256
|
-
function
|
|
256
|
+
function Ce(e, o) {
|
|
257
257
|
const t = Math.abs(o.top - e.y), r = Math.abs(o.bottom - e.y), n = Math.abs(o.right - e.x), l = Math.abs(o.left - e.x);
|
|
258
258
|
switch (Math.min(t, r, n, l)) {
|
|
259
259
|
case l:
|
|
@@ -268,7 +268,7 @@ function ye(e, o) {
|
|
|
268
268
|
throw new Error("unreachable");
|
|
269
269
|
}
|
|
270
270
|
}
|
|
271
|
-
function
|
|
271
|
+
function be(e, o, t = 5) {
|
|
272
272
|
const r = [];
|
|
273
273
|
switch (o) {
|
|
274
274
|
case "top":
|
|
@@ -298,7 +298,7 @@ function Ce(e, o, t = 5) {
|
|
|
298
298
|
}
|
|
299
299
|
return r;
|
|
300
300
|
}
|
|
301
|
-
function
|
|
301
|
+
function we(e) {
|
|
302
302
|
const { top: o, right: t, bottom: r, left: n } = e;
|
|
303
303
|
return [
|
|
304
304
|
{ x: n, y: o },
|
|
@@ -307,7 +307,7 @@ function be(e) {
|
|
|
307
307
|
{ x: n, y: r }
|
|
308
308
|
];
|
|
309
309
|
}
|
|
310
|
-
function
|
|
310
|
+
function Ee(e, o) {
|
|
311
311
|
const { x: t, y: r } = e;
|
|
312
312
|
let n = !1;
|
|
313
313
|
for (let l = 0, i = o.length - 1; l < o.length; i = l++) {
|
|
@@ -316,11 +316,11 @@ function we(e, o) {
|
|
|
316
316
|
}
|
|
317
317
|
return n;
|
|
318
318
|
}
|
|
319
|
-
function
|
|
319
|
+
function Pe(e) {
|
|
320
320
|
const o = e.slice();
|
|
321
|
-
return o.sort((t, r) => t.x < r.x ? -1 : t.x > r.x ? 1 : t.y < r.y ? -1 : t.y > r.y ? 1 : 0),
|
|
321
|
+
return o.sort((t, r) => t.x < r.x ? -1 : t.x > r.x ? 1 : t.y < r.y ? -1 : t.y > r.y ? 1 : 0), Re(o);
|
|
322
322
|
}
|
|
323
|
-
function
|
|
323
|
+
function Re(e) {
|
|
324
324
|
if (e.length <= 1) return e.slice();
|
|
325
325
|
const o = [];
|
|
326
326
|
for (let r = 0; r < e.length; r++) {
|
|
@@ -345,15 +345,15 @@ function Pe(e) {
|
|
|
345
345
|
}
|
|
346
346
|
return t.pop(), o.length === 1 && t.length === 1 && o[0].x === t[0].x && o[0].y === t[0].y ? o : o.concat(t);
|
|
347
347
|
}
|
|
348
|
-
var
|
|
349
|
-
function
|
|
350
|
-
return /* @__PURE__ */ c.jsx(
|
|
351
|
-
}
|
|
352
|
-
function Ve({ ...e }) {
|
|
353
|
-
return /* @__PURE__ */ c.jsx(Ae, { children: /* @__PURE__ */ c.jsx(_e, { "data-slot": "tooltip", ...e }) });
|
|
348
|
+
var _e = V, je = B, Ae = Y, De = z, Le = U, K = X;
|
|
349
|
+
function Oe({ delayDuration: e = 0, ...o }) {
|
|
350
|
+
return /* @__PURE__ */ c.jsx(_e, { "data-slot": "tooltip-provider", delayDuration: e, ...o });
|
|
354
351
|
}
|
|
355
352
|
function $e({ ...e }) {
|
|
356
|
-
return /* @__PURE__ */ c.jsx(je, { "data-slot": "tooltip
|
|
353
|
+
return /* @__PURE__ */ c.jsx(Oe, { children: /* @__PURE__ */ c.jsx(je, { "data-slot": "tooltip", ...e }) });
|
|
354
|
+
}
|
|
355
|
+
function Ve({ ...e }) {
|
|
356
|
+
return /* @__PURE__ */ c.jsx(Ae, { "data-slot": "tooltip-trigger", ...e });
|
|
357
357
|
}
|
|
358
358
|
function Be({
|
|
359
359
|
className: e,
|
|
@@ -368,7 +368,7 @@ function Be({
|
|
|
368
368
|
return /* @__PURE__ */ c.jsx(De, { children: /* @__PURE__ */ c.jsxs(
|
|
369
369
|
Le,
|
|
370
370
|
{
|
|
371
|
-
className:
|
|
371
|
+
className: ae(
|
|
372
372
|
"fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 typo-b2 z-50 animate-in overflow-hidden rounded-[8px] border border-gray-100 bg-white px-[15px] py-[12.5px] text-gray-400 data-[state=closed]:animate-out",
|
|
373
373
|
e
|
|
374
374
|
),
|
|
@@ -378,14 +378,16 @@ function Be({
|
|
|
378
378
|
...n,
|
|
379
379
|
children: [
|
|
380
380
|
r,
|
|
381
|
-
/* @__PURE__ */ c.jsx(
|
|
381
|
+
/* @__PURE__ */ c.jsx(K, { className: "-my-px border-none fill-white drop-shadow-[0_1px_0_var(--color-gray-100)]" })
|
|
382
382
|
]
|
|
383
383
|
}
|
|
384
384
|
) });
|
|
385
385
|
}
|
|
386
|
+
const Ye = K;
|
|
386
387
|
export {
|
|
387
|
-
|
|
388
|
+
$e as Tooltip,
|
|
389
|
+
Ye as TooltipArrow,
|
|
388
390
|
Be as TooltipContent,
|
|
389
|
-
|
|
390
|
-
|
|
391
|
+
Oe as TooltipProvider,
|
|
392
|
+
Ve as TooltipTrigger
|
|
391
393
|
};
|
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
declare const typographyVariants: (props?: ({
|
|
4
4
|
variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "Headline1" | "Headline2" | "Headline3" | "Headline4" | "Headline5" | "Headline6" | "Headline7" | "Headline8" | "Title1" | "Title2" | "Title3" | "Title4" | "Body1" | "Body2" | "Caption1" | "Caption2" | "h7" | "h8" | "t1" | "t2" | "t3" | "t4" | "b1" | "b2" | "c1" | "c2" | null | undefined;
|
|
5
5
|
android?: boolean | null | undefined;
|
|
6
|
-
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
} & import('../../../node_modules/class-variance-authority/dist/types').ClassProp) | undefined) => string;
|
|
7
7
|
export type TypographyVariantPropType = VariantProps<typeof typographyVariants>;
|
|
8
8
|
declare const typographyVariantElementMap: Record<NonNullable<TypographyVariantPropType['variant']>, string>;
|
|
9
9
|
export interface TypographyProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/typography.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,kBAAkB;;;
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/typography.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,kBAAkB;;;gGA+MtB,CAAC;AACH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEhF,QAAA,MAAM,2BAA2B,EAAE,MAAM,CAAC,WAAW,CAAC,yBAAyB,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAmClG,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAClH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,QAAA,MAAM,UAAU,qFAKf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const PcWrapper: import('@emotion/styled').StyledComponent<{
|
|
2
2
|
theme?: import('@emotion/react').Theme;
|
|
3
3
|
as?: React.ElementType;
|
|
4
|
-
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
4
|
+
}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
5
|
export declare const MobileWrapper: import('@emotion/styled').StyledComponent<{
|
|
6
6
|
theme?: import('@emotion/react').Theme;
|
|
7
7
|
as?: React.ElementType;
|
|
8
|
-
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
9
|
//# sourceMappingURL=index.styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/core/Display/index.styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;
|
|
1
|
+
{"version":3,"file":"index.styled.d.ts","sourceRoot":"","sources":["../../../src/core/Display/index.styled.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;iJAIrB,CAAC;AAEF,eAAO,MAAM,aAAa;;;iJAIzB,CAAC"}
|
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
export declare const typographyMap: {
|
|
2
|
-
h1: import('@emotion/
|
|
3
|
-
h2: import('@emotion/
|
|
4
|
-
h3: import('@emotion/
|
|
5
|
-
h4: import('@emotion/
|
|
6
|
-
h5: import('@emotion/
|
|
7
|
-
h6: import('@emotion/
|
|
8
|
-
h7: import('@emotion/
|
|
9
|
-
h8: import('@emotion/
|
|
10
|
-
title1: import('@emotion/
|
|
11
|
-
title2: import('@emotion/
|
|
12
|
-
title3: import('@emotion/
|
|
13
|
-
title4: import('@emotion/
|
|
14
|
-
body1: import('@emotion/
|
|
15
|
-
body2: import('@emotion/
|
|
16
|
-
caption1: import('@emotion/
|
|
17
|
-
caption2: import('@emotion/
|
|
2
|
+
h1: import('@emotion/react').SerializedStyles;
|
|
3
|
+
h2: import('@emotion/react').SerializedStyles;
|
|
4
|
+
h3: import('@emotion/react').SerializedStyles;
|
|
5
|
+
h4: import('@emotion/react').SerializedStyles;
|
|
6
|
+
h5: import('@emotion/react').SerializedStyles;
|
|
7
|
+
h6: import('@emotion/react').SerializedStyles;
|
|
8
|
+
h7: import('@emotion/react').SerializedStyles;
|
|
9
|
+
h8: import('@emotion/react').SerializedStyles;
|
|
10
|
+
title1: import('@emotion/react').SerializedStyles;
|
|
11
|
+
title2: import('@emotion/react').SerializedStyles;
|
|
12
|
+
title3: import('@emotion/react').SerializedStyles;
|
|
13
|
+
title4: import('@emotion/react').SerializedStyles;
|
|
14
|
+
body1: import('@emotion/react').SerializedStyles;
|
|
15
|
+
body2: import('@emotion/react').SerializedStyles;
|
|
16
|
+
caption1: import('@emotion/react').SerializedStyles;
|
|
17
|
+
caption2: import('@emotion/react').SerializedStyles;
|
|
18
18
|
};
|
|
19
19
|
export interface TextStyleProperties {
|
|
20
20
|
color?: string;
|
|
21
21
|
}
|
|
22
|
-
export declare const headline1: (args?: TextStyleProperties) => import('@emotion/
|
|
23
|
-
export declare const headline2: (args?: TextStyleProperties) => import('@emotion/
|
|
24
|
-
export declare const headline3: (args?: TextStyleProperties) => import('@emotion/
|
|
25
|
-
export declare const headline4: (args?: TextStyleProperties) => import('@emotion/
|
|
26
|
-
export declare const headline5: (args?: TextStyleProperties) => import('@emotion/
|
|
27
|
-
export declare const headline6: (args?: TextStyleProperties) => import('@emotion/
|
|
28
|
-
export declare const headline7: (args?: TextStyleProperties) => import('@emotion/
|
|
29
|
-
export declare const headline8: (args?: TextStyleProperties) => import('@emotion/
|
|
30
|
-
export declare const title1: (args?: TextStyleProperties) => import('@emotion/
|
|
31
|
-
export declare const title2: (args?: TextStyleProperties) => import('@emotion/
|
|
32
|
-
export declare const title3: (args?: TextStyleProperties) => import('@emotion/
|
|
33
|
-
export declare const title4: (args?: TextStyleProperties) => import('@emotion/
|
|
34
|
-
export declare const body1: (args?: TextStyleProperties) => import('@emotion/
|
|
35
|
-
export declare const body2: (args?: TextStyleProperties) => import('@emotion/
|
|
36
|
-
export declare const caption1: (args?: TextStyleProperties) => import('@emotion/
|
|
37
|
-
export declare const caption2: (args?: TextStyleProperties) => import('@emotion/
|
|
22
|
+
export declare const headline1: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
23
|
+
export declare const headline2: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
24
|
+
export declare const headline3: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
25
|
+
export declare const headline4: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
26
|
+
export declare const headline5: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
27
|
+
export declare const headline6: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
28
|
+
export declare const headline7: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
29
|
+
export declare const headline8: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
30
|
+
export declare const title1: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
31
|
+
export declare const title2: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
32
|
+
export declare const title3: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
33
|
+
export declare const title4: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
34
|
+
export declare const body1: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
35
|
+
export declare const body2: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
36
|
+
export declare const caption1: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
37
|
+
export declare const caption2: (args?: TextStyleProperties) => import('@emotion/react').SerializedStyles;
|
|
38
38
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -7,22 +7,22 @@ export type BaseTypographyProps = TypoProps & {
|
|
|
7
7
|
md: Typo;
|
|
8
8
|
};
|
|
9
9
|
declare const typographyList: {
|
|
10
|
-
readonly Headline1: (args?: import('../..').TextStyleProperties) => import('
|
|
11
|
-
readonly Headline2: (args?: import('../..').TextStyleProperties) => import('
|
|
12
|
-
readonly Headline3: (args?: import('../..').TextStyleProperties) => import('
|
|
13
|
-
readonly Headline4: (args?: import('../..').TextStyleProperties) => import('
|
|
14
|
-
readonly Headline5: (args?: import('../..').TextStyleProperties) => import('
|
|
15
|
-
readonly Headline6: (args?: import('../..').TextStyleProperties) => import('
|
|
16
|
-
readonly Headline7: (args?: import('../..').TextStyleProperties) => import('
|
|
17
|
-
readonly Headline8: (args?: import('../..').TextStyleProperties) => import('
|
|
18
|
-
readonly Title1: (args?: import('../..').TextStyleProperties) => import('
|
|
19
|
-
readonly Title2: (args?: import('../..').TextStyleProperties) => import('
|
|
20
|
-
readonly Title3: (args?: import('../..').TextStyleProperties) => import('
|
|
21
|
-
readonly Title4: (args?: import('../..').TextStyleProperties) => import('
|
|
22
|
-
readonly Body1: (args?: import('../..').TextStyleProperties) => import('
|
|
23
|
-
readonly Body2: (args?: import('../..').TextStyleProperties) => import('
|
|
24
|
-
readonly Caption1: (args?: import('../..').TextStyleProperties) => import('
|
|
25
|
-
readonly Caption2: (args?: import('../..').TextStyleProperties) => import('
|
|
10
|
+
readonly Headline1: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
11
|
+
readonly Headline2: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
12
|
+
readonly Headline3: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
13
|
+
readonly Headline4: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
14
|
+
readonly Headline5: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
15
|
+
readonly Headline6: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
16
|
+
readonly Headline7: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
17
|
+
readonly Headline8: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
18
|
+
readonly Title1: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
19
|
+
readonly Title2: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
20
|
+
readonly Title3: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
21
|
+
readonly Title4: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
22
|
+
readonly Body1: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
23
|
+
readonly Body2: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
24
|
+
readonly Caption1: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
25
|
+
readonly Caption2: (args?: import('../..').TextStyleProperties) => import('node_modules/@emotion/utils/dist/emotion-utils.cjs.mjs').SerializedStyles;
|
|
26
26
|
};
|
|
27
27
|
/**
|
|
28
28
|
* @param lg - pc size typography
|
package/dist/hooks/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useEventListener.cjs.js"),s=require("./useLayoutIsMobile.cjs.js"),o=require("./useOverlayPreventScroll.cjs.js"),r=require("./useResize.cjs.js");exports.useEventListener=e;exports.useLayoutIsMobile=s;exports.useOverlayPreventScroll=o.useOverlayPreventScroll;exports.useResize=r;
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as useEventListener } from './useEventListener';
|
|
2
2
|
import { default as useLayoutIsMobile } from './useLayoutIsMobile';
|
|
3
|
+
import { useOverlayPreventScroll } from './useOverlayPreventScroll';
|
|
3
4
|
import { default as useResize } from './useResize';
|
|
4
|
-
export
|
|
5
|
-
export { useLayoutIsMobile, useResize, useEventListener };
|
|
5
|
+
export { useOverlayPreventScroll, useLayoutIsMobile, useResize, useEventListener };
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC"}
|
package/dist/hooks/index.es.js
CHANGED
|
@@ -1,22 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { default as
|
|
3
|
-
import {
|
|
4
|
-
import { default as
|
|
1
|
+
import { default as o } from "./useEventListener.es.js";
|
|
2
|
+
import { default as s } from "./useLayoutIsMobile.es.js";
|
|
3
|
+
import { useOverlayPreventScroll as u } from "./useOverlayPreventScroll.es.js";
|
|
4
|
+
import { default as l } from "./useResize.es.js";
|
|
5
5
|
export {
|
|
6
|
-
o as
|
|
7
|
-
s as
|
|
8
|
-
|
|
9
|
-
l as
|
|
10
|
-
a as isInput,
|
|
11
|
-
i as isMac,
|
|
12
|
-
u as isSafari,
|
|
13
|
-
f as isScrollable,
|
|
14
|
-
c as registerHookForOverlayPreventScroll,
|
|
15
|
-
n as testPlatform,
|
|
16
|
-
v as useEventListener,
|
|
17
|
-
P as useIsomorphicLayoutEffect,
|
|
18
|
-
d as useLayoutIsMobile,
|
|
19
|
-
S as useOverlayPreventScroll,
|
|
20
|
-
m as usePreventScroll,
|
|
21
|
-
y as useResize
|
|
6
|
+
o as useEventListener,
|
|
7
|
+
s as useLayoutIsMobile,
|
|
8
|
+
u as useOverlayPreventScroll,
|
|
9
|
+
l as useResize
|
|
22
10
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const r=require("react"),f=(e,t,c,s)=>{const u=r.useRef(t);r.useEffect(()=>{u.current=t},[t]),r.useEffect(()=>{const n=c??window,i=!!n?.addEventListener,o=d=>u.current?.(d);return i&&n.addEventListener(e,o,s),()=>{i&&n.removeEventListener(e,o,s)}},[e,s,c])};module.exports=f;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { useRef as f, useEffect as
|
|
2
|
-
const E = (e,
|
|
3
|
-
const o = f();
|
|
4
|
-
|
|
5
|
-
o.current =
|
|
6
|
-
}, [
|
|
7
|
-
const
|
|
8
|
-
return c &&
|
|
9
|
-
c &&
|
|
1
|
+
import { useRef as f, useEffect as d } from "react";
|
|
2
|
+
const E = (e, t, r, n) => {
|
|
3
|
+
const o = f(t);
|
|
4
|
+
d(() => {
|
|
5
|
+
o.current = t;
|
|
6
|
+
}, [t]), d(() => {
|
|
7
|
+
const s = r ?? window, c = !!s?.addEventListener, u = (i) => o.current?.(i);
|
|
8
|
+
return c && s.addEventListener(e, u, n), () => {
|
|
9
|
+
c && s.removeEventListener(e, u, n);
|
|
10
10
|
};
|
|
11
|
-
}, [e,
|
|
11
|
+
}, [e, n, r]);
|
|
12
12
|
};
|
|
13
13
|
export {
|
|
14
14
|
E as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react");function L(){return a(/^iPhone/)}function O(){return a(/^Mac/)}function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react");function L(){return a(/^iPhone/)}function O(){return a(/^Mac/)}function M(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function P(){return a(/^iPad/)||O()&&navigator.maxTouchPoints>1}function R(){return L()||P()}function a(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const Y=24;let l=null,u="";function y(...e){return(...t)=>{for(const n of e)typeof n=="function"&&n(...t)}}const p=typeof document<"u"&&window.visualViewport;function w(e){const t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function g(e){for(w(e)&&(e=e.parentElement);e&&!w(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const D=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let i=0,S;function I(e={}){const{isDisabled:t}=e;(typeof window<"u"?v.useLayoutEffect:v.useEffect)(()=>{if(!t)return i++,i===1&&R()&&(S=F()),()=>{i--,i===0&&S?.()}},[t])}function F(){let e,t=0;const n=r=>{e=g(r.target),!(e===document.documentElement&&e===document.body)&&(t=r.changedTouches[0]?.pageY??0)},c=r=>{if(!e||e===document.documentElement||e===document.body){r.preventDefault();return}const o=r.changedTouches[0]?.pageY,T=e.scrollTop,h=e.scrollHeight-e.clientHeight;h!==0&&(o!==void 0&&(T<=0&&o>t||T>=h&&o<t)&&r.preventDefault(),t=o??0)},f=r=>{const o=r.target;E(o)&&o!==document.activeElement&&(r.preventDefault(),o.style.transform="translateY(-2000px)",o.focus(),requestAnimationFrame(()=>{o.style.transform=""}))},d=r=>{const o=r.target;E(o)&&(o.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{o.style.transform="",p&&(p.height<window.innerHeight?requestAnimationFrame(()=>{b(o)}):p.addEventListener("resize",()=>b(o),{once:!0}))}))},m=()=>{window.scrollTo(0,0)},H=window.pageXOffset,A=window.pageYOffset,B=y(x(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);const C=y(s(document,"touchstart",n,{passive:!1,capture:!0}),s(document,"touchmove",c,{passive:!1,capture:!0}),s(document,"touchend",f,{passive:!1,capture:!0}),s(document,"focus",d,!0),s(window,"scroll",m));return()=>{B(),C(),window.scrollTo(H,A)}}function x(e,t,n){const c=e.style[t];return e.style[t]=n,()=>{e.style[t]=c}}function s(e,t,n,c){return e.addEventListener(t,n,c),()=>{e.removeEventListener(t,n,c)}}function b(e){const t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){const n=g(e);if(n!==document.documentElement&&n!==document.body&&n!==e){const c=n.getBoundingClientRect().top,f=e.getBoundingClientRect().top,d=e.getBoundingClientRect().bottom,m=n.getBoundingClientRect().bottom+Y;d>m&&(n.scrollTop+=f-c)}e=n.parentElement}}function E(e){return e instanceof HTMLInputElement&&!D.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}const _=({throttleKeyword:e,globalScrollTarget:t=document?.body})=>{l=t,u=e},k=e=>{v.useEffect(()=>{if(!(l&&u)){console.warn("GLOBAL_SCROLL_TARGET 혹은 THROTTLE_KEWORD 이 등록되지 않았습니다.");return}return e&&l?.classList.add(u),()=>{l?.classList.remove(u)}},[e]),I({isDisabled:!e})};exports.getScrollParent=g;exports.isIOS=R;exports.isIPad=P;exports.isIPhone=L;exports.isInput=E;exports.isMac=O;exports.isSafari=M;exports.isScrollable=w;exports.registerHookForOverlayPreventScroll=_;exports.testPlatform=a;exports.useOverlayPreventScroll=k;exports.usePreventScroll=I;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import { useLayoutEffect } from 'react';
|
|
2
1
|
export declare function isIPhone(): boolean | undefined;
|
|
3
2
|
export declare function isMac(): boolean | undefined;
|
|
4
3
|
export declare function isSafari(): boolean | undefined;
|
|
5
4
|
export declare function isIPad(): boolean | undefined;
|
|
6
5
|
export declare function isIOS(): boolean | undefined;
|
|
7
6
|
export declare function testPlatform(re: RegExp): boolean | undefined;
|
|
8
|
-
export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
|
|
9
7
|
interface PreventScrollOptions {
|
|
10
8
|
/** Whether the scroll lock is disabled. */
|
|
11
9
|
isDisabled?: boolean;
|