@vitus-labs/rocketstories 2.5.0 → 2.6.1
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/lib/index.js +12 -12
- package/package.json +7 -7
package/lib/index.js
CHANGED
|
@@ -633,8 +633,8 @@ const Wrapper = config.styled("div")`
|
|
|
633
633
|
display: flex;
|
|
634
634
|
font-size: 32px;
|
|
635
635
|
`;
|
|
636
|
-
const component$
|
|
637
|
-
component$
|
|
636
|
+
const component$1 = () => /* @__PURE__ */ jsx(Wrapper, { children: "Nothing here" });
|
|
637
|
+
component$1.displayName = "@vitus-labs/rocketstories/Empty";
|
|
638
638
|
|
|
639
639
|
//#endregion
|
|
640
640
|
//#region src/utils/code.ts
|
|
@@ -789,7 +789,7 @@ const Provider = ({ children, ...props }) => /* @__PURE__ */ jsx(ContextProvider
|
|
|
789
789
|
* Retrieves the component from context and renders it with the given
|
|
790
790
|
* props, optionally prefixed by a level2 Heading showing the item title.
|
|
791
791
|
*/
|
|
792
|
-
const
|
|
792
|
+
const Item = ({ title, ...props }) => {
|
|
793
793
|
const { component } = useContext$1();
|
|
794
794
|
return /* @__PURE__ */ jsxs("div", { children: [title && /* @__PURE__ */ jsx(Heading_default, {
|
|
795
795
|
level2: true,
|
|
@@ -807,7 +807,7 @@ const pseudo = [
|
|
|
807
807
|
];
|
|
808
808
|
const component = ({ itemProps }) => /* @__PURE__ */ jsx(Fragment, { children: pseudo.map((item) => {
|
|
809
809
|
const pseudoProps = { [item]: true };
|
|
810
|
-
return /* @__PURE__ */ jsx(
|
|
810
|
+
return /* @__PURE__ */ jsx(Item, {
|
|
811
811
|
title: item,
|
|
812
812
|
...itemProps,
|
|
813
813
|
...pseudoProps
|
|
@@ -822,9 +822,9 @@ const component = ({ itemProps }) => /* @__PURE__ */ jsx(Fragment, { children: p
|
|
|
822
822
|
* PseudoList when pseudo-state visualization is enabled). Generates
|
|
823
823
|
* corresponding JSX code snippets and Storybook controls.
|
|
824
824
|
*/
|
|
825
|
-
const renderDimension = (dimension, { name, component: component$
|
|
826
|
-
const statics = component$
|
|
827
|
-
const defaultAttrs = component$
|
|
825
|
+
const renderDimension = (dimension, { name, component: component$2, attrs = {}, controls, storyOptions = {}, ignore = [], theme = {} }) => {
|
|
826
|
+
const statics = component$2.getStaticDimensions(theme);
|
|
827
|
+
const defaultAttrs = component$2.getDefaultAttrs(attrs, theme, "light");
|
|
828
828
|
const { dimensions, useBooleans, multiKeys } = statics;
|
|
829
829
|
const finalAttrs = {
|
|
830
830
|
...defaultAttrs,
|
|
@@ -832,11 +832,11 @@ const renderDimension = (dimension, { name, component: component$3, attrs = {},
|
|
|
832
832
|
};
|
|
833
833
|
const currentDimension = dimensions[dimension];
|
|
834
834
|
const isMultiKey = !!multiKeys[dimension];
|
|
835
|
-
if (isEmpty(currentDimension)) return component$
|
|
835
|
+
if (isEmpty(currentDimension)) return component$1;
|
|
836
836
|
const createdControls = createControls(controls);
|
|
837
837
|
const dimensionControls = convertDimensionsToControls(statics);
|
|
838
838
|
const storybookControls = makeStorybookControls({
|
|
839
|
-
...getDefaultVitusLabsControls(component$
|
|
839
|
+
...getDefaultVitusLabsControls(component$2),
|
|
840
840
|
...createdControls,
|
|
841
841
|
...dimensionControls
|
|
842
842
|
}, defaultAttrs);
|
|
@@ -878,7 +878,7 @@ const renderDimension = (dimension, { name, component: component$3, attrs = {},
|
|
|
878
878
|
contentDirection: storyOptions.direction,
|
|
879
879
|
contentAlignY: "top",
|
|
880
880
|
children: /* @__PURE__ */ jsx(Provider, {
|
|
881
|
-
component: component$
|
|
881
|
+
component: component$2,
|
|
882
882
|
children: /* @__PURE__ */ jsx(component, { itemProps: {
|
|
883
883
|
...props,
|
|
884
884
|
[dimension]: isMultiKey ? [item] : item
|
|
@@ -889,8 +889,8 @@ const renderDimension = (dimension, { name, component: component$3, attrs = {},
|
|
|
889
889
|
return /* @__PURE__ */ jsx(WrapElement, {
|
|
890
890
|
...storyProps,
|
|
891
891
|
children: /* @__PURE__ */ jsx(Provider, {
|
|
892
|
-
component: component$
|
|
893
|
-
children: /* @__PURE__ */ jsx(
|
|
892
|
+
component: component$2,
|
|
893
|
+
children: /* @__PURE__ */ jsx(Item, {
|
|
894
894
|
...props,
|
|
895
895
|
[dimension]: isMultiKey ? [item] : item
|
|
896
896
|
})
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vitus-labs/rocketstories",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.6.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Vit Bokisch <vit@bokisch.cz>",
|
|
6
6
|
"maintainers": [
|
|
@@ -65,9 +65,9 @@
|
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
67
67
|
"@storybook/react": "^10.3.6",
|
|
68
|
-
"@vitus-labs/core": "^2.
|
|
69
|
-
"@vitus-labs/rocketstyle": "^2.
|
|
70
|
-
"@vitus-labs/unistyle": "^2.
|
|
68
|
+
"@vitus-labs/core": "^2.6.1",
|
|
69
|
+
"@vitus-labs/rocketstyle": "^2.6.1",
|
|
70
|
+
"@vitus-labs/unistyle": "^2.6.1",
|
|
71
71
|
"react": ">= 19"
|
|
72
72
|
},
|
|
73
73
|
"dependencies": {
|
|
@@ -76,9 +76,9 @@
|
|
|
76
76
|
"devDependencies": {
|
|
77
77
|
"@vitus-labs/core": "workspace:*",
|
|
78
78
|
"@vitus-labs/rocketstyle": "workspace:*",
|
|
79
|
-
"@vitus-labs/tools-rolldown": "2.3.
|
|
80
|
-
"@vitus-labs/tools-storybook": "2.3.
|
|
81
|
-
"@vitus-labs/tools-typescript": "2.3.
|
|
79
|
+
"@vitus-labs/tools-rolldown": "2.3.1",
|
|
80
|
+
"@vitus-labs/tools-storybook": "2.3.1",
|
|
81
|
+
"@vitus-labs/tools-typescript": "2.3.1",
|
|
82
82
|
"@vitus-labs/unistyle": "workspace:*"
|
|
83
83
|
}
|
|
84
84
|
}
|