@ornikar/kitt-universal 31.0.2-canary.e53cdb7e12a8aa3be6ae21c546ec9bcaca9b660c.0 → 31.1.0

package/dist/index-node-22.17.cjs.js

@@ -24,6 +24,7 @@ const picker$1 = require('@react-native-picker/picker');
 const expoLinearGradient = require('expo-linear-gradient');
 const reactNative$1 = require('@floating-ui/react-native');
 const addons = require('@storybook/addons');
+const isChromatic = require('chromatic/isChromatic');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
@@ -45,6 +46,7 @@ const WebBrowser__namespace = /*#__PURE__*/_interopNamespace(WebBrowser);
 const Downshift__default = /*#__PURE__*/_interopDefaultLegacy(Downshift);
 const DateTimePicker__default = /*#__PURE__*/_interopDefaultLegacy(DateTimePicker);
 const Svg__default = /*#__PURE__*/_interopDefaultLegacy(Svg);
+const isChromatic__default = /*#__PURE__*/_interopDefaultLegacy(isChromatic);
 
 const View = nativeBase.View;
 const ScrollView = nativeBase.ScrollView;
@@ -184,6 +186,102 @@ const colors = {
   overlay: {
     dark: deepPurpleColorPalette['grey-alpha.50'],
     light: deepPurpleColorPalette['white-alpha.80']
+  },
+  // Bumper semantic tokens
+  // Should be kept in sync with the light theme in bumper
+  // https://github.com/ornikar/kitt/blob/79e367e962c957c016c4df67dbcf515c8f45ff0e/@ornikar/bumper/src/themes/light.ts#L6
+  bumper: {
+    content: {
+      base: {
+        hi: deepPurpleColorPalette['grey.9'],
+        mid: deepPurpleColorPalette['grey.7'],
+        low: deepPurpleColorPalette['grey.5'],
+        onContrasted: {
+          hi: deepPurpleColorPalette['grey.0'],
+          mid: deepPurpleColorPalette['white-alpha.80'],
+          low: deepPurpleColorPalette['white-alpha.60']
+        }
+      },
+      accent: deepPurpleColorPalette['deepPurple.8'],
+      promo: deepPurpleColorPalette['lightning.9'],
+      info: deepPurpleColorPalette['blue.7'],
+      success: deepPurpleColorPalette['green.7'],
+      warning: deepPurpleColorPalette['yellow.7'],
+      danger: deepPurpleColorPalette['red.7'],
+      muted: deepPurpleColorPalette['beige.6'],
+      disabled: deepPurpleColorPalette['grey.3']
+    },
+    bg: {
+      base: {
+        hi: {
+          default: deepPurpleColorPalette['beige.2'],
+          pressed: deepPurpleColorPalette['beige.3']
+        },
+        mid: {
+          default: deepPurpleColorPalette['beige.1'],
+          pressed: deepPurpleColorPalette['beige.2']
+        },
+        low: {
+          default: deepPurpleColorPalette['grey.0'],
+          pressed: deepPurpleColorPalette['beige.1']
+        }
+      },
+      accent: {
+        default: deepPurpleColorPalette['deepPurple.8'],
+        pressed: deepPurpleColorPalette['deepPurple.7']
+      },
+      promo: {
+        hi: {
+          default: deepPurpleColorPalette['lightning.9'],
+          pressed: deepPurpleColorPalette['lightning.8']
+        },
+        mid: {
+          default: deepPurpleColorPalette['lightning.5'],
+          pressed: deepPurpleColorPalette['lightning.4']
+        }
+      },
+      highlight: {
+        default: deepPurpleColorPalette['blue.1'],
+        pressed: deepPurpleColorPalette['blue.2']
+      },
+      info: {
+        hi: deepPurpleColorPalette['blue.6'],
+        mid: deepPurpleColorPalette['blue.1']
+      },
+      success: {
+        hi: deepPurpleColorPalette['green.6'],
+        mid: deepPurpleColorPalette['green.1']
+      },
+      warning: {
+        hi: deepPurpleColorPalette['yellow.6'],
+        mid: deepPurpleColorPalette['yellow.1']
+      },
+      danger: {
+        hi: deepPurpleColorPalette['red.6'],
+        mid: deepPurpleColorPalette['red.1']
+      },
+      disabled: {
+        hi: deepPurpleColorPalette['grey.3'],
+        mid: deepPurpleColorPalette['grey.1']
+      },
+      overlay: deepPurpleColorPalette['grey-alpha.50']
+    },
+    border: {
+      base: {
+        hi: deepPurpleColorPalette['grey.9'],
+        mid: deepPurpleColorPalette['beige.3'],
+        onContrasted: {
+          hi: deepPurpleColorPalette['grey.0'],
+          mid: deepPurpleColorPalette['white-alpha.20']
+        }
+      },
+      accent: deepPurpleColorPalette['deepPurple.8'],
+      info: deepPurpleColorPalette['blue.6'],
+      success: deepPurpleColorPalette['green.6'],
+      warning: deepPurpleColorPalette['yellow.6'],
+      danger: deepPurpleColorPalette['red.6'],
+      disabled: deepPurpleColorPalette['grey.2']
+    }
   }
 };
 
@@ -11612,7 +11710,7 @@ function NavigationBottomSheet({
   snapPoints,
   maxDynamicContentSize,
   isVisible,
-  isExpanded = false,
+  isExpanded,
   onClose
 }) {
   const bottomSheetRef = useBottomSheet();
@@ -11624,8 +11722,7 @@ function NavigationBottomSheet({
     }
   }, [bottomSheetRef, isVisible]);
   React.useEffect(() => {
-    if (!isVisible) return;
-    if (isExpanded) {
+    if (isVisible && isExpanded) {
       bottomSheetRef.current?.expand();
     } else {
       bottomSheetRef.current?.collapse();
@@ -13876,6 +13973,16 @@ const TypographyLink = /*#__PURE__*/React.forwardRef(({
   });
 });
 
+const ChromaticReducedMotionDecorator = addons.makeDecorator({
+  name: 'ChromaticReducedMotionDecorator',
+  parameterName: 'chromaticReducedMotion',
+  wrapper: (storyFn, context) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [isChromatic__default() ? /*#__PURE__*/jsxRuntime.jsx(Animated.ReducedMotionConfig, {
+      mode: Animated.ReduceMotion.Always
+    }) : null, storyFn(context)]
+  })
+});
+
 function KittThemeProvider({
   isSSR,
   children,
@@ -14250,6 +14357,7 @@ exports.CardModal = CardModal;
 exports.Center = Center;
 exports.Checkbox = Checkbox;
 exports.ChoicesElements = ChoicesElements;
+exports.ChromaticReducedMotionDecorator = ChromaticReducedMotionDecorator;
 exports.CloseIconButton = CloseIconButton;
 exports.DatePicker = DatePicker;
 exports.DialogModal = DialogModal;