@cdx-ui/components 0.0.1-beta.117 → 0.0.1-beta.119
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/lib/commonjs/animation/hooks/usePopupDialogContentAnimation.js +5 -3
- package/lib/commonjs/animation/hooks/usePopupDialogContentAnimation.js.map +1 -1
- package/lib/commonjs/animation/hooks/usePopupOverlayAnimation.js +3 -1
- package/lib/commonjs/animation/hooks/usePopupOverlayAnimation.js.map +1 -1
- package/lib/commonjs/components/AlertDialog/index.js +1 -2
- package/lib/commonjs/components/AlertDialog/index.js.map +1 -1
- package/lib/commonjs/components/Chip/index.js +22 -2
- package/lib/commonjs/components/Chip/index.js.map +1 -1
- package/lib/commonjs/components/Chip/styles.js +49 -49
- package/lib/commonjs/components/Chip/styles.js.map +1 -1
- package/lib/commonjs/components/Dialog/index.js +25 -6
- package/lib/commonjs/components/Dialog/index.js.map +1 -1
- package/lib/commonjs/components/Dialog/styles.js +6 -6
- package/lib/commonjs/components/Dialog/styles.js.map +1 -1
- package/lib/commonjs/components/IconButton/index.js +11 -1
- package/lib/commonjs/components/IconButton/index.js.map +1 -1
- package/lib/commonjs/components/IconButton/styles.js +22 -22
- package/lib/commonjs/components/IconButton/styles.js.map +1 -1
- package/lib/commonjs/components/Skeleton/index.js +3 -1
- package/lib/commonjs/components/Skeleton/index.js.map +1 -1
- package/lib/commonjs/components/Toast/animation.js +3 -1
- package/lib/commonjs/components/Toast/animation.js.map +1 -1
- package/lib/commonjs/components/Toast/hooks.js +1 -0
- package/lib/commonjs/components/Toast/hooks.js.map +1 -1
- package/lib/commonjs/components/Toast/index.js +17 -2
- package/lib/commonjs/components/Toast/index.js.map +1 -1
- package/lib/commonjs/components/Toast/styles.js +8 -8
- package/lib/commonjs/components/Toast/styles.js.map +1 -1
- package/lib/commonjs/figma/AlertDialog.Title.figma.js +3 -3
- package/lib/commonjs/figma/AlertDialog.Title.figma.js.map +1 -1
- package/lib/commonjs/figma/Chip.figma.js +2 -2
- package/lib/commonjs/figma/Chip.figma.js.map +1 -1
- package/lib/commonjs/figma/Dialog.Title.figma.js +3 -3
- package/lib/commonjs/figma/Dialog.Title.figma.js.map +1 -1
- package/lib/commonjs/figma/IconButton.figma.js +1 -1
- package/lib/commonjs/figma/IconButton.figma.js.map +1 -1
- package/lib/commonjs/providers/toast/provider.js +1 -1
- package/lib/module/animation/hooks/usePopupDialogContentAnimation.js +5 -3
- package/lib/module/animation/hooks/usePopupDialogContentAnimation.js.map +1 -1
- package/lib/module/animation/hooks/usePopupOverlayAnimation.js +3 -1
- package/lib/module/animation/hooks/usePopupOverlayAnimation.js.map +1 -1
- package/lib/module/components/AlertDialog/index.js +1 -1
- package/lib/module/components/AlertDialog/index.js.map +1 -1
- package/lib/module/components/Chip/index.js +23 -3
- package/lib/module/components/Chip/index.js.map +1 -1
- package/lib/module/components/Chip/styles.js +49 -49
- package/lib/module/components/Chip/styles.js.map +1 -1
- package/lib/module/components/Dialog/index.js +25 -6
- package/lib/module/components/Dialog/index.js.map +1 -1
- package/lib/module/components/Dialog/styles.js +6 -6
- package/lib/module/components/Dialog/styles.js.map +1 -1
- package/lib/module/components/IconButton/index.js +12 -2
- package/lib/module/components/IconButton/index.js.map +1 -1
- package/lib/module/components/IconButton/styles.js +22 -22
- package/lib/module/components/IconButton/styles.js.map +1 -1
- package/lib/module/components/Skeleton/index.js +3 -1
- package/lib/module/components/Skeleton/index.js.map +1 -1
- package/lib/module/components/Toast/animation.js +3 -1
- package/lib/module/components/Toast/animation.js.map +1 -1
- package/lib/module/components/Toast/hooks.js +1 -0
- package/lib/module/components/Toast/hooks.js.map +1 -1
- package/lib/module/components/Toast/index.js +17 -2
- package/lib/module/components/Toast/index.js.map +1 -1
- package/lib/module/components/Toast/styles.js +8 -8
- package/lib/module/components/Toast/styles.js.map +1 -1
- package/lib/module/figma/AlertDialog.Title.figma.js +3 -3
- package/lib/module/figma/AlertDialog.Title.figma.js.map +1 -1
- package/lib/module/figma/Chip.figma.js +2 -2
- package/lib/module/figma/Chip.figma.js.map +1 -1
- package/lib/module/figma/Dialog.Title.figma.js +3 -3
- package/lib/module/figma/Dialog.Title.figma.js.map +1 -1
- package/lib/module/figma/IconButton.figma.js +1 -1
- package/lib/module/figma/IconButton.figma.js.map +1 -1
- package/lib/module/providers/toast/provider.js +1 -1
- package/lib/typescript/animation/hooks/usePopupDialogContentAnimation.d.ts.map +1 -1
- package/lib/typescript/animation/hooks/usePopupOverlayAnimation.d.ts.map +1 -1
- package/lib/typescript/components/AlertDialog/index.d.ts +4 -5
- package/lib/typescript/components/AlertDialog/index.d.ts.map +1 -1
- package/lib/typescript/components/Chip/index.d.ts +21 -1
- package/lib/typescript/components/Chip/index.d.ts.map +1 -1
- package/lib/typescript/components/Chip/styles.d.ts +5 -5
- package/lib/typescript/components/Dialog/index.d.ts +15 -1
- package/lib/typescript/components/Dialog/index.d.ts.map +1 -1
- package/lib/typescript/components/Dialog/styles.d.ts +2 -2
- package/lib/typescript/components/IconButton/index.d.ts +11 -1
- package/lib/typescript/components/IconButton/index.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/styles.d.ts +2 -2
- package/lib/typescript/components/Skeleton/index.d.ts.map +1 -1
- package/lib/typescript/components/Toast/animation.d.ts.map +1 -1
- package/lib/typescript/components/Toast/hooks.d.ts +2 -2
- package/lib/typescript/components/Toast/hooks.d.ts.map +1 -1
- package/lib/typescript/components/Toast/index.d.ts.map +1 -1
- package/lib/typescript/components/Toast/styles.d.ts +4 -4
- package/lib/typescript/components/Toast/types.d.ts +11 -6
- package/lib/typescript/components/Toast/types.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/animation/hooks/usePopupDialogContentAnimation.ts +12 -3
- package/src/animation/hooks/usePopupOverlayAnimation.ts +8 -1
- package/src/components/AlertDialog/index.tsx +1 -1
- package/src/components/Chip/index.tsx +61 -3
- package/src/components/Chip/styles.ts +49 -49
- package/src/components/Dialog/index.tsx +50 -8
- package/src/components/Dialog/styles.ts +6 -6
- package/src/components/IconButton/index.tsx +30 -3
- package/src/components/IconButton/styles.ts +22 -22
- package/src/components/Skeleton/index.tsx +2 -1
- package/src/components/Toast/animation.ts +19 -1
- package/src/components/Toast/hooks.ts +3 -2
- package/src/components/Toast/index.tsx +33 -2
- package/src/components/Toast/styles.ts +8 -8
- package/src/components/Toast/types.ts +12 -6
- package/src/providers/toast/provider.tsx +1 -1
|
@@ -89,6 +89,8 @@ function usePopupDialogContentAnimation({
|
|
|
89
89
|
const dismissKeyboard = () => {
|
|
90
90
|
_reactNative.Keyboard.dismiss();
|
|
91
91
|
};
|
|
92
|
+
|
|
93
|
+
// Explicit deps for Vite/web without the Reanimated Babel plugin.
|
|
92
94
|
const contentTranslateY = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
93
95
|
const maxDragDistance = screenHeight - contentY.get();
|
|
94
96
|
if (progress.get() >= 1) {
|
|
@@ -96,10 +98,10 @@ function usePopupDialogContentAnimation({
|
|
|
96
98
|
}
|
|
97
99
|
const absoluteGestureTranslationY = Math.abs(gestureTranslationY.get());
|
|
98
100
|
return (0, _reactNativeReanimated.interpolate)(absoluteGestureTranslationY, [0, screenHeight], [0, -50], _reactNativeReanimated.Extrapolation.CLAMP);
|
|
99
|
-
});
|
|
101
|
+
}, [progress, screenHeight, contentY, gestureTranslationY]);
|
|
100
102
|
const contentScale = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
101
103
|
return (0, _reactNativeReanimated.interpolate)(progress.get(), [1, 2], [1, 0.95], _reactNativeReanimated.Extrapolation.CLAMP);
|
|
102
|
-
});
|
|
104
|
+
}, [progress]);
|
|
103
105
|
const panGesture = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pan().enabled(isSwipeable && isOpen && !isAnimationDisabledValue && !IS_WEB).onStart(() => isDragging.set(true)).onUpdate(event => {
|
|
104
106
|
if (!isDragging.get()) return;
|
|
105
107
|
const maxDragDistance = screenHeight - contentY.get();
|
|
@@ -160,7 +162,7 @@ function usePopupDialogContentAnimation({
|
|
|
160
162
|
scale: contentScale.get()
|
|
161
163
|
}]
|
|
162
164
|
};
|
|
163
|
-
});
|
|
165
|
+
}, [isGestureReleaseAnimationRunning, progress, progressAnchor, contentTranslateYAnchor, contentScaleAnchor, contentTranslateY, contentScale]);
|
|
164
166
|
return {
|
|
165
167
|
contentY,
|
|
166
168
|
contentHeight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_reactNativeWorklets","_animationSettings","_utils","IS_WEB","Platform","OS","DEFAULT_ENTERING_ANIMATION","Keyframe","transform","scale","opacity","easing","Easing","out","ease","duration","DEFAULT_EXITING_ANIMATION","in","usePopupDialogContentAnimation","isOpen","progress","isDragging","isGestureReleaseAnimationRunning","onOpenChange","animation","isSwipeable","height","screenHeight","useWindowDimensions","animationSettingsContext","useAnimationSettings","isAllAnimationsDisabled","animationConfig","isAnimationDisabled","getAnimationState","isAnimationDisabledValue","getIsAnimationDisabledValue","enteringValue","entering","exitingValue","exiting","contentY","useSharedValue","contentHeight","progressAnchor","contentTranslateYAnchor","contentScaleAnchor","gestureTranslationY","useEffect","set","dismissKeyboard","Keyboard","dismiss","contentTranslateY","useDerivedValue","maxDragDistance","get","interpolate","Extrapolation","CLAMP","absoluteGestureTranslationY","Math","abs","contentScale","panGesture","useMemo","Gesture","Pan","enabled","onStart","onUpdate","event","translationY","progressValue","max","min","onFinalize","scheduleOnRN","withSpring","mass","damping","stiffness","overshootClamping","setTimeout","rDragContainerStyle","useAnimatedStyle","translateY","undefined"],"sourceRoot":"../../../../src","sources":["animation/hooks/usePopupDialogContentAnimation.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAYA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AAEA,MAAMO,MAAM,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK;AAapC,MAAMC,0BAAiD,GAAG,IAAIC,+BAAQ,CAAC;EACrE,CAAC,EAAE;IACDC,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAK,CAAC,CAAC;IAC5BC,OAAO,EAAE;EACX,CAAC;EACD,GAAG,EAAE;IACHF,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC,CAAC;IACzBC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAEC,6BAAM,CAACC,GAAG,CAACD,6BAAM,CAACE,IAAI;EAChC;AACF,CAAC,CAAC,CAACC,QAAQ,CAAC,GAAG,CAAC;AAEhB,MAAMC,yBAAgD,GAAG,IAAIT,+BAAQ,CAAC;EACpE,CAAC,EAAE;IACDC,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC,CAAC;IACzBC,OAAO,EAAE;EACX,CAAC;EACD,GAAG,EAAE;IACHF,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAK,CAAC,CAAC;IAC5BC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAEC,6BAAM,CAACK,EAAE,CAACL,6BAAM,CAACE,IAAI;EAC/B;AACF,CAAC,CAAC,CAACC,QAAQ,CAAC,GAAG,CAAC;;AAEhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,8BAA8BA,CAAC;EAC7CC,MAAM;EACNC,QAAQ;EACRC,UAAU;EACVC,gCAAgC;EAChCC,YAAY;EACZC,SAAS;EACTC,WAAW,GAAG;AACuB,CAAC,EAAE;EACxC,MAAM;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAEtD,MAAMC,wBAAwB,GAAG,IAAAC,uCAAoB,EAAC,CAAC;EACvD,MAAMC,uBAAuB,GAAGF,wBAAwB,EAAEE,uBAAuB;EAEjF,MAAM;IAAEC,eAAe;IAAEC;EAAoB,CAAC,GAAG,IAAAC,wBAAiB,EAACV,SAAS,CAAC;EAE7E,MAAMW,wBAAwB,GAAG,IAAAC,kCAA2B,EAAC;IAC3DH,mBAAmB;IACnBF;EACF,CAAC,CAAC;EAEF,MAAMM,aAAa,GAAGL,eAAe,EAAEM,QAAQ,IAAIhC,0BAA0B;EAC7E,MAAMiC,YAAY,GAAGP,eAAe,EAAEQ,OAAO,IAAIxB,yBAAyB;EAE1E,MAAMyB,QAAQ,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAClC,MAAMC,aAAa,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EACvC,MAAME,cAAc,GAAG,IAAAF,qCAAc,EAAC,CAAC,CAAC;EACxC,MAAMG,uBAAuB,GAAG,IAAAH,qCAAc,EAAC,CAAC,CAAC;EACjD,MAAMI,kBAAkB,GAAG,IAAAJ,qCAAc,EAAC,CAAC,CAAC;EAC5C,MAAMK,mBAAmB,GAAG,IAAAL,qCAAc,EAAC,CAAC,CAAC;EAE7C,IAAAM,gBAAS,EAAC,MAAM;IACd,IAAI7B,MAAM,EAAE;MACVC,QAAQ,CAAC6B,GAAG,CAAC,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,CAAC9B,MAAM,EAAEC,QAAQ,CAAC,CAAC;EAEtB,MAAM8B,eAAe,GAAGA,CAAA,KAAM;IAC5BC,qBAAQ,CAACC,OAAO,CAAC,CAAC;EACpB,CAAC;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_reactNativeWorklets","_animationSettings","_utils","IS_WEB","Platform","OS","DEFAULT_ENTERING_ANIMATION","Keyframe","transform","scale","opacity","easing","Easing","out","ease","duration","DEFAULT_EXITING_ANIMATION","in","usePopupDialogContentAnimation","isOpen","progress","isDragging","isGestureReleaseAnimationRunning","onOpenChange","animation","isSwipeable","height","screenHeight","useWindowDimensions","animationSettingsContext","useAnimationSettings","isAllAnimationsDisabled","animationConfig","isAnimationDisabled","getAnimationState","isAnimationDisabledValue","getIsAnimationDisabledValue","enteringValue","entering","exitingValue","exiting","contentY","useSharedValue","contentHeight","progressAnchor","contentTranslateYAnchor","contentScaleAnchor","gestureTranslationY","useEffect","set","dismissKeyboard","Keyboard","dismiss","contentTranslateY","useDerivedValue","maxDragDistance","get","interpolate","Extrapolation","CLAMP","absoluteGestureTranslationY","Math","abs","contentScale","panGesture","useMemo","Gesture","Pan","enabled","onStart","onUpdate","event","translationY","progressValue","max","min","onFinalize","scheduleOnRN","withSpring","mass","damping","stiffness","overshootClamping","setTimeout","rDragContainerStyle","useAnimatedStyle","translateY","undefined"],"sourceRoot":"../../../../src","sources":["animation/hooks/usePopupDialogContentAnimation.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -38,6 +38,8 @@ function usePopupOverlayAnimation(options) {
|
|
|
38
38
|
property: 'value',
|
|
39
39
|
defaultValue: [0, 1, 0]
|
|
40
40
|
});
|
|
41
|
+
|
|
42
|
+
// Explicit deps for Vite/web without the Reanimated Babel plugin.
|
|
41
43
|
const rContainerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
42
44
|
if (progress?.get() === undefined) {
|
|
43
45
|
return {};
|
|
@@ -55,7 +57,7 @@ function usePopupOverlayAnimation(options) {
|
|
|
55
57
|
return {
|
|
56
58
|
opacity: (0, _reactNativeReanimated.interpolate)(progress.get(), [0, 1, 2], opacityValue)
|
|
57
59
|
};
|
|
58
|
-
});
|
|
60
|
+
}, [progress, isDragging, isGestureReleaseAnimationRunning, isAnimationDisabledValue, opacityValue]);
|
|
59
61
|
const enteringValue = animationConfig?.entering ?? (isAnimationDisabledValue ? undefined : _reactNativeReanimated.FadeIn.duration(200));
|
|
60
62
|
const exitingValue = animationConfig?.exiting ?? (isAnimationDisabledValue ? undefined : _reactNativeReanimated.FadeOut.duration(150));
|
|
61
63
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_animationSettings","_utils","IS_WEB","Platform","OS","usePopupOverlayAnimation","options","progress","isDragging","isGestureReleaseAnimationRunning","animation","animationSettingsContext","useAnimationSettings","isAllAnimationsDisabled","animationConfig","isAnimationDisabled","getAnimationState","isAnimationDisabledValue","getIsAnimationDisabledValue","opacityValue","getAnimationValueProperty","animationValue","opacity","property","defaultValue","rContainerStyle","useAnimatedStyle","get","undefined","interpolate","enteringValue","entering","FadeIn","duration","exitingValue","exiting","FadeOut"],"sourceRoot":"../../../../src","sources":["animation/hooks/usePopupOverlayAnimation.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAMA,MAAMI,MAAM,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK;AAapC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,wBAAwBA,CAACC,OAAwC,EAAE;EACjF,MAAM;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,gCAAgC;IAAEC;EAAU,CAAC,GAAGJ,OAAO;EAErF,MAAMK,wBAAwB,GAAG,IAAAC,uCAAoB,EAAC,CAAC;EACvD,MAAMC,uBAAuB,GAAGF,wBAAwB,EAAEE,uBAAuB;EAEjF,MAAM;IAAEC,eAAe;IAAEC;EAAoB,CAAC,GAAG,IAAAC,wBAAiB,EAACN,SAAS,CAAC;EAE7E,MAAMO,wBAAwB,GAAG,IAAAC,kCAA2B,EAAC;IAC3DH,mBAAmB;IACnBF;EACF,CAAC,CAAC;EAEF,MAAMM,YAAY,GAAG,IAAAC,gCAAyB,EAAC;IAC7CC,cAAc,EAAEP,eAAe,EAAEQ,OAAO;IACxCC,QAAQ,EAAE,OAAO;IACjBC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;EACxB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_animationSettings","_utils","IS_WEB","Platform","OS","usePopupOverlayAnimation","options","progress","isDragging","isGestureReleaseAnimationRunning","animation","animationSettingsContext","useAnimationSettings","isAllAnimationsDisabled","animationConfig","isAnimationDisabled","getAnimationState","isAnimationDisabledValue","getIsAnimationDisabledValue","opacityValue","getAnimationValueProperty","animationValue","opacity","property","defaultValue","rContainerStyle","useAnimatedStyle","get","undefined","interpolate","enteringValue","entering","FadeIn","duration","exitingValue","exiting","FadeOut"],"sourceRoot":"../../../../src","sources":["animation/hooks/usePopupOverlayAnimation.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAMA,MAAMI,MAAM,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK;AAapC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,wBAAwBA,CAACC,OAAwC,EAAE;EACjF,MAAM;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,gCAAgC;IAAEC;EAAU,CAAC,GAAGJ,OAAO;EAErF,MAAMK,wBAAwB,GAAG,IAAAC,uCAAoB,EAAC,CAAC;EACvD,MAAMC,uBAAuB,GAAGF,wBAAwB,EAAEE,uBAAuB;EAEjF,MAAM;IAAEC,eAAe;IAAEC;EAAoB,CAAC,GAAG,IAAAC,wBAAiB,EAACN,SAAS,CAAC;EAE7E,MAAMO,wBAAwB,GAAG,IAAAC,kCAA2B,EAAC;IAC3DH,mBAAmB;IACnBF;EACF,CAAC,CAAC;EAEF,MAAMM,YAAY,GAAG,IAAAC,gCAAyB,EAAC;IAC7CC,cAAc,EAAEP,eAAe,EAAEQ,OAAO;IACxCC,QAAQ,EAAE,OAAO;IACjBC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;EACxB,CAAC,CAAC;;EAEF;EACA,MAAMC,eAAe,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC7C,IAAInB,QAAQ,EAAEoB,GAAG,CAAC,CAAC,KAAKC,SAAS,EAAE;MACjC,OAAO,CAAC,CAAC;IACX;IAEA,IAAIX,wBAAwB,EAAE;MAC5B,OAAO;QACLK,OAAO,EAAEf,QAAQ,CAACoB,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG;MACpC,CAAC;IACH;IAEA,IAAI,CAACnB,UAAU,EAAEmB,GAAG,CAAC,CAAC,IAAIlB,gCAAgC,EAAEkB,GAAG,CAAC,CAAC,KAAKpB,QAAQ,CAACoB,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE;MACzF,OAAO;QACLL,OAAO,EAAE;MACX,CAAC;IACH;IAEA,OAAO;MACLA,OAAO,EAAE,IAAAO,kCAAW,EAACtB,QAAQ,CAACoB,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAER,YAAY;IAC9D,CAAC;EACH,CAAC,EAAE,CACDZ,QAAQ,EACRC,UAAU,EACVC,gCAAgC,EAChCQ,wBAAwB,EACxBE,YAAY,CACb,CAAC;EAEF,MAAMW,aAAa,GACjBhB,eAAe,EAAEiB,QAAQ,KAAKd,wBAAwB,GAAGW,SAAS,GAAGI,6BAAM,CAACC,QAAQ,CAAC,GAAG,CAAC,CAAC;EAE5F,MAAMC,YAAY,GAChBpB,eAAe,EAAEqB,OAAO,KAAKlB,wBAAwB,GAAGW,SAAS,GAAGQ,8BAAO,CAACH,QAAQ,CAAC,GAAG,CAAC,CAAC;EAE5F,OAAO;IACLR,eAAe;IACfM,QAAQ,EAAEd,wBAAwB,IAAIf,MAAM,GAAG0B,SAAS,GAAGE,aAAa;IACxEK,OAAO,EAAElB,wBAAwB,IAAIf,MAAM,GAAG0B,SAAS,GAAGM;EAC5D,CAAC;AACH","ignoreList":[]}
|
|
@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.AlertDialog = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = require("react");
|
|
8
8
|
var _primitives = require("@cdx-ui/primitives");
|
|
9
9
|
var _utils = require("@cdx-ui/utils");
|
|
10
10
|
var _Button = require("../Button");
|
|
11
11
|
var _Dialog = require("../Dialog");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
// =============================================================================
|
|
15
14
|
// ALERT DIALOG ROOT (Dialog with non-dismissible defaults + alertdialog role)
|
|
16
15
|
// =============================================================================
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","require","_primitives","_utils","_Button","_Dialog","_jsxRuntime","AlertDialogRoot","forwardRef","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","jsx","Dialog","displayName","AlertDialogPopup","isSwipeable","Popup","AlertDialogAction","asChild","color","className","Slot","Button","variant","Label","AlertDialogCancel","onPress","onOpenChange","useDialog","handlePress","composeEventHandlers","AlertDialog","exports","Object","assign","Trigger","Header","Title","Description","Content","Text","Footer","Close","Action","Cancel"],"sourceRoot":"../../../../src","sources":["components/AlertDialog/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -20,15 +20,35 @@ const useChipStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
|
|
|
20
20
|
// ROOT
|
|
21
21
|
// =============================================================================
|
|
22
22
|
|
|
23
|
+
/** @deprecated Use {@link ChipVariant} (`'subtle'`) instead. */
|
|
24
|
+
|
|
25
|
+
/** @deprecated Use {@link ChipColor} (`'neutral'`) instead. */
|
|
26
|
+
|
|
27
|
+
let hasWarnedChipTintVariant = false;
|
|
28
|
+
let hasWarnedChipDefaultColor = false;
|
|
23
29
|
const ChipRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
24
30
|
children,
|
|
25
|
-
variant = '
|
|
31
|
+
variant: variantProp = 'subtle',
|
|
26
32
|
size = 'default',
|
|
27
|
-
color = '
|
|
33
|
+
color: colorProp = 'neutral',
|
|
28
34
|
className,
|
|
29
35
|
style,
|
|
30
36
|
...props
|
|
31
37
|
}, ref) => {
|
|
38
|
+
(0, _react.useEffect)(() => {
|
|
39
|
+
if (__DEV__ && variantProp === 'tint' && !hasWarnedChipTintVariant) {
|
|
40
|
+
hasWarnedChipTintVariant = true;
|
|
41
|
+
console.warn('[Chip] The `tint` variant is deprecated and will be removed in a future major release. Use `subtle` instead.');
|
|
42
|
+
}
|
|
43
|
+
}, [variantProp]);
|
|
44
|
+
(0, _react.useEffect)(() => {
|
|
45
|
+
if (__DEV__ && colorProp === 'default' && !hasWarnedChipDefaultColor) {
|
|
46
|
+
hasWarnedChipDefaultColor = true;
|
|
47
|
+
console.warn('[Chip] The `default` color is deprecated and will be removed in a future major release. Use `neutral` instead.');
|
|
48
|
+
}
|
|
49
|
+
}, [colorProp]);
|
|
50
|
+
const variant = variantProp === 'tint' ? 'subtle' : variantProp;
|
|
51
|
+
const color = colorProp === 'default' ? 'neutral' : colorProp;
|
|
32
52
|
const parent = (0, _utils.useParentContext)();
|
|
33
53
|
const ctx = (0, _react.useMemo)(() => ({
|
|
34
54
|
...parent,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Avatar","_Icon","_positionToDataIcon","_styles","_jsxRuntime","SCOPE","useChipStyleContext","useStyleContext","ChipRoot","forwardRef","children","variant","size","color","className","style","props","ref","parent","useParentContext","ctx","useMemo","computedClassName","cn","chipRootVariants","jsx","ParentContext","Provider","value","mergeDataAttributes","dataAttributes","slot","displayName","ChipLabel","asChild","chipLabelVariants","Comp","Slot","Text","ChipIcon","as","position","chipIconVariants","positionToDataIcon","Icon","ChipAvatar","chipAvatarVariants","Avatar","Chip","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Chip/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAOA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAMkB,IAAAQ,WAAA,GAAAR,OAAA;AAElB,MAAMS,KAAK,GAAG,MAAM;AAEpB,MAAMC,mBAAmB,GAAGA,CAAA,KAAM,IAAAC,sBAAe,EAACF,KAAK,CAAqB;;AAE5E;AACA;AACA;;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Avatar","_Icon","_positionToDataIcon","_styles","_jsxRuntime","SCOPE","useChipStyleContext","useStyleContext","hasWarnedChipTintVariant","hasWarnedChipDefaultColor","ChipRoot","forwardRef","children","variant","variantProp","size","color","colorProp","className","style","props","ref","useEffect","__DEV__","console","warn","parent","useParentContext","ctx","useMemo","computedClassName","cn","chipRootVariants","jsx","ParentContext","Provider","value","mergeDataAttributes","dataAttributes","slot","displayName","ChipLabel","asChild","chipLabelVariants","Comp","Slot","Text","ChipIcon","as","position","chipIconVariants","positionToDataIcon","Icon","ChipAvatar","chipAvatarVariants","Avatar","Chip","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Chip/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,11 +14,11 @@ const chipInteractiveRoot = [_constants.TRANSITION_COLORS, 'data-[disabled=true]
|
|
|
14
14
|
const chipRootVariants = exports.chipRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-center self-start overflow-hidden', ...chipInteractiveRoot], {
|
|
15
15
|
variants: {
|
|
16
16
|
variant: {
|
|
17
|
-
|
|
17
|
+
subtle: [],
|
|
18
18
|
outline: ['bg-transparent', 'border']
|
|
19
19
|
},
|
|
20
20
|
color: {
|
|
21
|
-
|
|
21
|
+
neutral: [],
|
|
22
22
|
action: [],
|
|
23
23
|
danger: [],
|
|
24
24
|
warning: [],
|
|
@@ -32,108 +32,108 @@ const chipRootVariants = exports.chipRootVariants = (0, _classVarianceAuthority.
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
compoundVariants: [
|
|
35
|
-
// ──
|
|
35
|
+
// ── subtle × color ────────────────────────────────────────────────────
|
|
36
36
|
{
|
|
37
|
-
variant: '
|
|
38
|
-
color: '
|
|
39
|
-
className: ['bg-surface-neutral-
|
|
40
|
-
default: 'data-[active=true]:bg-surface-neutral-
|
|
41
|
-
web: 'data-[hover=true]:bg-surface-neutral-
|
|
37
|
+
variant: 'subtle',
|
|
38
|
+
color: 'neutral',
|
|
39
|
+
className: ['bg-surface-neutral-subtle', _reactNative.Platform.select({
|
|
40
|
+
default: 'data-[active=true]:bg-surface-neutral-subtle-active',
|
|
41
|
+
web: 'data-[hover=true]:bg-surface-neutral-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-neutral-subtle-active'
|
|
42
42
|
})]
|
|
43
43
|
}, {
|
|
44
|
-
variant: '
|
|
44
|
+
variant: 'subtle',
|
|
45
45
|
color: 'action',
|
|
46
|
-
className: ['bg-surface-action-
|
|
47
|
-
default: 'data-[active=true]:bg-surface-action-
|
|
48
|
-
web: 'data-[hover=true]:bg-surface-action-
|
|
46
|
+
className: ['bg-surface-action-subtle', _reactNative.Platform.select({
|
|
47
|
+
default: 'data-[active=true]:bg-surface-action-subtle-active',
|
|
48
|
+
web: 'data-[hover=true]:bg-surface-action-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active'
|
|
49
49
|
})]
|
|
50
50
|
}, {
|
|
51
|
-
variant: '
|
|
51
|
+
variant: 'subtle',
|
|
52
52
|
color: 'danger',
|
|
53
|
-
className: ['bg-surface-danger-
|
|
54
|
-
default: 'data-[active=true]:bg-surface-danger-
|
|
55
|
-
web: 'data-[hover=true]:bg-surface-danger-
|
|
53
|
+
className: ['bg-surface-danger-subtle', _reactNative.Platform.select({
|
|
54
|
+
default: 'data-[active=true]:bg-surface-danger-subtle-active',
|
|
55
|
+
web: 'data-[hover=true]:bg-surface-danger-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active'
|
|
56
56
|
})]
|
|
57
57
|
}, {
|
|
58
|
-
variant: '
|
|
58
|
+
variant: 'subtle',
|
|
59
59
|
color: 'warning',
|
|
60
|
-
className: ['bg-surface-warning-
|
|
61
|
-
default: 'data-[active=true]:bg-surface-warning-
|
|
62
|
-
web: 'data-[hover=true]:bg-surface-warning-
|
|
60
|
+
className: ['bg-surface-warning-subtle', _reactNative.Platform.select({
|
|
61
|
+
default: 'data-[active=true]:bg-surface-warning-subtle-active',
|
|
62
|
+
web: 'data-[hover=true]:bg-surface-warning-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-warning-subtle-active'
|
|
63
63
|
})]
|
|
64
64
|
}, {
|
|
65
|
-
variant: '
|
|
65
|
+
variant: 'subtle',
|
|
66
66
|
color: 'success',
|
|
67
|
-
className: ['bg-surface-success-
|
|
68
|
-
default: 'data-[active=true]:bg-surface-success-
|
|
69
|
-
web: 'data-[hover=true]:bg-surface-success-
|
|
67
|
+
className: ['bg-surface-success-subtle', _reactNative.Platform.select({
|
|
68
|
+
default: 'data-[active=true]:bg-surface-success-subtle-active',
|
|
69
|
+
web: 'data-[hover=true]:bg-surface-success-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-success-subtle-active'
|
|
70
70
|
})]
|
|
71
71
|
}, {
|
|
72
|
-
variant: '
|
|
72
|
+
variant: 'subtle',
|
|
73
73
|
color: 'info',
|
|
74
|
-
className: ['bg-surface-info-
|
|
75
|
-
default: 'data-[active=true]:bg-surface-info-
|
|
76
|
-
web: 'data-[hover=true]:bg-surface-info-
|
|
74
|
+
className: ['bg-surface-info-subtle', _reactNative.Platform.select({
|
|
75
|
+
default: 'data-[active=true]:bg-surface-info-subtle-active',
|
|
76
|
+
web: 'data-[hover=true]:bg-surface-info-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-info-subtle-active'
|
|
77
77
|
})]
|
|
78
78
|
},
|
|
79
79
|
// ── outline × color ───────────────────────────────────────────────────
|
|
80
80
|
{
|
|
81
81
|
variant: 'outline',
|
|
82
|
-
color: '
|
|
82
|
+
color: 'neutral',
|
|
83
83
|
className: ['border-stroke-primary', _reactNative.Platform.select({
|
|
84
|
-
default: 'data-[active=true]:bg-surface-neutral-
|
|
85
|
-
web: 'data-[hover=true]:bg-surface-neutral-
|
|
84
|
+
default: 'data-[active=true]:bg-surface-neutral-subtle',
|
|
85
|
+
web: 'data-[hover=true]:bg-surface-neutral-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-neutral-subtle-active'
|
|
86
86
|
})]
|
|
87
87
|
}, {
|
|
88
88
|
variant: 'outline',
|
|
89
89
|
color: 'action',
|
|
90
90
|
className: ['border-stroke-action', _reactNative.Platform.select({
|
|
91
|
-
default: 'data-[active=true]:bg-surface-action-
|
|
92
|
-
web: 'data-[hover=true]:bg-surface-action-
|
|
91
|
+
default: 'data-[active=true]:bg-surface-action-subtle',
|
|
92
|
+
web: 'data-[hover=true]:bg-surface-action-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active'
|
|
93
93
|
})]
|
|
94
94
|
}, {
|
|
95
95
|
variant: 'outline',
|
|
96
96
|
color: 'danger',
|
|
97
97
|
className: ['border-stroke-danger', _reactNative.Platform.select({
|
|
98
|
-
default: 'data-[active=true]:bg-surface-danger-
|
|
99
|
-
web: 'data-[hover=true]:bg-surface-danger-
|
|
98
|
+
default: 'data-[active=true]:bg-surface-danger-subtle',
|
|
99
|
+
web: 'data-[hover=true]:bg-surface-danger-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active'
|
|
100
100
|
})]
|
|
101
101
|
}, {
|
|
102
102
|
variant: 'outline',
|
|
103
103
|
color: 'warning',
|
|
104
104
|
className: ['border-stroke-warning', _reactNative.Platform.select({
|
|
105
|
-
default: 'data-[active=true]:bg-surface-warning-
|
|
106
|
-
web: 'data-[hover=true]:bg-surface-warning-
|
|
105
|
+
default: 'data-[active=true]:bg-surface-warning-subtle',
|
|
106
|
+
web: 'data-[hover=true]:bg-surface-warning-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-warning-subtle-active'
|
|
107
107
|
})]
|
|
108
108
|
}, {
|
|
109
109
|
variant: 'outline',
|
|
110
110
|
color: 'success',
|
|
111
111
|
className: ['border-stroke-success', _reactNative.Platform.select({
|
|
112
|
-
default: 'data-[active=true]:bg-surface-success-
|
|
113
|
-
web: 'data-[hover=true]:bg-surface-success-
|
|
112
|
+
default: 'data-[active=true]:bg-surface-success-subtle',
|
|
113
|
+
web: 'data-[hover=true]:bg-surface-success-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-success-subtle-active'
|
|
114
114
|
})]
|
|
115
115
|
}, {
|
|
116
116
|
variant: 'outline',
|
|
117
117
|
color: 'info',
|
|
118
118
|
className: ['border-stroke-info', _reactNative.Platform.select({
|
|
119
|
-
default: 'data-[active=true]:bg-surface-info-
|
|
120
|
-
web: 'data-[hover=true]:bg-surface-info-
|
|
119
|
+
default: 'data-[active=true]:bg-surface-info-subtle',
|
|
120
|
+
web: 'data-[hover=true]:bg-surface-info-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-info-subtle-active'
|
|
121
121
|
})]
|
|
122
122
|
}],
|
|
123
123
|
defaultVariants: {
|
|
124
|
-
variant: '
|
|
125
|
-
color: '
|
|
124
|
+
variant: 'subtle',
|
|
125
|
+
color: 'neutral',
|
|
126
126
|
size: 'default'
|
|
127
127
|
}
|
|
128
128
|
});
|
|
129
129
|
const chipLabelVariants = exports.chipLabelVariants = (0, _classVarianceAuthority.cva)(['font-sans-medium'], {
|
|
130
130
|
variants: {
|
|
131
131
|
variant: {
|
|
132
|
-
|
|
132
|
+
subtle: 'text-content-primary',
|
|
133
133
|
outline: 'text-content-primary'
|
|
134
134
|
},
|
|
135
135
|
color: {
|
|
136
|
-
|
|
136
|
+
neutral: [],
|
|
137
137
|
action: [],
|
|
138
138
|
danger: [],
|
|
139
139
|
warning: [],
|
|
@@ -168,8 +168,8 @@ const chipLabelVariants = exports.chipLabelVariants = (0, _classVarianceAuthorit
|
|
|
168
168
|
className: 'text-content-info'
|
|
169
169
|
}],
|
|
170
170
|
defaultVariants: {
|
|
171
|
-
variant: '
|
|
172
|
-
color: '
|
|
171
|
+
variant: 'subtle',
|
|
172
|
+
color: 'neutral',
|
|
173
173
|
size: 'default'
|
|
174
174
|
}
|
|
175
175
|
});
|
|
@@ -181,7 +181,7 @@ const chipIconVariants = exports.chipIconVariants = (0, _classVarianceAuthority.
|
|
|
181
181
|
xsmall: 'size-2.5 data-[icon=inline-start]:-ms-px data-[icon=inline-end]:-me-px'
|
|
182
182
|
},
|
|
183
183
|
color: {
|
|
184
|
-
|
|
184
|
+
neutral: 'text-content-primary',
|
|
185
185
|
action: 'text-content-action',
|
|
186
186
|
danger: 'text-content-danger',
|
|
187
187
|
warning: 'text-content-warning',
|
|
@@ -191,7 +191,7 @@ const chipIconVariants = exports.chipIconVariants = (0, _classVarianceAuthority.
|
|
|
191
191
|
},
|
|
192
192
|
defaultVariants: {
|
|
193
193
|
size: 'default',
|
|
194
|
-
color: '
|
|
194
|
+
color: 'neutral'
|
|
195
195
|
}
|
|
196
196
|
});
|
|
197
197
|
const chipAvatarVariants = exports.chipAvatarVariants = (0, _classVarianceAuthority.cva)(['shrink-0 rounded-full overflow-hidden'], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_constants","chipInteractiveRoot","TRANSITION_COLORS","DISABLED_CURSOR","Platform","select","web","join","default","chipRootVariants","exports","cva","variants","variant","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_constants","chipInteractiveRoot","TRANSITION_COLORS","DISABLED_CURSOR","Platform","select","web","join","default","chipRootVariants","exports","cva","variants","variant","subtle","outline","color","neutral","action","danger","warning","success","info","size","small","xsmall","compoundVariants","className","defaultVariants","chipLabelVariants","chipIconVariants","chipAvatarVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -370,26 +370,45 @@ const DialogHeader = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
370
370
|
DialogHeader.displayName = 'Dialog.Header';
|
|
371
371
|
|
|
372
372
|
// =============================================================================
|
|
373
|
-
// STYLED TITLE (styled-only sub-slot with
|
|
373
|
+
// STYLED TITLE (styled-only sub-slot with severity variants)
|
|
374
374
|
// =============================================================================
|
|
375
375
|
|
|
376
|
-
|
|
376
|
+
/** @deprecated Use `severity` prop instead of `appearance`. */
|
|
377
|
+
|
|
378
|
+
let hasWarnedDialogAppearanceProp = false;
|
|
379
|
+
let hasWarnedDialogDefaultSeverity = false;
|
|
380
|
+
const SEVERITY_ICON_MAP = {
|
|
377
381
|
danger: _icons.EmergencyHome,
|
|
378
382
|
warning: _icons.Warning,
|
|
379
383
|
success: _icons.CheckCircle
|
|
380
384
|
};
|
|
381
385
|
const DialogTitle = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
382
386
|
asChild,
|
|
383
|
-
|
|
387
|
+
severity: severityProp,
|
|
388
|
+
appearance,
|
|
384
389
|
className,
|
|
385
390
|
children,
|
|
386
391
|
style,
|
|
387
392
|
...props
|
|
388
393
|
}, ref) => {
|
|
394
|
+
(0, _react.useEffect)(() => {
|
|
395
|
+
if (__DEV__ && appearance !== undefined && !hasWarnedDialogAppearanceProp) {
|
|
396
|
+
hasWarnedDialogAppearanceProp = true;
|
|
397
|
+
console.warn('[Dialog.Title] The `appearance` prop is deprecated and will be removed in a future major release. Use `severity` instead.');
|
|
398
|
+
}
|
|
399
|
+
}, [appearance]);
|
|
400
|
+
const rawSeverity = severityProp ?? appearance ?? 'neutral';
|
|
401
|
+
(0, _react.useEffect)(() => {
|
|
402
|
+
if (__DEV__ && rawSeverity === 'default' && !hasWarnedDialogDefaultSeverity) {
|
|
403
|
+
hasWarnedDialogDefaultSeverity = true;
|
|
404
|
+
console.warn('[Dialog.Title] The `default` severity value is deprecated and will be removed in a future major release. Use `neutral` instead.');
|
|
405
|
+
}
|
|
406
|
+
}, [rawSeverity]);
|
|
407
|
+
const severity = rawSeverity === 'default' ? 'neutral' : rawSeverity;
|
|
389
408
|
const computedClassName = (0, _utils.cn)((0, _styles.dialogTitleVariants)({
|
|
390
|
-
|
|
409
|
+
severity
|
|
391
410
|
}), className);
|
|
392
|
-
const IconComponent =
|
|
411
|
+
const IconComponent = severity && severity in SEVERITY_ICON_MAP ? SEVERITY_ICON_MAP[severity] : null;
|
|
393
412
|
const Comp = asChild ? _primitives.Slot : _reactNative.Text;
|
|
394
413
|
const titleElement = /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
395
414
|
ref: ref,
|
|
@@ -407,7 +426,7 @@ const DialogTitle = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
407
426
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
408
427
|
as: IconComponent,
|
|
409
428
|
className: (0, _styles.dialogTitleIconVariants)({
|
|
410
|
-
|
|
429
|
+
severity
|
|
411
430
|
})
|
|
412
431
|
}), titleElement]
|
|
413
432
|
});
|