@impulse-ui-native/storybook 15.0.5 → 17.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
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
# @impulse-ui-native/storybook
|
|
2
|
-
|
|
3
|
-
Shared constants and metadata helpers used by the Impulse UI Native Storybook application.
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
```sh
|
|
8
|
-
pnpm add -D @impulse-ui-native/storybook
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
This is an authoring-support package rather than a UI component package.
|
|
12
|
-
|
|
13
|
-
## Main exports
|
|
14
|
-
|
|
15
|
-
- `createStoryDescription(notes)` produces the notes metadata for an individual story.
|
|
16
|
-
- `createComponentDescription(notes)` produces component-level notes metadata.
|
|
17
|
-
- `ComponentSizeOptions` contains `small`, `medium`, and `large`.
|
|
18
|
-
- `ActionVariantOptions`, `DisplayVariantOptions`, `FieldVariantOptions`, and
|
|
19
|
-
`SelectionVariantOptions` expose the variants supported by each component
|
|
20
|
-
family.
|
|
21
|
-
|
|
22
|
-
## Usage
|
|
23
|
-
|
|
24
|
-
```ts
|
|
25
|
-
import {
|
|
26
|
-
ComponentSizeOptions,
|
|
27
|
-
createComponentDescription,
|
|
28
|
-
} from "@impulse-ui-native/storybook";
|
|
29
|
-
|
|
30
|
-
export default {
|
|
31
|
-
title: "Primitives/Button",
|
|
32
|
-
parameters: createComponentDescription("A token-driven action control."),
|
|
33
|
-
argTypes: {
|
|
34
|
-
size: { options: ComponentSizeOptions, control: "select" },
|
|
35
|
-
},
|
|
36
|
-
};
|
|
37
|
-
```
|
|
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 Storybook host and are not part of the public root export.
|
|
40
|
-
|
|
41
|
-
## Agent and design reference
|
|
42
|
-
|
|
43
|
-
Start with the [capability guide](../../docs/design-system/capabilities/storybook.md) for supported exports, props, defaults, composition rules, setup, and recipes. Use the [component chooser](../../docs/design-system/component-chooser.md) to select a package. These references describe the repository source; verify your installed package version before copying examples.
|
|
44
|
-
|
|
45
|
-
## Library design recipes
|
|
46
|
-
|
|
47
|
-
The native host includes **Design system/Recipes**: realistic forms, filters, cards, data states, overlays, charts, color editing, onboarding and a variant/tone comparison. Recipe TS/TSX source is maintained in `docs/design-system/recipes/` and compiled against the public library APIs by `pnpm docs:check`. These are application compositions, not additional public component exports. The host loads the configured Montserrat family before rendering previews.
|
|
1
|
+
# @impulse-ui-native/storybook
|
|
2
|
+
|
|
3
|
+
Shared constants and metadata helpers used by the Impulse UI Native Storybook application.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
pnpm add -D @impulse-ui-native/storybook
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
This is an authoring-support package rather than a UI component package.
|
|
12
|
+
|
|
13
|
+
## Main exports
|
|
14
|
+
|
|
15
|
+
- `createStoryDescription(notes)` produces the notes metadata for an individual story.
|
|
16
|
+
- `createComponentDescription(notes)` produces component-level notes metadata.
|
|
17
|
+
- `ComponentSizeOptions` contains `small`, `medium`, and `large`.
|
|
18
|
+
- `ActionVariantOptions`, `DisplayVariantOptions`, `FieldVariantOptions`, and
|
|
19
|
+
`SelectionVariantOptions` expose the variants supported by each component
|
|
20
|
+
family.
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```ts
|
|
25
|
+
import {
|
|
26
|
+
ComponentSizeOptions,
|
|
27
|
+
createComponentDescription,
|
|
28
|
+
} from "@impulse-ui-native/storybook";
|
|
29
|
+
|
|
30
|
+
export default {
|
|
31
|
+
title: "Primitives/Button",
|
|
32
|
+
parameters: createComponentDescription("A token-driven action control."),
|
|
33
|
+
argTypes: {
|
|
34
|
+
size: { options: ComponentSizeOptions, control: "select" },
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
```
|
|
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 Storybook host and are not part of the public root export.
|
|
40
|
+
|
|
41
|
+
## Agent and design reference
|
|
42
|
+
|
|
43
|
+
Start with the [capability guide](../../docs/design-system/capabilities/storybook.md) for supported exports, props, defaults, composition rules, setup, and recipes. Use the [component chooser](../../docs/design-system/component-chooser.md) to select a package. These references describe the repository source; verify your installed package version before copying examples.
|
|
44
|
+
|
|
45
|
+
## Library design recipes
|
|
46
|
+
|
|
47
|
+
The native host includes **Design system/Recipes**: realistic forms, filters, cards, data states, overlays, charts, color editing, onboarding and a variant/tone comparison. Recipe TS/TSX source is maintained in `docs/design-system/recipes/` and compiled against the public library APIs by `pnpm docs:check`. These are application compositions, not additional public component exports. The host loads the configured Montserrat family before rendering previews.
|
|
@@ -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 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.default.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.canvas.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,QAAQ;AAAA,cAExC;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,OAAO;AAAA,0BAEvC,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"]}
|
|
1
|
+
{"version":3,"sources":["../../src/components/story-example.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\r\nimport { memo } from \"react\";\r\n\r\nimport { Typography, View } from \"@impulse-ui-native/primitives\";\r\nimport { useColors, useRadii, useSpace } from \"@impulse-ui-native/theme\";\r\n\r\nexport interface StoryExamplePropDefinition {\r\n name: string;\r\n value: string;\r\n description?: string;\r\n}\r\n\r\ninterface StoryExampleProps extends PropsWithChildren {\r\n title: string;\r\n description: string;\r\n props?: StoryExamplePropDefinition[];\r\n elevated?: boolean;\r\n}\r\n\r\nexport const StoryExample = memo(function StoryExample({\r\n title,\r\n description,\r\n props,\r\n children,\r\n elevated,\r\n}: StoryExampleProps) {\r\n const colors = useColors();\r\n const radii = useRadii();\r\n const space = useSpace();\r\n\r\n return (\r\n <View\r\n gap={space.md}\r\n padding={space.sm}\r\n borderRadius={elevated ? radii.sm : undefined}\r\n backgroundColor={elevated ? colors.surface.elevated.value : undefined}\r\n shadow={elevated ? \"sm\" : undefined}\r\n >\r\n <View gap={space.xs}>\r\n <Typography.Title4>{title}</Typography.Title4>\r\n <Typography.Master color={colors.text.secondary}>\r\n {description}\r\n </Typography.Master>\r\n </View>\r\n\r\n {props?.length ? (\r\n <View gap={space.sm}>\r\n <Typography.Overline>Props</Typography.Overline>\r\n\r\n <View gap={space.xs}>\r\n {props.map((prop) => (\r\n <View\r\n key={prop.name}\r\n gap={space.xs}\r\n padding={space.xs}\r\n borderRadius={radii.md}\r\n backgroundColor={colors.surface.default.value}\r\n >\r\n <View\r\n flexDirection=\"row\"\r\n alignItems=\"center\"\r\n justifyContent=\"space-between\"\r\n gap={space.sm}\r\n >\r\n <Typography.Label>{prop.name}</Typography.Label>\r\n\r\n <View\r\n paddingHorizontal={space.xs}\r\n paddingVertical={space.xxs}\r\n borderRadius={radii.sm}\r\n backgroundColor={colors.surface.canvas.value}\r\n >\r\n <Typography.Code>{prop.value}</Typography.Code>\r\n </View>\r\n </View>\r\n\r\n {prop.description ? (\r\n <Typography.Helper>{prop.description}</Typography.Helper>\r\n ) : null}\r\n </View>\r\n ))}\r\n </View>\r\n </View>\r\n ) : null}\r\n\r\n <View gap={space.xs}>\r\n <Typography.Caption>Preview</Typography.Caption>\r\n {children}\r\n </View>\r\n </View>\r\n );\r\n});\r\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,QAAQ;AAAA,cAExC;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,OAAO;AAAA,0BAEvC,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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/constants/storybook.constants.ts"],"sourcesContent":["import type {\n ActionVariant,\n ButtonTone,\n ComponentSize,\n ComponentTone,\n DisplayVariant,\n FieldTone,\n FieldVariant,\n SelectionVariant,\n} from \"@impulse-ui-native/theme\";\n\nexport const ComponentSizeOptions = [\n \"small\",\n \"medium\",\n \"large\",\n] satisfies ComponentSize[];\n\nexport const ActionVariantOptions = [\n \"filled\",\n \"outlined\",\n \"soft\",\n \"ghost\",\n] satisfies ActionVariant[];\n\nexport const DisplayVariantOptions = [\n \"filled\",\n \"outlined\",\n \"soft\",\n] satisfies DisplayVariant[];\n\nexport const FieldVariantOptions = [\n \"filled\",\n \"outlined\",\n \"soft\",\n] satisfies FieldVariant[];\n\nexport const FieldToneOptions = [\n \"neutral\",\n \"primary\",\n \"secondary\",\n] satisfies FieldTone[];\n\nexport const SelectionVariantOptions = [\n \"filled\",\n \"outlined\",\n \"soft\",\n] satisfies SelectionVariant[];\n\n/** @deprecated Use the options for the relevant component family. */\nexport const ComponentVariantOptions = ActionVariantOptions;\n\nexport const ButtonToneOptions = [\n \"neutral\",\n \"primary\",\n \"secondary\",\n] satisfies ButtonTone[];\n\nexport const ComponentToneOptions = [\n \"neutral\",\n \"primary\",\n \"secondary\",\n] satisfies ComponentTone[];\n"],"mappings":"AAWO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,0BAA0B;AAEhC,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/constants/storybook.constants.ts"],"sourcesContent":["import type {\r\n ActionVariant,\r\n ButtonTone,\r\n ComponentSize,\r\n ComponentTone,\r\n DisplayVariant,\r\n FieldTone,\r\n FieldVariant,\r\n SelectionVariant,\r\n} from \"@impulse-ui-native/theme\";\r\n\r\nexport const ComponentSizeOptions = [\r\n \"small\",\r\n \"medium\",\r\n \"large\",\r\n] satisfies ComponentSize[];\r\n\r\nexport const ActionVariantOptions = [\r\n \"filled\",\r\n \"outlined\",\r\n \"soft\",\r\n \"ghost\",\r\n] satisfies ActionVariant[];\r\n\r\nexport const DisplayVariantOptions = [\r\n \"filled\",\r\n \"outlined\",\r\n \"soft\",\r\n] satisfies DisplayVariant[];\r\n\r\nexport const FieldVariantOptions = [\r\n \"filled\",\r\n \"outlined\",\r\n \"soft\",\r\n] satisfies FieldVariant[];\r\n\r\nexport const FieldToneOptions = [\r\n \"neutral\",\r\n \"primary\",\r\n \"secondary\",\r\n] satisfies FieldTone[];\r\n\r\nexport const SelectionVariantOptions = [\r\n \"filled\",\r\n \"outlined\",\r\n \"soft\",\r\n] satisfies SelectionVariant[];\r\n\r\n/** @deprecated Use the options for the relevant component family. */\r\nexport const ComponentVariantOptions = ActionVariantOptions;\r\n\r\nexport const ButtonToneOptions = [\r\n \"neutral\",\r\n \"primary\",\r\n \"secondary\",\r\n] satisfies ButtonTone[];\r\n\r\nexport const ComponentToneOptions = [\r\n \"neutral\",\r\n \"primary\",\r\n \"secondary\",\r\n] satisfies ComponentTone[];\r\n"],"mappings":"AAWO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,0BAA0B;AAEhC,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/storybook",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "17.0.0",
|
|
4
4
|
"description": "Shared Storybook stories and configuration for ImpulseUI Native components.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -28,39 +28,39 @@
|
|
|
28
28
|
],
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@impulse-ui-native/icon": "
|
|
32
|
-
"@impulse-ui-native/primitives": "
|
|
33
|
-
"@impulse-ui-native/theme": "
|
|
34
|
-
"@impulse-ui-native/card": "
|
|
35
|
-
"@impulse-ui-native/list": "
|
|
36
|
-
"@impulse-ui-native/progress": "
|
|
37
|
-
"@impulse-ui-native/flat-list": "
|
|
38
|
-
"@impulse-ui-native/color-picker": "
|
|
39
|
-
"@impulse-ui-native/icon-view": "
|
|
31
|
+
"@impulse-ui-native/icon": "17.0.0",
|
|
32
|
+
"@impulse-ui-native/primitives": "17.0.0",
|
|
33
|
+
"@impulse-ui-native/theme": "17.0.0",
|
|
34
|
+
"@impulse-ui-native/card": "17.0.0",
|
|
35
|
+
"@impulse-ui-native/list": "17.0.0",
|
|
36
|
+
"@impulse-ui-native/progress": "17.0.0",
|
|
37
|
+
"@impulse-ui-native/flat-list": "17.0.0",
|
|
38
|
+
"@impulse-ui-native/color-picker": "17.0.0",
|
|
39
|
+
"@impulse-ui-native/icon-view": "17.0.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@impulse-ui-native/popover": "
|
|
43
|
-
"@impulse-ui-native/core": "
|
|
44
|
-
"@impulse-ui-native/accordion": "
|
|
45
|
-
"@impulse-ui-native/charts": "
|
|
46
|
-
"@impulse-ui-native/checkbox": "
|
|
47
|
-
"@impulse-ui-native/data-state": "
|
|
48
|
-
"@impulse-ui-native/datetime": "
|
|
42
|
+
"@impulse-ui-native/popover": "17.0.0",
|
|
43
|
+
"@impulse-ui-native/core": "17.0.0",
|
|
44
|
+
"@impulse-ui-native/accordion": "17.0.0",
|
|
45
|
+
"@impulse-ui-native/charts": "17.0.0",
|
|
46
|
+
"@impulse-ui-native/checkbox": "17.0.0",
|
|
47
|
+
"@impulse-ui-native/data-state": "17.0.0",
|
|
48
|
+
"@impulse-ui-native/datetime": "17.0.0",
|
|
49
49
|
"@impulse-ui-native/eslint-config": "1.0.0",
|
|
50
|
-
"@impulse-ui-native/flyout": "
|
|
51
|
-
"@impulse-ui-native/form-field": "
|
|
52
|
-
"@impulse-ui-native/input": "
|
|
53
|
-
"@impulse-ui-native/overlay": "
|
|
54
|
-
"@impulse-ui-native/pagination": "
|
|
55
|
-
"@impulse-ui-native/portal": "
|
|
50
|
+
"@impulse-ui-native/flyout": "17.0.0",
|
|
51
|
+
"@impulse-ui-native/form-field": "17.0.0",
|
|
52
|
+
"@impulse-ui-native/input": "17.0.0",
|
|
53
|
+
"@impulse-ui-native/overlay": "17.0.0",
|
|
54
|
+
"@impulse-ui-native/pagination": "17.0.0",
|
|
55
|
+
"@impulse-ui-native/portal": "17.0.0",
|
|
56
56
|
"@impulse-ui-native/prettier-config": "1.0.0",
|
|
57
|
-
"@impulse-ui-native/radio": "
|
|
58
|
-
"@impulse-ui-native/segmented-control": "
|
|
59
|
-
"@impulse-ui-native/select": "
|
|
60
|
-
"@impulse-ui-native/skeleton": "
|
|
61
|
-
"@impulse-ui-native/stepper": "
|
|
62
|
-
"@impulse-ui-native/switch": "
|
|
63
|
-
"@impulse-ui-native/slider": "
|
|
57
|
+
"@impulse-ui-native/radio": "17.0.0",
|
|
58
|
+
"@impulse-ui-native/segmented-control": "17.0.0",
|
|
59
|
+
"@impulse-ui-native/select": "17.0.0",
|
|
60
|
+
"@impulse-ui-native/skeleton": "17.0.0",
|
|
61
|
+
"@impulse-ui-native/stepper": "17.0.0",
|
|
62
|
+
"@impulse-ui-native/switch": "17.0.0",
|
|
63
|
+
"@impulse-ui-native/slider": "17.0.0",
|
|
64
64
|
"@impulse-ui-native/tsconfig": "1.0.0",
|
|
65
65
|
"@shopify/react-native-skia": "2.14.0",
|
|
66
66
|
"@storybook/react": "^10.0.0",
|
|
@@ -70,10 +70,10 @@
|
|
|
70
70
|
"react": "19.3.0",
|
|
71
71
|
"react-native": "0.88.0",
|
|
72
72
|
"typescript": "~6.0.3",
|
|
73
|
-
"@impulse-ui-native/carousel": "
|
|
74
|
-
"@impulse-ui-native/toast": "
|
|
75
|
-
"@impulse-ui-native/modal": "
|
|
76
|
-
"@impulse-ui-native/tabs": "
|
|
73
|
+
"@impulse-ui-native/carousel": "17.0.0",
|
|
74
|
+
"@impulse-ui-native/toast": "17.0.0",
|
|
75
|
+
"@impulse-ui-native/modal": "17.0.0",
|
|
76
|
+
"@impulse-ui-native/tabs": "17.0.0"
|
|
77
77
|
},
|
|
78
78
|
"peerDependencies": {
|
|
79
79
|
"react": ">=18",
|