@sproutsocial/seeds-react-stack 1.0.0 → 1.0.1

package/.turbo/turbo-build.log

@@ -8,14 +8,14 @@ CLI Target: es2022
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-CJS dist/index.js     5.54 KB
+CJS dist/index.js     5.55 KB
 CJS dist/index.js.map 8.36 KB
-CJS ⚡️ Build success in 108ms
+CJS ⚡️ Build success in 183ms
 ESM dist/esm/index.js     3.75 KB
 ESM dist/esm/index.js.map 8.25 KB
-ESM ⚡️ Build success in 115ms
+ESM ⚡️ Build success in 183ms
 DTS Build start
-DTS ⚡️ Build success in 25718ms
+DTS ⚡️ Build success in 25730ms
 DTS dist/index.d.ts  1.02 KB
 DTS dist/index.d.mts 1.02 KB
-Done in 34.50s.
+Done in 34.14s.

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @sproutsocial/seeds-react-stack
 
+## 1.0.1
+
+### Patch Changes
+
+- 9fd8bac: Update dependencies to use semantic package version instead of wildcards
+- Updated dependencies [9fd8bac]
+  - @sproutsocial/seeds-react-system-props@3.0.2
+  - @sproutsocial/seeds-react-theme@2.2.1
+  - @sproutsocial/seeds-react-box@1.1.2
+
 ## 1.0.0
 
 ### Major Changes

package/dist/esm/index.js

@@ -132,9 +132,9 @@ var Stack_default = Stack;
 import "react";
 
 // src/index.ts
-var src_default = Stack_default;
+var index_default = Stack_default;
 export {
   Stack_default as Stack,
-  src_default as default
+  index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Stack.tsx","../../src/utils.ts","../../src/StackTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Children } from \"react\";\nimport { normalizeResponsiveProp } from \"./utils\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport type { TypeStackProps } from \"./StackTypes\";\n\nconst stackStyles = {\n  horizontal: {\n    left: {\n      alignItems: \"center\",\n    },\n    center: {\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    right: {\n      alignItems: \"center\",\n      justifyContent: \"flex-end\",\n    },\n    stretch: {\n      alignItems: \"center\",\n    },\n  },\n  vertical: {\n    left: {\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n    },\n    center: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n    },\n    right: {\n      flexDirection: \"column\",\n      alignItems: \"flex-end\",\n    },\n    stretch: {\n      flexDirection: \"column\",\n      alignItems: \"stretch\",\n    },\n  },\n};\n\nconst Stack = ({\n  children,\n  space = 300,\n  align = \"left\",\n  direction = \"vertical\",\n  ...rest\n}: TypeStackProps) => {\n  const stackItems = Children.toArray(children);\n  const responsiveAlignment = normalizeResponsiveProp(align);\n  const responsiveDirection = normalizeResponsiveProp(direction);\n  const responsiveSpace = normalizeResponsiveProp(space);\n  const initialValue = [\"initial\", \"initial\", \"initial\", \"initial\", \"initial\"];\n\n  // TODO: rely on styled system to solve this during the refactor\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const styleProps: any = {\n    alignItems: [...initialValue],\n    flexDirection: [...initialValue],\n    justifyContent: [...initialValue],\n  };\n  const childFlexBasis: (string | null)[] = [...initialValue];\n  const childMarginProps = {\n    marginLeft: [...initialValue],\n    marginTop: [...initialValue],\n  };\n\n  initialValue.forEach((_, i) => {\n    const currentDirection = responsiveDirection[i] as keyof typeof stackStyles;\n    const currentAlignment = responsiveAlignment[\n      i\n    ] as keyof (typeof stackStyles)[\"horizontal\"];\n    const currentSpace = responsiveSpace[i];\n\n    if (currentDirection && currentAlignment) {\n      const styles: { [key: string]: string } =\n        stackStyles[currentDirection][currentAlignment];\n      Object.keys(styleProps).forEach((key: string) => {\n        styleProps[key][i] = styles[key] || \"initial\";\n      });\n    }\n\n    const flexBasis =\n      currentAlignment === \"stretch\" && currentDirection === \"horizontal\"\n        ? \"100%\"\n        : null;\n    childFlexBasis[i] = flexBasis;\n\n    const margin =\n      currentDirection === \"horizontal\" ? \"marginLeft\" : \"marginTop\";\n\n    const opposite =\n      currentDirection === \"horizontal\" ? \"marginTop\" : \"marginLeft\";\n    childMarginProps[margin][i] = currentSpace;\n    // styled system can pass numbers that map to theme values and TS doesn't like it\n    childMarginProps[opposite][i] = 0 as unknown as string;\n  });\n\n  return (\n    <Box display=\"flex\" {...styleProps} {...rest}>\n      {stackItems.map((item, i) => (\n        <Box\n          flexBasis={childFlexBasis}\n          {...(i !== 0 ? childMarginProps : {})}\n          key={i}\n        >\n          {item}\n        </Box>\n      ))}\n    </Box>\n  );\n};\n\nexport default Stack;\n","import { theme } from \"@sproutsocial/seeds-react-theme\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\n\nconst breakpoints = theme.breakpoints;\nconst LENGTH = breakpoints.length + 1;\n\nexport const normalizeResponsiveProp = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  value: TypeResponsive<any>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): TypeResponsive<any> => {\n  if ([\"string\", \"number\"].includes(typeof value)) {\n    return Array(LENGTH).fill(value);\n  }\n\n  if (value.length) {\n    switch (value.length) {\n      case 1:\n        return Array(LENGTH).fill(value[0]);\n      case 2:\n        return [value[0], ...Array(LENGTH - 1).fill(value[1])];\n      case 3:\n        return [value[0], value[1], ...Array(LENGTH - 2).fill(value[2])];\n      case 4:\n        return [\n          value[0],\n          value[1],\n          value[2],\n          ...Array(LENGTH - 3).fill(value[3]),\n        ];\n      case 5:\n        return value;\n      default:\n        throw new Error(\n          `Invalid responsive prop length: ${JSON.stringify(value)}`\n        );\n    }\n  } else {\n    throw new Error(`Invalid responsive prop type: ${JSON.stringify(value)}`);\n  }\n};\n","import * as React from \"react\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport type TypeSpaceLiterals =\n  | 0\n  | 100\n  | 200\n  | 300\n  | 350\n  | 400\n  | 450\n  | 500\n  | 600\n  | string;\n\ntype TypeDirection = \"vertical\" | \"horizontal\";\n\ntype TypeAlignment = \"left\" | \"center\" | \"right\" | \"stretch\";\n\nexport interface TypeStackProps extends TypeBoxProps {\n  /** Amount of space between items in the stack */\n  space?: TypeResponsive<TypeSpaceLiterals>;\n\n  /** Alignment of the items in the stack (horizontal or vertical) */\n  align?: TypeResponsive<TypeAlignment>;\n\n  /** Axis upon which the stack is laid out (left, center, right, or stretch) */\n  direction?: TypeResponsive<TypeDirection>;\n  children: React.ReactNode;\n}\n","import Stack from \"./Stack\";\n\nexport default Stack;\nexport { Stack };\nexport * from \"./StackTypes\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/Stack.tsx","../../src/utils.ts","../../src/StackTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Children } from \"react\";\nimport { normalizeResponsiveProp } from \"./utils\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport type { TypeStackProps } from \"./StackTypes\";\n\nconst stackStyles = {\n  horizontal: {\n    left: {\n      alignItems: \"center\",\n    },\n    center: {\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    right: {\n      alignItems: \"center\",\n      justifyContent: \"flex-end\",\n    },\n    stretch: {\n      alignItems: \"center\",\n    },\n  },\n  vertical: {\n    left: {\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n    },\n    center: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n    },\n    right: {\n      flexDirection: \"column\",\n      alignItems: \"flex-end\",\n    },\n    stretch: {\n      flexDirection: \"column\",\n      alignItems: \"stretch\",\n    },\n  },\n};\n\nconst Stack = ({\n  children,\n  space = 300,\n  align = \"left\",\n  direction = \"vertical\",\n  ...rest\n}: TypeStackProps) => {\n  const stackItems = Children.toArray(children);\n  const responsiveAlignment = normalizeResponsiveProp(align);\n  const responsiveDirection = normalizeResponsiveProp(direction);\n  const responsiveSpace = normalizeResponsiveProp(space);\n  const initialValue = [\"initial\", \"initial\", \"initial\", \"initial\", \"initial\"];\n\n  // TODO: rely on styled system to solve this during the refactor\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const styleProps: any = {\n    alignItems: [...initialValue],\n    flexDirection: [...initialValue],\n    justifyContent: [...initialValue],\n  };\n  const childFlexBasis: (string | null)[] = [...initialValue];\n  const childMarginProps = {\n    marginLeft: [...initialValue],\n    marginTop: [...initialValue],\n  };\n\n  initialValue.forEach((_, i) => {\n    const currentDirection = responsiveDirection[i] as keyof typeof stackStyles;\n    const currentAlignment = responsiveAlignment[\n      i\n    ] as keyof (typeof stackStyles)[\"horizontal\"];\n    const currentSpace = responsiveSpace[i];\n\n    if (currentDirection && currentAlignment) {\n      const styles: { [key: string]: string } =\n        stackStyles[currentDirection][currentAlignment];\n      Object.keys(styleProps).forEach((key: string) => {\n        styleProps[key][i] = styles[key] || \"initial\";\n      });\n    }\n\n    const flexBasis =\n      currentAlignment === \"stretch\" && currentDirection === \"horizontal\"\n        ? \"100%\"\n        : null;\n    childFlexBasis[i] = flexBasis;\n\n    const margin =\n      currentDirection === \"horizontal\" ? \"marginLeft\" : \"marginTop\";\n\n    const opposite =\n      currentDirection === \"horizontal\" ? \"marginTop\" : \"marginLeft\";\n    childMarginProps[margin][i] = currentSpace;\n    // styled system can pass numbers that map to theme values and TS doesn't like it\n    childMarginProps[opposite][i] = 0 as unknown as string;\n  });\n\n  return (\n    <Box display=\"flex\" {...styleProps} {...rest}>\n      {stackItems.map((item, i) => (\n        <Box\n          flexBasis={childFlexBasis}\n          {...(i !== 0 ? childMarginProps : {})}\n          key={i}\n        >\n          {item}\n        </Box>\n      ))}\n    </Box>\n  );\n};\n\nexport default Stack;\n","import { theme } from \"@sproutsocial/seeds-react-theme\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\n\nconst breakpoints = theme.breakpoints;\nconst LENGTH = breakpoints.length + 1;\n\nexport const normalizeResponsiveProp = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  value: TypeResponsive<any>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): TypeResponsive<any> => {\n  if ([\"string\", \"number\"].includes(typeof value)) {\n    return Array(LENGTH).fill(value);\n  }\n\n  if (value.length) {\n    switch (value.length) {\n      case 1:\n        return Array(LENGTH).fill(value[0]);\n      case 2:\n        return [value[0], ...Array(LENGTH - 1).fill(value[1])];\n      case 3:\n        return [value[0], value[1], ...Array(LENGTH - 2).fill(value[2])];\n      case 4:\n        return [\n          value[0],\n          value[1],\n          value[2],\n          ...Array(LENGTH - 3).fill(value[3]),\n        ];\n      case 5:\n        return value;\n      default:\n        throw new Error(\n          `Invalid responsive prop length: ${JSON.stringify(value)}`\n        );\n    }\n  } else {\n    throw new Error(`Invalid responsive prop type: ${JSON.stringify(value)}`);\n  }\n};\n","import * as React from \"react\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport type TypeSpaceLiterals =\n  | 0\n  | 100\n  | 200\n  | 300\n  | 350\n  | 400\n  | 450\n  | 500\n  | 600\n  | string;\n\ntype TypeDirection = \"vertical\" | \"horizontal\";\n\ntype TypeAlignment = \"left\" | \"center\" | \"right\" | \"stretch\";\n\nexport interface TypeStackProps extends TypeBoxProps {\n  /** Amount of space between items in the stack */\n  space?: TypeResponsive<TypeSpaceLiterals>;\n\n  /** Alignment of the items in the stack (horizontal or vertical) */\n  align?: TypeResponsive<TypeAlignment>;\n\n  /** Axis upon which the stack is laid out (left, center, right, or stretch) */\n  direction?: TypeResponsive<TypeDirection>;\n  children: React.ReactNode;\n}\n","import Stack from \"./Stack\";\n\nexport default Stack;\nexport { Stack };\nexport * from \"./StackTypes\";\n"],"mappings":"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","names":[]}

package/dist/index.js

@@ -28,12 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Stack: () => Stack_default,
-  default: () => src_default
+  default: () => index_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/Stack.tsx
 var React = require("react");
@@ -169,7 +169,7 @@ var Stack_default = Stack;
 var React2 = require("react");
 
 // src/index.ts
-var src_default = Stack_default;
+var index_default = Stack_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Stack

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Stack.tsx","../src/utils.ts","../src/StackTypes.ts"],"sourcesContent":["import Stack from \"./Stack\";\n\nexport default Stack;\nexport { Stack };\nexport * from \"./StackTypes\";\n","import * as React from \"react\";\nimport { Children } from \"react\";\nimport { normalizeResponsiveProp } from \"./utils\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport type { TypeStackProps } from \"./StackTypes\";\n\nconst stackStyles = {\n  horizontal: {\n    left: {\n      alignItems: \"center\",\n    },\n    center: {\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    right: {\n      alignItems: \"center\",\n      justifyContent: \"flex-end\",\n    },\n    stretch: {\n      alignItems: \"center\",\n    },\n  },\n  vertical: {\n    left: {\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n    },\n    center: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n    },\n    right: {\n      flexDirection: \"column\",\n      alignItems: \"flex-end\",\n    },\n    stretch: {\n      flexDirection: \"column\",\n      alignItems: \"stretch\",\n    },\n  },\n};\n\nconst Stack = ({\n  children,\n  space = 300,\n  align = \"left\",\n  direction = \"vertical\",\n  ...rest\n}: TypeStackProps) => {\n  const stackItems = Children.toArray(children);\n  const responsiveAlignment = normalizeResponsiveProp(align);\n  const responsiveDirection = normalizeResponsiveProp(direction);\n  const responsiveSpace = normalizeResponsiveProp(space);\n  const initialValue = [\"initial\", \"initial\", \"initial\", \"initial\", \"initial\"];\n\n  // TODO: rely on styled system to solve this during the refactor\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const styleProps: any = {\n    alignItems: [...initialValue],\n    flexDirection: [...initialValue],\n    justifyContent: [...initialValue],\n  };\n  const childFlexBasis: (string | null)[] = [...initialValue];\n  const childMarginProps = {\n    marginLeft: [...initialValue],\n    marginTop: [...initialValue],\n  };\n\n  initialValue.forEach((_, i) => {\n    const currentDirection = responsiveDirection[i] as keyof typeof stackStyles;\n    const currentAlignment = responsiveAlignment[\n      i\n    ] as keyof (typeof stackStyles)[\"horizontal\"];\n    const currentSpace = responsiveSpace[i];\n\n    if (currentDirection && currentAlignment) {\n      const styles: { [key: string]: string } =\n        stackStyles[currentDirection][currentAlignment];\n      Object.keys(styleProps).forEach((key: string) => {\n        styleProps[key][i] = styles[key] || \"initial\";\n      });\n    }\n\n    const flexBasis =\n      currentAlignment === \"stretch\" && currentDirection === \"horizontal\"\n        ? \"100%\"\n        : null;\n    childFlexBasis[i] = flexBasis;\n\n    const margin =\n      currentDirection === \"horizontal\" ? \"marginLeft\" : \"marginTop\";\n\n    const opposite =\n      currentDirection === \"horizontal\" ? \"marginTop\" : \"marginLeft\";\n    childMarginProps[margin][i] = currentSpace;\n    // styled system can pass numbers that map to theme values and TS doesn't like it\n    childMarginProps[opposite][i] = 0 as unknown as string;\n  });\n\n  return (\n    <Box display=\"flex\" {...styleProps} {...rest}>\n      {stackItems.map((item, i) => (\n        <Box\n          flexBasis={childFlexBasis}\n          {...(i !== 0 ? childMarginProps : {})}\n          key={i}\n        >\n          {item}\n        </Box>\n      ))}\n    </Box>\n  );\n};\n\nexport default Stack;\n","import { theme } from \"@sproutsocial/seeds-react-theme\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\n\nconst breakpoints = theme.breakpoints;\nconst LENGTH = breakpoints.length + 1;\n\nexport const normalizeResponsiveProp = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  value: TypeResponsive<any>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): TypeResponsive<any> => {\n  if ([\"string\", \"number\"].includes(typeof value)) {\n    return Array(LENGTH).fill(value);\n  }\n\n  if (value.length) {\n    switch (value.length) {\n      case 1:\n        return Array(LENGTH).fill(value[0]);\n      case 2:\n        return [value[0], ...Array(LENGTH - 1).fill(value[1])];\n      case 3:\n        return [value[0], value[1], ...Array(LENGTH - 2).fill(value[2])];\n      case 4:\n        return [\n          value[0],\n          value[1],\n          value[2],\n          ...Array(LENGTH - 3).fill(value[3]),\n        ];\n      case 5:\n        return value;\n      default:\n        throw new Error(\n          `Invalid responsive prop length: ${JSON.stringify(value)}`\n        );\n    }\n  } else {\n    throw new Error(`Invalid responsive prop type: ${JSON.stringify(value)}`);\n  }\n};\n","import * as React from \"react\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport type TypeSpaceLiterals =\n  | 0\n  | 100\n  | 200\n  | 300\n  | 350\n  | 400\n  | 450\n  | 500\n  | 600\n  | string;\n\ntype TypeDirection = \"vertical\" | \"horizontal\";\n\ntype TypeAlignment = \"left\" | \"center\" | \"right\" | \"stretch\";\n\nexport interface TypeStackProps extends TypeBoxProps {\n  /** Amount of space between items in the stack */\n  space?: TypeResponsive<TypeSpaceLiterals>;\n\n  /** Alignment of the items in the stack (horizontal or vertical) */\n  align?: TypeResponsive<TypeAlignment>;\n\n  /** Axis upon which the stack is laid out (left, center, right, or stretch) */\n  direction?: TypeResponsive<TypeDirection>;\n  children: React.ReactNode;\n}\n"],"mappings":"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","names":["import_react","Box","React"]}
+{"version":3,"sources":["../src/index.ts","../src/Stack.tsx","../src/utils.ts","../src/StackTypes.ts"],"sourcesContent":["import Stack from \"./Stack\";\n\nexport default Stack;\nexport { Stack };\nexport * from \"./StackTypes\";\n","import * as React from \"react\";\nimport { Children } from \"react\";\nimport { normalizeResponsiveProp } from \"./utils\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport type { TypeStackProps } from \"./StackTypes\";\n\nconst stackStyles = {\n  horizontal: {\n    left: {\n      alignItems: \"center\",\n    },\n    center: {\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n    right: {\n      alignItems: \"center\",\n      justifyContent: \"flex-end\",\n    },\n    stretch: {\n      alignItems: \"center\",\n    },\n  },\n  vertical: {\n    left: {\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n    },\n    center: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n    },\n    right: {\n      flexDirection: \"column\",\n      alignItems: \"flex-end\",\n    },\n    stretch: {\n      flexDirection: \"column\",\n      alignItems: \"stretch\",\n    },\n  },\n};\n\nconst Stack = ({\n  children,\n  space = 300,\n  align = \"left\",\n  direction = \"vertical\",\n  ...rest\n}: TypeStackProps) => {\n  const stackItems = Children.toArray(children);\n  const responsiveAlignment = normalizeResponsiveProp(align);\n  const responsiveDirection = normalizeResponsiveProp(direction);\n  const responsiveSpace = normalizeResponsiveProp(space);\n  const initialValue = [\"initial\", \"initial\", \"initial\", \"initial\", \"initial\"];\n\n  // TODO: rely on styled system to solve this during the refactor\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const styleProps: any = {\n    alignItems: [...initialValue],\n    flexDirection: [...initialValue],\n    justifyContent: [...initialValue],\n  };\n  const childFlexBasis: (string | null)[] = [...initialValue];\n  const childMarginProps = {\n    marginLeft: [...initialValue],\n    marginTop: [...initialValue],\n  };\n\n  initialValue.forEach((_, i) => {\n    const currentDirection = responsiveDirection[i] as keyof typeof stackStyles;\n    const currentAlignment = responsiveAlignment[\n      i\n    ] as keyof (typeof stackStyles)[\"horizontal\"];\n    const currentSpace = responsiveSpace[i];\n\n    if (currentDirection && currentAlignment) {\n      const styles: { [key: string]: string } =\n        stackStyles[currentDirection][currentAlignment];\n      Object.keys(styleProps).forEach((key: string) => {\n        styleProps[key][i] = styles[key] || \"initial\";\n      });\n    }\n\n    const flexBasis =\n      currentAlignment === \"stretch\" && currentDirection === \"horizontal\"\n        ? \"100%\"\n        : null;\n    childFlexBasis[i] = flexBasis;\n\n    const margin =\n      currentDirection === \"horizontal\" ? \"marginLeft\" : \"marginTop\";\n\n    const opposite =\n      currentDirection === \"horizontal\" ? \"marginTop\" : \"marginLeft\";\n    childMarginProps[margin][i] = currentSpace;\n    // styled system can pass numbers that map to theme values and TS doesn't like it\n    childMarginProps[opposite][i] = 0 as unknown as string;\n  });\n\n  return (\n    <Box display=\"flex\" {...styleProps} {...rest}>\n      {stackItems.map((item, i) => (\n        <Box\n          flexBasis={childFlexBasis}\n          {...(i !== 0 ? childMarginProps : {})}\n          key={i}\n        >\n          {item}\n        </Box>\n      ))}\n    </Box>\n  );\n};\n\nexport default Stack;\n","import { theme } from \"@sproutsocial/seeds-react-theme\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\n\nconst breakpoints = theme.breakpoints;\nconst LENGTH = breakpoints.length + 1;\n\nexport const normalizeResponsiveProp = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  value: TypeResponsive<any>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): TypeResponsive<any> => {\n  if ([\"string\", \"number\"].includes(typeof value)) {\n    return Array(LENGTH).fill(value);\n  }\n\n  if (value.length) {\n    switch (value.length) {\n      case 1:\n        return Array(LENGTH).fill(value[0]);\n      case 2:\n        return [value[0], ...Array(LENGTH - 1).fill(value[1])];\n      case 3:\n        return [value[0], value[1], ...Array(LENGTH - 2).fill(value[2])];\n      case 4:\n        return [\n          value[0],\n          value[1],\n          value[2],\n          ...Array(LENGTH - 3).fill(value[3]),\n        ];\n      case 5:\n        return value;\n      default:\n        throw new Error(\n          `Invalid responsive prop length: ${JSON.stringify(value)}`\n        );\n    }\n  } else {\n    throw new Error(`Invalid responsive prop type: ${JSON.stringify(value)}`);\n  }\n};\n","import * as React from \"react\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport type TypeSpaceLiterals =\n  | 0\n  | 100\n  | 200\n  | 300\n  | 350\n  | 400\n  | 450\n  | 500\n  | 600\n  | string;\n\ntype TypeDirection = \"vertical\" | \"horizontal\";\n\ntype TypeAlignment = \"left\" | \"center\" | \"right\" | \"stretch\";\n\nexport interface TypeStackProps extends TypeBoxProps {\n  /** Amount of space between items in the stack */\n  space?: TypeResponsive<TypeSpaceLiterals>;\n\n  /** Alignment of the items in the stack (horizontal or vertical) */\n  align?: TypeResponsive<TypeAlignment>;\n\n  /** Axis upon which the stack is laid out (left, center, right, or stretch) */\n  direction?: TypeResponsive<TypeDirection>;\n  children: React.ReactNode;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,mBAAyB;;;ACDzB,+BAAsB;AAItB,IAAM,cAAc,+BAAM;AAC1B,IAAM,SAAS,YAAY,SAAS;AAE7B,IAAM,0BAA0B,CAErC,UAEwB;AACxB,MAAI,CAAC,UAAU,QAAQ,EAAE,SAAS,OAAO,KAAK,GAAG;AAC/C,WAAO,MAAM,MAAM,EAAE,KAAK,KAAK;AAAA,EACjC;AAEA,MAAI,MAAM,QAAQ;AAChB,YAAQ,MAAM,QAAQ;AAAA,MACpB,KAAK;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,MAAM,CAAC,CAAC;AAAA,MACpC,KAAK;AACH,eAAO,CAAC,MAAM,CAAC,GAAG,GAAG,MAAM,SAAS,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC;AAAA,MACvD,KAAK;AACH,eAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,SAAS,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC;AAAA,MACjE,KAAK;AACH,eAAO;AAAA,UACL,MAAM,CAAC;AAAA,UACP,MAAM,CAAC;AAAA,UACP,MAAM,CAAC;AAAA,UACP,GAAG,MAAM,SAAS,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC;AAAA,QACpC;AAAA,MACF,KAAK;AACH,eAAO;AAAA,MACT;AACE,cAAM,IAAI;AAAA,UACR,mCAAmC,KAAK,UAAU,KAAK,CAAC;AAAA,QAC1D;AAAA,IACJ;AAAA,EACF,OAAO;AACL,UAAM,IAAI,MAAM,iCAAiC,KAAK,UAAU,KAAK,CAAC,EAAE;AAAA,EAC1E;AACF;;;ADtCA,6BAAgB;AAkGZ;AAEI,IAAAA,gBAAA;AAjGR,IAAM,cAAc;AAAA,EAClB,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,YAAY;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAClB;AAAA,IACA,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAClB;AAAA,IACA,SAAS;AAAA,MACP,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,MACN,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,IACA,OAAO;AAAA,MACL,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,IACA,SAAS;AAAA,MACP,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEA,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,GAAG;AACL,MAAsB;AACpB,QAAM,aAAa,sBAAS,QAAQ,QAAQ;AAC5C,QAAM,sBAAsB,wBAAwB,KAAK;AACzD,QAAM,sBAAsB,wBAAwB,SAAS;AAC7D,QAAM,kBAAkB,wBAAwB,KAAK;AACrD,QAAM,eAAe,CAAC,WAAW,WAAW,WAAW,WAAW,SAAS;AAI3E,QAAM,aAAkB;AAAA,IACtB,YAAY,CAAC,GAAG,YAAY;AAAA,IAC5B,eAAe,CAAC,GAAG,YAAY;AAAA,IAC/B,gBAAgB,CAAC,GAAG,YAAY;AAAA,EAClC;AACA,QAAM,iBAAoC,CAAC,GAAG,YAAY;AAC1D,QAAM,mBAAmB;AAAA,IACvB,YAAY,CAAC,GAAG,YAAY;AAAA,IAC5B,WAAW,CAAC,GAAG,YAAY;AAAA,EAC7B;AAEA,eAAa,QAAQ,CAAC,GAAG,MAAM;AAC7B,UAAM,mBAAmB,oBAAoB,CAAC;AAC9C,UAAM,mBAAmB,oBACvB,CACF;AACA,UAAM,eAAe,gBAAgB,CAAC;AAEtC,QAAI,oBAAoB,kBAAkB;AACxC,YAAM,SACJ,YAAY,gBAAgB,EAAE,gBAAgB;AAChD,aAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAgB;AAC/C,mBAAW,GAAG,EAAE,CAAC,IAAI,OAAO,GAAG,KAAK;AAAA,MACtC,CAAC;AAAA,IACH;AAEA,UAAM,YACJ,qBAAqB,aAAa,qBAAqB,eACnD,SACA;AACN,mBAAe,CAAC,IAAI;AAEpB,UAAM,SACJ,qBAAqB,eAAe,eAAe;AAErD,UAAM,WACJ,qBAAqB,eAAe,cAAc;AACpD,qBAAiB,MAAM,EAAE,CAAC,IAAI;AAE9B,qBAAiB,QAAQ,EAAE,CAAC,IAAI;AAAA,EAClC,CAAC;AAED,SACE,4CAAC,uBAAAC,SAAA,EAAI,SAAQ,QAAQ,GAAG,YAAa,GAAG,MACrC,qBAAW,IAAI,CAAC,MAAM,MACrB;AAAA,IAAC,uBAAAA;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACV,GAAI,MAAM,IAAI,mBAAmB,CAAC;AAAA,MACnC,KAAK;AAAA;AAAA,IAEJ;AAAA,EACH,CACD,GACH;AAEJ;AAEA,IAAO,gBAAQ;;;AEnHf,IAAAC,SAAuB;;;AHEvB,IAAO,gBAAQ;","names":["import_react","Box","React"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-stack",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Seeds React Stack",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -18,9 +18,9 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "*",
-    "@sproutsocial/seeds-react-system-props": "*",
-    "@sproutsocial/seeds-react-box": "*"
+    "@sproutsocial/seeds-react-theme": "^2.2.0",
+    "@sproutsocial/seeds-react-system-props": "^3.0.1",
+    "@sproutsocial/seeds-react-box": "^1.1.1"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
@@ -33,7 +33,7 @@
     "@sproutsocial/seeds-tsconfig": "*",
     "@sproutsocial/seeds-testing": "*",
     "@sproutsocial/seeds-react-testing-library": "*",
-    "@sproutsocial/seeds-react-text": "*"
+    "@sproutsocial/seeds-react-text": "^1.3.0"
   },
   "peerDependencies": {
     "styled-components": "^5.2.3"