@impulse-ui-native/storybook 4.0.0 → 6.0.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/README.md
CHANGED
|
@@ -36,4 +36,4 @@ export default {
|
|
|
36
36
|
};
|
|
37
37
|
```
|
|
38
38
|
|
|
39
|
-
The package source also contains the toolkit's stories and documentation screens for primitives, inputs, selection, date and time, feedback, navigation, overlays, portals, icons, and charts. Those files are discovered directly by the
|
|
39
|
+
The package source also contains the toolkit's stories and documentation screens for primitives, inputs, selection, date and time, feedback, navigation, overlays, portals, icons, and charts. Those files are discovered directly by the Storybook host and are not part of the public root export.
|
|
@@ -2,17 +2,18 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { memo } from "react";
|
|
3
3
|
import { ScrollView } from "react-native";
|
|
4
4
|
import { Typography, View } from "@impulse-ui-native/primitives";
|
|
5
|
-
import { useSpace } from "@impulse-ui-native/theme";
|
|
5
|
+
import { useColors, useSpace } from "@impulse-ui-native/theme";
|
|
6
6
|
const StoryDocumentationPage = memo(function StoryDocumentationPage2({
|
|
7
7
|
title,
|
|
8
8
|
description,
|
|
9
9
|
children
|
|
10
10
|
}) {
|
|
11
|
+
const colors = useColors();
|
|
11
12
|
const space = useSpace();
|
|
12
13
|
return /* @__PURE__ */ jsx(ScrollView, { children: /* @__PURE__ */ jsxs(View, { gap: space.md, padding: space.sm, children: [
|
|
13
14
|
/* @__PURE__ */ jsxs(View, { gap: space.xs, children: [
|
|
14
15
|
/* @__PURE__ */ jsx(Typography.Title2, { children: title }),
|
|
15
|
-
description ? /* @__PURE__ */ jsx(Typography.Master, { children: description }) : null
|
|
16
|
+
description ? /* @__PURE__ */ jsx(Typography.Master, { color: colors.text.secondary, children: description }) : null
|
|
16
17
|
] }),
|
|
17
18
|
/* @__PURE__ */ jsx(View, { gap: space.md, children })
|
|
18
19
|
] }) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/story-documentation-page.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport { memo } from \"react\";\nimport { ScrollView } from \"react-native\";\n\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useSpace } from \"@impulse-ui-native/theme\";\n\ninterface StoryDocumentationPageProps extends PropsWithChildren {\n title: string;\n description?: string;\n}\n\nexport const StoryDocumentationPage = memo(function StoryDocumentationPage({\n title,\n description,\n children,\n}: StoryDocumentationPageProps) {\n const space = useSpace();\n\n return (\n <ScrollView>\n <View gap={space.md} padding={space.sm}>\n <View gap={space.xs}>\n <Typography.Title2>{title}</Typography.Title2>\n\n {description ? (\n <Typography.Master
|
|
1
|
+
{"version":3,"sources":["../../src/components/story-documentation-page.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport { memo } from \"react\";\nimport { ScrollView } from \"react-native\";\n\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useColors, useSpace } from \"@impulse-ui-native/theme\";\n\ninterface StoryDocumentationPageProps extends PropsWithChildren {\n title: string;\n description?: string;\n}\n\nexport const StoryDocumentationPage = memo(function StoryDocumentationPage({\n title,\n description,\n children,\n}: StoryDocumentationPageProps) {\n const colors = useColors();\n const space = useSpace();\n\n return (\n <ScrollView>\n <View gap={space.md} padding={space.sm}>\n <View gap={space.xs}>\n <Typography.Title2>{title}</Typography.Title2>\n\n {description ? (\n <Typography.Master color={colors.text.secondary}>\n {description}\n </Typography.Master>\n ) : null}\n </View>\n\n <View gap={space.md}>{children}</View>\n </View>\n </ScrollView>\n );\n});\n"],"mappings":"AAuBQ,SACE,KADF;AAtBR,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAE3B,SAAS,YAAY,YAAY;AACjC,SAAS,WAAW,gBAAgB;AAO7B,MAAM,yBAAyB,KAAK,SAASA,wBAAuB;AAAA,EACzE;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,SAAS,UAAU;AACzB,QAAM,QAAQ,SAAS;AAEvB,SACE,oBAAC,cACC,+BAAC,QAAK,KAAK,MAAM,IAAI,SAAS,MAAM,IAClC;AAAA,yBAAC,QAAK,KAAK,MAAM,IACf;AAAA,0BAAC,WAAW,QAAX,EAAmB,iBAAM;AAAA,MAEzB,cACC,oBAAC,WAAW,QAAX,EAAkB,OAAO,OAAO,KAAK,WACnC,uBACH,IACE;AAAA,OACN;AAAA,IAEA,oBAAC,QAAK,KAAK,MAAM,IAAK,UAAS;AAAA,KACjC,GACF;AAEJ,CAAC;","names":["StoryDocumentationPage"]}
|
|
@@ -23,7 +23,7 @@ const StoryExample = memo(function StoryExample2({
|
|
|
23
23
|
children: [
|
|
24
24
|
/* @__PURE__ */ jsxs(View, { gap: space.xs, children: [
|
|
25
25
|
/* @__PURE__ */ jsx(Typography.Title4, { children: title }),
|
|
26
|
-
/* @__PURE__ */ jsx(Typography.Master, { children: description })
|
|
26
|
+
/* @__PURE__ */ jsx(Typography.Master, { color: colors.text.secondary, children: description })
|
|
27
27
|
] }),
|
|
28
28
|
props?.length ? /* @__PURE__ */ jsxs(View, { gap: space.sm, children: [
|
|
29
29
|
/* @__PURE__ */ jsx(Typography.Overline, { children: "Props" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/story-example.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport { memo } from \"react\";\n\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useColors, useRadii, useSpace } from \"@impulse-ui-native/theme\";\n\nexport interface StoryExamplePropDefinition {\n name: string;\n value: string;\n description?: string;\n}\n\ninterface StoryExampleProps extends PropsWithChildren {\n title: string;\n description: string;\n props?: StoryExamplePropDefinition[];\n elevated?: boolean;\n}\n\nexport const StoryExample = memo(function StoryExample({\n title,\n description,\n props,\n children,\n elevated,\n}: StoryExampleProps) {\n const colors = useColors();\n const radii = useRadii();\n const space = useSpace();\n\n return (\n <View\n gap={space.md}\n padding={space.sm}\n borderRadius={elevated ? radii.sm : undefined}\n backgroundColor={elevated ? colors.surface.elevated.value : undefined}\n shadow={elevated ? \"sm\" : undefined}\n >\n <View gap={space.xs}>\n <Typography.Title4>{title}</Typography.Title4>\n <Typography.Master
|
|
1
|
+
{"version":3,"sources":["../../src/components/story-example.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport { memo } from \"react\";\n\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useColors, useRadii, useSpace } from \"@impulse-ui-native/theme\";\n\nexport interface StoryExamplePropDefinition {\n name: string;\n value: string;\n description?: string;\n}\n\ninterface StoryExampleProps extends PropsWithChildren {\n title: string;\n description: string;\n props?: StoryExamplePropDefinition[];\n elevated?: boolean;\n}\n\nexport const StoryExample = memo(function StoryExample({\n title,\n description,\n props,\n children,\n elevated,\n}: StoryExampleProps) {\n const colors = useColors();\n const radii = useRadii();\n const space = useSpace();\n\n return (\n <View\n gap={space.md}\n padding={space.sm}\n borderRadius={elevated ? radii.sm : undefined}\n backgroundColor={elevated ? colors.surface.elevated.value : undefined}\n shadow={elevated ? \"sm\" : undefined}\n >\n <View gap={space.xs}>\n <Typography.Title4>{title}</Typography.Title4>\n <Typography.Master color={colors.text.secondary}>\n {description}\n </Typography.Master>\n </View>\n\n {props?.length ? (\n <View gap={space.sm}>\n <Typography.Overline>Props</Typography.Overline>\n\n <View gap={space.xs}>\n {props.map((prop) => (\n <View\n key={prop.name}\n gap={space.xs}\n padding={space.xs}\n borderRadius={radii.md}\n backgroundColor={colors.surface.secondary.value}\n >\n <View\n flexDirection=\"row\"\n alignItems=\"center\"\n justifyContent=\"space-between\"\n gap={space.sm}\n >\n <Typography.Label>{prop.name}</Typography.Label>\n\n <View\n paddingHorizontal={space.xs}\n paddingVertical={space.xxs}\n borderRadius={radii.sm}\n backgroundColor={colors.surface.primary.value}\n >\n <Typography.Code>{prop.value}</Typography.Code>\n </View>\n </View>\n\n {prop.description ? (\n <Typography.Helper>{prop.description}</Typography.Helper>\n ) : null}\n </View>\n ))}\n </View>\n </View>\n ) : null}\n\n <View gap={space.xs}>\n <Typography.Caption>Preview</Typography.Caption>\n {children}\n </View>\n </View>\n );\n});\n"],"mappings":"AAsCM,SACE,KADF;AArCN,SAAS,YAAY;AAErB,SAAS,YAAY,YAAY;AACjC,SAAS,WAAW,UAAU,gBAAgB;AAevC,MAAM,eAAe,KAAK,SAASA,cAAa;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,SAAS,UAAU;AACzB,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,MAAM;AAAA,MACX,SAAS,MAAM;AAAA,MACf,cAAc,WAAW,MAAM,KAAK;AAAA,MACpC,iBAAiB,WAAW,OAAO,QAAQ,SAAS,QAAQ;AAAA,MAC5D,QAAQ,WAAW,OAAO;AAAA,MAE1B;AAAA,6BAAC,QAAK,KAAK,MAAM,IACf;AAAA,8BAAC,WAAW,QAAX,EAAmB,iBAAM;AAAA,UAC1B,oBAAC,WAAW,QAAX,EAAkB,OAAO,OAAO,KAAK,WACnC,uBACH;AAAA,WACF;AAAA,QAEC,OAAO,SACN,qBAAC,QAAK,KAAK,MAAM,IACf;AAAA,8BAAC,WAAW,UAAX,EAAoB,mBAAK;AAAA,UAE1B,oBAAC,QAAK,KAAK,MAAM,IACd,gBAAM,IAAI,CAAC,SACV;AAAA,YAAC;AAAA;AAAA,cAEC,KAAK,MAAM;AAAA,cACX,SAAS,MAAM;AAAA,cACf,cAAc,MAAM;AAAA,cACpB,iBAAiB,OAAO,QAAQ,UAAU;AAAA,cAE1C;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAc;AAAA,oBACd,YAAW;AAAA,oBACX,gBAAe;AAAA,oBACf,KAAK,MAAM;AAAA,oBAEX;AAAA,0CAAC,WAAW,OAAX,EAAkB,eAAK,MAAK;AAAA,sBAE7B;AAAA,wBAAC;AAAA;AAAA,0BACC,mBAAmB,MAAM;AAAA,0BACzB,iBAAiB,MAAM;AAAA,0BACvB,cAAc,MAAM;AAAA,0BACpB,iBAAiB,OAAO,QAAQ,QAAQ;AAAA,0BAExC,8BAAC,WAAW,MAAX,EAAiB,eAAK,OAAM;AAAA;AAAA,sBAC/B;AAAA;AAAA;AAAA,gBACF;AAAA,gBAEC,KAAK,cACJ,oBAAC,WAAW,QAAX,EAAmB,eAAK,aAAY,IACnC;AAAA;AAAA;AAAA,YA1BC,KAAK;AAAA,UA2BZ,CACD,GACH;AAAA,WACF,IACE;AAAA,QAEJ,qBAAC,QAAK,KAAK,MAAM,IACf;AAAA,8BAAC,WAAW,SAAX,EAAmB,qBAAO;AAAA,UAC1B;AAAA,WACH;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["StoryExample"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/storybook",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0",
|
|
4
4
|
"description": "Shared Storybook stories and configuration for ImpulseUI Native components.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -28,9 +28,12 @@
|
|
|
28
28
|
],
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@impulse-ui-native/icon": "
|
|
32
|
-
"@impulse-ui-native/
|
|
33
|
-
"@impulse-ui-native/theme": "
|
|
31
|
+
"@impulse-ui-native/icon": "6.0.0",
|
|
32
|
+
"@impulse-ui-native/card": "6.0.0",
|
|
33
|
+
"@impulse-ui-native/theme": "6.0.0",
|
|
34
|
+
"@impulse-ui-native/primitives": "6.0.0",
|
|
35
|
+
"@impulse-ui-native/list": "6.0.0",
|
|
36
|
+
"@impulse-ui-native/progress": "6.0.0"
|
|
34
37
|
},
|
|
35
38
|
"devDependencies": {
|
|
36
39
|
"@shopify/react-native-skia": "2.6.2",
|
|
@@ -41,25 +44,30 @@
|
|
|
41
44
|
"react": "19.2.3",
|
|
42
45
|
"react-native": "0.86.2",
|
|
43
46
|
"typescript": "~6.0.3",
|
|
44
|
-
"@impulse-ui-native/accordion": "
|
|
45
|
-
"@impulse-ui-native/
|
|
46
|
-
"@impulse-ui-native/
|
|
47
|
+
"@impulse-ui-native/accordion": "6.0.0",
|
|
48
|
+
"@impulse-ui-native/checkbox": "6.0.0",
|
|
49
|
+
"@impulse-ui-native/charts": "6.0.0",
|
|
50
|
+
"@impulse-ui-native/core": "6.0.0",
|
|
51
|
+
"@impulse-ui-native/flyout": "6.0.0",
|
|
52
|
+
"@impulse-ui-native/data-state": "6.0.0",
|
|
53
|
+
"@impulse-ui-native/datetime": "6.0.0",
|
|
54
|
+
"@impulse-ui-native/form-field": "6.0.0",
|
|
47
55
|
"@impulse-ui-native/eslint-config": "1.0.0",
|
|
48
|
-
"@impulse-ui-native/
|
|
49
|
-
"@impulse-ui-native/
|
|
50
|
-
"@impulse-ui-native/
|
|
51
|
-
"@impulse-ui-native/
|
|
52
|
-
"@impulse-ui-native/
|
|
53
|
-
"@impulse-ui-native/
|
|
56
|
+
"@impulse-ui-native/overlay": "6.0.0",
|
|
57
|
+
"@impulse-ui-native/input": "6.0.0",
|
|
58
|
+
"@impulse-ui-native/portal": "6.0.0",
|
|
59
|
+
"@impulse-ui-native/pagination": "6.0.0",
|
|
60
|
+
"@impulse-ui-native/radio": "6.0.0",
|
|
61
|
+
"@impulse-ui-native/segmented-control": "6.0.0",
|
|
62
|
+
"@impulse-ui-native/skeleton": "6.0.0",
|
|
63
|
+
"@impulse-ui-native/select": "6.0.0",
|
|
64
|
+
"@impulse-ui-native/switch": "6.0.0",
|
|
54
65
|
"@impulse-ui-native/prettier-config": "1.0.0",
|
|
55
|
-
"@impulse-ui-native/
|
|
56
|
-
"@impulse-ui-native/
|
|
57
|
-
"@impulse-ui-native/
|
|
58
|
-
"@impulse-ui-native/
|
|
59
|
-
"@impulse-ui-native/
|
|
60
|
-
"@impulse-ui-native/flyout": "4.0.0",
|
|
61
|
-
"@impulse-ui-native/slider": "4.0.0",
|
|
62
|
-
"@impulse-ui-native/tsconfig": "1.0.0"
|
|
66
|
+
"@impulse-ui-native/slider": "6.0.0",
|
|
67
|
+
"@impulse-ui-native/stepper": "6.0.0",
|
|
68
|
+
"@impulse-ui-native/tsconfig": "1.0.0",
|
|
69
|
+
"@impulse-ui-native/toast": "6.0.0",
|
|
70
|
+
"@impulse-ui-native/carousel": "6.0.0"
|
|
63
71
|
},
|
|
64
72
|
"peerDependencies": {
|
|
65
73
|
"react": ">=18",
|