@impulse-ui-native/storybook 3.0.0 → 4.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
|
@@ -15,7 +15,9 @@ This is an authoring-support package rather than a UI component package.
|
|
|
15
15
|
- `createStoryDescription(notes)` produces the notes metadata for an individual story.
|
|
16
16
|
- `createComponentDescription(notes)` produces component-level notes metadata.
|
|
17
17
|
- `ComponentSizeOptions` contains `small`, `medium`, and `large`.
|
|
18
|
-
- `
|
|
18
|
+
- `ActionVariantOptions`, `DisplayVariantOptions`, `FieldVariantOptions`, and
|
|
19
|
+
`SelectionVariantOptions` expose the variants supported by each component
|
|
20
|
+
family.
|
|
19
21
|
|
|
20
22
|
## Usage
|
|
21
23
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { ComponentSizeOptions, ComponentVariantOptions } from './storybook.constants.mjs';
|
|
1
|
+
export { ActionVariantOptions, ComponentSizeOptions, ComponentVariantOptions, DisplayVariantOptions, FieldVariantOptions, SelectionVariantOptions } from './storybook.constants.mjs';
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
declare const ComponentSizeOptions: ("small" | "medium" | "large")[];
|
|
2
|
-
declare const
|
|
2
|
+
declare const ActionVariantOptions: ("filled" | "outlined" | "soft" | "ghost")[];
|
|
3
|
+
declare const DisplayVariantOptions: ("filled" | "outlined" | "soft")[];
|
|
4
|
+
declare const FieldVariantOptions: ("filled" | "outlined")[];
|
|
5
|
+
declare const SelectionVariantOptions: ("filled" | "outlined" | "soft")[];
|
|
6
|
+
/** @deprecated Use the options for the relevant component family. */
|
|
7
|
+
declare const ComponentVariantOptions: ("filled" | "outlined" | "soft" | "ghost")[];
|
|
3
8
|
|
|
4
|
-
export { ComponentSizeOptions, ComponentVariantOptions };
|
|
9
|
+
export { ActionVariantOptions, ComponentSizeOptions, ComponentVariantOptions, DisplayVariantOptions, FieldVariantOptions, SelectionVariantOptions };
|
|
@@ -3,15 +3,33 @@ const ComponentSizeOptions = [
|
|
|
3
3
|
"medium",
|
|
4
4
|
"large"
|
|
5
5
|
];
|
|
6
|
-
const
|
|
6
|
+
const ActionVariantOptions = [
|
|
7
7
|
"filled",
|
|
8
8
|
"outlined",
|
|
9
9
|
"soft",
|
|
10
|
-
"ghost"
|
|
11
|
-
"plain"
|
|
10
|
+
"ghost"
|
|
12
11
|
];
|
|
12
|
+
const DisplayVariantOptions = [
|
|
13
|
+
"filled",
|
|
14
|
+
"outlined",
|
|
15
|
+
"soft"
|
|
16
|
+
];
|
|
17
|
+
const FieldVariantOptions = [
|
|
18
|
+
"filled",
|
|
19
|
+
"outlined"
|
|
20
|
+
];
|
|
21
|
+
const SelectionVariantOptions = [
|
|
22
|
+
"filled",
|
|
23
|
+
"outlined",
|
|
24
|
+
"soft"
|
|
25
|
+
];
|
|
26
|
+
const ComponentVariantOptions = ActionVariantOptions;
|
|
13
27
|
export {
|
|
28
|
+
ActionVariantOptions,
|
|
14
29
|
ComponentSizeOptions,
|
|
15
|
-
ComponentVariantOptions
|
|
30
|
+
ComponentVariantOptions,
|
|
31
|
+
DisplayVariantOptions,
|
|
32
|
+
FieldVariantOptions,
|
|
33
|
+
SelectionVariantOptions
|
|
16
34
|
};
|
|
17
35
|
//# sourceMappingURL=storybook.constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/constants/storybook.constants.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"sources":["../../src/constants/storybook.constants.ts"],"sourcesContent":["import type {\n ActionVariant,\n ComponentSize,\n DisplayVariant,\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] satisfies FieldVariant[];\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"],"mappings":"AAQO,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;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,0BAA0B;","names":[]}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { createComponentDescription, createStoryDescription } from './utils/storybook.utils.mjs';
|
|
2
|
-
export { ComponentSizeOptions, ComponentVariantOptions } from './constants/storybook.constants.mjs';
|
|
2
|
+
export { ActionVariantOptions, ComponentSizeOptions, ComponentVariantOptions, DisplayVariantOptions, FieldVariantOptions, SelectionVariantOptions } from './constants/storybook.constants.mjs';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/storybook",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"description": "Shared Storybook stories and configuration for ImpulseUI Native components.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -28,9 +28,9 @@
|
|
|
28
28
|
],
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@impulse-ui-native/
|
|
32
|
-
"@impulse-ui-native/
|
|
33
|
-
"@impulse-ui-native/theme": "
|
|
31
|
+
"@impulse-ui-native/icon": "4.0.0",
|
|
32
|
+
"@impulse-ui-native/primitives": "4.0.0",
|
|
33
|
+
"@impulse-ui-native/theme": "4.0.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@shopify/react-native-skia": "2.6.2",
|
|
@@ -41,25 +41,25 @@
|
|
|
41
41
|
"react": "19.2.3",
|
|
42
42
|
"react-native": "0.86.2",
|
|
43
43
|
"typescript": "~6.0.3",
|
|
44
|
-
"@impulse-ui-native/accordion": "
|
|
45
|
-
"@impulse-ui-native/
|
|
46
|
-
"@impulse-ui-native/
|
|
44
|
+
"@impulse-ui-native/accordion": "4.0.0",
|
|
45
|
+
"@impulse-ui-native/charts": "4.0.0",
|
|
46
|
+
"@impulse-ui-native/datetime": "4.0.0",
|
|
47
47
|
"@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/overlay": "
|
|
54
|
-
"@impulse-ui-native/portal": "3.0.0",
|
|
48
|
+
"@impulse-ui-native/checkbox": "4.0.0",
|
|
49
|
+
"@impulse-ui-native/form-field": "4.0.0",
|
|
50
|
+
"@impulse-ui-native/input": "4.0.0",
|
|
51
|
+
"@impulse-ui-native/portal": "4.0.0",
|
|
52
|
+
"@impulse-ui-native/data-state": "4.0.0",
|
|
53
|
+
"@impulse-ui-native/overlay": "4.0.0",
|
|
55
54
|
"@impulse-ui-native/prettier-config": "1.0.0",
|
|
56
|
-
"@impulse-ui-native/
|
|
57
|
-
"@impulse-ui-native/
|
|
58
|
-
"@impulse-ui-native/
|
|
59
|
-
"@impulse-ui-native/
|
|
60
|
-
"@impulse-ui-native/switch": "
|
|
61
|
-
"@impulse-ui-native/
|
|
62
|
-
"@impulse-ui-native/slider": "
|
|
55
|
+
"@impulse-ui-native/skeleton": "4.0.0",
|
|
56
|
+
"@impulse-ui-native/select": "4.0.0",
|
|
57
|
+
"@impulse-ui-native/radio": "4.0.0",
|
|
58
|
+
"@impulse-ui-native/stepper": "4.0.0",
|
|
59
|
+
"@impulse-ui-native/switch": "4.0.0",
|
|
60
|
+
"@impulse-ui-native/flyout": "4.0.0",
|
|
61
|
+
"@impulse-ui-native/slider": "4.0.0",
|
|
62
|
+
"@impulse-ui-native/tsconfig": "1.0.0"
|
|
63
63
|
},
|
|
64
64
|
"peerDependencies": {
|
|
65
65
|
"react": ">=18",
|