@spark-web/inline/dist/spark-web-inline.cjs.dev.js

--- title: Inline storybookPath: page-layout-inline--default isExperimentalPackage: false ---

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
var box = require('@spark-web/box');
var ts = require('@spark-web/utils/ts');
var theme = require('@spark-web/theme');
var jsxRuntime = require('react/jsx-runtime');

var alignLookup = {
  left: 'start',
  center: 'center',
  right: 'end'
};
var alignYLookup = {
  top: 'start',
  center: 'center',
  bottom: 'end'
};
var alignToJustifyContent = theme.createResponsiveMapFn(alignLookup);
var alignYToAlignItems = theme.createResponsiveMapFn(alignYLookup);

var _excluded = ["align", "alignY", "data"];
var Inline = ts.forwardRefWithAs(function (_ref, forwardedRef) {
  var _ref$align = _ref.align,
      align = _ref$align === void 0 ? 'left' : _ref$align,
      _ref$alignY = _ref.alignY,
      alignY = _ref$alignY === void 0 ? 'top' : _ref$alignY,
      data = _ref.data,
      boxProps = _objectWithoutProperties(_ref, _excluded);

  var justifyContent = alignToJustifyContent(align);
  var alignItems = alignYToAlignItems(alignY);
  return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread({
    ref: forwardedRef,
    data: data // styles
    ,
    alignItems: alignItems,
    display: "flex",
    justifyContent: justifyContent,
    flexWrap: "wrap",
    minWidth: 0 // fix flex overflow bug that prevents text truncation

  }, boxProps));
});

exports.Inline = Inline;