@os-design/core 1.0.254 → 1.0.256

package/dist/cjs/Gallery/index.js

@@ -1,198 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _icons = require("@os-design/icons");
-var _theming = require("@os-design/theming");
-var _utils = require("@os-design/utils");
-var _react = _interopRequireWildcard(require("react"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _Image = _interopRequireDefault(require("../Image"));
-var _Status = _interopRequireDefault(require("./Status"));
-var _excluded = ["urls", "aspectRatio", "imageProps", "hideArrows", "children"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-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 = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { 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 Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('heightPercent'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  padding-bottom: ", "%;\n\n  display: flex;\n  justify-content: center;\n\n  background-color: ", ";\n  border-radius: ", "em;\n  overflow: hidden;\n"])), function (p) {
-  return p.heightPercent;
-}, function (p) {
-  return (0, _theming.clr)(p.theme.galleryColorBg);
-}, function (p) {
-  return p.theme.borderRadius;
-});
-var StyledImage = (0, _styled["default"])(_Image["default"])(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  width: auto;\n  height: 100%;\n  border-radius: 0;\n"])));
-var NavButton = (0, _styled["default"])(_Button["default"])(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n\n  background-color: hsla(0, 0%, 0%, 0.5);\n  backdrop-filter: blur(0.2em);\n"])));
-var LeftButton = (0, _styled["default"])(NavButton)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  left: 0.2em;\n"])));
-var RightButton = (0, _styled["default"])(NavButton)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  right: 0.2em;\n"])));
-var MIN_DIST_PX = 30;
-var MAX_ANGLE = 30;
-
-/**
- * The image gallery. Change the cursor/touch position to change images.
- * The lib 'lazysizes/plugins/attrchange/ls.attrchange' must be imported.
- */
-var Gallery = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var urls = _ref.urls,
-    _ref$aspectRatio = _ref.aspectRatio,
-    aspectRatio = _ref$aspectRatio === void 0 ? [16, 9] : _ref$aspectRatio,
-    _ref$imageProps = _ref.imageProps,
-    imageProps = _ref$imageProps === void 0 ? {} : _ref$imageProps,
-    _ref$hideArrows = _ref.hideArrows,
-    hideArrows = _ref$hideArrows === void 0 ? false : _ref$hideArrows,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useForwardedRef = (0, _utils.useForwardedRef)(ref),
-    _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
-    innerContainerRef = _useForwardedRef2[0],
-    mergedContainerRef = _useForwardedRef2[1];
-  var _useState = (0, _react.useState)(undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    imageUrl = _useState2[0],
-    setImageUrl = _useState2[1];
-  var _useState3 = (0, _react.useState)(urls.length > 0 ? 0 : null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    imageIndex = _useState4[0],
-    setImageIndex = _useState4[1];
-  var heightPercent = (0, _react.useMemo)(function () {
-    return Math.round(aspectRatio[1] / aspectRatio[0] * 1000000) / 10000;
-  }, [aspectRatio]);
-  var imageIndexRef = (0, _react.useRef)(imageIndex);
-  (0, _react.useEffect)(function () {
-    imageIndexRef.current = imageIndex;
-  }, [imageIndex]);
-
-  // Update the image if the index was changed
-  (0, _react.useEffect)(function () {
-    setImageUrl(imageIndex !== null ? urls[imageIndex] : undefined);
-  }, [imageIndex, urls]);
-  var startTouchPosRef = (0, _react.useRef)(null);
-  var size = (0, _utils.useSize)(innerContainerRef);
-  var sizeRef = (0, _react.useRef)(size);
-  (0, _react.useEffect)(function () {
-    sizeRef.current = size;
-  }, [size]);
-  var statusHeight = (0, _react.useMemo)(function () {
-    return Math.round(size.height / 70);
-  }, [size.height]);
-  var updateGalleryImage = (0, _react.useCallback)(function (clientX) {
-    if (!innerContainerRef.current) return;
-    var _innerContainerRef$cu = innerContainerRef.current.getBoundingClientRect(),
-      x = _innerContainerRef$cu.x;
-    var widthPerImage = sizeRef.current.width / urls.length;
-    var xPos = clientX - x;
-    if (xPos < 0) return;
-    var nextIndex = Math.floor(xPos / widthPerImage);
-    if (imageIndexRef.current !== nextIndex) {
-      setImageIndex(nextIndex);
-    }
-  }, [innerContainerRef, urls.length]);
-  var prev = (0, _react.useCallback)(function () {
-    var index = imageIndexRef.current;
-    if (index === null) return;
-    setImageIndex(index > 0 ? index - 1 : urls.length - 1);
-  }, [urls.length]);
-  var next = (0, _react.useCallback)(function () {
-    var index = imageIndexRef.current;
-    if (index === null) return;
-    setImageIndex(index < urls.length - 1 ? index + 1 : 0);
-  }, [urls.length]);
-  var left = (0, _react.useCallback)(function (e) {
-    prev();
-    e.preventDefault();
-  }, [prev]);
-  var right = (0, _react.useCallback)(function (e) {
-    next();
-    e.preventDefault();
-  }, [next]);
-  var mouseMoveHandler = (0, _react.useCallback)(function (e) {
-    return updateGalleryImage(e.clientX);
-  }, [updateGalleryImage]);
-  var touchStartHandler = (0, _react.useCallback)(function (e) {
-    var _e$touches$ = e.touches[0],
-      clientX = _e$touches$.clientX,
-      clientY = _e$touches$.clientY;
-    startTouchPosRef.current = {
-      x: clientX,
-      y: clientY
-    };
-  }, []);
-  var touchMoveHandler = (0, _react.useCallback)(function (e) {
-    if (!startTouchPosRef.current) return;
-    var _startTouchPosRef$cur = startTouchPosRef.current,
-      x = _startTouchPosRef$cur.x,
-      y = _startTouchPosRef$cur.y;
-    var _e$touches$2 = e.touches[0],
-      clientX = _e$touches$2.clientX,
-      clientY = _e$touches$2.clientY;
-    var diffX = Math.abs(x - clientX);
-    var diffY = Math.abs(y - clientY);
-    var diff = Math.sqrt(Math.pow(diffX, 2) + Math.pow(diffY, 2));
-    if (diff < MIN_DIST_PX) return;
-    var angle = Math.atan(diffY / diffX) * 180 / Math.PI;
-    if (angle > MAX_ANGLE) {
-      startTouchPosRef.current = null;
-      return;
-    }
-    if (x < clientX) prev();else next();
-    startTouchPosRef.current = null;
-  }, [next, prev]);
-  var touchEndHandler = (0, _react.useCallback)(function () {
-    startTouchPosRef.current = null;
-  }, []);
-  var handlers = (0, _react.useMemo)(function () {
-    if ((0, _utils.isTouchDevice)()) {
-      return {
-        onTouchStart: touchStartHandler,
-        onTouchMove: touchMoveHandler,
-        onTouchEnd: touchEndHandler
-      };
-    }
-    return {
-      onMouseMove: mouseMoveHandler
-    };
-  }, [mouseMoveHandler, touchEndHandler, touchMoveHandler, touchStartHandler]);
-  return /*#__PURE__*/_react["default"].createElement(_theming.ThemeOverrider, {
-    activeTheme: "dark"
-  }, /*#__PURE__*/_react["default"].createElement(Container, _extends({
-    heightPercent: heightPercent
-  }, handlers, rest, {
-    ref: mergedContainerRef
-  }), /*#__PURE__*/_react["default"].createElement(StyledImage, _extends({
-    url: imageUrl
-  }, imageProps)), urls.length > 1 && imageIndex !== null && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Status["default"], {
-    count: urls.length,
-    current: imageIndex,
-    height: statusHeight
-  }), (0, _utils.isTouchDevice)() && !hideArrows && /*#__PURE__*/_react["default"].createElement(_theming.ThemeOverrider, {
-    overrides: {
-      colorPrimary: [0, 0, 100]
-    }
-  }, /*#__PURE__*/_react["default"].createElement(LeftButton, {
-    type: "ghost",
-    wide: "never",
-    size: "small",
-    onClick: left
-  }, /*#__PURE__*/_react["default"].createElement(_icons.Left, null)), /*#__PURE__*/_react["default"].createElement(RightButton, {
-    type: "ghost",
-    wide: "never",
-    size: "small",
-    onClick: right
-  }, /*#__PURE__*/_react["default"].createElement(_icons.Right, null)))), children));
-});
-var _default = exports["default"] = Gallery;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_icons","_theming","_utils","_react","_interopRequireWildcard","_Button","_Image","_Status","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","Container","styled","omitEmotionProps","p","heightPercent","clr","theme","galleryColorBg","borderRadius","StyledImage","Image","NavButton","Button","LeftButton","RightButton","MIN_DIST_PX","MAX_ANGLE","Gallery","forwardRef","_ref","ref","urls","_ref$aspectRatio","aspectRatio","_ref$imageProps","imageProps","_ref$hideArrows","hideArrows","children","rest","_useForwardedRef","useForwardedRef","_useForwardedRef2","innerContainerRef","mergedContainerRef","_useState","useState","undefined","_useState2","imageUrl","setImageUrl","_useState3","_useState4","imageIndex","setImageIndex","useMemo","Math","round","imageIndexRef","useRef","useEffect","current","startTouchPosRef","size","useSize","sizeRef","statusHeight","height","updateGalleryImage","useCallback","clientX","_innerContainerRef$cu","getBoundingClientRect","x","widthPerImage","width","xPos","nextIndex","floor","prev","index","left","preventDefault","right","mouseMoveHandler","touchStartHandler","_e$touches$","touches","clientY","y","touchMoveHandler","_startTouchPosRef$cur","_e$touches$2","diffX","abs","diffY","diff","sqrt","pow","angle","atan","PI","touchEndHandler","handlers","isTouchDevice","onTouchStart","onTouchMove","onTouchEnd","onMouseMove","createElement","ThemeOverrider","activeTheme","url","Fragment","count","overrides","colorPrimary","type","wide","onClick","Left","Right","_default","exports"],"sources":["../../../src/Gallery/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Left, Right } from '@os-design/icons';\nimport { ThemeOverrider, clr } from '@os-design/theming';\nimport {\n  isTouchDevice,\n  omitEmotionProps,\n  useForwardedRef,\n  useSize,\n} from '@os-design/utils';\nimport React, {\n  MouseEventHandler,\n  TouchEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport Button from '../Button';\nimport Image, { ImageProps } from '../Image';\nimport GalleryStatus from './Status';\n\ninterface ContainerProps {\n  heightPercent: number;\n}\nconst Container = styled(\n  'div',\n  omitEmotionProps('heightPercent')\n)<ContainerProps>`\n  position: relative;\n  padding-bottom: ${(p) => p.heightPercent}%;\n\n  display: flex;\n  justify-content: center;\n\n  background-color: ${(p) => clr(p.theme.galleryColorBg)};\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  overflow: hidden;\n`;\n\nconst StyledImage = styled(Image)`\n  position: absolute;\n  width: auto;\n  height: 100%;\n  border-radius: 0;\n`;\n\nconst NavButton = styled(Button)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n\n  background-color: hsla(0, 0%, 0%, 0.5);\n  backdrop-filter: blur(0.2em);\n`;\n\nconst LeftButton = styled(NavButton)`\n  left: 0.2em;\n`;\n\nconst RightButton = styled(NavButton)`\n  right: 0.2em;\n`;\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface GalleryProps extends JsxDivProps {\n  /**\n   * The image urls.\n   */\n  urls: string[] | ReadonlyArray<string>;\n  /**\n   * The aspect ratio of the gallery.\n   * E.g. [16,9] – 16:9.\n   */\n  aspectRatio?: [number, number];\n  /**\n   * The props of the image component.\n   */\n  imageProps?: Omit<ImageProps, 'url'>;\n  /**\n   * Whether the navigation buttons is shown.\n   */\n  hideArrows?: boolean;\n  /**\n   * The children that can be displayed on top of the image.\n   * E.g. tags.\n   */\n  children?: React.ReactNode;\n}\n\nconst MIN_DIST_PX = 30;\nconst MAX_ANGLE = 30;\n\n/**\n * The image gallery. Change the cursor/touch position to change images.\n * The lib 'lazysizes/plugins/attrchange/ls.attrchange' must be imported.\n */\nconst Gallery = forwardRef<HTMLDivElement, GalleryProps>(\n  (\n    {\n      urls,\n      aspectRatio = [16, 9],\n      imageProps = {},\n      hideArrows = false,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const [innerContainerRef, mergedContainerRef] = useForwardedRef(ref);\n\n    const [imageUrl, setImageUrl] = useState<string | undefined>(undefined);\n    const [imageIndex, setImageIndex] = useState(urls.length > 0 ? 0 : null);\n\n    const heightPercent = useMemo(\n      () => Math.round((aspectRatio[1] / aspectRatio[0]) * 1000000) / 10000,\n      [aspectRatio]\n    );\n\n    const imageIndexRef = useRef(imageIndex);\n    useEffect(() => {\n      imageIndexRef.current = imageIndex;\n    }, [imageIndex]);\n\n    // Update the image if the index was changed\n    useEffect(() => {\n      setImageUrl(imageIndex !== null ? urls[imageIndex] : undefined);\n    }, [imageIndex, urls]);\n\n    const startTouchPosRef = useRef<{ x: number; y: number } | null>(null);\n\n    const size = useSize(innerContainerRef);\n    const sizeRef = useRef(size);\n    useEffect(() => {\n      sizeRef.current = size;\n    }, [size]);\n\n    const statusHeight = useMemo(\n      () => Math.round(size.height / 70),\n      [size.height]\n    );\n\n    const updateGalleryImage = useCallback(\n      (clientX: number) => {\n        if (!innerContainerRef.current) return;\n        const { x } = innerContainerRef.current.getBoundingClientRect();\n        const widthPerImage = sizeRef.current.width / urls.length;\n        const xPos = clientX - x;\n        if (xPos < 0) return;\n        const nextIndex = Math.floor(xPos / widthPerImage);\n        if (imageIndexRef.current !== nextIndex) {\n          setImageIndex(nextIndex);\n        }\n      },\n      [innerContainerRef, urls.length]\n    );\n\n    const prev = useCallback(() => {\n      const index = imageIndexRef.current;\n      if (index === null) return;\n      setImageIndex(index > 0 ? index - 1 : urls.length - 1);\n    }, [urls.length]);\n\n    const next = useCallback(() => {\n      const index = imageIndexRef.current;\n      if (index === null) return;\n      setImageIndex(index < urls.length - 1 ? index + 1 : 0);\n    }, [urls.length]);\n\n    const left = useCallback<MouseEventHandler>(\n      (e) => {\n        prev();\n        e.preventDefault();\n      },\n      [prev]\n    );\n\n    const right = useCallback<MouseEventHandler>(\n      (e) => {\n        next();\n        e.preventDefault();\n      },\n      [next]\n    );\n\n    const mouseMoveHandler = useCallback<MouseEventHandler<HTMLDivElement>>(\n      (e) => updateGalleryImage(e.clientX),\n      [updateGalleryImage]\n    );\n\n    const touchStartHandler = useCallback<TouchEventHandler<HTMLDivElement>>(\n      (e) => {\n        const { clientX, clientY } = e.touches[0];\n        startTouchPosRef.current = { x: clientX, y: clientY };\n      },\n      []\n    );\n\n    const touchMoveHandler = useCallback<TouchEventHandler<HTMLDivElement>>(\n      (e) => {\n        if (!startTouchPosRef.current) return;\n        const { x, y } = startTouchPosRef.current;\n        const { clientX, clientY } = e.touches[0];\n        const diffX = Math.abs(x - clientX);\n        const diffY = Math.abs(y - clientY);\n        const diff = Math.sqrt(diffX ** 2 + diffY ** 2);\n        if (diff < MIN_DIST_PX) return;\n        const angle = (Math.atan(diffY / diffX) * 180) / Math.PI;\n        if (angle > MAX_ANGLE) {\n          startTouchPosRef.current = null;\n          return;\n        }\n        if (x < clientX) prev();\n        else next();\n        startTouchPosRef.current = null;\n      },\n      [next, prev]\n    );\n\n    const touchEndHandler = useCallback<\n      TouchEventHandler<HTMLDivElement>\n    >(() => {\n      startTouchPosRef.current = null;\n    }, []);\n\n    const handlers = useMemo(() => {\n      if (isTouchDevice()) {\n        return {\n          onTouchStart: touchStartHandler,\n          onTouchMove: touchMoveHandler,\n          onTouchEnd: touchEndHandler,\n        };\n      }\n      return {\n        onMouseMove: mouseMoveHandler,\n      };\n    }, [\n      mouseMoveHandler,\n      touchEndHandler,\n      touchMoveHandler,\n      touchStartHandler,\n    ]);\n\n    return (\n      <ThemeOverrider activeTheme='dark'>\n        <Container\n          heightPercent={heightPercent}\n          {...handlers}\n          {...rest}\n          ref={mergedContainerRef}\n        >\n          <StyledImage url={imageUrl} {...imageProps} />\n          {urls.length > 1 && imageIndex !== null && (\n            <>\n              <GalleryStatus\n                count={urls.length}\n                current={imageIndex}\n                height={statusHeight}\n              />\n              {isTouchDevice() && !hideArrows && (\n                <ThemeOverrider overrides={{ colorPrimary: [0, 0, 100] }}>\n                  <LeftButton\n                    type='ghost'\n                    wide='never'\n                    size='small'\n                    onClick={left}\n                  >\n                    <Left />\n                  </LeftButton>\n                  <RightButton\n                    type='ghost'\n                    wide='never'\n                    size='small'\n                    onClick={right}\n                  >\n                    <Right />\n                  </RightButton>\n                </ThemeOverrider>\n              )}\n            </>\n          )}\n          {children}\n        </Container>\n      </ThemeOverrider>\n    );\n  }\n);\n\nexport default Gallery;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/GlobalStyles/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = require("@emotion/react");
-var _utils = require("@os-design/utils");
-var _react2 = _interopRequireDefault(require("react"));
-var _resetStyles = _interopRequireDefault(require("./resetStyles"));
-var _typographyStyles = _interopRequireDefault(require("./typographyStyles"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var GlobalStyles = function GlobalStyles() {
-  (0, _utils.useVh)();
-  return /*#__PURE__*/_react2["default"].createElement(_react.Global, {
-    styles: function styles(theme) {
-      return [(0, _resetStyles["default"])(theme), (0, _typographyStyles["default"])(theme)];
-    }
-  });
-};
-GlobalStyles.displayName = 'GlobalStyles';
-var _default = exports["default"] = GlobalStyles;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_react","require","_utils","_react2","_interopRequireDefault","_resetStyles","_typographyStyles","obj","__esModule","GlobalStyles","useVh","createElement","Global","styles","theme","resetStyles","typographyStyles","displayName","_default","exports"],"sources":["../../../src/GlobalStyles/index.tsx"],"sourcesContent":["import { Global } from '@emotion/react';\nimport { useVh } from '@os-design/utils';\nimport React from 'react';\nimport resetStyles from './resetStyles';\nimport typographyStyles from './typographyStyles';\n\nconst GlobalStyles: React.FC = () => {\n  useVh();\n  return (\n    <Global styles={(theme) => [resetStyles(theme), typographyStyles(theme)]} />\n  );\n};\n\nGlobalStyles.displayName = 'GlobalStyles';\n\nexport default GlobalStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,iBAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAkD,SAAAG,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAElD,IAAME,YAAsB,GAAG,SAAzBA,YAAsBA,CAAA,EAAS;EACnC,IAAAC,YAAK,EAAC,CAAC;EACP,oBACEP,OAAA,YAAAQ,aAAA,CAACX,MAAA,CAAAY,MAAM;IAACC,MAAM,EAAE,SAAAA,OAACC,KAAK;MAAA,OAAK,CAAC,IAAAC,uBAAW,EAACD,KAAK,CAAC,EAAE,IAAAE,4BAAgB,EAACF,KAAK,CAAC,CAAC;IAAA;EAAC,CAAE,CAAC;AAEhF,CAAC;AAEDL,YAAY,CAACQ,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAE3BV,YAAY","ignoreList":[]}

package/dist/cjs/GlobalStyles/resetStyles.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = require("@emotion/react");
-var _templateObject;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var resetStyles = function resetStyles(theme) {
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  body {\n    margin: 0;\n  }\n\n  p,\n  figure,\n  pre {\n    margin: 0 0 ", "em;\n  }\n"])), theme.paragraphMarginBottom);
-};
-var _default = exports["default"] = resetStyles;
-//# sourceMappingURL=resetStyles.js.map

package/dist/cjs/GlobalStyles/resetStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resetStyles.js","names":["_react","require","_templateObject","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","resetStyles","theme","css","paragraphMarginBottom","_default","exports"],"sources":["../../../src/GlobalStyles/resetStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\nimport { Theme } from '@os-design/theming';\n\nconst resetStyles = (theme: Theme): SerializedStyles => css`\n  body {\n    margin: 0;\n  }\n\n  p,\n  figure,\n  pre {\n    margin: 0 0 ${theme.paragraphMarginBottom}em;\n  }\n`;\n\nexport default resetStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAAA,SAAAC,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAIrC,IAAMM,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAY;EAAA,WAAuBC,UAAG,EAAAX,eAAA,KAAAA,eAAA,GAAAC,sBAAA,oGAQzCS,KAAK,CAACE,qBAAqB;AAAA,CAE5C;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaL,WAAW","ignoreList":[]}

package/dist/cjs/GlobalStyles/typographyStyles.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = require("@emotion/react");
-var _media = require("@os-design/media");
-var _theming = require("@os-design/theming");
-var _facepaint = _interopRequireDefault(require("facepaint"));
-var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var headingsFontSizeStyles = function headingsFontSizeStyles(fontSize) {
-  var headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
-  return (0, _facepaint["default"])(headings, {
-    literal: true
-  })({
-    fontSize: fontSize.map(function (item) {
-      return "".concat(item, "em");
-    })
-  });
-};
-var headingsMarginTopStyles = function headingsMarginTopStyles(marginTop) {
-  var headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].map(function (h) {
-    return "".concat(h, ":not(:first-of-type)");
-  });
-  return (0, _facepaint["default"])(headings, {
-    literal: true
-  })({
-    marginTop: marginTop.map(function (item) {
-      return "".concat(item, "em");
-    })
-  });
-};
-var typographyStyles = function typographyStyles(theme) {
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  html,\n  button,\n  input,\n  textarea,\n  select {\n    font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  }\n\n  html,\n  input {\n    color: ", ";\n  }\n\n  html {\n    line-height: ", ";\n\n    // Sets the font smoothing\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-rendering: optimizeLegibility;\n\n    // Sets the base font size and increases it on large screens\n    ", ";\n  }\n\n  body {\n    background-color: ", ";\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: bold;\n    line-height: 1.2;\n    margin: 0 0 ", "em;\n  }\n\n  // Sets the margin top of headings\n  ", ";\n\n  // Sets the base font size of headings\n  ", ";\n\n  // Sets the font size of headings on large screens\n  ", " {\n    ", "\n  }\n"])), (0, _theming.clr)(theme.colorText), theme.lineHeight, (0, _facepaint["default"])([_media.m.min.md, _media.m.min.xxl])({
-    fontSize: theme.fontSize.map(function (s) {
-      return "".concat(s, "px");
-    })
-  }), (0, _theming.clr)(theme.colorBg), theme.headingsMarginBottom, headingsMarginTopStyles(theme.headingsMarginTop), headingsFontSizeStyles(theme.headingsFontSize), _media.m.min.md, headingsFontSizeStyles(theme.headingsFontSizeMd));
-};
-var _default = exports["default"] = typographyStyles;
-//# sourceMappingURL=typographyStyles.js.map

package/dist/cjs/GlobalStyles/typographyStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typographyStyles.js","names":["_react","require","_media","_theming","_facepaint","_interopRequireDefault","_templateObject","obj","__esModule","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","headingsFontSizeStyles","fontSize","headings","fp","literal","map","item","concat","headingsMarginTopStyles","marginTop","h","typographyStyles","theme","css","clr","colorText","lineHeight","m","min","md","xxl","s","colorBg","headingsMarginBottom","headingsMarginTop","headingsFontSize","headingsFontSizeMd","_default","exports"],"sources":["../../../src/GlobalStyles/typographyStyles.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\nimport { m } from '@os-design/media';\nimport { Theme, clr } from '@os-design/theming';\nimport fp from 'facepaint';\n\nconst headingsFontSizeStyles = (fontSize: number[]) => {\n  const headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n  return fp(headings, { literal: true })({\n    fontSize: fontSize.map((item) => `${item}em`),\n  });\n};\n\nconst headingsMarginTopStyles = (marginTop: number[]) => {\n  const headings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].map(\n    (h) => `${h}:not(:first-of-type)`\n  );\n  return fp(headings, { literal: true })({\n    marginTop: marginTop.map((item) => `${item}em`),\n  });\n};\n\nconst typographyStyles = (theme: Theme): SerializedStyles => css`\n  html,\n  button,\n  input,\n  textarea,\n  select {\n    font-family: 'Helvetica Neue', Helvetica, sans-serif;\n  }\n\n  html,\n  input {\n    color: ${clr(theme.colorText)};\n  }\n\n  html {\n    line-height: ${theme.lineHeight};\n\n    // Sets the font smoothing\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-rendering: optimizeLegibility;\n\n    // Sets the base font size and increases it on large screens\n    ${fp([m.min.md, m.min.xxl])({\n      fontSize: theme.fontSize.map((s) => `${s}px`),\n    })};\n  }\n\n  body {\n    background-color: ${clr(theme.colorBg)};\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: bold;\n    line-height: 1.2;\n    margin: 0 0 ${theme.headingsMarginBottom}em;\n  }\n\n  // Sets the margin top of headings\n  ${headingsMarginTopStyles(theme.headingsMarginTop)};\n\n  // Sets the base font size of headings\n  ${headingsFontSizeStyles(theme.headingsFontSize)};\n\n  // Sets the font size of headings on large screens\n  ${m.min.md} {\n    ${headingsFontSizeStyles(theme.headingsFontSizeMd)}\n  }\n`;\n\nexport default typographyStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA2B,IAAAK,eAAA;AAAA,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAE3B,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,QAAkB,EAAK;EACrD,IAAMC,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;EACrD,OAAO,IAAAC,qBAAE,EAACD,QAAQ,EAAE;IAAEE,OAAO,EAAE;EAAK,CAAC,CAAC,CAAC;IACrCH,QAAQ,EAAEA,QAAQ,CAACI,GAAG,CAAC,UAACC,IAAI;MAAA,UAAAC,MAAA,CAAQD,IAAI;IAAA,CAAI;EAC9C,CAAC,CAAC;AACJ,CAAC;AAED,IAAME,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,SAAmB,EAAK;EACvD,IAAMP,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAACG,GAAG,CACvD,UAACK,CAAC;IAAA,UAAAH,MAAA,CAAQG,CAAC;EAAA,CACb,CAAC;EACD,OAAO,IAAAP,qBAAE,EAACD,QAAQ,EAAE;IAAEE,OAAO,EAAE;EAAK,CAAC,CAAC,CAAC;IACrCK,SAAS,EAAEA,SAAS,CAACJ,GAAG,CAAC,UAACC,IAAI;MAAA,UAAAC,MAAA,CAAQD,IAAI;IAAA,CAAI;EAChD,CAAC,CAAC;AACJ,CAAC;AAED,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAY;EAAA,WAAuBC,UAAG,EAAAxB,eAAA,KAAAA,eAAA,GAAAG,sBAAA,oyBAWnD,IAAAsB,YAAG,EAACF,KAAK,CAACG,SAAS,CAAC,EAIdH,KAAK,CAACI,UAAU,EAQ7B,IAAAb,qBAAE,EAAC,CAACc,QAAC,CAACC,GAAG,CAACC,EAAE,EAAEF,QAAC,CAACC,GAAG,CAACE,GAAG,CAAC,CAAC,CAAC;IAC1BnB,QAAQ,EAAEW,KAAK,CAACX,QAAQ,CAACI,GAAG,CAAC,UAACgB,CAAC;MAAA,UAAAd,MAAA,CAAQc,CAAC;IAAA,CAAI;EAC9C,CAAC,CAAC,EAIkB,IAAAP,YAAG,EAACF,KAAK,CAACU,OAAO,CAAC,EAWxBV,KAAK,CAACW,oBAAoB,EAIxCf,uBAAuB,CAACI,KAAK,CAACY,iBAAiB,CAAC,EAGhDxB,sBAAsB,CAACY,KAAK,CAACa,gBAAgB,CAAC,EAG9CR,QAAC,CAACC,GAAG,CAACC,EAAE,EACNnB,sBAAsB,CAACY,KAAK,CAACc,kBAAkB,CAAC;AAAA,CAErD;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEajB,gBAAgB","ignoreList":[]}

package/dist/cjs/HeaderSkeleton/index.js

@@ -1,54 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _media = require("@os-design/media");
-var _utils = require("@os-design/utils");
-var _react2 = _interopRequireWildcard(require("react"));
-var _Skeleton = _interopRequireDefault(require("../Skeleton"));
-var _excluded = ["type", "hasMargin", "width"];
-var _templateObject, _templateObject2;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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 = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { 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, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin: ", "em 0\n      ", "em;\n  "])), p.theme.headingsMarginTop[p.type - 1], p.theme.headingsMarginBottom);
-};
-var MULTIPLIER = 0.9;
-var StyledHeaderSkeleton = (0, _styled["default"])(_Skeleton["default"], (0, _utils.omitEmotionProps)('type', 'hasMargin'))(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: ", "em;\n  ", " {\n    font-size: ", "em;\n  }\n  ", ";\n"])), function (p) {
-  return p.theme.headingsFontSize[p.type - 1] * MULTIPLIER;
-}, _media.m.min.md, function (p) {
-  return p.theme.headingsFontSizeMd[p.type - 1] * MULTIPLIER;
-}, hasMarginStyles);
-
-/**
- * Provides a header placeholder while a user waits for the content to load.
- */
-var HeaderSkeleton = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 1 : _ref$type,
-    _ref$hasMargin = _ref.hasMargin,
-    hasMargin = _ref$hasMargin === void 0 ? false : _ref$hasMargin,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '100%' : _ref$width,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react2["default"].createElement(StyledHeaderSkeleton, _extends({
-    type: type,
-    hasMargin: hasMargin,
-    width: width
-  }, rest, {
-    ref: ref
-  }));
-});
-HeaderSkeleton.displayName = 'HeaderSkeleton';
-var _default = exports["default"] = HeaderSkeleton;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_media","_utils","_react2","_interopRequireWildcard","_Skeleton","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","hasMarginStyles","p","hasMargin","css","theme","headingsMarginTop","type","headingsMarginBottom","MULTIPLIER","StyledHeaderSkeleton","styled","Skeleton","omitEmotionProps","headingsFontSize","m","min","md","headingsFontSizeMd","HeaderSkeleton","forwardRef","_ref","ref","_ref$type","_ref$hasMargin","_ref$width","width","rest","createElement","displayName","_default","exports"],"sources":["../../../src/HeaderSkeleton/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { m } from '@os-design/media';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport interface HeaderSkeletonProps extends SkeletonProps {\n  /**\n   * The header type.\n   * @default 1\n   */\n  type?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * Whether the header has top and bottom margins.\n   * @default false\n   */\n  hasMargin?: boolean;\n}\n\nconst hasMarginStyles = (p) =>\n  p.hasMargin &&\n  css`\n    margin: ${p.theme.headingsMarginTop[p.type - 1]}em 0\n      ${p.theme.headingsMarginBottom}em;\n  `;\n\nconst MULTIPLIER = 0.9;\n\ntype StyledHeaderSkeletonProps = Required<\n  Pick<HeaderSkeletonProps, 'type' | 'hasMargin'>\n>;\nconst StyledHeaderSkeleton = styled(\n  Skeleton,\n  omitEmotionProps('type', 'hasMargin')\n)<StyledHeaderSkeletonProps>`\n  font-size: ${(p) => p.theme.headingsFontSize[p.type - 1] * MULTIPLIER}em;\n  ${m.min.md} {\n    font-size: ${(p) => p.theme.headingsFontSizeMd[p.type - 1] * MULTIPLIER}em;\n  }\n  ${hasMarginStyles};\n`;\n\n/**\n * Provides a header placeholder while a user waits for the content to load.\n */\nconst HeaderSkeleton = forwardRef<HTMLDivElement, HeaderSkeletonProps>(\n  ({ type = 1, hasMargin = false, width = '100%', ...rest }, ref) => (\n    <StyledHeaderSkeleton\n      type={type}\n      hasMargin={hasMargin}\n      width={width}\n      {...rest}\n      ref={ref}\n    />\n  )\n);\n\nHeaderSkeleton.displayName = 'HeaderSkeleton';\n\nexport default HeaderSkeleton;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Image/index.js

@@ -1,73 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _utils = require("@os-design/utils");
-var _react2 = _interopRequireWildcard(require("react"));
-var _excluded = ["url", "sizes", "defaultSize", "cropped", "cover", "className"];
-var _templateObject, _templateObject2;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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 = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { 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 EMPTY_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+R8AArcB2pIvCSwAAAAASUVORK5CYII=';
-var coverStyles = function coverStyles(p) {
-  return p.cover && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 100%;\n    object-fit: cover;\n  "])));
-};
-var StyledImage = (0, _styled["default"])('img', (0, _utils.omitEmotionProps)('cover'))(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: block; // To remove the indent under the image\n  width: 100%;\n  border-radius: ", "em;\n  ", ";\n"])), function (p) {
-  return p.theme.borderRadius;
-}, coverStyles);
-
-/**
- * The image with lazy loading. Required lazysizes.
- * Should be loaded by @os-team/image-storage.
- */
-var Image = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
-  var url = _ref.url,
-    _ref$sizes = _ref.sizes,
-    sizes = _ref$sizes === void 0 ? [72, 192, 512, 1024, 2560] : _ref$sizes,
-    _ref$defaultSize = _ref.defaultSize,
-    defaultSize = _ref$defaultSize === void 0 ? 72 : _ref$defaultSize,
-    _ref$cropped = _ref.cropped,
-    cropped = _ref$cropped === void 0 ? false : _ref$cropped,
-    _ref$cover = _ref.cover,
-    cover = _ref$cover === void 0 ? false : _ref$cover,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var getUrl = (0, _react2.useCallback)(function (size) {
-    return "".concat(url, "-").concat(size).concat(cropped ? '-c' : '');
-  }, [url, cropped]);
-  if (!url) {
-    return /*#__PURE__*/_react2["default"].createElement(StyledImage, _extends({
-      src: EMPTY_IMAGE,
-      className: className
-    }, rest, {
-      ref: ref
-    }));
-  }
-  return /*#__PURE__*/_react2["default"].createElement(StyledImage, _extends({
-    src: getUrl(defaultSize),
-    srcSet: EMPTY_IMAGE,
-    "data-sizes": "auto",
-    "data-srcset": sizes.map(function (size) {
-      return "".concat(getUrl(size), " ").concat(size, "w");
-    }).join(', '),
-    cover: cover,
-    className: [className, 'lazyload'].filter(function (i) {
-      return i;
-    }).join(' ')
-  }, rest, {
-    ref: ref
-  }));
-});
-Image.displayName = 'Image';
-var _default = exports["default"] = Image;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_utils","_react2","_interopRequireWildcard","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","EMPTY_IMAGE","coverStyles","p","cover","css","StyledImage","styled","omitEmotionProps","theme","borderRadius","Image","forwardRef","_ref","ref","url","_ref$sizes","sizes","_ref$defaultSize","defaultSize","_ref$cropped","cropped","_ref$cover","className","rest","getUrl","useCallback","size","concat","createElement","src","srcSet","map","join","filter","displayName","_default","exports"],"sources":["../../../src/Image/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useCallback } from 'react';\n\nconst EMPTY_IMAGE =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+R8AArcB2pIvCSwAAAAASUVORK5CYII=';\n\ntype JsxImgProps = Omit<JSX.IntrinsicElements['img'], 'sizes' | 'ref'>;\nexport interface ImageProps extends JsxImgProps {\n  /**\n   * The image URL.\n   * @default undefined\n   */\n  url?: string;\n  /**\n   * All available sizes of the image.\n   * @default [72, 192, 512, 1024, 2560]\n   */\n  sizes?: number[];\n  /**\n   * The image size if the browser does not support lazy loading.\n   * @default 72\n   */\n  defaultSize?: number;\n  /**\n   * Whether the image is cropped.\n   * @default false\n   */\n  cropped?: boolean;\n  /**\n   * Sets object-fit: cover.\n   * @default false\n   */\n  cover?: boolean;\n}\n\nconst coverStyles = (p) =>\n  p.cover &&\n  css`\n    height: 100%;\n    object-fit: cover;\n  `;\n\ntype StyledImageProps = Pick<ImageProps, 'cover'>;\nconst StyledImage = styled('img', omitEmotionProps('cover'))<StyledImageProps>`\n  display: block; // To remove the indent under the image\n  width: 100%;\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  ${coverStyles};\n`;\n\n/**\n * The image with lazy loading. Required lazysizes.\n * Should be loaded by @os-team/image-storage.\n */\nconst Image = forwardRef<HTMLImageElement, ImageProps>(\n  (\n    {\n      url,\n      sizes = [72, 192, 512, 1024, 2560],\n      defaultSize = 72,\n      cropped = false,\n      cover = false,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const getUrl = useCallback(\n      (size: number) => `${url}-${size}${cropped ? '-c' : ''}`,\n      [url, cropped]\n    );\n\n    if (!url) {\n      return (\n        <StyledImage\n          src={EMPTY_IMAGE}\n          className={className}\n          {...rest}\n          ref={ref}\n        />\n      );\n    }\n\n    return (\n      <StyledImage\n        src={getUrl(defaultSize)}\n        srcSet={EMPTY_IMAGE}\n        data-sizes='auto'\n        data-srcset={sizes.map((size) => `${getUrl(size)} ${size}w`).join(', ')}\n        cover={cover}\n        className={[className, 'lazyload'].filter((i) => i).join(' ')}\n        {...rest}\n        ref={ref}\n      />\n    );\n  }\n);\n\nImage.displayName = 'Image';\n\nexport default Image;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/ImageSkeleton/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = _interopRequireWildcard(require("react"));
-var _Skeleton = _interopRequireDefault(require("../Skeleton"));
-var _templateObject;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledImageSkeleton = (0, _styled["default"])(_Skeleton["default"])(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n"])));
-
-/**
- * Provides an image placeholder while a user waits for the content to load.
- */
-var ImageSkeleton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(StyledImageSkeleton, _extends({
-    width: "100%"
-  }, props, {
-    ref: ref
-  }));
-});
-ImageSkeleton.displayName = 'ImageSkeleton';
-var _default = exports["default"] = ImageSkeleton;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_react","_interopRequireWildcard","_Skeleton","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","StyledImageSkeleton","styled","Skeleton","ImageSkeleton","forwardRef","props","ref","createElement","width","displayName","_default","exports"],"sources":["../../../src/ImageSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport Skeleton, { SkeletonProps } from '../Skeleton';\n\nexport type ImageSkeletonProps = Omit<SkeletonProps, 'width'>;\n\nconst StyledImageSkeleton = styled(Skeleton)`\n  height: 100%;\n`;\n\n/**\n * Provides an image placeholder while a user waits for the content to load.\n */\nconst ImageSkeleton = forwardRef<HTMLDivElement, ImageSkeletonProps>(\n  (props, ref) => <StyledImageSkeleton width='100%' {...props} ref={ref} />\n);\n\nImageSkeleton.displayName = 'ImageSkeleton';\n\nexport default ImageSkeleton;\n"],"mappings":"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","ignoreList":[]}