@os-design/core 1.0.196 → 1.0.197

package/dist/cjs/PageContent/index.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = _interopRequireWildcard(require("react"));
+var _media = require("@os-design/media");
 var _styles = require("@os-design/styles");
 var _utils = require("@os-design/utils");
-var _react2 = require("@emotion/react");
-var _media = require("@os-design/media");
+var _react2 = _interopRequireWildcard(require("react"));
 var _LayoutContext = _interopRequireDefault(require("../Layout/LayoutContext"));
 var _excluded = ["hasList", "children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
@@ -22,31 +22,31 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var hasNavigationStyles = function hasNavigationStyles(p) {
-  return p.hasNavigation && (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n    ", " {\n      margin-bottom: 0;\n      margin-left: ", "em;\n    }\n  "])), !p.hasList && (0, _react2.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-bottom: calc(\n        ", "em + env(safe-area-inset-bottom)\n      );\n    "])), p.theme.navigationTabHeight), _media.m.min.md, p.theme.navigationSideWidth);
+  return p.hasNavigation && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n    ", " {\n      margin-bottom: 0;\n      margin-left: ", "em;\n    }\n  "])), !p.hasList && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-bottom: calc(\n        ", "em + env(safe-area-inset-bottom)\n      );\n    "])), p.theme.navigationTabHeight), _media.m.min.md, p.theme.navigationSideWidth);
 };
 var hasPageHeaderStyles = function hasPageHeaderStyles(p) {
-  return p.hasPageHeader && !p.hasList && (0, _react2.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin-top: ", "em;\n    ", " {\n      margin-top: ", "em;\n    }\n  "])), p.theme.pageHeaderHeight[0], _media.m.min.md, p.theme.pageHeaderHeight[1]);
+  return p.hasPageHeader && !p.hasList && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin-top: ", "em;\n    ", " {\n      margin-top: ", "em;\n    }\n  "])), p.theme.pageHeaderHeight[0], _media.m.min.md, p.theme.pageHeaderHeight[1]);
 };
 var notHasListStyles = function notHasListStyles(p) {
-  return !p.hasList && (0, _react2.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding-top: ", "em;\n    padding-bottom: ", "em;\n    ", ";\n  "])), p.theme.pageContentPaddingVertical, p.theme.pageContentPaddingVertical, (0, _styles.horizontalPaddingStyles)()(p));
+  return !p.hasList && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding-top: ", "em;\n    padding-bottom: ", "em;\n    ", ";\n  "])), p.theme.pageContentPaddingVertical, p.theme.pageContentPaddingVertical, (0, _styles.horizontalPaddingStyles)()(p));
 };
 var notHasNavigationStyles = function notHasNavigationStyles(p) {
-  return !p.hasNavigation && !p.hasList && (0, _react2.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    margin-bottom: env(safe-area-inset-bottom);\n  "])));
+  return !p.hasNavigation && !p.hasList && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    margin-bottom: env(safe-area-inset-bottom);\n  "])));
 };
 var Container = (0, _styled["default"])('main', (0, _utils.omitEmotionProps)('hasNavigation', 'hasPageHeader', 'hasList'))(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"])), hasNavigationStyles, hasPageHeaderStyles, notHasListStyles, notHasNavigationStyles);
 
 /**
  * The wrapper that adds padding to the page content.
  */
-var PageContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var PageContent = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   var _ref$hasList = _ref.hasList,
     hasList = _ref$hasList === void 0 ? false : _ref$hasList,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_LayoutContext["default"]),
+  var _useContext = (0, _react2.useContext)(_LayoutContext["default"]),
     hasNavigation = _useContext.hasNavigation,
     hasPageHeader = _useContext.hasPageHeader;
-  return /*#__PURE__*/_react["default"].createElement(Container, _extends({
+  return /*#__PURE__*/_react2["default"].createElement(Container, _extends({
     hasNavigation: hasNavigation,
     hasPageHeader: hasPageHeader,
     hasList: hasList

package/dist/cjs/PageContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["hasNavigationStyles","p","hasNavigation","css","hasList","theme","navigationTabHeight","m","min","md","navigationSideWidth","hasPageHeaderStyles","hasPageHeader","pageHeaderHeight","notHasListStyles","pageContentPaddingVertical","horizontalPaddingStyles","notHasNavigationStyles","Container","styled","omitEmotionProps","PageContent","forwardRef","ref","children","rest","useContext","LayoutContext","displayName"],"sources":["../../../src/PageContent/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef, useContext } from 'react';\nimport { horizontalPaddingStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport { m } from '@os-design/media';\nimport LayoutContext from '../Layout/LayoutContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface PageContentProps extends JsxDivProps {\n  /**\n   * Whether there is the list in the page content.\n   * @default false\n   */\n  hasList?: boolean;\n}\n\nconst hasNavigationStyles = (p) =>\n  p.hasNavigation &&\n  css`\n    ${!p.hasList &&\n    css`\n      margin-bottom: calc(\n        ${p.theme.navigationTabHeight}em + env(safe-area-inset-bottom)\n      );\n    `}\n    ${m.min.md} {\n      margin-bottom: 0;\n      margin-left: ${p.theme.navigationSideWidth}em;\n    }\n  `;\n\nconst hasPageHeaderStyles = (p) =>\n  p.hasPageHeader &&\n  !p.hasList &&\n  css`\n    margin-top: ${p.theme.pageHeaderHeight[0]}em;\n    ${m.min.md} {\n      margin-top: ${p.theme.pageHeaderHeight[1]}em;\n    }\n  `;\n\nconst notHasListStyles = (p) =>\n  !p.hasList &&\n  css`\n    padding-top: ${p.theme.pageContentPaddingVertical}em;\n    padding-bottom: ${p.theme.pageContentPaddingVertical}em;\n    ${horizontalPaddingStyles()(p)};\n  `;\n\nconst notHasNavigationStyles = (p) =>\n  !p.hasNavigation &&\n  !p.hasList &&\n  css`\n    margin-bottom: env(safe-area-inset-bottom);\n  `;\n\ninterface ContainerProps {\n  hasNavigation?: boolean;\n  hasPageHeader?: boolean;\n  hasList?: boolean;\n}\nconst Container = styled(\n  'main',\n  omitEmotionProps('hasNavigation', 'hasPageHeader', 'hasList')\n)<ContainerProps>`\n  ${hasNavigationStyles};\n  ${hasPageHeaderStyles};\n  ${notHasListStyles};\n  ${notHasNavigationStyles};\n`;\n\n/**\n * The wrapper that adds padding to the page content.\n */\nconst PageContent = forwardRef<HTMLElement, PageContentProps>(\n  ({ hasList = false, children, ...rest }, ref) => {\n    const { hasNavigation, hasPageHeader } = useContext(LayoutContext);\n\n    return (\n      <Container\n        hasNavigation={hasNavigation}\n        hasPageHeader={hasPageHeader}\n        hasList={hasList}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </Container>\n    );\n  }\n);\n\nPageContent.displayName = 'PageContent';\n\nexport default PageContent;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpD,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,CAAC;EAAA,OAC5BA,CAAC,CAACC,aAAa,QACfC,WAAG,6JACC,CAACF,CAAC,CAACG,OAAO,QACZD,WAAG,mKAEGF,CAAC,CAACI,KAAK,CAACC,mBAAmB,CAEhC,EACCC,QAAC,CAACC,GAAG,CAACC,EAAE,EAEOR,CAAC,CAACI,KAAK,CAACK,mBAAmB,CAE7C;AAAA;AAEH,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIV,CAAC;EAAA,OAC5BA,CAAC,CAACW,aAAa,IACf,CAACX,CAAC,CAACG,OAAO,QACVD,WAAG,oJACaF,CAAC,CAACI,KAAK,CAACQ,gBAAgB,CAAC,CAAC,CAAC,EACvCN,QAAC,CAACC,GAAG,CAACC,EAAE,EACMR,CAAC,CAACI,KAAK,CAACQ,gBAAgB,CAAC,CAAC,CAAC,CAE5C;AAAA;AAEH,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIb,CAAC;EAAA,OACzB,CAACA,CAAC,CAACG,OAAO,QACVD,WAAG,+IACcF,CAAC,CAACI,KAAK,CAACU,0BAA0B,EAC/Bd,CAAC,CAACI,KAAK,CAACU,0BAA0B,EAClD,IAAAC,+BAAuB,GAAE,CAACf,CAAC,CAAC,CAC/B;AAAA;AAEH,IAAMgB,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIhB,CAAC;EAAA,OAC/B,CAACA,CAAC,CAACC,aAAa,IAChB,CAACD,CAAC,CAACG,OAAO,QACVD,WAAG,6HAEF;AAAA;AAOH,IAAMe,SAAS,GAAG,IAAAC,kBAAM,EACtB,MAAM,EACN,IAAAC,uBAAgB,EAAC,eAAe,EAAE,eAAe,EAAE,SAAS,CAAC,CAC9D,8GACGpB,mBAAmB,EACnBW,mBAAmB,EACnBG,gBAAgB,EAChBG,sBAAsB,CACzB;;AAED;AACA;AACA;AACA,IAAMI,WAAW,gBAAG,IAAAC,iBAAU,EAC5B,gBAAyCC,GAAG,EAAK;EAAA,wBAA9CnB,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEoB,QAAQ,QAARA,QAAQ;IAAKC,IAAI;EACnC,kBAAyC,IAAAC,iBAAU,EAACC,yBAAa,CAAC;IAA1DzB,aAAa,eAAbA,aAAa;IAAEU,aAAa,eAAbA,aAAa;EAEpC,oBACE,gCAAC,SAAS;IACR,aAAa,EAAEV,aAAc;IAC7B,aAAa,EAAEU,aAAc;IAC7B,OAAO,EAAER;EAAQ,GACbqB,IAAI;IACR,GAAG,EAAEF;EAAI,IAERC,QAAQ,CACC;AAEhB,CAAC,CACF;AAEDH,WAAW,CAACO,WAAW,GAAG,aAAa;AAAC,eAEzBP,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_media","_styles","_utils","_react2","_interopRequireWildcard","_LayoutContext","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","hasNavigationStyles","p","hasNavigation","css","hasList","theme","navigationTabHeight","m","min","md","navigationSideWidth","hasPageHeaderStyles","hasPageHeader","pageHeaderHeight","notHasListStyles","pageContentPaddingVertical","horizontalPaddingStyles","notHasNavigationStyles","Container","styled","omitEmotionProps","PageContent","forwardRef","_ref","ref","_ref$hasList","children","rest","_useContext","useContext","LayoutContext","createElement","displayName","_default","exports"],"sources":["../../../src/PageContent/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\n\nimport styled from '@emotion/styled';\nimport { m } from '@os-design/media';\n\nimport { horizontalPaddingStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useContext } from 'react';\n\nimport LayoutContext from '../Layout/LayoutContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface PageContentProps extends JsxDivProps {\n  /**\n   * Whether there is the list in the page content.\n   * @default false\n   */\n  hasList?: boolean;\n}\n\nconst hasNavigationStyles = (p) =>\n  p.hasNavigation &&\n  css`\n    ${!p.hasList &&\n    css`\n      margin-bottom: calc(\n        ${p.theme.navigationTabHeight}em + env(safe-area-inset-bottom)\n      );\n    `}\n    ${m.min.md} {\n      margin-bottom: 0;\n      margin-left: ${p.theme.navigationSideWidth}em;\n    }\n  `;\n\nconst hasPageHeaderStyles = (p) =>\n  p.hasPageHeader &&\n  !p.hasList &&\n  css`\n    margin-top: ${p.theme.pageHeaderHeight[0]}em;\n    ${m.min.md} {\n      margin-top: ${p.theme.pageHeaderHeight[1]}em;\n    }\n  `;\n\nconst notHasListStyles = (p) =>\n  !p.hasList &&\n  css`\n    padding-top: ${p.theme.pageContentPaddingVertical}em;\n    padding-bottom: ${p.theme.pageContentPaddingVertical}em;\n    ${horizontalPaddingStyles()(p)};\n  `;\n\nconst notHasNavigationStyles = (p) =>\n  !p.hasNavigation &&\n  !p.hasList &&\n  css`\n    margin-bottom: env(safe-area-inset-bottom);\n  `;\n\ninterface ContainerProps {\n  hasNavigation?: boolean;\n  hasPageHeader?: boolean;\n  hasList?: boolean;\n}\nconst Container = styled(\n  'main',\n  omitEmotionProps('hasNavigation', 'hasPageHeader', 'hasList')\n)<ContainerProps>`\n  ${hasNavigationStyles};\n  ${hasPageHeaderStyles};\n  ${notHasListStyles};\n  ${notHasNavigationStyles};\n`;\n\n/**\n * The wrapper that adds padding to the page content.\n */\nconst PageContent = forwardRef<HTMLElement, PageContentProps>(\n  ({ hasList = false, children, ...rest }, ref) => {\n    const { hasNavigation, hasPageHeader } = useContext(LayoutContext);\n\n    return (\n      <Container\n        hasNavigation={hasNavigation}\n        hasPageHeader={hasPageHeader}\n        hasList={hasList}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </Container>\n    );\n  }\n);\n\nPageContent.displayName = 'PageContent';\n\nexport default PageContent;\n"],"mappings":"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"}

package/dist/cjs/PageHeader/index.js

@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.PageHeaderContainer = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("@os-design/styles");
-var _utils = require("@os-design/utils");
+var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _theming = require("@os-design/theming");
-var _media = require("@os-design/media");
 var _icons = require("@os-design/icons");
-var _react2 = require("@emotion/react");
+var _media = require("@os-design/media");
+var _styles = require("@os-design/styles");
+var _theming = require("@os-design/theming");
+var _utils = require("@os-design/utils");
+var _react2 = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _LayoutContext = _interopRequireDefault(require("../Layout/LayoutContext"));
 var _defaultLocale = _interopRequireDefault(require("./utils/defaultLocale"));
 var _excluded = ["title", "subtitle", "left", "leftIsGhostButton", "right", "rightIsGhostButton", "onBack", "locale"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -34,10 +34,10 @@ var getReducedPadding = function getReducedPadding(p, isMinSm) {
 var horizontalPaddingStyles = function horizontalPaddingStyles(p) {
   var reducedPadding = getReducedPadding(p, false);
   var reducedPaddingSm = getReducedPadding(p, true);
-  return (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-left: ", "em;\n    padding-right: ", "em;\n\n    ", " {\n      padding-left: ", "em;\n      padding-right: ", "em;\n    }\n  "])), p.leftIsGhostButton ? reducedPadding : p.theme.horizontalPadding[0], p.rightIsGhostButton ? reducedPadding : p.theme.horizontalPadding[0], _media.m.min.sm, p.leftIsGhostButton ? reducedPaddingSm : p.theme.horizontalPadding[1], p.rightIsGhostButton ? reducedPaddingSm : p.theme.horizontalPadding[1]);
+  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-left: ", "em;\n    padding-right: ", "em;\n\n    ", " {\n      padding-left: ", "em;\n      padding-right: ", "em;\n    }\n  "])), p.leftIsGhostButton ? reducedPadding : p.theme.horizontalPadding[0], p.rightIsGhostButton ? reducedPadding : p.theme.horizontalPadding[0], _media.m.min.sm, p.leftIsGhostButton ? reducedPaddingSm : p.theme.horizontalPadding[1], p.rightIsGhostButton ? reducedPaddingSm : p.theme.horizontalPadding[1]);
 };
 var hasNavigationIndentStyles = function hasNavigationIndentStyles(p) {
-  return p.hasNavigationIndent && (0, _react2.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", " {\n      left: ", "em;\n    }\n  "])), _media.m.min.md, p.theme.navigationSideWidth);
+  return p.hasNavigationIndent && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", " {\n      left: ", "em;\n    }\n  "])), _media.m.min.md, p.theme.navigationSideWidth);
 };
 var PageHeaderContainer = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('leftIsGhostButton', 'rightIsGhostButton', 'hasNavigationIndent'))(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n\n  height: ", "em;\n  ", " {\n    height: ", "em;\n  }\n\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  z-index: 101;\n\n  background-color: ", ";\n  color: ", ";\n  border-bottom: 1px solid ", ";\n\n  ", ";\n  ", ";\n"])), function (p) {
   return p.theme.pageHeaderHeight[0];
@@ -54,7 +54,7 @@ exports.PageHeaderContainer = PageHeaderContainer;
 var BackButton = (0, _styled["default"])(_Button["default"])(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-right: 0.2em;\n  flex-shrink: 0;\n"])));
 var Content = _styled["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  overflow: hidden; // For ellipsis\n"])));
 var notHasSubtitleStyles = function notHasSubtitleStyles(p) {
-  return !p.hasSubtitle && (0, _react2.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    font-size: ", "em;\n  "])), p.theme.sizes.large);
+  return !p.hasSubtitle && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    font-size: ", "em;\n  "])), p.theme.sizes.large);
 };
 var Title = (0, _styled["default"])('h1', (0, _utils.omitEmotionProps)('hasSubtitle'))(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin: 0;\n  font-size: 1em;\n  font-weight: 500;\n  line-height: 1.2;\n  ", ";\n  ", ";\n"])), notHasSubtitleStyles, _styles.ellipsisStyles);
 var Subtitle = _styled["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: ", "em;\n  color: ", ";\n  line-height: 1;\n  margin-top: 0.2em;\n  ", ";\n"])), function (p) {
@@ -73,7 +73,7 @@ var RightAddon = (0, _styled["default"])(Addon)(_templateObject11 || (_templateO
 /**
  * The header of the page.
  */
-var PageHeader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var PageHeader = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   var title = _ref.title,
     subtitle = _ref.subtitle,
     left = _ref.left,
@@ -86,28 +86,28 @@ var PageHeader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? _defaultLocale["default"] : _ref$locale,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_LayoutContext["default"]),
+  var _useContext = (0, _react2.useContext)(_LayoutContext["default"]),
     hasNavigation = _useContext.hasNavigation;
-  return /*#__PURE__*/_react["default"].createElement(_theming.ThemeOverrider, {
+  return /*#__PURE__*/_react2["default"].createElement(_theming.ThemeOverrider, {
     overrides: function overrides(t) {
       return {
         buttonPaddingHorizontal: t.pageHeaderButtonPaddingHorizontal
       };
     }
-  }, /*#__PURE__*/_react["default"].createElement(PageHeaderContainer, _extends({
+  }, /*#__PURE__*/_react2["default"].createElement(PageHeaderContainer, _extends({
     leftIsGhostButton: leftIsGhostButton || !!onBack,
     rightIsGhostButton: rightIsGhostButton,
     hasNavigationIndent: hasNavigation
   }, rest, {
     ref: ref
-  }), onBack && /*#__PURE__*/_react["default"].createElement(BackButton, {
+  }), onBack && /*#__PURE__*/_react2["default"].createElement(BackButton, {
     type: "ghost",
     wide: "never",
     onClick: onBack,
     "aria-label": locale.backLabel
-  }, /*#__PURE__*/_react["default"].createElement(_icons.Left, null)), left && /*#__PURE__*/_react["default"].createElement(LeftAddon, null, left), /*#__PURE__*/_react["default"].createElement(Content, null, /*#__PURE__*/_react["default"].createElement(Title, {
+  }, /*#__PURE__*/_react2["default"].createElement(_icons.Left, null)), left && /*#__PURE__*/_react2["default"].createElement(LeftAddon, null, left), /*#__PURE__*/_react2["default"].createElement(Content, null, /*#__PURE__*/_react2["default"].createElement(Title, {
     hasSubtitle: !!subtitle
-  }, title), subtitle && /*#__PURE__*/_react["default"].createElement(Subtitle, null, subtitle)), right && /*#__PURE__*/_react["default"].createElement(RightAddon, null, right)));
+  }, title), subtitle && /*#__PURE__*/_react2["default"].createElement(Subtitle, null, subtitle)), right && /*#__PURE__*/_react2["default"].createElement(RightAddon, null, right)));
 });
 PageHeader.displayName = 'PageHeader';
 var _default = PageHeader;

package/dist/cjs/PageHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getReducedPadding","p","isMinSm","i","padding","theme","horizontalPadding","buttonPaddingHorizontal","horizontalPaddingStyles","reducedPadding","reducedPaddingSm","css","leftIsGhostButton","rightIsGhostButton","m","min","sm","hasNavigationIndentStyles","hasNavigationIndent","md","navigationSideWidth","PageHeaderContainer","styled","omitEmotionProps","pageHeaderHeight","clr","pageHeaderColorBg","pageHeaderColorText","pageHeaderColorBorder","BackButton","Button","Content","div","notHasSubtitleStyles","hasSubtitle","sizes","large","Title","ellipsisStyles","Subtitle","small","pageHeaderSubtitleColorText","Addon","LeftAddon","pageHeaderAddonPaddingHorizontal","RightAddon","PageHeader","forwardRef","ref","title","subtitle","left","right","onBack","locale","defaultLocale","rest","useContext","LayoutContext","hasNavigation","t","pageHeaderButtonPaddingHorizontal","backLabel","displayName"],"sources":["../../../src/PageHeader/index.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport styled from '@emotion/styled';\nimport { clr, ThemeOverrider } from '@os-design/theming';\nimport { m } from '@os-design/media';\nimport { Left } from '@os-design/icons';\nimport { css } from '@emotion/react';\nimport Button from '../Button';\nimport LayoutContext from '../Layout/LayoutContext';\nimport defaultLocale, { PageHeaderLocale } from './utils/defaultLocale';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface PageHeaderProps extends JsxDivProps {\n  /**\n   * The title of the page.\n   * @default undefined\n   */\n  title: string;\n  /**\n   * The subtitle of the page.\n   * @default undefined\n   */\n  subtitle?: string;\n  /**\n   * The component located on the left side.\n   * @default undefined\n   */\n  left?: React.ReactNode;\n  /**\n   * Reduces the left padding of the page header.\n   * @default false\n   */\n  leftIsGhostButton?: boolean;\n  /**\n   * The component located on the right side.\n   * @default undefined\n   */\n  right?: React.ReactNode;\n  /**\n   * Reduces the right padding of the page header.\n   * @default false\n   */\n  rightIsGhostButton?: boolean;\n  /**\n   * The back event handler. If passed, the page header has the back button.\n   * @default undefined\n   */\n  onBack?: () => void;\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: PageHeaderLocale;\n}\n\nconst getReducedPadding = (p, isMinSm: boolean) => {\n  const i = isMinSm ? 1 : 0;\n  let padding = p.theme.horizontalPadding[i] - p.theme.buttonPaddingHorizontal;\n  if (padding < 0) padding = 0;\n  return padding;\n};\n\nconst horizontalPaddingStyles = (p) => {\n  const reducedPadding = getReducedPadding(p, false);\n  const reducedPaddingSm = getReducedPadding(p, true);\n  return css`\n    padding-left: ${p.leftIsGhostButton\n      ? reducedPadding\n      : p.theme.horizontalPadding[0]}em;\n    padding-right: ${p.rightIsGhostButton\n      ? reducedPadding\n      : p.theme.horizontalPadding[0]}em;\n\n    ${m.min.sm} {\n      padding-left: ${p.leftIsGhostButton\n        ? reducedPaddingSm\n        : p.theme.horizontalPadding[1]}em;\n      padding-right: ${p.rightIsGhostButton\n        ? reducedPaddingSm\n        : p.theme.horizontalPadding[1]}em;\n    }\n  `;\n};\n\nconst hasNavigationIndentStyles = (p) =>\n  p.hasNavigationIndent &&\n  css`\n    ${m.min.md} {\n      left: ${p.theme.navigationSideWidth}em;\n    }\n  `;\n\ninterface ContainerProps {\n  leftIsGhostButton?: boolean;\n  rightIsGhostButton?: boolean;\n  hasNavigationIndent?: boolean;\n}\nexport const PageHeaderContainer = styled(\n  'div',\n  omitEmotionProps(\n    'leftIsGhostButton',\n    'rightIsGhostButton',\n    'hasNavigationIndent'\n  )\n)<ContainerProps>`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n\n  height: ${(p) => p.theme.pageHeaderHeight[0]}em;\n  ${m.min.md} {\n    height: ${(p) => p.theme.pageHeaderHeight[1]}em;\n  }\n\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  z-index: 101;\n\n  background-color: ${(p) => clr(p.theme.pageHeaderColorBg)};\n  color: ${(p) => clr(p.theme.pageHeaderColorText)};\n  border-bottom: 1px solid ${(p) => clr(p.theme.pageHeaderColorBorder)};\n\n  ${horizontalPaddingStyles};\n  ${hasNavigationIndentStyles};\n`;\n\nconst BackButton = styled(Button)`\n  margin-right: 0.2em;\n  flex-shrink: 0;\n`;\n\nconst Content = styled.div`\n  overflow: hidden; // For ellipsis\n`;\n\nconst notHasSubtitleStyles = (p) =>\n  !p.hasSubtitle &&\n  css`\n    font-size: ${p.theme.sizes.large}em;\n  `;\n\ninterface TitleProps {\n  hasSubtitle: boolean;\n}\nconst Title = styled('h1', omitEmotionProps('hasSubtitle'))<TitleProps>`\n  margin: 0;\n  font-size: 1em;\n  font-weight: 500;\n  line-height: 1.2;\n  ${notHasSubtitleStyles};\n  ${ellipsisStyles};\n`;\n\nconst Subtitle = styled.div`\n  font-size: ${(p) => p.theme.sizes.small}em;\n  color: ${(p) => clr(p.theme.pageHeaderSubtitleColorText)};\n  line-height: 1;\n  margin-top: 0.2em;\n  ${ellipsisStyles};\n`;\n\nconst Addon = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst LeftAddon = styled(Addon)`\n  padding-right: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n`;\n\nconst RightAddon = styled(Addon)`\n  padding-left: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n  margin-left: auto;\n\n  display: grid;\n  grid-auto-flow: column;\n  grid-column-gap: 0.4em;\n`;\n\n/**\n * The header of the page.\n */\nconst PageHeader = forwardRef<HTMLDivElement, PageHeaderProps>(\n  (\n    {\n      title,\n      subtitle,\n      left,\n      leftIsGhostButton = false,\n      right,\n      rightIsGhostButton = false,\n      onBack,\n      locale = defaultLocale,\n      ...rest\n    },\n    ref\n  ) => {\n    const { hasNavigation } = useContext(LayoutContext);\n\n    return (\n      <ThemeOverrider\n        overrides={(t) => ({\n          buttonPaddingHorizontal: t.pageHeaderButtonPaddingHorizontal,\n        })}\n      >\n        <PageHeaderContainer\n          leftIsGhostButton={leftIsGhostButton || !!onBack}\n          rightIsGhostButton={rightIsGhostButton}\n          hasNavigationIndent={hasNavigation}\n          {...rest}\n          ref={ref}\n        >\n          {onBack && (\n            <BackButton\n              type='ghost'\n              wide='never'\n              onClick={onBack}\n              aria-label={locale.backLabel}\n            >\n              <Left />\n            </BackButton>\n          )}\n\n          {left && <LeftAddon>{left}</LeftAddon>}\n\n          <Content>\n            <Title hasSubtitle={!!subtitle}>{title}</Title>\n            {subtitle && <Subtitle>{subtitle}</Subtitle>}\n          </Content>\n\n          {right && <RightAddon>{right}</RightAddon>}\n        </PageHeaderContainer>\n      </ThemeOverrider>\n    );\n  }\n);\n\nPageHeader.displayName = 'PageHeader';\n\nexport default PageHeader;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_icons","_media","_styles","_theming","_utils","_react2","_interopRequireWildcard","_Button","_LayoutContext","_defaultLocale","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","getReducedPadding","p","isMinSm","padding","theme","horizontalPadding","buttonPaddingHorizontal","horizontalPaddingStyles","reducedPadding","reducedPaddingSm","css","leftIsGhostButton","rightIsGhostButton","m","min","sm","hasNavigationIndentStyles","hasNavigationIndent","md","navigationSideWidth","PageHeaderContainer","styled","omitEmotionProps","pageHeaderHeight","clr","pageHeaderColorBg","pageHeaderColorText","pageHeaderColorBorder","exports","BackButton","Button","Content","div","notHasSubtitleStyles","hasSubtitle","sizes","large","Title","ellipsisStyles","Subtitle","small","pageHeaderSubtitleColorText","Addon","LeftAddon","pageHeaderAddonPaddingHorizontal","RightAddon","PageHeader","forwardRef","_ref","ref","title","subtitle","left","_ref$leftIsGhostButto","right","_ref$rightIsGhostButt","onBack","_ref$locale","locale","defaultLocale","rest","_useContext","useContext","LayoutContext","hasNavigation","createElement","ThemeOverrider","overrides","t","pageHeaderButtonPaddingHorizontal","type","wide","onClick","backLabel","Left","displayName","_default"],"sources":["../../../src/PageHeader/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Left } from '@os-design/icons';\nimport { m } from '@os-design/media';\n\nimport { ellipsisStyles } from '@os-design/styles';\nimport { ThemeOverrider, clr } from '@os-design/theming';\n\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useContext } from 'react';\n\nimport Button from '../Button';\nimport LayoutContext from '../Layout/LayoutContext';\nimport defaultLocale, { PageHeaderLocale } from './utils/defaultLocale';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface PageHeaderProps extends JsxDivProps {\n  /**\n   * The title of the page.\n   * @default undefined\n   */\n  title: string;\n  /**\n   * The subtitle of the page.\n   * @default undefined\n   */\n  subtitle?: string;\n  /**\n   * The component located on the left side.\n   * @default undefined\n   */\n  left?: React.ReactNode;\n  /**\n   * Reduces the left padding of the page header.\n   * @default false\n   */\n  leftIsGhostButton?: boolean;\n  /**\n   * The component located on the right side.\n   * @default undefined\n   */\n  right?: React.ReactNode;\n  /**\n   * Reduces the right padding of the page header.\n   * @default false\n   */\n  rightIsGhostButton?: boolean;\n  /**\n   * The back event handler. If passed, the page header has the back button.\n   * @default undefined\n   */\n  onBack?: () => void;\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: PageHeaderLocale;\n}\n\nconst getReducedPadding = (p, isMinSm: boolean) => {\n  const i = isMinSm ? 1 : 0;\n  let padding = p.theme.horizontalPadding[i] - p.theme.buttonPaddingHorizontal;\n  if (padding < 0) padding = 0;\n  return padding;\n};\n\nconst horizontalPaddingStyles = (p) => {\n  const reducedPadding = getReducedPadding(p, false);\n  const reducedPaddingSm = getReducedPadding(p, true);\n  return css`\n    padding-left: ${p.leftIsGhostButton\n      ? reducedPadding\n      : p.theme.horizontalPadding[0]}em;\n    padding-right: ${p.rightIsGhostButton\n      ? reducedPadding\n      : p.theme.horizontalPadding[0]}em;\n\n    ${m.min.sm} {\n      padding-left: ${p.leftIsGhostButton\n        ? reducedPaddingSm\n        : p.theme.horizontalPadding[1]}em;\n      padding-right: ${p.rightIsGhostButton\n        ? reducedPaddingSm\n        : p.theme.horizontalPadding[1]}em;\n    }\n  `;\n};\n\nconst hasNavigationIndentStyles = (p) =>\n  p.hasNavigationIndent &&\n  css`\n    ${m.min.md} {\n      left: ${p.theme.navigationSideWidth}em;\n    }\n  `;\n\ninterface ContainerProps {\n  leftIsGhostButton?: boolean;\n  rightIsGhostButton?: boolean;\n  hasNavigationIndent?: boolean;\n}\nexport const PageHeaderContainer = styled(\n  'div',\n  omitEmotionProps(\n    'leftIsGhostButton',\n    'rightIsGhostButton',\n    'hasNavigationIndent'\n  )\n)<ContainerProps>`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n\n  height: ${(p) => p.theme.pageHeaderHeight[0]}em;\n  ${m.min.md} {\n    height: ${(p) => p.theme.pageHeaderHeight[1]}em;\n  }\n\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  z-index: 101;\n\n  background-color: ${(p) => clr(p.theme.pageHeaderColorBg)};\n  color: ${(p) => clr(p.theme.pageHeaderColorText)};\n  border-bottom: 1px solid ${(p) => clr(p.theme.pageHeaderColorBorder)};\n\n  ${horizontalPaddingStyles};\n  ${hasNavigationIndentStyles};\n`;\n\nconst BackButton = styled(Button)`\n  margin-right: 0.2em;\n  flex-shrink: 0;\n`;\n\nconst Content = styled.div`\n  overflow: hidden; // For ellipsis\n`;\n\nconst notHasSubtitleStyles = (p) =>\n  !p.hasSubtitle &&\n  css`\n    font-size: ${p.theme.sizes.large}em;\n  `;\n\ninterface TitleProps {\n  hasSubtitle: boolean;\n}\nconst Title = styled('h1', omitEmotionProps('hasSubtitle'))<TitleProps>`\n  margin: 0;\n  font-size: 1em;\n  font-weight: 500;\n  line-height: 1.2;\n  ${notHasSubtitleStyles};\n  ${ellipsisStyles};\n`;\n\nconst Subtitle = styled.div`\n  font-size: ${(p) => p.theme.sizes.small}em;\n  color: ${(p) => clr(p.theme.pageHeaderSubtitleColorText)};\n  line-height: 1;\n  margin-top: 0.2em;\n  ${ellipsisStyles};\n`;\n\nconst Addon = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst LeftAddon = styled(Addon)`\n  padding-right: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n`;\n\nconst RightAddon = styled(Addon)`\n  padding-left: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n  margin-left: auto;\n\n  display: grid;\n  grid-auto-flow: column;\n  grid-column-gap: 0.4em;\n`;\n\n/**\n * The header of the page.\n */\nconst PageHeader = forwardRef<HTMLDivElement, PageHeaderProps>(\n  (\n    {\n      title,\n      subtitle,\n      left,\n      leftIsGhostButton = false,\n      right,\n      rightIsGhostButton = false,\n      onBack,\n      locale = defaultLocale,\n      ...rest\n    },\n    ref\n  ) => {\n    const { hasNavigation } = useContext(LayoutContext);\n\n    return (\n      <ThemeOverrider\n        overrides={(t) => ({\n          buttonPaddingHorizontal: t.pageHeaderButtonPaddingHorizontal,\n        })}\n      >\n        <PageHeaderContainer\n          leftIsGhostButton={leftIsGhostButton || !!onBack}\n          rightIsGhostButton={rightIsGhostButton}\n          hasNavigationIndent={hasNavigation}\n          {...rest}\n          ref={ref}\n        >\n          {onBack && (\n            <BackButton\n              type='ghost'\n              wide='never'\n              onClick={onBack}\n              aria-label={locale.backLabel}\n            >\n              <Left />\n            </BackButton>\n          )}\n\n          {left && <LeftAddon>{left}</LeftAddon>}\n\n          <Content>\n            <Title hasSubtitle={!!subtitle}>{title}</Title>\n            {subtitle && <Subtitle>{subtitle}</Subtitle>}\n          </Content>\n\n          {right && <RightAddon>{right}</RightAddon>}\n        </PageHeaderContainer>\n      </ThemeOverrider>\n    );\n  }\n);\n\nPageHeader.displayName = 'PageHeader';\n\nexport default PageHeader;\n"],"mappings":"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"}

package/dist/cjs/PageHeader/utils/defaultLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultLocale.js","names":["defaultLocale","backLabel"],"sources":["../../../../src/PageHeader/utils/defaultLocale.ts"],"sourcesContent":["export interface PageHeaderLocale {\n  backLabel: string;\n}\n\nconst defaultLocale: PageHeaderLocale = {\n  backLabel: 'Back',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAIA,IAAMA,aAA+B,GAAG;EACtCC,SAAS,EAAE;AACb,CAAC;AAAC,eAEaD,aAAa;AAAA"}
+{"version":3,"file":"defaultLocale.js","names":["defaultLocale","backLabel","_default","exports"],"sources":["../../../../src/PageHeader/utils/defaultLocale.ts"],"sourcesContent":["export interface PageHeaderLocale {\n  backLabel: string;\n}\n\nconst defaultLocale: PageHeaderLocale = {\n  backLabel: 'Back',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAIA,IAAMA,aAA+B,GAAG;EACtCC,SAAS,EAAE;AACb,CAAC;AAAC,IAAAC,QAAA,GAEaF,aAAa;AAAAG,OAAA,cAAAD,QAAA"}

package/dist/cjs/PageHeaderInputSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fadeIn","keyframes","fadeOut","visibleStyles","p","visible","css","theme","transitionDelay","invisibleStyles","Container","styled","PageHeaderContainer","omitEmotionProps","CloseButton","Button","pageHeaderAddonPaddingHorizontal","PageHeaderInputSearch","forwardRef","ref","locale","defaultLocale","autoOpen","onClose","loading","rest","useState","setVisible","useTheme","mounted","useClosable","useContext","LayoutContext","hasNavigation","searchLabel","t","buttonPaddingHorizontal","pageHeaderButtonPaddingHorizontal","closeLabel","displayName"],"sources":["../../../src/PageHeaderInputSearch/index.tsx"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Close, Search } from '@os-design/icons';\nimport { ThemeOverrider, useTheme } from '@os-design/theming';\nimport { omitEmotionProps, useClosable } from '@os-design/utils';\nimport React, { forwardRef, useContext, useState } from 'react';\nimport Button from '../Button';\nimport InputSearch, { InputSearchProps } from '../InputSearch';\nimport LayoutContext from '../Layout/LayoutContext';\nimport { PageHeaderContainer } from '../PageHeader';\nimport defaultLocale, {\n  PageHeaderInputSearchLocale,\n} from './utils/defaultLocale';\n\nexport interface PageHeaderInputSearchProps\n  extends Omit<InputSearchProps, 'size' | 'locale'> {\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: PageHeaderInputSearchLocale;\n  /**\n   * Whether the search input opens on mount.\n   * @default false\n   */\n  autoOpen?: boolean;\n  /**\n   * The close event handler.\n   * @default undefined\n   */\n  onClose?: () => void;\n}\n\nconst fadeIn = keyframes`\n  from { transform: translateY(-100%); }\n  to { transform: translateY(0); }\n`;\n\nconst fadeOut = keyframes`\n  from { transform: translateY(0); }\n  to { transform: translateY(-100%); }\n`;\n\nconst visibleStyles = (p) =>\n  p.visible &&\n  css`\n    animation: ${fadeIn} ${p.theme.transitionDelay}ms forwards;\n  `;\n\nconst invisibleStyles = (p) =>\n  !p.visible &&\n  css`\n    animation: ${fadeOut} ${p.theme.transitionDelay}ms forwards;\n  `;\n\ninterface ContainerProps {\n  visible: boolean;\n}\nconst Container = styled(\n  PageHeaderContainer,\n  omitEmotionProps('visible')\n)<ContainerProps>`\n  z-index: 102; // After PageHeaderContainer\n  ${visibleStyles};\n  ${invisibleStyles};\n`;\n\nconst CloseButton = styled(Button)`\n  margin-left: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n`;\n\n/**\n * The search input for the page header.\n */\nconst PageHeaderInputSearch = forwardRef<\n  HTMLInputElement,\n  PageHeaderInputSearchProps\n>(\n  (\n    {\n      locale = defaultLocale,\n      autoOpen = false,\n      onClose = () => {},\n      loading = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [visible, setVisible] = useState(autoOpen);\n    const { theme } = useTheme();\n    const mounted = useClosable(visible, theme.transitionDelay);\n    const { hasNavigation } = useContext(LayoutContext);\n\n    return (\n      <>\n        <Button\n          type='ghost'\n          wide='never'\n          loading={loading}\n          onClick={() => setVisible(true)}\n          aria-label={locale.searchLabel}\n        >\n          <Search />\n        </Button>\n\n        {mounted && (\n          <ThemeOverrider\n            overrides={(t) => ({\n              buttonPaddingHorizontal: t.pageHeaderButtonPaddingHorizontal,\n            })}\n          >\n            <Container\n              visible={visible}\n              rightIsGhostButton\n              hasNavigationIndent={hasNavigation}\n            >\n              <InputSearch\n                autoFocus\n                locale={locale}\n                loading={loading}\n                {...rest}\n                ref={ref}\n              />\n              <CloseButton\n                type='ghost'\n                wide='never'\n                onClick={() => {\n                  setVisible(false);\n                  onClose();\n                }}\n                aria-label={locale.closeLabel}\n              >\n                <Close />\n              </CloseButton>\n            </Container>\n          </ThemeOverrider>\n        )}\n      </>\n    );\n  }\n);\n\nPageHeaderInputSearch.displayName = 'PageHeaderInputSearch';\n\nexport default PageHeaderInputSearch;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_icons","_theming","_utils","_react2","_interopRequireWildcard","_Button","_InputSearch","_LayoutContext","_PageHeader","_defaultLocale","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","fadeIn","keyframes","fadeOut","visibleStyles","p","visible","css","theme","transitionDelay","invisibleStyles","Container","styled","PageHeaderContainer","omitEmotionProps","CloseButton","Button","pageHeaderAddonPaddingHorizontal","PageHeaderInputSearch","forwardRef","_ref","ref","_ref$locale","locale","defaultLocale","_ref$autoOpen","autoOpen","_ref$onClose","onClose","_ref$loading","loading","rest","_useState","useState","_useState2","setVisible","_useTheme","useTheme","mounted","useClosable","_useContext","useContext","LayoutContext","hasNavigation","createElement","Fragment","type","wide","onClick","searchLabel","Search","ThemeOverrider","overrides","t","buttonPaddingHorizontal","pageHeaderButtonPaddingHorizontal","rightIsGhostButton","hasNavigationIndent","autoFocus","closeLabel","Close","displayName","_default","exports"],"sources":["../../../src/PageHeaderInputSearch/index.tsx"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Close, Search } from '@os-design/icons';\nimport { ThemeOverrider, useTheme } from '@os-design/theming';\nimport { omitEmotionProps, useClosable } from '@os-design/utils';\nimport React, { forwardRef, useContext, useState } from 'react';\nimport Button from '../Button';\nimport InputSearch, { InputSearchProps } from '../InputSearch';\nimport LayoutContext from '../Layout/LayoutContext';\nimport { PageHeaderContainer } from '../PageHeader';\nimport defaultLocale, {\n  PageHeaderInputSearchLocale,\n} from './utils/defaultLocale';\n\nexport interface PageHeaderInputSearchProps\n  extends Omit<InputSearchProps, 'size' | 'locale'> {\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: PageHeaderInputSearchLocale;\n  /**\n   * Whether the search input opens on mount.\n   * @default false\n   */\n  autoOpen?: boolean;\n  /**\n   * The close event handler.\n   * @default undefined\n   */\n  onClose?: () => void;\n}\n\nconst fadeIn = keyframes`\n  from { transform: translateY(-100%); }\n  to { transform: translateY(0); }\n`;\n\nconst fadeOut = keyframes`\n  from { transform: translateY(0); }\n  to { transform: translateY(-100%); }\n`;\n\nconst visibleStyles = (p) =>\n  p.visible &&\n  css`\n    animation: ${fadeIn} ${p.theme.transitionDelay}ms forwards;\n  `;\n\nconst invisibleStyles = (p) =>\n  !p.visible &&\n  css`\n    animation: ${fadeOut} ${p.theme.transitionDelay}ms forwards;\n  `;\n\ninterface ContainerProps {\n  visible: boolean;\n}\nconst Container = styled(\n  PageHeaderContainer,\n  omitEmotionProps('visible')\n)<ContainerProps>`\n  z-index: 102; // After PageHeaderContainer\n  ${visibleStyles};\n  ${invisibleStyles};\n`;\n\nconst CloseButton = styled(Button)`\n  margin-left: ${(p) => p.theme.pageHeaderAddonPaddingHorizontal}em;\n`;\n\n/**\n * The search input for the page header.\n */\nconst PageHeaderInputSearch = forwardRef<\n  HTMLInputElement,\n  PageHeaderInputSearchProps\n>(\n  (\n    {\n      locale = defaultLocale,\n      autoOpen = false,\n      onClose = () => {},\n      loading = false,\n      ...rest\n    },\n    ref\n  ) => {\n    const [visible, setVisible] = useState(autoOpen);\n    const { theme } = useTheme();\n    const mounted = useClosable(visible, theme.transitionDelay);\n    const { hasNavigation } = useContext(LayoutContext);\n\n    return (\n      <>\n        <Button\n          type='ghost'\n          wide='never'\n          loading={loading}\n          onClick={() => setVisible(true)}\n          aria-label={locale.searchLabel}\n        >\n          <Search />\n        </Button>\n\n        {mounted && (\n          <ThemeOverrider\n            overrides={(t) => ({\n              buttonPaddingHorizontal: t.pageHeaderButtonPaddingHorizontal,\n            })}\n          >\n            <Container\n              visible={visible}\n              rightIsGhostButton\n              hasNavigationIndent={hasNavigation}\n            >\n              <InputSearch\n                autoFocus\n                locale={locale}\n                loading={loading}\n                {...rest}\n                ref={ref}\n              />\n              <CloseButton\n                type='ghost'\n                wide='never'\n                onClick={() => {\n                  setVisible(false);\n                  onClose();\n                }}\n                aria-label={locale.closeLabel}\n              >\n                <Close />\n              </CloseButton>\n            </Container>\n          </ThemeOverrider>\n        )}\n      </>\n    );\n  }\n);\n\nPageHeaderInputSearch.displayName = 'PageHeaderInputSearch';\n\nexport default PageHeaderInputSearch;\n"],"mappings":"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"}

package/dist/cjs/PageHeaderInputSearch/utils/defaultLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultLocale.js","names":["defaultLocale","inputSearchDefaultLocale","searchLabel","closeLabel"],"sources":["../../../../src/PageHeaderInputSearch/utils/defaultLocale.ts"],"sourcesContent":["import inputSearchDefaultLocale, {\n  InputSearchLocale,\n} from '../../InputSearch/utils/defaultLocale';\n\nexport interface PageHeaderInputSearchLocale extends InputSearchLocale {\n  searchLabel: string;\n  closeLabel: string;\n}\n\nconst defaultLocale: PageHeaderInputSearchLocale = {\n  ...inputSearchDefaultLocale,\n  searchLabel: 'Search',\n  closeLabel: 'Close search',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAAA;AAE+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/C,IAAMA,aAA0C,mCAC3CC,yBAAwB;EAC3BC,WAAW,EAAE,QAAQ;EACrBC,UAAU,EAAE;AAAc,EAC3B;AAAC,eAEaH,aAAa;AAAA"}
+{"version":3,"file":"defaultLocale.js","names":["_defaultLocale","_interopRequireDefault","require","obj","__esModule","_typeof","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","defaultLocale","inputSearchDefaultLocale","searchLabel","closeLabel","_default","exports"],"sources":["../../../../src/PageHeaderInputSearch/utils/defaultLocale.ts"],"sourcesContent":["import inputSearchDefaultLocale, {\n  InputSearchLocale,\n} from '../../InputSearch/utils/defaultLocale';\n\nexport interface PageHeaderInputSearchLocale extends InputSearchLocale {\n  searchLabel: string;\n  closeLabel: string;\n}\n\nconst defaultLocale: PageHeaderInputSearchLocale = {\n  ...inputSearchDefaultLocale,\n  searchLabel: 'Search',\n  closeLabel: 'Close search',\n};\n\nexport default defaultLocale;\n"],"mappings":"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"}

package/dist/cjs/PageHeaderSkeleton/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _Skeleton = _interopRequireDefault(require("../Skeleton"));
-var _PageHeader = require("../PageHeader");
 var _LayoutContext = _interopRequireDefault(require("../Layout/LayoutContext"));
+var _PageHeader = require("../PageHeader");
+var _Skeleton = _interopRequireDefault(require("../Skeleton"));
 var _excluded = ["width"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/dist/cjs/PageHeaderSkeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PageHeaderSkeleton","forwardRef","ref","width","rest","useContext","LayoutContext","hasNavigation","displayName"],"sources":["../../../src/PageHeaderSkeleton/index.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport { WithSize } from '@os-design/styles';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\nimport { PageHeaderContainer } from '../PageHeader';\nimport LayoutContext from '../Layout/LayoutContext';\n\nexport type PageHeaderSkeletonProps = SkeletonProps & WithSize;\n\n/**\n * Provides a page header placeholder while a user waits for\n * the content to load.\n */\nconst PageHeaderSkeleton = forwardRef<HTMLDivElement, PageHeaderSkeletonProps>(\n  ({ width = '30%', ...rest }, ref) => {\n    const { hasNavigation } = useContext(LayoutContext);\n\n    return (\n      <PageHeaderContainer\n        hasNavigationIndent={hasNavigation}\n        {...rest}\n        ref={ref}\n      >\n        <Skeleton width={width} />\n      </PageHeaderContainer>\n    );\n  }\n);\n\nPageHeaderSkeleton.displayName = 'PageHeaderSkeleton';\n\nexport default PageHeaderSkeleton;\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIpD;AACA;AACA;AACA;AACA,IAAMA,kBAAkB,gBAAG,IAAAC,iBAAU,EACnC,gBAA6BC,GAAG,EAAK;EAAA,sBAAlCC,KAAK;IAALA,KAAK,2BAAG,KAAK;IAAKC,IAAI;EACvB,kBAA0B,IAAAC,iBAAU,EAACC,yBAAa,CAAC;IAA3CC,aAAa,eAAbA,aAAa;EAErB,oBACE,gCAAC,+BAAmB;IAClB,mBAAmB,EAAEA;EAAc,GAC/BH,IAAI;IACR,GAAG,EAAEF;EAAI,iBAET,gCAAC,oBAAQ;IAAC,KAAK,EAAEC;EAAM,EAAG,CACN;AAE1B,CAAC,CACF;AAEDH,kBAAkB,CAACQ,WAAW,GAAG,oBAAoB;AAAC,eAEvCR,kBAAkB;AAAA"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_LayoutContext","_interopRequireDefault","_PageHeader","_Skeleton","_excluded","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PageHeaderSkeleton","forwardRef","_ref","ref","_ref$width","width","rest","_useContext","useContext","LayoutContext","hasNavigation","createElement","PageHeaderContainer","hasNavigationIndent","displayName","_default","exports"],"sources":["../../../src/PageHeaderSkeleton/index.tsx"],"sourcesContent":["import { WithSize } from '@os-design/styles';\n\nimport React, { forwardRef, useContext } from 'react';\nimport LayoutContext from '../Layout/LayoutContext';\nimport { PageHeaderContainer } from '../PageHeader';\n\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport type PageHeaderSkeletonProps = SkeletonProps & WithSize;\n\n/**\n * Provides a page header placeholder while a user waits for\n * the content to load.\n */\nconst PageHeaderSkeleton = forwardRef<HTMLDivElement, PageHeaderSkeletonProps>(\n  ({ width = '30%', ...rest }, ref) => {\n    const { hasNavigation } = useContext(LayoutContext);\n\n    return (\n      <PageHeaderContainer\n        hasNavigationIndent={hasNavigation}\n        {...rest}\n        ref={ref}\n      >\n        <Skeleton width={width} />\n      </PageHeaderContainer>\n    );\n  }\n);\n\nPageHeaderSkeleton.displayName = 'PageHeaderSkeleton';\n\nexport default PageHeaderSkeleton;\n"],"mappings":"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"}

package/dist/cjs/ParagraphSkeleton/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = _interopRequireWildcard(require("react"));
 var _utils = require("@os-design/utils");
-var _react2 = require("@emotion/react");
+var _react2 = _interopRequireWildcard(require("react"));
 var _Skeleton = _interopRequireDefault(require("../Skeleton"));
 var _excluded = ["rows", "width", "hasMargin"];
 var _templateObject, _templateObject2;
@@ -20,7 +20,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var hasMarginStyles = function hasMarginStyles(p) {
-  return p.hasMargin && (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-bottom: ", "em;\n  "])), p.theme.paragraphMarginBottom + (p.theme.lineHeight - 1));
+  return p.hasMargin && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-bottom: ", "em;\n  "])), p.theme.paragraphMarginBottom + (p.theme.lineHeight - 1));
 };
 var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('hasMargin'))(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  & > *:not(:last-of-type) {\n    margin-bottom: ", "em;\n  }\n  ", ";\n"])), function (p) {
   return p.theme.lineHeight - 1;
@@ -30,7 +30,7 @@ var key = 0;
 /**
  * Provides a paragraph placeholder while a user waits for the content to load.
  */
-var ParagraphSkeleton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var ParagraphSkeleton = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   var _ref$rows = _ref.rows,
     rows = _ref$rows === void 0 ? 4 : _ref$rows,
     _ref$width = _ref.width,
@@ -38,13 +38,13 @@ var ParagraphSkeleton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     _ref$hasMargin = _ref.hasMargin,
     hasMargin = _ref$hasMargin === void 0 ? false : _ref$hasMargin,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(Container, _extends({
+  return /*#__PURE__*/_react2["default"].createElement(Container, _extends({
     hasMargin: hasMargin
   }, rest, {
     ref: ref
   }), Array(rows).fill({}).map(function (_, index) {
     key += 1;
-    return /*#__PURE__*/_react["default"].createElement(_Skeleton["default"], {
+    return /*#__PURE__*/_react2["default"].createElement(_Skeleton["default"], {
       key: key,
       width: index < rows - 1 ? '100%' : width
     });

package/dist/cjs/ParagraphSkeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["hasMarginStyles","p","hasMargin","css","theme","paragraphMarginBottom","lineHeight","Container","styled","omitEmotionProps","key","ParagraphSkeleton","forwardRef","ref","rows","width","rest","Array","fill","map","_","index","displayName"],"sources":["../../../src/ParagraphSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { css } from '@emotion/react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport interface ParagraphSkeletonProps extends SkeletonProps {\n  /**\n   * The number of rows.\n   * @default 4\n   */\n  rows?: number;\n  /**\n   * The width of the last row.\n   * @default 70%\n   */\n  width?: string;\n  /**\n   * Whether the paragraph has a bottom margin.\n   * @default false\n   */\n  hasMargin?: boolean;\n}\n\nconst hasMarginStyles = (p) =>\n  p.hasMargin &&\n  css`\n    margin-bottom: ${p.theme.paragraphMarginBottom +\n    (p.theme.lineHeight - 1)}em;\n  `;\n\ntype ContainerProps = Pick<ParagraphSkeletonProps, 'hasMargin'>;\nconst Container = styled('div', omitEmotionProps('hasMargin'))<ContainerProps>`\n  & > *:not(:last-of-type) {\n    margin-bottom: ${(p) => p.theme.lineHeight - 1}em;\n  }\n  ${hasMarginStyles};\n`;\n\nlet key = 0;\n\n/**\n * Provides a paragraph placeholder while a user waits for the content to load.\n */\nconst ParagraphSkeleton = forwardRef<HTMLDivElement, ParagraphSkeletonProps>(\n  ({ rows = 4, width = '70%', hasMargin = false, ...rest }, ref) => (\n    <Container hasMargin={hasMargin} {...rest} ref={ref}>\n      {Array(rows)\n        .fill({})\n        .map((_, index) => {\n          key += 1;\n          return (\n            <Skeleton key={key} width={index < rows - 1 ? '100%' : width} />\n          );\n        })}\n    </Container>\n  )\n);\n\nParagraphSkeleton.displayName = 'ParagraphSkeleton';\n\nexport default ParagraphSkeleton;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAsD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBtD,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,CAAC;EAAA,OACxBA,CAAC,CAACC,SAAS,QACXC,WAAG,uGACgBF,CAAC,CAACG,KAAK,CAACC,qBAAqB,IAC7CJ,CAAC,CAACG,KAAK,CAACE,UAAU,GAAG,CAAC,CAAC,CACzB;AAAA;AAGH,IAAMC,SAAS,GAAG,IAAAC,kBAAM,EAAC,KAAK,EAAE,IAAAC,uBAAgB,EAAC,WAAW,CAAC,CAAC,kJAEzC,UAACR,CAAC;EAAA,OAAKA,CAAC,CAACG,KAAK,CAACE,UAAU,GAAG,CAAC;AAAA,GAE9CN,eAAe,CAClB;AAED,IAAIU,GAAG,GAAG,CAAC;;AAEX;AACA;AACA;AACA,IAAMC,iBAAiB,gBAAG,IAAAC,iBAAU,EAClC,gBAA0DC,GAAG;EAAA,qBAA1DC,IAAI;IAAJA,IAAI,0BAAG,CAAC;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,KAAK;IAAA,sBAAEb,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAKc,IAAI;EAAA,oBACpD,gCAAC,SAAS;IAAC,SAAS,EAAEd;EAAU,GAAKc,IAAI;IAAE,GAAG,EAAEH;EAAI,IACjDI,KAAK,CAACH,IAAI,CAAC,CACTI,IAAI,CAAC,CAAC,CAAC,CAAC,CACRC,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK,EAAK;IACjBX,GAAG,IAAI,CAAC;IACR,oBACE,gCAAC,oBAAQ;MAAC,GAAG,EAAEA,GAAI;MAAC,KAAK,EAAEW,KAAK,GAAGP,IAAI,GAAG,CAAC,GAAG,MAAM,GAAGC;IAAM,EAAG;EAEpE,CAAC,CAAC,CACM;AAAA,CACb,CACF;AAEDJ,iBAAiB,CAACW,WAAW,GAAG,mBAAmB;AAAC,eAErCX,iBAAiB;AAAA"}
+{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_utils","_react2","_interopRequireWildcard","_Skeleton","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","hasMarginStyles","p","hasMargin","css","theme","paragraphMarginBottom","lineHeight","Container","styled","omitEmotionProps","ParagraphSkeleton","forwardRef","_ref","ref","_ref$rows","rows","_ref$width","width","_ref$hasMargin","rest","createElement","Array","fill","map","_","index","displayName","_default","exports"],"sources":["../../../src/ParagraphSkeleton/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\n\nimport styled from '@emotion/styled';\n\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\n\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport interface ParagraphSkeletonProps extends SkeletonProps {\n  /**\n   * The number of rows.\n   * @default 4\n   */\n  rows?: number;\n  /**\n   * The width of the last row.\n   * @default 70%\n   */\n  width?: string;\n  /**\n   * Whether the paragraph has a bottom margin.\n   * @default false\n   */\n  hasMargin?: boolean;\n}\n\nconst hasMarginStyles = (p) =>\n  p.hasMargin &&\n  css`\n    margin-bottom: ${p.theme.paragraphMarginBottom +\n    (p.theme.lineHeight - 1)}em;\n  `;\n\ntype ContainerProps = Pick<ParagraphSkeletonProps, 'hasMargin'>;\nconst Container = styled('div', omitEmotionProps('hasMargin'))<ContainerProps>`\n  & > *:not(:last-of-type) {\n    margin-bottom: ${(p) => p.theme.lineHeight - 1}em;\n  }\n  ${hasMarginStyles};\n`;\n\nlet key = 0;\n\n/**\n * Provides a paragraph placeholder while a user waits for the content to load.\n */\nconst ParagraphSkeleton = forwardRef<HTMLDivElement, ParagraphSkeletonProps>(\n  ({ rows = 4, width = '70%', hasMargin = false, ...rest }, ref) => (\n    <Container hasMargin={hasMargin} {...rest} ref={ref}>\n      {Array(rows)\n        .fill({})\n        .map((_, index) => {\n          key += 1;\n          return (\n            <Skeleton key={key} width={index < rows - 1 ? '100%' : width} />\n          );\n        })}\n    </Container>\n  )\n);\n\nParagraphSkeleton.displayName = 'ParagraphSkeleton';\n\nexport default ParagraphSkeleton;\n"],"mappings":"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"}

package/dist/cjs/Popover/index.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("@os-design/styles");
-var _utils = require("@os-design/utils");
+var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _theming = require("@os-design/theming");
-var _react2 = require("@emotion/react");
 var _portal = _interopRequireDefault(require("@os-design/portal"));
+var _styles = require("@os-design/styles");
+var _theming = require("@os-design/theming");
+var _utils = require("@os-design/utils");
+var _react2 = _interopRequireWildcard(require("react"));
 var _usePopoverPosition2 = _interopRequireDefault(require("./utils/usePopoverPosition"));
 var _excluded = ["trigger", "placement", "gap", "flip", "visible", "onClose", "id", "children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -28,13 +28,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var fadeIn = (0, _react2.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"])));
-var fadeOut = (0, _react2.keyframes)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"])));
+var fadeIn = (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"])));
+var fadeOut = (0, _react.keyframes)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  from { opacity: 1; }\n  to { opacity: 0; }\n"])));
 var visibleStyles = function visibleStyles(p) {
-  return p.visible && (0, _react2.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    animation: ", " ", "ms forwards;\n  "])), fadeIn, p.theme.transitionDelay);
+  return p.visible && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    animation: ", " ", "ms forwards;\n  "])), fadeIn, p.theme.transitionDelay);
 };
 var invisibleStyles = function invisibleStyles(p) {
-  return !p.visible && (0, _react2.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    animation: ", " ", "ms forwards;\n  "])), fadeOut, p.theme.transitionDelay);
+  return !p.visible && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    animation: ", " ", "ms forwards;\n  "])), fadeOut, p.theme.transitionDelay);
 };
 var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('top', 'left', 'visible', 'size'))(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n\n  border-radius: ", "em;\n  background-color: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n  box-shadow: 0 0.15em 0.8em ", ";\n  z-index: 1000; // Greater than the z-index of the Drawer\n\n  ", ";\n  ", ";\n  ", ";\n"])), function (p) {
   return p.top;
@@ -61,7 +61,7 @@ var emptyRect = {
 /**
  * The pop-up window located next to the element.
  */
-var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var Popover = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   var trigger = _ref.trigger,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? 'top' : _ref$placement,
@@ -80,11 +80,11 @@ var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
     popoverRef = _useForwardedRef2[0],
     mergedPopoverRef = _useForwardedRef2[1];
-  var _useState = (0, _react.useState)(emptyRect),
+  var _useState = (0, _react2.useState)(emptyRect),
     _useState2 = _slicedToArray(_useState, 2),
     popoverRect = _useState2[0],
     setPopoverRect = _useState2[1];
-  var _useState3 = (0, _react.useState)(emptyRect),
+  var _useState3 = (0, _react2.useState)(emptyRect),
     _useState4 = _slicedToArray(_useState3, 2),
     triggerRect = _useState4[0],
     setTriggerRect = _useState4[1];
@@ -93,12 +93,12 @@ var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var mounted = (0, _utils.useClosable)(visible, theme.transitionDelay);
 
   // Init the rect of the popover and update it when the popover size changes
-  var popoverResizeListener = (0, _react.useCallback)(function () {
+  var popoverResizeListener = (0, _react2.useCallback)(function () {
     if (!popoverRef.current) return;
     setPopoverRect(popoverRef.current.getBoundingClientRect());
   }, [popoverRef]);
   (0, _utils.useResizeObserver)(popoverRef.current, popoverResizeListener);
-  var measuredPopoverRef = (0, _react.useCallback)(function (node) {
+  var measuredPopoverRef = (0, _react2.useCallback)(function (node) {
     if (node === null) return;
     setPopoverRect(node.getBoundingClientRect());
     mergedPopoverRef(node);
@@ -106,7 +106,7 @@ var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
 
   // Init the rect of the trigger and update it when the window was resized
   // or scrolled
-  var triggerResizeListener = (0, _react.useCallback)(function () {
+  var triggerResizeListener = (0, _react2.useCallback)(function () {
     window.requestAnimationFrame(function () {
       if (!trigger) return;
       var _ref2 = trigger,
@@ -122,11 +122,11 @@ var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   (0, _utils.useResizeObserver)(trigger, triggerResizeListener);
   (0, _utils.useEvent)(typeof window === 'undefined' ? null : window, 'resize', triggerResizeListener);
   (0, _utils.useEvent)(document, 'scroll', triggerResizeListener);
-  (0, _react.useEffect)(function () {
+  (0, _react2.useEffect)(function () {
     if (!trigger || trigger.current !== undefined) return;
     setTriggerRect(trigger);
   }, [trigger]);
-  var popoverId = (0, _react.useMemo)(function () {
+  var popoverId = (0, _react2.useMemo)(function () {
     return id || "popover-".concat(Math.random().toString(36).slice(2, 11));
   }, [id]);
 
@@ -163,7 +163,7 @@ var Popover = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   // Close the popover when the user clicks outside of it
   (0, _utils.useClickOutside)(popoverRef, onClose);
   if (!mounted) return null;
-  return /*#__PURE__*/_react["default"].createElement(_portal["default"], null, /*#__PURE__*/_react["default"].createElement(Container, _extends({
+  return /*#__PURE__*/_react2["default"].createElement(_portal["default"], null, /*#__PURE__*/_react2["default"].createElement(Container, _extends({
     top: top,
     left: left,
     visible: visible,