@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.
@@ -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
- /* overrides :global(a) in Link styles.module.css */
24
- .TypographyLinkWebWrapper-module_displayUnderline__KxwMp > * {
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, useState, useRef, useCallback, useLayoutEffect, useEffect, Children, useReducer, Fragment as Fragment$1 } from 'react';
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__*/jsxs(AnimatedContainer$2, {
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: [timerAttrs ? /*#__PURE__*/jsx(ButtonGauge, {
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
- const styles = {"displayUnderline":"TypographyLinkWebWrapper-module_displayUnderline__KxwMp","kitt-hover":"TypographyLinkWebWrapper-module_kitt-hover__CyENw","displayUnderlineWhenHovered":"TypographyLinkWebWrapper-module_displayUnderlineWhenHovered__5V5Cl"};
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: className,
13221
+ className: (displayUnderline ) + " " + ((hasNoUnderline ? displayUnderlineWhenHovered : undefined) || ""),
13298
13222
  children: children
13299
13223
  });
13300
13224
  }