@impulse-ui-native/storybook 11.0.0 → 11.1.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.
Files changed (3) hide show
  1. package/dist/components/story-example.js +2 -2
  2. package/dist/components/story-example.js.map +1 -1
  3. package/package.json +33 -33
package/dist/components/story-example.js CHANGED
@@ -33,7 +33,7 @@ const StoryExample = memo(function StoryExample2({
33
33
  gap: space.xs,
34
34
  padding: space.xs,
35
35
  borderRadius: radii.md,
36
- backgroundColor: colors.surface.secondary.value,
36
+ backgroundColor: colors.surface.default.value,
37
37
  children: [
38
38
  /* @__PURE__ */ jsxs(
39
39
  View,
@@ -50,7 +50,7 @@ const StoryExample = memo(function StoryExample2({
50
50
  paddingHorizontal: space.xs,
51
51
  paddingVertical: space.xxs,
52
52
  borderRadius: radii.sm,
53
- backgroundColor: colors.surface.primary.value,
53
+ backgroundColor: colors.surface.canvas.value,
54
54
  children: /* @__PURE__ */ jsx(Typography.Code, { children: prop.value })
55
55
  }
56
56
  )
package/dist/components/story-example.js.map CHANGED
@@ -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.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"]}
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"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@impulse-ui-native/storybook",
3
- "version": "11.0.0",
3
+ "version": "11.1.0",
4
4
  "description": "Shared Storybook stories and configuration for ImpulseUI Native components.",
5
5
  "keywords": [
6
6
  "react-native",
@@ -28,38 +28,38 @@
28
28
  ],
29
29
  "sideEffects": false,
30
30
  "dependencies": {
31
- "@impulse-ui-native/icon": "11.0.0",
32
- "@impulse-ui-native/primitives": "11.0.0",
33
- "@impulse-ui-native/theme": "11.0.0",
34
- "@impulse-ui-native/card": "11.0.0",
35
- "@impulse-ui-native/list": "11.0.0",
36
- "@impulse-ui-native/progress": "11.0.0",
37
- "@impulse-ui-native/flat-list": "11.0.0",
38
- "@impulse-ui-native/color-picker": "11.0.0"
31
+ "@impulse-ui-native/icon": "11.1.0",
32
+ "@impulse-ui-native/primitives": "11.1.0",
33
+ "@impulse-ui-native/theme": "11.1.0",
34
+ "@impulse-ui-native/card": "11.1.0",
35
+ "@impulse-ui-native/list": "11.1.0",
36
+ "@impulse-ui-native/progress": "11.1.0",
37
+ "@impulse-ui-native/flat-list": "11.1.0",
38
+ "@impulse-ui-native/color-picker": "11.1.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@impulse-ui-native/popover": "11.0.0",
42
- "@impulse-ui-native/core": "11.0.0",
43
- "@impulse-ui-native/accordion": "11.0.0",
44
- "@impulse-ui-native/charts": "11.0.0",
45
- "@impulse-ui-native/checkbox": "11.0.0",
46
- "@impulse-ui-native/data-state": "11.0.0",
47
- "@impulse-ui-native/datetime": "11.0.0",
41
+ "@impulse-ui-native/popover": "11.1.0",
42
+ "@impulse-ui-native/core": "11.1.0",
43
+ "@impulse-ui-native/accordion": "11.1.0",
44
+ "@impulse-ui-native/charts": "11.1.0",
45
+ "@impulse-ui-native/checkbox": "11.1.0",
46
+ "@impulse-ui-native/data-state": "11.1.0",
47
+ "@impulse-ui-native/datetime": "11.1.0",
48
48
  "@impulse-ui-native/eslint-config": "1.0.0",
49
- "@impulse-ui-native/flyout": "11.0.0",
50
- "@impulse-ui-native/form-field": "11.0.0",
51
- "@impulse-ui-native/input": "11.0.0",
52
- "@impulse-ui-native/overlay": "11.0.0",
53
- "@impulse-ui-native/pagination": "11.0.0",
54
- "@impulse-ui-native/portal": "11.0.0",
49
+ "@impulse-ui-native/flyout": "11.1.0",
50
+ "@impulse-ui-native/form-field": "11.1.0",
51
+ "@impulse-ui-native/input": "11.1.0",
52
+ "@impulse-ui-native/overlay": "11.1.0",
53
+ "@impulse-ui-native/pagination": "11.1.0",
54
+ "@impulse-ui-native/portal": "11.1.0",
55
55
  "@impulse-ui-native/prettier-config": "1.0.0",
56
- "@impulse-ui-native/radio": "11.0.0",
57
- "@impulse-ui-native/segmented-control": "11.0.0",
58
- "@impulse-ui-native/select": "11.0.0",
59
- "@impulse-ui-native/skeleton": "11.0.0",
60
- "@impulse-ui-native/stepper": "11.0.0",
61
- "@impulse-ui-native/switch": "11.0.0",
62
- "@impulse-ui-native/slider": "11.0.0",
56
+ "@impulse-ui-native/radio": "11.1.0",
57
+ "@impulse-ui-native/segmented-control": "11.1.0",
58
+ "@impulse-ui-native/select": "11.1.0",
59
+ "@impulse-ui-native/skeleton": "11.1.0",
60
+ "@impulse-ui-native/stepper": "11.1.0",
61
+ "@impulse-ui-native/switch": "11.1.0",
62
+ "@impulse-ui-native/slider": "11.1.0",
63
63
  "@impulse-ui-native/tsconfig": "1.0.0",
64
64
  "@shopify/react-native-skia": "2.14.0",
65
65
  "@storybook/react": "^10.0.0",
@@ -69,10 +69,10 @@
69
69
  "react": "19.3.0",
70
70
  "react-native": "0.88.0",
71
71
  "typescript": "~6.0.3",
72
- "@impulse-ui-native/carousel": "11.0.0",
73
- "@impulse-ui-native/toast": "11.0.0",
74
- "@impulse-ui-native/modal": "11.0.0",
75
- "@impulse-ui-native/tabs": "11.0.0"
72
+ "@impulse-ui-native/carousel": "11.1.0",
73
+ "@impulse-ui-native/toast": "11.1.0",
74
+ "@impulse-ui-native/modal": "11.1.0",
75
+ "@impulse-ui-native/tabs": "11.1.0"
76
76
  },
77
77
  "peerDependencies": {
78
78
  "react": ">=18",