@ornikar/kitt-universal 31.1.2-canary.31eec21cbe0c2b92255fb1fa14d83757a05ea8b0.0 → 31.1.2-canary.4946783c3d0e6763db7a2d1dbe21658bc5dcdb4f.0
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/CHANGELOG.md +1 -3
- package/dist/definitions/Button/Button.d.ts +0 -5
- package/dist/definitions/Button/Button.d.ts.map +1 -1
- package/dist/definitions/typography/TypographyLinkWebWrapper.web.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +4 -78
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +4 -78
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.17.cjs.js +3 -79
- package/dist/index-node-22.17.cjs.js.map +1 -1
- package/dist/index-node-22.17.cjs.web.css +2 -20
- package/dist/index-node-22.17.cjs.web.js +7 -83
- package/dist/index-node-22.17.cjs.web.js.map +1 -1
- package/dist/index-node-22.17.es.mjs +4 -80
- package/dist/index-node-22.17.es.mjs.map +1 -1
- package/dist/index-node-22.17.es.web.css +2 -20
- package/dist/index-node-22.17.es.web.mjs +8 -84
- package/dist/index-node-22.17.es.web.mjs.map +1 -1
- package/dist/index.es.js +4 -80
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +8 -84
- package/dist/index.es.web.js.map +1 -1
- package/dist/styles.css +2 -20
- package/dist/tsbuildinfo +1 -1
- package/package.json +2 -2
- package/dist/definitions/Button/ButtonGauge.d.ts +0 -9
- package/dist/definitions/Button/ButtonGauge.d.ts.map +0 -1
|
@@ -20,23 +20,5 @@
|
|
|
20
20
|
.kitt-u_enterActive_e1jmsjrm{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
|
|
21
21
|
.kitt-u_exit_e1mwnccz{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}
|
|
22
22
|
.kitt-u_exitActive_e1004d1h{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);opacity:0;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
|
|
23
|
-
|
|
24
|
-
.
|
|
25
|
-
text-decoration: underline;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.TypographyLinkWebWrapper-module_displayUnderline__KxwMp > *:hover,
|
|
29
|
-
.TypographyLinkWebWrapper-module_displayUnderline__KxwMp > *:active,
|
|
30
|
-
.TypographyLinkWebWrapper-module_kitt-hover__CyENw .TypographyLinkWebWrapper-module_displayUnderline__KxwMp > * {
|
|
31
|
-
text-decoration: none;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.TypographyLinkWebWrapper-module_displayUnderlineWhenHovered__5V5Cl > * {
|
|
35
|
-
text-decoration: none;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.TypographyLinkWebWrapper-module_displayUnderlineWhenHovered__5V5Cl > *:hover,
|
|
39
|
-
.TypographyLinkWebWrapper-module_displayUnderlineWhenHovered__5V5Cl > *:active,
|
|
40
|
-
.TypographyLinkWebWrapper-module_kitt-hover__CyENw .TypographyLinkWebWrapper-module_displayUnderlineWhenHovered__5V5Cl > * {
|
|
41
|
-
text-decoration: underline;
|
|
42
|
-
}
|
|
23
|
+
.kitt-u_displayUnderline_dch42t > *{-webkit-text-decoration:underline;text-decoration:underline;}.kitt-u_displayUnderline_dch42t > *:hover,.kitt-u_displayUnderline_dch42t > *:active,.kitt-hover .kitt-u_displayUnderline_dch42t > *{-webkit-text-decoration:none;text-decoration:none;}
|
|
24
|
+
.kitt-u_displayUnderlineWhenHovered_d80w0t7 > *{-webkit-text-decoration:none;text-decoration:none;}.kitt-u_displayUnderlineWhenHovered_d80w0t7 > *:hover,.kitt-u_displayUnderlineWhenHovered_d80w0t7 > *:active,.kitt-hover .kitt-u_displayUnderlineWhenHovered_d80w0t7 > *{-webkit-text-decoration:underline;text-decoration:underline;}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useContext, createContext, forwardRef, useMemo, cloneElement,
|
|
1
|
+
import { useContext, createContext, forwardRef, useMemo, cloneElement, useRef, useEffect, useState, Children, useReducer, useCallback, Fragment as Fragment$1 } from 'react';
|
|
2
2
|
import { View as View$1, ScrollView as ScrollView$1, Pressable as Pressable$1, Image as Image$1, FlatList as FlatList$1, SectionList as SectionList$1, Stack as Stack$1, VStack as VStack$1, HStack as HStack$1, Center as Center$1, useBreakpointValue as useBreakpointValue$1, useSx, Text, Input, NativeBaseProvider, extendTheme } from 'native-base';
|
|
3
3
|
export { useClipboard, useContrastText, useMediaQuery, useSx, useToken } from 'native-base';
|
|
4
4
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
@@ -3642,79 +3642,6 @@ function ButtonContent({
|
|
|
3642
3642
|
});
|
|
3643
3643
|
}
|
|
3644
3644
|
|
|
3645
|
-
function ButtonGauge({
|
|
3646
|
-
duration,
|
|
3647
|
-
running,
|
|
3648
|
-
onEnded
|
|
3649
|
-
}) {
|
|
3650
|
-
const [translate, setTranslate] = useState(100);
|
|
3651
|
-
const startTimeRef = useRef(0);
|
|
3652
|
-
const pauseTimeRef = useRef(0);
|
|
3653
|
-
const rafRef = useRef(undefined);
|
|
3654
|
-
const distance = 100;
|
|
3655
|
-
const draw = useCallback(timestamp => {
|
|
3656
|
-
const timeElapsedSinceStart = timestamp - startTimeRef.current;
|
|
3657
|
-
// Since the time between frame is not reliable and regular, we have to
|
|
3658
|
-
// limit the progress to prevent overflows
|
|
3659
|
-
const safeProgress = Math.min(distance * timeElapsedSinceStart / duration, distance);
|
|
3660
|
-
setTranslate(safeProgress);
|
|
3661
|
-
if (safeProgress < distance) {
|
|
3662
|
-
if (!rafRef) return;
|
|
3663
|
-
rafRef.current = requestAnimationFrame(draw);
|
|
3664
|
-
return;
|
|
3665
|
-
}
|
|
3666
|
-
onEnded();
|
|
3667
|
-
if (rafRef.current) {
|
|
3668
|
-
cancelAnimationFrame(rafRef.current);
|
|
3669
|
-
}
|
|
3670
|
-
},
|
|
3671
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
3672
|
-
[]);
|
|
3673
|
-
useLayoutEffect(() => {
|
|
3674
|
-
if (running) {
|
|
3675
|
-
// Resuming from pause
|
|
3676
|
-
if (pauseTimeRef.current > 0) {
|
|
3677
|
-
startTimeRef.current += global.performance.now() - pauseTimeRef.current;
|
|
3678
|
-
draw(global.performance.now());
|
|
3679
|
-
return;
|
|
3680
|
-
}
|
|
3681
|
-
|
|
3682
|
-
// First launch
|
|
3683
|
-
startTimeRef.current = global.performance.now();
|
|
3684
|
-
draw(startTimeRef.current);
|
|
3685
|
-
}
|
|
3686
|
-
|
|
3687
|
-
// On pause
|
|
3688
|
-
if (!running && rafRef.current) {
|
|
3689
|
-
pauseTimeRef.current = global.performance.now();
|
|
3690
|
-
cancelAnimationFrame(rafRef.current);
|
|
3691
|
-
}
|
|
3692
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
3693
|
-
}, [running]);
|
|
3694
|
-
useEffect(() => {
|
|
3695
|
-
return () => {
|
|
3696
|
-
if (rafRef.current) {
|
|
3697
|
-
cancelAnimationFrame(rafRef.current);
|
|
3698
|
-
}
|
|
3699
|
-
};
|
|
3700
|
-
}, []);
|
|
3701
|
-
return /*#__PURE__*/jsx(View, {
|
|
3702
|
-
position: "absolute",
|
|
3703
|
-
left: 0,
|
|
3704
|
-
right: 0,
|
|
3705
|
-
top: 0,
|
|
3706
|
-
bottom: 0,
|
|
3707
|
-
overflow: "hidden",
|
|
3708
|
-
alignItems: "flex-end",
|
|
3709
|
-
borderRadius: "kitt.button.borderRadius",
|
|
3710
|
-
children: /*#__PURE__*/jsx(View, {
|
|
3711
|
-
width: `${translate}%`,
|
|
3712
|
-
height: "100%",
|
|
3713
|
-
backgroundColor: "kitt.palettes.deepPurple['white-alpha.20']"
|
|
3714
|
-
})
|
|
3715
|
-
});
|
|
3716
|
-
}
|
|
3717
|
-
|
|
3718
3645
|
function ButtonPadding({
|
|
3719
3646
|
children,
|
|
3720
3647
|
size,
|
|
@@ -3787,7 +3714,6 @@ const Button = /*#__PURE__*/forwardRef(({
|
|
|
3787
3714
|
hrefAttrs,
|
|
3788
3715
|
withBadge,
|
|
3789
3716
|
badgeCount,
|
|
3790
|
-
timerAttrs,
|
|
3791
3717
|
accessibilityRole = 'button',
|
|
3792
3718
|
innerSpacing = 'center',
|
|
3793
3719
|
isHoveredInternal,
|
|
@@ -3832,7 +3758,7 @@ const Button = /*#__PURE__*/forwardRef(({
|
|
|
3832
3758
|
isHovered,
|
|
3833
3759
|
isPressed,
|
|
3834
3760
|
isFocused
|
|
3835
|
-
}) => /*#__PURE__*/
|
|
3761
|
+
}) => /*#__PURE__*/jsx(AnimatedContainer$2, {
|
|
3836
3762
|
animatedStyles: animatedStyles,
|
|
3837
3763
|
type: type,
|
|
3838
3764
|
isHovered: isHovered || isHoveredInternal,
|
|
@@ -3842,9 +3768,7 @@ const Button = /*#__PURE__*/forwardRef(({
|
|
|
3842
3768
|
size: size,
|
|
3843
3769
|
isIconOnly: isIconOnly,
|
|
3844
3770
|
isStretch: stretch,
|
|
3845
|
-
children:
|
|
3846
|
-
...timerAttrs
|
|
3847
|
-
}) : null, /*#__PURE__*/jsxs(ButtonPadding, {
|
|
3771
|
+
children: /*#__PURE__*/jsxs(ButtonPadding, {
|
|
3848
3772
|
size: size,
|
|
3849
3773
|
isIconOnly: isIconOnly,
|
|
3850
3774
|
children: [/*#__PURE__*/jsx(ButtonContent, {
|
|
@@ -3866,7 +3790,7 @@ const Button = /*#__PURE__*/forwardRef(({
|
|
|
3866
3790
|
isHovered: isHovered,
|
|
3867
3791
|
isPressed: isPressed
|
|
3868
3792
|
})]
|
|
3869
|
-
})
|
|
3793
|
+
})
|
|
3870
3794
|
})
|
|
3871
3795
|
});
|
|
3872
3796
|
});
|
|
@@ -13286,15 +13210,15 @@ function TypographyEmoji({
|
|
|
13286
13210
|
});
|
|
13287
13211
|
}
|
|
13288
13212
|
|
|
13289
|
-
|
|
13290
|
-
|
|
13213
|
+
// overrides :global(a) in Link styles.module.css
|
|
13214
|
+
const displayUnderline = "kitt-u_displayUnderline_dch42t";
|
|
13215
|
+
const displayUnderlineWhenHovered = "kitt-u_displayUnderlineWhenHovered_d80w0t7";
|
|
13291
13216
|
function TypographyLinkWebWrapper({
|
|
13292
13217
|
children,
|
|
13293
13218
|
hasNoUnderline
|
|
13294
13219
|
}) {
|
|
13295
|
-
const className = hasNoUnderline ? `${styles.displayUnderline} ${styles.displayUnderlineWhenHovered}` : styles.displayUnderline;
|
|
13296
13220
|
return /*#__PURE__*/jsx("span", {
|
|
13297
|
-
className:
|
|
13221
|
+
className: (displayUnderline ) + " " + ((hasNoUnderline ? displayUnderlineWhenHovered : undefined) || ""),
|
|
13298
13222
|
children: children
|
|
13299
13223
|
});
|
|
13300
13224
|
}
|