@atlaskit/primitives 0.7.0 → 0.8.0

package/dist/es2019/components/stack.partial.js

@@ -1,135 +0,0 @@
-/* eslint-disable @repo/internal/styles/no-exported-styles */
-/** @jsx jsx */
-import { forwardRef, memo } from 'react';
-import { css, jsx } from '@emotion/react';
-const justifyContentMap = {
-  start: css({
-    justifyContent: 'start'
-  }),
-  center: css({
-    justifyContent: 'center'
-  }),
-  end: css({
-    justifyContent: 'end'
-  }),
-  'space-between': css({
-    justifyContent: 'space-between'
-  })
-};
-const alignItemsMap = {
-  start: css({
-    alignItems: 'start'
-  }),
-  center: css({
-    alignItems: 'center'
-  }),
-  end: css({
-    alignItems: 'end'
-  })
-};
-const flexGrowMap = {
-  hug: css({
-    flexGrow: 0
-  }),
-  fill: css({
-    width: '100%',
-    flexGrow: 1
-  })
-};
-
-/**
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4eb2c996d6ce5791acad51e2b226635f>>
- * @codegenId spacing
- * @codegenCommand yarn codegen-styles
- * @codegenParams ["stackSpace"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
- */
-const stackSpaceMap = Object.fromEntries(['gap'].map(property => [property, {
-  '0': css({
-    [property]: "var(--ds-space-0, 0px)"
-  }),
-  '025': css({
-    [property]: "var(--ds-space-025, 2px)"
-  }),
-  '050': css({
-    [property]: "var(--ds-space-050, 4px)"
-  }),
-  '075': css({
-    [property]: "var(--ds-space-075, 6px)"
-  }),
-  '100': css({
-    [property]: "var(--ds-space-100, 8px)"
-  }),
-  '150': css({
-    [property]: "var(--ds-space-150, 12px)"
-  }),
-  '200': css({
-    [property]: "var(--ds-space-200, 16px)"
-  }),
-  '250': css({
-    [property]: "var(--ds-space-250, 20px)"
-  }),
-  '300': css({
-    [property]: "var(--ds-space-300, 24px)"
-  }),
-  '400': css({
-    [property]: "var(--ds-space-400, 32px)"
-  }),
-  '500': css({
-    [property]: "var(--ds-space-500, 40px)"
-  }),
-  '600': css({
-    [property]: "var(--ds-space-600, 48px)"
-  }),
-  '800': css({
-    [property]: "var(--ds-space-800, 64px)"
-  }),
-  '1000': css({
-    [property]: "var(--ds-space-1000, 80px)"
-  })
-}]));
-/**
- * @codegenEnd
- */
-
-const baseStyles = css({
-  display: 'flex',
-  boxSizing: 'border-box',
-  flexDirection: 'column'
-});
-
-/**
- * __Stack__
- *
- * Stack is a primitive component based on flexbox that manages the vertical layout of direct children.
- *
- * @example
- * ```tsx
- *  <Stack>
- *    <Box padding="space.100" backgroundColor="neutral"></Box>
- *    <Box padding="space.100" backgroundColor="neutral"></Box>
- *  </Stack>
- * ```
- *
- */
-const Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
-  as,
-  alignInline: alignItems,
-  alignBlock,
-  spread,
-  grow,
-  space,
-  children,
-  testId
-}, ref) => {
-  const Component = as || 'div';
-  const justifyContent = spread || alignBlock;
-  return jsx(Component, {
-    css: [baseStyles, space && stackSpaceMap.gap[space], alignItems && alignItemsMap[alignItems], grow && flexGrowMap[grow], justifyContent && justifyContentMap[justifyContent]],
-    "data-testid": testId,
-    ref: ref
-  }, children);
-}));
-Stack.displayName = 'Stack';
-export default Stack;

package/dist/esm/components/stack.partial.js

@@ -1,109 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/* eslint-disable @repo/internal/styles/no-exported-styles */
-/** @jsx jsx */
-import { forwardRef, memo } from 'react';
-import { css, jsx } from '@emotion/react';
-var justifyContentMap = {
-  start: css({
-    justifyContent: 'start'
-  }),
-  center: css({
-    justifyContent: 'center'
-  }),
-  end: css({
-    justifyContent: 'end'
-  }),
-  'space-between': css({
-    justifyContent: 'space-between'
-  })
-};
-var alignItemsMap = {
-  start: css({
-    alignItems: 'start'
-  }),
-  center: css({
-    alignItems: 'center'
-  }),
-  end: css({
-    alignItems: 'end'
-  })
-};
-var flexGrowMap = {
-  hug: css({
-    flexGrow: 0
-  }),
-  fill: css({
-    width: '100%',
-    flexGrow: 1
-  })
-};
-
-/**
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4eb2c996d6ce5791acad51e2b226635f>>
- * @codegenId spacing
- * @codegenCommand yarn codegen-styles
- * @codegenParams ["stackSpace"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
- */
-var stackSpaceMap = Object.fromEntries(['gap'].map(function (property) {
-  return [property, {
-    '0': css(_defineProperty({}, property, "var(--ds-space-0, 0px)")),
-    '025': css(_defineProperty({}, property, "var(--ds-space-025, 2px)")),
-    '050': css(_defineProperty({}, property, "var(--ds-space-050, 4px)")),
-    '075': css(_defineProperty({}, property, "var(--ds-space-075, 6px)")),
-    '100': css(_defineProperty({}, property, "var(--ds-space-100, 8px)")),
-    '150': css(_defineProperty({}, property, "var(--ds-space-150, 12px)")),
-    '200': css(_defineProperty({}, property, "var(--ds-space-200, 16px)")),
-    '250': css(_defineProperty({}, property, "var(--ds-space-250, 20px)")),
-    '300': css(_defineProperty({}, property, "var(--ds-space-300, 24px)")),
-    '400': css(_defineProperty({}, property, "var(--ds-space-400, 32px)")),
-    '500': css(_defineProperty({}, property, "var(--ds-space-500, 40px)")),
-    '600': css(_defineProperty({}, property, "var(--ds-space-600, 48px)")),
-    '800': css(_defineProperty({}, property, "var(--ds-space-800, 64px)")),
-    '1000': css(_defineProperty({}, property, "var(--ds-space-1000, 80px)"))
-  }];
-}));
-/**
- * @codegenEnd
- */
-
-var baseStyles = css({
-  display: 'flex',
-  boxSizing: 'border-box',
-  flexDirection: 'column'
-});
-
-/**
- * __Stack__
- *
- * Stack is a primitive component based on flexbox that manages the vertical layout of direct children.
- *
- * @example
- * ```tsx
- *  <Stack>
- *    <Box padding="space.100" backgroundColor="neutral"></Box>
- *    <Box padding="space.100" backgroundColor="neutral"></Box>
- *  </Stack>
- * ```
- *
- */
-var Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var as = _ref.as,
-    alignItems = _ref.alignInline,
-    alignBlock = _ref.alignBlock,
-    spread = _ref.spread,
-    grow = _ref.grow,
-    space = _ref.space,
-    children = _ref.children,
-    testId = _ref.testId;
-  var Component = as || 'div';
-  var justifyContent = spread || alignBlock;
-  return jsx(Component, {
-    css: [baseStyles, space && stackSpaceMap.gap[space], alignItems && alignItemsMap[alignItems], grow && flexGrowMap[grow], justifyContent && justifyContentMap[justifyContent]],
-    "data-testid": testId,
-    ref: ref
-  }, children);
-}));
-Stack.displayName = 'Stack';
-export default Stack;