@storybook/addon-ondevice-controls 9.0.9 → 9.0.17

package/README.md

@@ -15,7 +15,7 @@ yarn add -D @storybook/addon-ondevice-controls @react-native-community/datetimep
 Then, add following content to `.rnstorybook/main.ts`:
 
 ```ts
-import { StorybookConfig } from '@storybook/react-native';
+import type { StorybookConfig } from '@storybook/react-native';
 
 const main: StorybookConfig = {
   addons: ['@storybook/addon-ondevice-controls'],

package/dist/components/color-picker/HoloColorPicker.js

@@ -197,10 +197,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     pickerIndicator: {
         position: 'absolute',
-        shadowColor: 'black',
-        shadowOpacity: 0.3,
-        shadowOffset: { width: 3, height: 3 },
-        shadowRadius: 4,
+        boxShadow: '3px 3px 4px 0px rgba(0, 0, 0, 0.3)',
         elevation: 5,
     },
     selectedPreview: {

package/dist/hooks.d.ts

@@ -1,2 +1,2 @@
-import type { Args } from '@storybook/csf';
+import type { Args } from 'storybook/internal/csf';
 export declare const useArgs: (storyId: string, storyStore: any) => [Args, (args: Args) => void, (argNames?: string[]) => void];

package/dist/types/Color.js

@@ -78,10 +78,7 @@ const InnerContainer = react_native_theming_1.styled.View(({ theme }) => ({
     maxWidth: 350,
     height: 400,
     maxHeight: react_native_1.Dimensions.get('screen').height - 24 * 2,
-    shadowColor: '#000000',
-    shadowOpacity: 0.2,
-    shadowOffset: { width: 0, height: 0 },
-    shadowRadius: 16,
+    boxShadow: '0px 0px 16px 0px rgba(0, 0, 0, 0.2)',
     elevation: 10,
 }));
 const styles = react_native_1.StyleSheet.create({

package/dist/types/Date.js

@@ -37,7 +37,7 @@ const DateType = ({ onChange, arg: { name, value } }) => {
         date.getFullYear(),
     ].join('-'), [date]);
     const timeString = (0, react_1.useMemo)(() => `${`0${date.getHours()}`.slice(-2)}:${`0${date.getMinutes()}`.slice(-2)}`, [date]);
-    const webDateString = (0, react_1.useMemo)(() => `${date.getFullYear()}-${`${date.getMonth() + 1}`.padStart(2, '0')}-${`${date.getDate() + 1}`.padStart(2, '0')}T${`${date.getHours()}`.padStart(2, '0')}:${`${date.getMinutes()}`.padStart(2, '0')}`, [date]);
+    const webDateString = (0, react_1.useMemo)(() => `${date.getFullYear()}-${`${date.getMonth() + 1}`.padStart(2, '0')}-${`${date.getDate()}`.padStart(2, '0')}T${`${date.getHours()}`.padStart(2, '0')}:${`${date.getMinutes()}`.padStart(2, '0')}`, [date]);
     if (react_native_1.Platform.OS === 'web') {
         return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: name, children: (0, jsx_runtime_1.jsx)("input", { type: "datetime-local", defaultValue: webDateString, onChange: (e) => {
                     const newDate = new Date(e.target.value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-ondevice-controls",
-  "version": "9.0.9",
+  "version": "9.0.17",
   "description": "Display storybook controls on your device.",
   "keywords": [
     "addon",
@@ -30,8 +30,8 @@
     "copyimages": "cross-env-shell cp -r src/components/color-picker/resources dist/components/color-picker/resources"
   },
   "dependencies": {
-    "@storybook/react-native-theming": "^9.0.9",
-    "@storybook/react-native-ui-common": "^9.0.9",
+    "@storybook/react-native-theming": "^9.0.17",
+    "@storybook/react-native-ui-common": "^9.0.17",
     "deep-equal": "^1.0.1",
     "prop-types": "^15.7.2",
     "react-native-modal-datetime-picker": "^18.0.0",
@@ -47,7 +47,7 @@
     "@react-native-community/slider": "*",
     "react": "*",
     "react-native": "*",
-    "storybook": "^9.0.9"
+    "storybook": "^9.0.17"
   },
   "peerDependenciesMeta": {
     "@gorhom/bottom-sheet": {
@@ -57,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6c247692ee0ede93df4e7df6e27e832e3e40a45d"
+  "gitHead": "648db0aedbd45ee3cf566ebff02e18247fcae198"
 }