@wordpress/components/build-module/z-stack/styles.js

UI components for WordPress.

import _styled from "@emotion/styled/base";

function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

/**
 * External dependencies
 */
import { css } from '@emotion/react';

/**
 * Internal dependencies
 */
import { rtl } from '../utils';
export const ZStackView = _styled("div", process.env.NODE_ENV === "production" ? {
  target: "ebn2ljm1"
} : {
  target: "ebn2ljm1",
  label: "ZStackView"
})(process.env.NODE_ENV === "production" ? {
  name: "5ob2ly",
  styles: "display:flex;position:relative"
} : {
  name: "5ob2ly",
  styles: "display:flex;position:relative",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV29DIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHJ0bCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHJ0bCggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApKCkgKVxuXHRcdFx0OiBjc3MoIHJ0bCggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApKCkgKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});
export const ZStackChildView = _styled("div", process.env.NODE_ENV === "production" ? {
  target: "ebn2ljm0"
} : {
  target: "ebn2ljm0",
  label: "ZStackChildView"
})(_ref => {
  let {
    isLayered,
    offsetAmount
  } = _ref;
  return isLayered ? /*#__PURE__*/css(rtl({
    marginLeft: offsetAmount
  })(), process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJLIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHJ0bCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHJ0bCggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApKCkgKVxuXHRcdFx0OiBjc3MoIHJ0bCggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApKCkgKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */") : /*#__PURE__*/css(rtl({
    right: offsetAmount * -1
  })(), process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JLIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHJ0bCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHJ0bCggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApKCkgKVxuXHRcdFx0OiBjc3MoIHJ0bCggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApKCkgKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */");
}, " ", _ref2 => {
  let {
    isLayered
  } = _ref2;
  return isLayered ? positionAbsolute : positionRelative;
}, " ", _ref3 => {
  let {
    zIndex
  } = _ref3;
  return /*#__PURE__*/css({
    zIndex
  }, process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJzQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3otc3RhY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBydGwgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tWaWV3ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFpTdGFja0NoaWxkVmlldyA9IHN0eWxlZC5kaXY8IHtcblx0aXNMYXllcmVkOiBib29sZWFuO1xuXHRvZmZzZXRBbW91bnQ6IG51bWJlcjtcblx0ekluZGV4OiBudW1iZXI7XG59ID5gXG5cdCR7ICggeyBpc0xheWVyZWQsIG9mZnNldEFtb3VudCB9ICkgPT5cblx0XHRpc0xheWVyZWRcblx0XHRcdD8gY3NzKCBydGwoIHsgbWFyZ2luTGVmdDogb2Zmc2V0QW1vdW50IH0gKSgpIClcblx0XHRcdDogY3NzKCBydGwoIHsgcmlnaHQ6IG9mZnNldEFtb3VudCAqIC0xIH0gKSgpICkgfVxuXG5cdCR7ICggeyBpc0xheWVyZWQgfSApID0+XG5cdFx0aXNMYXllcmVkID8gcG9zaXRpb25BYnNvbHV0ZSA6IHBvc2l0aW9uUmVsYXRpdmUgfVxuXG5cdCR7ICggeyB6SW5kZXggfSApID0+IGNzcyggeyB6SW5kZXggfSApIH1cbmA7XG5cbmNvbnN0IHBvc2l0aW9uQWJzb2x1dGUgPSBjc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG5cbmNvbnN0IHBvc2l0aW9uUmVsYXRpdmUgPSBjc3NgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */");
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JHIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHJ0bCB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHJ0bCggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApKCkgKVxuXHRcdFx0OiBjc3MoIHJ0bCggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApKCkgKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */"));
const positionAbsolute = process.env.NODE_ENV === "production" ? {
  name: "a4hmbt",
  styles: "position:absolute"
} : {
  name: "nnsxs0-positionAbsolute",
  styles: "position:absolute;label:positionAbsolute;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0M0QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3otc3RhY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBydGwgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tWaWV3ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFpTdGFja0NoaWxkVmlldyA9IHN0eWxlZC5kaXY8IHtcblx0aXNMYXllcmVkOiBib29sZWFuO1xuXHRvZmZzZXRBbW91bnQ6IG51bWJlcjtcblx0ekluZGV4OiBudW1iZXI7XG59ID5gXG5cdCR7ICggeyBpc0xheWVyZWQsIG9mZnNldEFtb3VudCB9ICkgPT5cblx0XHRpc0xheWVyZWRcblx0XHRcdD8gY3NzKCBydGwoIHsgbWFyZ2luTGVmdDogb2Zmc2V0QW1vdW50IH0gKSgpIClcblx0XHRcdDogY3NzKCBydGwoIHsgcmlnaHQ6IG9mZnNldEFtb3VudCAqIC0xIH0gKSgpICkgfVxuXG5cdCR7ICggeyBpc0xheWVyZWQgfSApID0+XG5cdFx0aXNMYXllcmVkID8gcG9zaXRpb25BYnNvbHV0ZSA6IHBvc2l0aW9uUmVsYXRpdmUgfVxuXG5cdCR7ICggeyB6SW5kZXggfSApID0+IGNzcyggeyB6SW5kZXggfSApIH1cbmA7XG5cbmNvbnN0IHBvc2l0aW9uQWJzb2x1dGUgPSBjc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG5cbmNvbnN0IHBvc2l0aW9uUmVsYXRpdmUgPSBjc3NgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
const positionRelative = process.env.NODE_ENV === "production" ? {
  name: "bjn8wh",
  styles: "position:relative"
} : {
  name: "ql4875-positionRelative",
  styles: "position:relative;label:positionRelative;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0M0QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3otc3RhY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBydGwgfSBmcm9tICcuLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tWaWV3ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFpTdGFja0NoaWxkVmlldyA9IHN0eWxlZC5kaXY8IHtcblx0aXNMYXllcmVkOiBib29sZWFuO1xuXHRvZmZzZXRBbW91bnQ6IG51bWJlcjtcblx0ekluZGV4OiBudW1iZXI7XG59ID5gXG5cdCR7ICggeyBpc0xheWVyZWQsIG9mZnNldEFtb3VudCB9ICkgPT5cblx0XHRpc0xheWVyZWRcblx0XHRcdD8gY3NzKCBydGwoIHsgbWFyZ2luTGVmdDogb2Zmc2V0QW1vdW50IH0gKSgpIClcblx0XHRcdDogY3NzKCBydGwoIHsgcmlnaHQ6IG9mZnNldEFtb3VudCAqIC0xIH0gKSgpICkgfVxuXG5cdCR7ICggeyBpc0xheWVyZWQgfSApID0+XG5cdFx0aXNMYXllcmVkID8gcG9zaXRpb25BYnNvbHV0ZSA6IHBvc2l0aW9uUmVsYXRpdmUgfVxuXG5cdCR7ICggeyB6SW5kZXggfSApID0+IGNzcyggeyB6SW5kZXggfSApIH1cbmA7XG5cbmNvbnN0IHBvc2l0aW9uQWJzb2x1dGUgPSBjc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG5cbmNvbnN0IHBvc2l0aW9uUmVsYXRpdmUgPSBjc3NgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
//# sourceMappingURL=styles.js.map