@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;}
|
|
@@ -3651,79 +3651,6 @@ function ButtonContent({
|
|
|
3651
3651
|
});
|
|
3652
3652
|
}
|
|
3653
3653
|
|
|
3654
|
-
function ButtonGauge({
|
|
3655
|
-
duration,
|
|
3656
|
-
running,
|
|
3657
|
-
onEnded
|
|
3658
|
-
}) {
|
|
3659
|
-
const [translate, setTranslate] = react.useState(100);
|
|
3660
|
-
const startTimeRef = react.useRef(0);
|
|
3661
|
-
const pauseTimeRef = react.useRef(0);
|
|
3662
|
-
const rafRef = react.useRef(undefined);
|
|
3663
|
-
const distance = 100;
|
|
3664
|
-
const draw = react.useCallback(timestamp => {
|
|
3665
|
-
const timeElapsedSinceStart = timestamp - startTimeRef.current;
|
|
3666
|
-
// Since the time between frame is not reliable and regular, we have to
|
|
3667
|
-
// limit the progress to prevent overflows
|
|
3668
|
-
const safeProgress = Math.min(distance * timeElapsedSinceStart / duration, distance);
|
|
3669
|
-
setTranslate(safeProgress);
|
|
3670
|
-
if (safeProgress < distance) {
|
|
3671
|
-
if (!rafRef) return;
|
|
3672
|
-
rafRef.current = requestAnimationFrame(draw);
|
|
3673
|
-
return;
|
|
3674
|
-
}
|
|
3675
|
-
onEnded();
|
|
3676
|
-
if (rafRef.current) {
|
|
3677
|
-
cancelAnimationFrame(rafRef.current);
|
|
3678
|
-
}
|
|
3679
|
-
},
|
|
3680
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
3681
|
-
[]);
|
|
3682
|
-
react.useLayoutEffect(() => {
|
|
3683
|
-
if (running) {
|
|
3684
|
-
// Resuming from pause
|
|
3685
|
-
if (pauseTimeRef.current > 0) {
|
|
3686
|
-
startTimeRef.current += global.performance.now() - pauseTimeRef.current;
|
|
3687
|
-
draw(global.performance.now());
|
|
3688
|
-
return;
|
|
3689
|
-
}
|
|
3690
|
-
|
|
3691
|
-
// First launch
|
|
3692
|
-
startTimeRef.current = global.performance.now();
|
|
3693
|
-
draw(startTimeRef.current);
|
|
3694
|
-
}
|
|
3695
|
-
|
|
3696
|
-
// On pause
|
|
3697
|
-
if (!running && rafRef.current) {
|
|
3698
|
-
pauseTimeRef.current = global.performance.now();
|
|
3699
|
-
cancelAnimationFrame(rafRef.current);
|
|
3700
|
-
}
|
|
3701
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
3702
|
-
}, [running]);
|
|
3703
|
-
react.useEffect(() => {
|
|
3704
|
-
return () => {
|
|
3705
|
-
if (rafRef.current) {
|
|
3706
|
-
cancelAnimationFrame(rafRef.current);
|
|
3707
|
-
}
|
|
3708
|
-
};
|
|
3709
|
-
}, []);
|
|
3710
|
-
return /*#__PURE__*/jsxRuntime.jsx(View, {
|
|
3711
|
-
position: "absolute",
|
|
3712
|
-
left: 0,
|
|
3713
|
-
right: 0,
|
|
3714
|
-
top: 0,
|
|
3715
|
-
bottom: 0,
|
|
3716
|
-
overflow: "hidden",
|
|
3717
|
-
alignItems: "flex-end",
|
|
3718
|
-
borderRadius: "kitt.button.borderRadius",
|
|
3719
|
-
children: /*#__PURE__*/jsxRuntime.jsx(View, {
|
|
3720
|
-
width: `${translate}%`,
|
|
3721
|
-
height: "100%",
|
|
3722
|
-
backgroundColor: "kitt.palettes.deepPurple['white-alpha.20']"
|
|
3723
|
-
})
|
|
3724
|
-
});
|
|
3725
|
-
}
|
|
3726
|
-
|
|
3727
3654
|
function ButtonPadding({
|
|
3728
3655
|
children,
|
|
3729
3656
|
size,
|
|
@@ -3796,7 +3723,6 @@ const Button = /*#__PURE__*/react.forwardRef(({
|
|
|
3796
3723
|
hrefAttrs,
|
|
3797
3724
|
withBadge,
|
|
3798
3725
|
badgeCount,
|
|
3799
|
-
timerAttrs,
|
|
3800
3726
|
accessibilityRole = 'button',
|
|
3801
3727
|
innerSpacing = 'center',
|
|
3802
3728
|
isHoveredInternal,
|
|
@@ -3841,7 +3767,7 @@ const Button = /*#__PURE__*/react.forwardRef(({
|
|
|
3841
3767
|
isHovered,
|
|
3842
3768
|
isPressed,
|
|
3843
3769
|
isFocused
|
|
3844
|
-
}) => /*#__PURE__*/jsxRuntime.
|
|
3770
|
+
}) => /*#__PURE__*/jsxRuntime.jsx(AnimatedContainer$2, {
|
|
3845
3771
|
animatedStyles: animatedStyles,
|
|
3846
3772
|
type: type,
|
|
3847
3773
|
isHovered: isHovered || isHoveredInternal,
|
|
@@ -3851,9 +3777,7 @@ const Button = /*#__PURE__*/react.forwardRef(({
|
|
|
3851
3777
|
size: size,
|
|
3852
3778
|
isIconOnly: isIconOnly,
|
|
3853
3779
|
isStretch: stretch,
|
|
3854
|
-
children:
|
|
3855
|
-
...timerAttrs
|
|
3856
|
-
}) : null, /*#__PURE__*/jsxRuntime.jsxs(ButtonPadding, {
|
|
3780
|
+
children: /*#__PURE__*/jsxRuntime.jsxs(ButtonPadding, {
|
|
3857
3781
|
size: size,
|
|
3858
3782
|
isIconOnly: isIconOnly,
|
|
3859
3783
|
children: [/*#__PURE__*/jsxRuntime.jsx(ButtonContent, {
|
|
@@ -3875,7 +3799,7 @@ const Button = /*#__PURE__*/react.forwardRef(({
|
|
|
3875
3799
|
isHovered: isHovered,
|
|
3876
3800
|
isPressed: isPressed
|
|
3877
3801
|
})]
|
|
3878
|
-
})
|
|
3802
|
+
})
|
|
3879
3803
|
})
|
|
3880
3804
|
});
|
|
3881
3805
|
});
|
|
@@ -13295,15 +13219,15 @@ function TypographyEmoji({
|
|
|
13295
13219
|
});
|
|
13296
13220
|
}
|
|
13297
13221
|
|
|
13298
|
-
|
|
13299
|
-
|
|
13222
|
+
// overrides :global(a) in Link styles.module.css
|
|
13223
|
+
const displayUnderline = "kitt-u_displayUnderline_dch42t";
|
|
13224
|
+
const displayUnderlineWhenHovered = "kitt-u_displayUnderlineWhenHovered_d80w0t7";
|
|
13300
13225
|
function TypographyLinkWebWrapper({
|
|
13301
13226
|
children,
|
|
13302
13227
|
hasNoUnderline
|
|
13303
13228
|
}) {
|
|
13304
|
-
const className = hasNoUnderline ? `${styles.displayUnderline} ${styles.displayUnderlineWhenHovered}` : styles.displayUnderline;
|
|
13305
13229
|
return /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
13306
|
-
className:
|
|
13230
|
+
className: (displayUnderline ) + " " + ((hasNoUnderline ? displayUnderlineWhenHovered : undefined) || ""),
|
|
13307
13231
|
children: children
|
|
13308
13232
|
});
|
|
13309
13233
|
}
|