@os-design/core 1.0.196 → 1.0.198

package/dist/cjs/@types/emotion.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"emotion.d.js","names":[],"sources":["../../../src/@types/emotion.d.ts"],"sourcesContent":["import '@emotion/react';\nimport { Theme as BaseTheme } from '@os-design/theming';\n\ndeclare module '@emotion/react' {\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface\n  export interface Theme extends BaseTheme {}\n}\n"],"mappings":";;AAAA"}
+{"version":3,"file":"emotion.d.js","names":["require"],"sources":["../../../src/@types/emotion.d.ts"],"sourcesContent":["import '@emotion/react';\nimport { Theme as BaseTheme } from '@os-design/theming';\n\ndeclare module '@emotion/react' {\n  // eslint-disable-next-line @typescript-eslint/no-empty-interface\n  export interface Theme extends BaseTheme {}\n}\n"],"mappings":";;AAAAA,OAAA"}

package/dist/cjs/Alert/index.js

@@ -5,30 +5,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _icons = require("@os-design/icons");
 var _styles = require("@os-design/styles");
-var _utils = require("@os-design/utils");
 var _theming = require("@os-design/theming");
-var _icons = require("@os-design/icons");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react2 = require("@emotion/react");
+var _utils = require("@os-design/utils");
+var _react2 = _interopRequireWildcard(require("react"));
 var _excluded = ["type", "size", "children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-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; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var infoContainerStyles = function infoContainerStyles(p) {
-  return p.type === 'info' && (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertInfoColorBg));
+  return p.type === 'info' && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertInfoColorBg));
 };
 var successContainerStyles = function successContainerStyles(p) {
-  return p.type === 'success' && (0, _react2.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    background-color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertSuccessColorBg));
+  return p.type === 'success' && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    background-color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertSuccessColorBg));
 };
 var errorContainerStyles = function errorContainerStyles(p) {
-  return p.type === 'error' && (0, _react2.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    background-color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertErrorColorBg));
+  return p.type === 'error' && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    background-color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertErrorColorBg));
 };
 var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('type', 'size'))(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  padding: 1em;\n  border-radius: ", "em;\n  color: ", ";\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"])), function (p) {
   return p.theme.borderRadius;
@@ -36,13 +36,13 @@ var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('typ
   return (0, _theming.clr)(p.theme.colorText);
 }, infoContainerStyles, successContainerStyles, errorContainerStyles, _styles.sizeStyles);
 var infoIconContainerStyles = function infoIconContainerStyles(p) {
-  return p.type === 'info' && (0, _react2.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertInfoColorIcon));
+  return p.type === 'info' && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertInfoColorIcon));
 };
 var successIconContainerStyles = function successIconContainerStyles(p) {
-  return p.type === 'success' && (0, _react2.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertSuccessColorIcon));
+  return p.type === 'success' && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertSuccessColorIcon));
 };
 var errorIconContainerStyles = function errorIconContainerStyles(p) {
-  return p.type === 'error' && (0, _react2.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertErrorColorIcon));
+  return p.type === 'error' && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertErrorColorIcon));
 };
 var IconContainer = (0, _styled["default"])('i', (0, _utils.omitEmotionProps)('type'))(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  margin-right: 0.3em;\n  font-size: 1.4em;\n\n  ", ";\n  ", ";\n  ", ";\n"])), infoIconContainerStyles, successIconContainerStyles, errorIconContainerStyles);
 var typeIconMap = {
@@ -54,23 +54,23 @@ var typeIconMap = {
 /**
  * The component for feedback.
  */
-var Alert = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var Alert = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   var type = _ref.type,
     size = _ref.size,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var Icon = (0, _react.useMemo)(function () {
+  var Icon = (0, _react2.useMemo)(function () {
     return typeIconMap[type];
   }, [type]);
-  return /*#__PURE__*/_react["default"].createElement(Container, _extends({
+  return /*#__PURE__*/_react2["default"].createElement(Container, _extends({
     size: size,
     type: type,
     role: "alert"
   }, rest, {
     ref: ref
-  }), /*#__PURE__*/_react["default"].createElement(IconContainer, {
+  }), /*#__PURE__*/_react2["default"].createElement(IconContainer, {
     type: type
-  }, /*#__PURE__*/_react["default"].createElement(Icon, null)), /*#__PURE__*/_react["default"].createElement("span", null, children));
+  }, /*#__PURE__*/_react2["default"].createElement(Icon, null)), /*#__PURE__*/_react2["default"].createElement("span", null, children));
 });
 Alert.displayName = 'Alert';
 var _default = Alert;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["infoContainerStyles","p","type","css","clr","theme","alertInfoColorBg","successContainerStyles","alertSuccessColorBg","errorContainerStyles","alertErrorColorBg","Container","styled","omitEmotionProps","borderRadius","colorText","sizeStyles","infoIconContainerStyles","alertInfoColorIcon","successIconContainerStyles","alertSuccessColorIcon","errorIconContainerStyles","alertErrorColorIcon","IconContainer","typeIconMap","info","InfoCircle","success","CheckCircle","error","CloseCircle","Alert","forwardRef","ref","size","children","rest","Icon","useMemo","displayName"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr } from '@os-design/theming';\nimport { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface AlertProps extends JsxDivProps, WithSize {\n  /**\n   * Type of styles.\n   */\n  type: 'info' | 'success' | 'error';\n}\n\nconst infoContainerStyles = (p) =>\n  p.type === 'info' &&\n  css`\n    background-color: ${clr(p.theme.alertInfoColorBg)};\n  `;\n\nconst successContainerStyles = (p) =>\n  p.type === 'success' &&\n  css`\n    background-color: ${clr(p.theme.alertSuccessColorBg)};\n  `;\n\nconst errorContainerStyles = (p) =>\n  p.type === 'error' &&\n  css`\n    background-color: ${clr(p.theme.alertErrorColorBg)};\n  `;\n\ntype ContainerProps = Pick<AlertProps, 'type' | 'size'>;\nconst Container = styled(\n  'div',\n  omitEmotionProps('type', 'size')\n)<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  padding: 1em;\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  color: ${(p) => clr(p.theme.colorText)};\n\n  ${infoContainerStyles};\n  ${successContainerStyles};\n  ${errorContainerStyles};\n  ${sizeStyles};\n`;\n\nconst infoIconContainerStyles = (p) =>\n  p.type === 'info' &&\n  css`\n    color: ${clr(p.theme.alertInfoColorIcon)};\n  `;\n\nconst successIconContainerStyles = (p) =>\n  p.type === 'success' &&\n  css`\n    color: ${clr(p.theme.alertSuccessColorIcon)};\n  `;\n\nconst errorIconContainerStyles = (p) =>\n  p.type === 'error' &&\n  css`\n    color: ${clr(p.theme.alertErrorColorIcon)};\n  `;\n\ntype IconContainerProps = Pick<AlertProps, 'type'>;\nconst IconContainer = styled('i', omitEmotionProps('type'))<IconContainerProps>`\n  display: flex;\n  align-items: center;\n\n  margin-right: 0.3em;\n  font-size: 1.4em;\n\n  ${infoIconContainerStyles};\n  ${successIconContainerStyles};\n  ${errorIconContainerStyles};\n`;\n\nconst typeIconMap = {\n  info: InfoCircle,\n  success: CheckCircle,\n  error: CloseCircle,\n};\n\n/**\n * The component for feedback.\n */\nconst Alert = forwardRef<HTMLDivElement, AlertProps>(\n  ({ type, size, children, ...rest }, ref) => {\n    const Icon = useMemo(() => typeIconMap[type], [type]);\n\n    return (\n      <Container size={size} type={type} role='alert' {...rest} ref={ref}>\n        <IconContainer type={type}>\n          <Icon />\n        </IconContainer>\n        <span>{children}</span>\n      </Container>\n    );\n  }\n);\n\nAlert.displayName = 'Alert';\n\nexport default Alert;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_icons","_styles","_theming","_utils","_react2","_interopRequireWildcard","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_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","infoContainerStyles","p","type","css","clr","theme","alertInfoColorBg","successContainerStyles","alertSuccessColorBg","errorContainerStyles","alertErrorColorBg","Container","styled","omitEmotionProps","borderRadius","colorText","sizeStyles","infoIconContainerStyles","alertInfoColorIcon","successIconContainerStyles","alertSuccessColorIcon","errorIconContainerStyles","alertErrorColorIcon","IconContainer","typeIconMap","info","InfoCircle","success","CheckCircle","error","CloseCircle","Alert","forwardRef","_ref","ref","size","children","rest","Icon","useMemo","createElement","role","displayName","_default","exports"],"sources":["../../../src/Alert/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\nimport { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';\nimport { WithSize, sizeStyles } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useMemo } from 'react';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface AlertProps extends JsxDivProps, WithSize {\n  /**\n   * Type of styles.\n   */\n  type: 'info' | 'success' | 'error';\n}\n\nconst infoContainerStyles = (p) =>\n  p.type === 'info' &&\n  css`\n    background-color: ${clr(p.theme.alertInfoColorBg)};\n  `;\n\nconst successContainerStyles = (p) =>\n  p.type === 'success' &&\n  css`\n    background-color: ${clr(p.theme.alertSuccessColorBg)};\n  `;\n\nconst errorContainerStyles = (p) =>\n  p.type === 'error' &&\n  css`\n    background-color: ${clr(p.theme.alertErrorColorBg)};\n  `;\n\ntype ContainerProps = Pick<AlertProps, 'type' | 'size'>;\nconst Container = styled(\n  'div',\n  omitEmotionProps('type', 'size')\n)<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  padding: 1em;\n  border-radius: ${(p) => p.theme.borderRadius}em;\n  color: ${(p) => clr(p.theme.colorText)};\n\n  ${infoContainerStyles};\n  ${successContainerStyles};\n  ${errorContainerStyles};\n  ${sizeStyles};\n`;\n\nconst infoIconContainerStyles = (p) =>\n  p.type === 'info' &&\n  css`\n    color: ${clr(p.theme.alertInfoColorIcon)};\n  `;\n\nconst successIconContainerStyles = (p) =>\n  p.type === 'success' &&\n  css`\n    color: ${clr(p.theme.alertSuccessColorIcon)};\n  `;\n\nconst errorIconContainerStyles = (p) =>\n  p.type === 'error' &&\n  css`\n    color: ${clr(p.theme.alertErrorColorIcon)};\n  `;\n\ntype IconContainerProps = Pick<AlertProps, 'type'>;\nconst IconContainer = styled('i', omitEmotionProps('type'))<IconContainerProps>`\n  display: flex;\n  align-items: center;\n\n  margin-right: 0.3em;\n  font-size: 1.4em;\n\n  ${infoIconContainerStyles};\n  ${successIconContainerStyles};\n  ${errorIconContainerStyles};\n`;\n\nconst typeIconMap = {\n  info: InfoCircle,\n  success: CheckCircle,\n  error: CloseCircle,\n};\n\n/**\n * The component for feedback.\n */\nconst Alert = forwardRef<HTMLDivElement, AlertProps>(\n  ({ type, size, children, ...rest }, ref) => {\n    const Icon = useMemo(() => typeIconMap[type], [type]);\n\n    return (\n      <Container size={size} type={type} role='alert' {...rest} ref={ref}>\n        <IconContainer type={type}>\n          <Icon />\n        </IconContainer>\n        <span>{children}</span>\n      </Container>\n    );\n  }\n);\n\nAlert.displayName = 'Alert';\n\nexport default Alert;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAC,uBAAA,CAAAR,OAAA;AAAmD,IAAAS,SAAA;AAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAe,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAA3B,uBAAAqB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAiB,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAAA,SAAAe,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAA9B,MAAA,CAAA+B,MAAA,CAAA/B,MAAA,CAAAgC,gBAAA,CAAAJ,OAAA,IAAAC,GAAA,IAAAI,KAAA,EAAAjC,MAAA,CAAA+B,MAAA,CAAAF,GAAA;AAUnD,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,CAAC;EAAA,OAC5BA,CAAC,CAACC,IAAI,KAAK,MAAM,QACjBC,UAAG,EAAA1D,eAAA,KAAAA,eAAA,GAAAgD,sBAAA,0CACmB,IAAAW,YAAG,EAACH,CAAC,CAACI,KAAK,CAACC,gBAAgB,CAAC,CAClD;AAAA;AAEH,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIN,CAAC;EAAA,OAC/BA,CAAC,CAACC,IAAI,KAAK,SAAS,QACpBC,UAAG,EAAAzD,gBAAA,KAAAA,gBAAA,GAAA+C,sBAAA,0CACmB,IAAAW,YAAG,EAACH,CAAC,CAACI,KAAK,CAACG,mBAAmB,CAAC,CACrD;AAAA;AAEH,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIR,CAAC;EAAA,OAC7BA,CAAC,CAACC,IAAI,KAAK,OAAO,QAClBC,UAAG,EAAAxD,gBAAA,KAAAA,gBAAA,GAAA8C,sBAAA,0CACmB,IAAAW,YAAG,EAACH,CAAC,CAACI,KAAK,CAACK,iBAAiB,CAAC,CACnD;AAAA;AAGH,IAAMC,SAAS,GAAG,IAAAC,kBAAM,EACtB,KAAK,EACL,IAAAC,uBAAgB,EAAC,MAAM,EAAE,MAAM,CACjC,CAAC,CAAAjE,gBAAA,KAAAA,gBAAA,GAAA6C,sBAAA,gLAMkB,UAACQ,CAAC;EAAA,OAAKA,CAAC,CAACI,KAAK,CAACS,YAAY;AAAA,GACnC,UAACb,CAAC;EAAA,OAAK,IAAAG,YAAG,EAACH,CAAC,CAACI,KAAK,CAACU,SAAS,CAAC;AAAA,GAEpCf,mBAAmB,EACnBO,sBAAsB,EACtBE,oBAAoB,EACpBO,kBAAU,CACb;AAED,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIhB,CAAC;EAAA,OAChCA,CAAC,CAACC,IAAI,KAAK,MAAM,QACjBC,UAAG,EAAAtD,gBAAA,KAAAA,gBAAA,GAAA4C,sBAAA,+BACQ,IAAAW,YAAG,EAACH,CAAC,CAACI,KAAK,CAACa,kBAAkB,CAAC,CACzC;AAAA;AAEH,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAIlB,CAAC;EAAA,OACnCA,CAAC,CAACC,IAAI,KAAK,SAAS,QACpBC,UAAG,EAAArD,gBAAA,KAAAA,gBAAA,GAAA2C,sBAAA,+BACQ,IAAAW,YAAG,EAACH,CAAC,CAACI,KAAK,CAACe,qBAAqB,CAAC,CAC5C;AAAA;AAEH,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIpB,CAAC;EAAA,OACjCA,CAAC,CAACC,IAAI,KAAK,OAAO,QAClBC,UAAG,EAAApD,gBAAA,KAAAA,gBAAA,GAAA0C,sBAAA,+BACQ,IAAAW,YAAG,EAACH,CAAC,CAACI,KAAK,CAACiB,mBAAmB,CAAC,CAC1C;AAAA;AAGH,IAAMC,aAAa,GAAG,IAAAX,kBAAM,EAAC,GAAG,EAAE,IAAAC,uBAAgB,EAAC,MAAM,CAAC,CAAC,CAAA7D,gBAAA,KAAAA,gBAAA,GAAAyC,sBAAA,iIAOvDwB,uBAAuB,EACvBE,0BAA0B,EAC1BE,wBAAwB,CAC3B;AAED,IAAMG,WAAW,GAAG;EAClBC,IAAI,EAAEC,iBAAU;EAChBC,OAAO,EAAEC,kBAAW;EACpBC,KAAK,EAAEC;AACT,CAAC;;AAED;AACA;AACA;AACA,IAAMC,KAAK,gBAAG,IAAAC,kBAAU,EACtB,UAAAC,IAAA,EAAoCC,GAAG,EAAK;EAAA,IAAzChC,IAAI,GAAA+B,IAAA,CAAJ/B,IAAI;IAAEiC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,IAAI,GAAArD,wBAAA,CAAAiD,IAAA,EAAAzF,SAAA;EAC9B,IAAM8F,IAAI,GAAG,IAAAC,eAAO,EAAC;IAAA,OAAMf,WAAW,CAACtB,IAAI,CAAC;EAAA,GAAE,CAACA,IAAI,CAAC,CAAC;EAErD,oBACE5D,OAAA,YAAAkG,aAAA,CAAC7B,SAAS,EAAApC,QAAA;IAAC4D,IAAI,EAAEA,IAAK;IAACjC,IAAI,EAAEA,IAAK;IAACuC,IAAI,EAAC;EAAO,GAAKJ,IAAI;IAAEH,GAAG,EAAEA;EAAI,iBACjE5F,OAAA,YAAAkG,aAAA,CAACjB,aAAa;IAACrB,IAAI,EAAEA;EAAK,gBACxB5D,OAAA,YAAAkG,aAAA,CAACF,IAAI,MAAE,CACM,CAAC,eAChBhG,OAAA,YAAAkG,aAAA,eAAOJ,QAAe,CACb,CAAC;AAEhB,CACF,CAAC;AAEDL,KAAK,CAACW,WAAW,GAAG,OAAO;AAAC,IAAAC,QAAA,GAEbZ,KAAK;AAAAa,OAAA,cAAAD,QAAA"}

package/dist/cjs/Avatar/index.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _icons = require("@os-design/icons");
 var _styles = require("@os-design/styles");
-var _utils = require("@os-design/utils");
 var _theming = require("@os-design/theming");
+var _utils = require("@os-design/utils");
+var _react = _interopRequireWildcard(require("react"));
+var _Image = _interopRequireDefault(require("../Image"));
 var _nameToInitials = _interopRequireDefault(require("./utils/nameToInitials"));
 var _strToHue = _interopRequireDefault(require("./utils/strToHue"));
-var _Image = _interopRequireDefault(require("../Image"));
 var _excluded = ["firstName", "lastName", "image", "imageProps", "online", "size"];
 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 _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; }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Container","styled","omitEmotionProps","sizeStyles","AvatarContainer","p","theme","borderRadius","clr","bgColor","UserIcon","User","Initials","div","INNER_SIZE","OUTER_SIZE","Online","span","avatarOnlineColorScoop","avatarOnlineColorBg","Avatar","forwardRef","ref","firstName","lastName","image","imageProps","online","size","rest","useTheme","useMemo","parts","push","length","strToHue","join","avatarDefaultColorBg","fullName","filter","i","undefined","renderChildren","useCallback","initials","nameToInitials","displayName"],"sources":["../../../src/Avatar/index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport styled from '@emotion/styled';\nimport { User } from '@os-design/icons';\nimport { WithSize, sizeStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr, Color, useTheme } from '@os-design/theming';\nimport nameToInitials from './utils/nameToInitials';\nimport strToHue from './utils/strToHue';\nimport Image, { ImageProps } from '../Image';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface AvatarProps extends JsxDivProps, WithSize {\n  /**\n   * Used to render the first letter if the image URL is not specified.\n   * @default undefined\n   */\n  firstName?: string;\n  /**\n   * Used to render the second letter if the image URL is not specified.\n   * @default undefined\n   */\n  lastName?: string;\n  /**\n   * The URL of the image.\n   * @default undefined\n   */\n  image?: string;\n  /**\n   * The props of the image.\n   * @default undefined\n   */\n  imageProps?: Omit<ImageProps, 'url'>;\n  /**\n   * Whether the user is online.\n   * @default false\n   */\n  online?: boolean;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n  position: relative;\n  width: 1em;\n  height: 1em;\n  min-width: 1em;\n  min-height: 1em;\n  ${sizeStyles};\n`;\n\ninterface AvatarContainerProps {\n  bgColor: Color;\n}\n\nconst AvatarContainer = styled(\n  'div',\n  omitEmotionProps('bgColor')\n)<AvatarContainerProps>`\n  width: 100%;\n  height: 100%;\n  border-radius: ${(p) => p.theme.borderRadius}em;\n\n  font-weight: 500;\n  line-height: 1;\n\n  color: hsl(0, 0%, 100%);\n  background-color: ${(p) => clr(p.bgColor)};\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  white-space: nowrap; // To disable multiline text\n  overflow: hidden; // To trim the image corners\n\n  ${sizeStyles};\n`;\n\nconst UserIcon = styled(User)`\n  font-size: 0.6em;\n`;\n\nconst Initials = styled.div`\n  font-size: 0.35em;\n`;\n\nconst INNER_SIZE = 0.25;\nconst OUTER_SIZE = INNER_SIZE * 1.2;\n\nconst Online = styled.span`\n  position: absolute;\n  right: -0.05em;\n  bottom: -0.05em;\n  width: ${OUTER_SIZE}em;\n  height: ${OUTER_SIZE}em;\n  border-radius: 50%;\n  background-color: ${(p) => clr(p.theme.avatarOnlineColorScoop)};\n\n  &::before {\n    content: '';\n    position: absolute;\n    left: ${(OUTER_SIZE - INNER_SIZE) / 2}em;\n    bottom: ${(OUTER_SIZE - INNER_SIZE) / 2}em;\n    width: ${INNER_SIZE}em;\n    height: ${INNER_SIZE}em;\n    border-radius: 50%;\n    background-color: ${(p) => clr(p.theme.avatarOnlineColorBg)};\n  }\n`;\n\n/**\n * Avatar can be used to represent people.\n */\nconst Avatar = forwardRef<HTMLDivElement, AvatarProps>(\n  (\n    {\n      firstName,\n      lastName,\n      image,\n      imageProps = {},\n      online = false,\n      size = '2em',\n      ...rest\n    },\n    ref\n  ) => {\n    const { theme } = useTheme();\n\n    const bgColor = useMemo<Color>(() => {\n      const parts: string[] = [];\n      if (firstName) parts.push(firstName);\n      if (lastName) parts.push(lastName);\n      if (parts.length > 0) return [strToHue(parts.join(' ')), 30, 60];\n      return theme.avatarDefaultColorBg;\n    }, [firstName, lastName, theme.avatarDefaultColorBg]);\n\n    const fullName = useMemo(\n      () => [firstName, lastName].filter((i) => i).join(' ') || undefined,\n      [firstName, lastName]\n    );\n\n    const renderChildren = useCallback(() => {\n      // Render the image if the image property was specified\n      if (image) return <Image url={image} cropped {...imageProps} />;\n\n      // Render the initials of the name if either firstName or lastName was specified\n      const initials = nameToInitials({ firstName, lastName });\n      if (initials) return <Initials>{initials}</Initials>;\n\n      // Otherwise render the user icon\n      return <UserIcon />;\n    }, [image, imageProps, firstName, lastName]);\n\n    return (\n      <Container size={size}>\n        <AvatarContainer\n          bgColor={bgColor}\n          role='img'\n          aria-label={fullName || 'User'}\n          {...rest}\n          ref={ref}\n        >\n          {renderChildren()}\n        </AvatarContainer>\n        {online && <Online />}\n      </Container>\n    );\n  }\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+B7C,IAAMA,SAAS,GAAG,IAAAC,kBAAM,EAAC,KAAK,EAAE,IAAAC,uBAAgB,EAAC,MAAM,CAAC,CAAC,8KAMrDC,kBAAU,CACb;AAMD,IAAMC,eAAe,GAAG,IAAAH,kBAAM,EAC5B,KAAK,EACL,IAAAC,uBAAgB,EAAC,SAAS,CAAC,CAC5B,oaAGkB,UAACG,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACC,YAAY;AAAA,GAMxB,UAACF,CAAC;EAAA,OAAK,IAAAG,YAAG,EAACH,CAAC,CAACI,OAAO,CAAC;AAAA,GASvCN,kBAAU,CACb;AAED,IAAMO,QAAQ,GAAG,IAAAT,kBAAM,EAACU,WAAI,CAAC,8FAE5B;AAED,IAAMC,QAAQ,GAAGX,kBAAM,CAACY,GAAG,+FAE1B;AAED,IAAMC,UAAU,GAAG,IAAI;AACvB,IAAMC,UAAU,GAAGD,UAAU,GAAG,GAAG;AAEnC,IAAME,MAAM,GAAGf,kBAAM,CAACgB,IAAI,uaAIfF,UAAU,EACTA,UAAU,EAEA,UAACV,CAAC;EAAA,OAAK,IAAAG,YAAG,EAACH,CAAC,CAACC,KAAK,CAACY,sBAAsB,CAAC;AAAA,GAKpD,CAACH,UAAU,GAAGD,UAAU,IAAI,CAAC,EAC3B,CAACC,UAAU,GAAGD,UAAU,IAAI,CAAC,EAC9BA,UAAU,EACTA,UAAU,EAEA,UAACT,CAAC;EAAA,OAAK,IAAAG,YAAG,EAACH,CAAC,CAACC,KAAK,CAACa,mBAAmB,CAAC;AAAA,EAE9D;;AAED;AACA;AACA;AACA,IAAMC,MAAM,gBAAG,IAAAC,iBAAU,EACvB,gBAUEC,GAAG,EACA;EAAA,IATDC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IAAA,uBACLC,UAAU;IAAVA,UAAU,gCAAG,CAAC,CAAC;IAAA,mBACfC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,iBACdC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IACTC,IAAI;EAIT,gBAAkB,IAAAC,iBAAQ,GAAE;IAApBxB,KAAK,aAALA,KAAK;EAEb,IAAMG,OAAO,GAAG,IAAAsB,cAAO,EAAQ,YAAM;IACnC,IAAMC,KAAe,GAAG,EAAE;IAC1B,IAAIT,SAAS,EAAES,KAAK,CAACC,IAAI,CAACV,SAAS,CAAC;IACpC,IAAIC,QAAQ,EAAEQ,KAAK,CAACC,IAAI,CAACT,QAAQ,CAAC;IAClC,IAAIQ,KAAK,CAACE,MAAM,GAAG,CAAC,EAAE,OAAO,CAAC,IAAAC,oBAAQ,EAACH,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;IAChE,OAAO9B,KAAK,CAAC+B,oBAAoB;EACnC,CAAC,EAAE,CAACd,SAAS,EAAEC,QAAQ,EAAElB,KAAK,CAAC+B,oBAAoB,CAAC,CAAC;EAErD,IAAMC,QAAQ,GAAG,IAAAP,cAAO,EACtB;IAAA,OAAM,CAACR,SAAS,EAAEC,QAAQ,CAAC,CAACe,MAAM,CAAC,UAACC,CAAC;MAAA,OAAKA,CAAC;IAAA,EAAC,CAACJ,IAAI,CAAC,GAAG,CAAC,IAAIK,SAAS;EAAA,GACnE,CAAClB,SAAS,EAAEC,QAAQ,CAAC,CACtB;EAED,IAAMkB,cAAc,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACvC;IACA,IAAIlB,KAAK,EAAE,oBAAO,gCAAC,iBAAK;MAAC,GAAG,EAAEA,KAAM;MAAC,OAAO;IAAA,GAAKC,UAAU,EAAI;;IAE/D;IACA,IAAMkB,QAAQ,GAAG,IAAAC,0BAAc,EAAC;MAAEtB,SAAS,EAATA,SAAS;MAAEC,QAAQ,EAARA;IAAS,CAAC,CAAC;IACxD,IAAIoB,QAAQ,EAAE,oBAAO,gCAAC,QAAQ,QAAEA,QAAQ,CAAY;;IAEpD;IACA,oBAAO,gCAAC,QAAQ,OAAG;EACrB,CAAC,EAAE,CAACnB,KAAK,EAAEC,UAAU,EAAEH,SAAS,EAAEC,QAAQ,CAAC,CAAC;EAE5C,oBACE,gCAAC,SAAS;IAAC,IAAI,EAAEI;EAAK,gBACpB,gCAAC,eAAe;IACd,OAAO,EAAEnB,OAAQ;IACjB,IAAI,EAAC,KAAK;IACV,cAAY6B,QAAQ,IAAI;EAAO,GAC3BT,IAAI;IACR,GAAG,EAAEP;EAAI,IAERoB,cAAc,EAAE,CACD,EACjBf,MAAM,iBAAI,gCAAC,MAAM,OAAG,CACX;AAEhB,CAAC,CACF;AAEDP,MAAM,CAAC0B,WAAW,GAAG,QAAQ;AAAC,eAEf1B,MAAM;AAAA"}
+{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_icons","_styles","_theming","_utils","_react","_interopRequireWildcard","_Image","_nameToInitials","_strToHue","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_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","Container","styled","omitEmotionProps","sizeStyles","AvatarContainer","p","theme","borderRadius","clr","bgColor","UserIcon","User","Initials","div","INNER_SIZE","OUTER_SIZE","Online","span","avatarOnlineColorScoop","avatarOnlineColorBg","Avatar","forwardRef","_ref","ref","firstName","lastName","image","_ref$imageProps","imageProps","_ref$online","online","_ref$size","size","rest","_useTheme","useTheme","useMemo","parts","push","strToHue","join","avatarDefaultColorBg","fullName","filter","undefined","renderChildren","useCallback","createElement","url","cropped","initials","nameToInitials","role","displayName","_default","exports"],"sources":["../../../src/Avatar/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { User } from '@os-design/icons';\nimport { WithSize, sizeStyles } from '@os-design/styles';\nimport { Color, clr, useTheme } from '@os-design/theming';\n\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\nimport Image, { ImageProps } from '../Image';\n\nimport nameToInitials from './utils/nameToInitials';\nimport strToHue from './utils/strToHue';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface AvatarProps extends JsxDivProps, WithSize {\n  /**\n   * Used to render the first letter if the image URL is not specified.\n   * @default undefined\n   */\n  firstName?: string;\n  /**\n   * Used to render the second letter if the image URL is not specified.\n   * @default undefined\n   */\n  lastName?: string;\n  /**\n   * The URL of the image.\n   * @default undefined\n   */\n  image?: string;\n  /**\n   * The props of the image.\n   * @default undefined\n   */\n  imageProps?: Omit<ImageProps, 'url'>;\n  /**\n   * Whether the user is online.\n   * @default false\n   */\n  online?: boolean;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n  position: relative;\n  width: 1em;\n  height: 1em;\n  min-width: 1em;\n  min-height: 1em;\n  ${sizeStyles};\n`;\n\ninterface AvatarContainerProps {\n  bgColor: Color;\n}\n\nconst AvatarContainer = styled(\n  'div',\n  omitEmotionProps('bgColor')\n)<AvatarContainerProps>`\n  width: 100%;\n  height: 100%;\n  border-radius: ${(p) => p.theme.borderRadius}em;\n\n  font-weight: 500;\n  line-height: 1;\n\n  color: hsl(0, 0%, 100%);\n  background-color: ${(p) => clr(p.bgColor)};\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  white-space: nowrap; // To disable multiline text\n  overflow: hidden; // To trim the image corners\n\n  ${sizeStyles};\n`;\n\nconst UserIcon = styled(User)`\n  font-size: 0.6em;\n`;\n\nconst Initials = styled.div`\n  font-size: 0.35em;\n`;\n\nconst INNER_SIZE = 0.25;\nconst OUTER_SIZE = INNER_SIZE * 1.2;\n\nconst Online = styled.span`\n  position: absolute;\n  right: -0.05em;\n  bottom: -0.05em;\n  width: ${OUTER_SIZE}em;\n  height: ${OUTER_SIZE}em;\n  border-radius: 50%;\n  background-color: ${(p) => clr(p.theme.avatarOnlineColorScoop)};\n\n  &::before {\n    content: '';\n    position: absolute;\n    left: ${(OUTER_SIZE - INNER_SIZE) / 2}em;\n    bottom: ${(OUTER_SIZE - INNER_SIZE) / 2}em;\n    width: ${INNER_SIZE}em;\n    height: ${INNER_SIZE}em;\n    border-radius: 50%;\n    background-color: ${(p) => clr(p.theme.avatarOnlineColorBg)};\n  }\n`;\n\n/**\n * Avatar can be used to represent people.\n */\nconst Avatar = forwardRef<HTMLDivElement, AvatarProps>(\n  (\n    {\n      firstName,\n      lastName,\n      image,\n      imageProps = {},\n      online = false,\n      size = '2em',\n      ...rest\n    },\n    ref\n  ) => {\n    const { theme } = useTheme();\n\n    const bgColor = useMemo<Color>(() => {\n      const parts: string[] = [];\n      if (firstName) parts.push(firstName);\n      if (lastName) parts.push(lastName);\n      if (parts.length > 0) return [strToHue(parts.join(' ')), 30, 60];\n      return theme.avatarDefaultColorBg;\n    }, [firstName, lastName, theme.avatarDefaultColorBg]);\n\n    const fullName = useMemo(\n      () => [firstName, lastName].filter((i) => i).join(' ') || undefined,\n      [firstName, lastName]\n    );\n\n    const renderChildren = useCallback(() => {\n      // Render the image if the image property was specified\n      if (image) return <Image url={image} cropped {...imageProps} />;\n\n      // Render the initials of the name if either firstName or lastName was specified\n      const initials = nameToInitials({ firstName, lastName });\n      if (initials) return <Initials>{initials}</Initials>;\n\n      // Otherwise render the user icon\n      return <UserIcon />;\n    }, [image, imageProps, firstName, lastName]);\n\n    return (\n      <Container size={size}>\n        <AvatarContainer\n          bgColor={bgColor}\n          role='img'\n          aria-label={fullName || 'User'}\n          {...rest}\n          ref={ref}\n        >\n          {renderChildren()}\n        </AvatarContainer>\n        {online && <Online />}\n      </Container>\n    );\n  }\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"mappings":"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"}

package/dist/cjs/Avatar/utils/nameToInitials.js.map

@@ -1 +1 @@
-{"version":3,"file":"nameToInitials.js","names":["nameToInitials","firstName","lastName","first","charAt","second","toUpperCase"],"sources":["../../../../src/Avatar/utils/nameToInitials.ts"],"sourcesContent":["interface Name {\n  firstName?: string;\n  lastName?: string;\n}\n\nconst nameToInitials = ({ firstName, lastName }: Name): string => {\n  const first = firstName ? firstName.charAt(0) : '';\n  const second = lastName ? lastName.charAt(0) : '';\n  return `${first}${second}`.toUpperCase();\n};\n\nexport default nameToInitials;\n"],"mappings":";;;;;;AAKA,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAA8C;EAAA,IAAxCC,SAAS,QAATA,SAAS;IAAEC,QAAQ,QAARA,QAAQ;EAC3C,IAAMC,KAAK,GAAGF,SAAS,GAAGA,SAAS,CAACG,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE;EAClD,IAAMC,MAAM,GAAGH,QAAQ,GAAGA,QAAQ,CAACE,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE;EACjD,OAAO,UAAGD,KAAK,SAAGE,MAAM,EAAGC,WAAW,EAAE;AAC1C,CAAC;AAAC,eAEaN,cAAc;AAAA"}
+{"version":3,"file":"nameToInitials.js","names":["nameToInitials","_ref","firstName","lastName","first","charAt","second","concat","toUpperCase","_default","exports"],"sources":["../../../../src/Avatar/utils/nameToInitials.ts"],"sourcesContent":["interface Name {\n  firstName?: string;\n  lastName?: string;\n}\n\nconst nameToInitials = ({ firstName, lastName }: Name): string => {\n  const first = firstName ? firstName.charAt(0) : '';\n  const second = lastName ? lastName.charAt(0) : '';\n  return `${first}${second}`.toUpperCase();\n};\n\nexport default nameToInitials;\n"],"mappings":";;;;;;AAKA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAA8C;EAAA,IAAxCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAC3C,IAAMC,KAAK,GAAGF,SAAS,GAAGA,SAAS,CAACG,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE;EAClD,IAAMC,MAAM,GAAGH,QAAQ,GAAGA,QAAQ,CAACE,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE;EACjD,OAAO,GAAAE,MAAA,CAAGH,KAAK,EAAAG,MAAA,CAAGD,MAAM,EAAGE,WAAW,CAAC,CAAC;AAC1C,CAAC;AAAC,IAAAC,QAAA,GAEaT,cAAc;AAAAU,OAAA,cAAAD,QAAA"}

package/dist/cjs/Avatar/utils/strToHue.js.map

@@ -1 +1 @@
-{"version":3,"file":"strToHue.js","names":["strToHue","str","hash","i","length","charCodeAt"],"sources":["../../../../src/Avatar/utils/strToHue.ts"],"sourcesContent":["/**\n * Return the hue of the color by string.\n */\nconst strToHue = (str: string): number => {\n  let hash = 0;\n  for (let i = 0; i < str.length; i += 1) {\n    // eslint-disable-next-line no-bitwise\n    hash = str.charCodeAt(i) + ((hash << 5) - hash);\n  }\n  return hash % 360;\n};\n\nexport default strToHue;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,GAAW,EAAa;EACxC,IAAIC,IAAI,GAAG,CAAC;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,GAAG,CAACG,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;IACtC;IACAD,IAAI,GAAGD,GAAG,CAACI,UAAU,CAACF,CAAC,CAAC,IAAI,CAACD,IAAI,IAAI,CAAC,IAAIA,IAAI,CAAC;EACjD;EACA,OAAOA,IAAI,GAAG,GAAG;AACnB,CAAC;AAAC,eAEaF,QAAQ;AAAA"}
+{"version":3,"file":"strToHue.js","names":["strToHue","str","hash","i","length","charCodeAt","_default","exports"],"sources":["../../../../src/Avatar/utils/strToHue.ts"],"sourcesContent":["/**\n * Return the hue of the color by string.\n */\nconst strToHue = (str: string): number => {\n  let hash = 0;\n  for (let i = 0; i < str.length; i += 1) {\n    // eslint-disable-next-line no-bitwise\n    hash = str.charCodeAt(i) + ((hash << 5) - hash);\n  }\n  return hash % 360;\n};\n\nexport default strToHue;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,GAAW,EAAa;EACxC,IAAIC,IAAI,GAAG,CAAC;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,GAAG,CAACG,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;IACtC;IACAD,IAAI,GAAGD,GAAG,CAACI,UAAU,CAACF,CAAC,CAAC,IAAI,CAACD,IAAI,IAAI,CAAC,IAAIA,IAAI,CAAC;EACjD;EACA,OAAOA,IAAI,GAAG,GAAG;AACnB,CAAC;AAAC,IAAAI,QAAA,GAEaN,QAAQ;AAAAO,OAAA,cAAAD,QAAA"}

package/dist/cjs/AvatarSkeleton/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = _interopRequireWildcard(require("react"));
 var _styles = require("@os-design/styles");
 var _utils = require("@os-design/utils");
+var _react = _interopRequireWildcard(require("react"));
 var _Skeleton = _interopRequireDefault(require("../Skeleton"));
 var _excluded = ["size"];
 var _templateObject;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Container","styled","omitEmotionProps","sizeStyles","AvatarSkeleton","forwardRef","ref","size","rest","displayName"],"sources":["../../../src/AvatarSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport Skeleton from '../Skeleton';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport type AvatarSkeletonProps = JsxDivProps & WithSize;\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n  ${sizeStyles};\n`;\n\n/**\n * Provides an avatar placeholder while a user waits for the content to load.\n */\nconst AvatarSkeleton = forwardRef<HTMLDivElement, AvatarSkeletonProps>(\n  ({ size = '2em', ...rest }, ref) => (\n    <Container size={size} {...rest} ref={ref}>\n      <Skeleton width='1em' />\n    </Container>\n  )\n);\n\nAvatarSkeleton.displayName = 'AvatarSkeleton';\n\nexport default AvatarSkeleton;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKnC,IAAMA,SAAS,GAAG,IAAAC,kBAAM,EAAC,KAAK,EAAE,IAAAC,uBAAgB,EAAC,MAAM,CAAC,CAAC,iFACrDC,kBAAU,CACb;;AAED;AACA;AACA;AACA,IAAMC,cAAc,gBAAG,IAAAC,iBAAU,EAC/B,gBAA4BC,GAAG;EAAA,qBAA5BC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IAAKC,IAAI;EAAA,oBACtB,gCAAC,SAAS;IAAC,IAAI,EAAED;EAAK,GAAKC,IAAI;IAAE,GAAG,EAAEF;EAAI,iBACxC,gCAAC,oBAAQ;IAAC,KAAK,EAAC;EAAK,EAAG,CACd;AAAA,CACb,CACF;AAEDF,cAAc,CAACK,WAAW,GAAG,gBAAgB;AAAC,eAE/BL,cAAc;AAAA"}
+{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_utils","_react","_interopRequireWildcard","_Skeleton","_excluded","_templateObject","_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","Container","styled","omitEmotionProps","sizeStyles","AvatarSkeleton","forwardRef","_ref","ref","_ref$size","size","rest","createElement","width","displayName","_default","exports"],"sources":["../../../src/AvatarSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\n\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\n\nimport Skeleton from '../Skeleton';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport type AvatarSkeletonProps = JsxDivProps & WithSize;\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n  ${sizeStyles};\n`;\n\n/**\n * Provides an avatar placeholder while a user waits for the content to load.\n */\nconst AvatarSkeleton = forwardRef<HTMLDivElement, AvatarSkeletonProps>(\n  ({ size = '2em', ...rest }, ref) => (\n    <Container size={size} {...rest} ref={ref}>\n      <Skeleton width='1em' />\n    </Container>\n  )\n);\n\nAvatarSkeleton.displayName = 'AvatarSkeleton';\n\nexport default AvatarSkeleton;\n"],"mappings":"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"}

package/dist/cjs/Breadcrumb/index.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _styles = require("@os-design/styles");
-var _utils = require("@os-design/utils");
 var _theming = require("@os-design/theming");
+var _utils = require("@os-design/utils");
+var _react = _interopRequireWildcard(require("react"));
 var _BreadcrumbItem = _interopRequireDefault(require("../BreadcrumbItem"));
 var _excluded = ["aria-label", "children"];
 var _templateObject;
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Container","styled","omitEmotionProps","p","clr","theme","colorText","enableScrollingStyles","sizeStyles","childIndex","Breadcrumb","forwardRef","ref","ariaLabel","children","rest","breadcrumbItems","useMemo","items","childrenArray","React","Children","toArray","forEach","child","index","isValidElement","element","breadcrumbItemProps","key","position","hasRightArrow","length","type","BreadcrumbItem","cloneElement","props","breadcrumbItem","push","displayName"],"sources":["../../../src/Breadcrumb/index.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, useMemo } from 'react';\nimport styled from '@emotion/styled';\nimport { enableScrollingStyles, sizeStyles, WithSize } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr } from '@os-design/theming';\nimport BreadcrumbItem from '../BreadcrumbItem';\n\ntype JsxOlProps = Omit<JSX.IntrinsicElements['ol'], 'ref'>;\nexport interface BreadcrumbProps extends JsxOlProps, WithSize {\n  'aria-label'?: string;\n}\n\nconst Container = styled('ol', omitEmotionProps('size'))<WithSize>`\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  color: ${(p) => clr(p.theme.colorText)};\n\n  ${enableScrollingStyles('x', false)};\n  ${sizeStyles};\n`;\n\nlet childIndex = 0;\n\n/**\n * Displays the current location within the hierarchical structure.\n * Implements the Schema.org markup for breadcrumbs.\n * See https://schema.org/BreadcrumbList\n */\nconst Breadcrumb = forwardRef<HTMLOListElement, BreadcrumbProps>(\n  ({ 'aria-label': ariaLabel = 'Breadcrumb', children, ...rest }, ref) => {\n    const breadcrumbItems = useMemo(() => {\n      const items: ReactElement[] = [];\n      const childrenArray = React.Children.toArray(children);\n      childrenArray.forEach((child, index) => {\n        if (!React.isValidElement(child)) return;\n\n        let element;\n        const breadcrumbItemProps = {\n          key: childIndex,\n          position: index + 1,\n          hasRightArrow: index < childrenArray.length - 1,\n        };\n\n        if (child.type === BreadcrumbItem) {\n          element = React.cloneElement(child, breadcrumbItemProps);\n        } else if (\n          React.isValidElement(child.props.children) &&\n          child.props.children.type === BreadcrumbItem\n        ) {\n          const breadcrumbItem = React.cloneElement(\n            child.props.children,\n            breadcrumbItemProps\n          );\n          element = React.cloneElement(\n            child,\n            {\n              ...(child.props || {}),\n              key: childIndex,\n            },\n            breadcrumbItem\n          );\n        }\n        if (!element) return;\n\n        items.push(element);\n        childIndex += 1;\n      });\n      return items;\n    }, [children]);\n\n    if (breadcrumbItems.length === 0) return null;\n\n    return (\n      <nav aria-label={ariaLabel}>\n        <Container\n          itemScope\n          itemType='https://schema.org/BreadcrumbList'\n          {...rest}\n          ref={ref}\n        >\n          {breadcrumbItems}\n        </Container>\n      </nav>\n    );\n  }\n);\n\nBreadcrumb.displayName = 'Breadcrumb';\n\nexport default Breadcrumb;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/C,IAAMA,SAAS,GAAG,IAAAC,kBAAM,EAAC,IAAI,EAAE,IAAAC,uBAAgB,EAAC,MAAM,CAAC,CAAC,wMAM7C,UAACC,CAAC;EAAA,OAAK,IAAAC,YAAG,EAACD,CAAC,CAACE,KAAK,CAACC,SAAS,CAAC;AAAA,GAEpC,IAAAC,6BAAqB,EAAC,GAAG,EAAE,KAAK,CAAC,EACjCC,kBAAU,CACb;AAED,IAAIC,UAAU,GAAG,CAAC;;AAElB;AACA;AACA;AACA;AACA;AACA,IAAMC,UAAU,gBAAG,IAAAC,iBAAU,EAC3B,gBAAgEC,GAAG,EAAK;EAAA,0BAArE,YAAY;IAAEC,SAAS,+BAAG,YAAY;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,IAAI;EAC1D,IAAMC,eAAe,GAAG,IAAAC,cAAO,EAAC,YAAM;IACpC,IAAMC,KAAqB,GAAG,EAAE;IAChC,IAAMC,aAAa,GAAGC,iBAAK,CAACC,QAAQ,CAACC,OAAO,CAACR,QAAQ,CAAC;IACtDK,aAAa,CAACI,OAAO,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;MACtC,IAAI,eAACL,iBAAK,CAACM,cAAc,CAACF,KAAK,CAAC,EAAE;MAElC,IAAIG,OAAO;MACX,IAAMC,mBAAmB,GAAG;QAC1BC,GAAG,EAAEpB,UAAU;QACfqB,QAAQ,EAAEL,KAAK,GAAG,CAAC;QACnBM,aAAa,EAAEN,KAAK,GAAGN,aAAa,CAACa,MAAM,GAAG;MAChD,CAAC;MAED,IAAIR,KAAK,CAACS,IAAI,KAAKC,0BAAc,EAAE;QACjCP,OAAO,gBAAGP,iBAAK,CAACe,YAAY,CAACX,KAAK,EAAEI,mBAAmB,CAAC;MAC1D,CAAC,MAAM,IACL,cAAAR,iBAAK,CAACM,cAAc,CAACF,KAAK,CAACY,KAAK,CAACtB,QAAQ,CAAC,IAC1CU,KAAK,CAACY,KAAK,CAACtB,QAAQ,CAACmB,IAAI,KAAKC,0BAAc,EAC5C;QACA,IAAMG,cAAc,gBAAGjB,iBAAK,CAACe,YAAY,CACvCX,KAAK,CAACY,KAAK,CAACtB,QAAQ,EACpBc,mBAAmB,CACpB;QACDD,OAAO,gBAAGP,iBAAK,CAACe,YAAY,CAC1BX,KAAK,kCAECA,KAAK,CAACY,KAAK,IAAI,CAAC,CAAC;UACrBP,GAAG,EAAEpB;QAAU,IAEjB4B,cAAc,CACf;MACH;MACA,IAAI,CAACV,OAAO,EAAE;MAEdT,KAAK,CAACoB,IAAI,CAACX,OAAO,CAAC;MACnBlB,UAAU,IAAI,CAAC;IACjB,CAAC,CAAC;IACF,OAAOS,KAAK;EACd,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EAEd,IAAIE,eAAe,CAACgB,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAE7C,oBACE;IAAK,cAAYnB;EAAU,gBACzB,gCAAC,SAAS;IACR,SAAS;IACT,QAAQ,EAAC;EAAmC,GACxCE,IAAI;IACR,GAAG,EAAEH;EAAI,IAERI,eAAe,CACN,CACR;AAEV,CAAC,CACF;AAEDN,UAAU,CAAC6B,WAAW,GAAG,YAAY;AAAC,eAEvB7B,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_theming","_utils","_react","_interopRequireWildcard","_BreadcrumbItem","_excluded","_templateObject","_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","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","_taggedTemplateLiteral","strings","raw","slice","freeze","Container","styled","omitEmotionProps","p","clr","theme","colorText","enableScrollingStyles","sizeStyles","childIndex","Breadcrumb","forwardRef","_ref","ref","_ref$ariaLabel","ariaLabel","children","rest","breadcrumbItems","useMemo","items","childrenArray","React","Children","toArray","child","index","isValidElement","element","breadcrumbItemProps","position","hasRightArrow","type","BreadcrumbItem","cloneElement","props","breadcrumbItem","createElement","itemScope","itemType","displayName","_default","exports"],"sources":["../../../src/Breadcrumb/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { enableScrollingStyles, sizeStyles, WithSize } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, ReactElement, useMemo } from 'react';\nimport BreadcrumbItem from '../BreadcrumbItem';\n\ntype JsxOlProps = Omit<JSX.IntrinsicElements['ol'], 'ref'>;\nexport interface BreadcrumbProps extends JsxOlProps, WithSize {\n  'aria-label'?: string;\n}\n\nconst Container = styled('ol', omitEmotionProps('size'))<WithSize>`\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  color: ${(p) => clr(p.theme.colorText)};\n\n  ${enableScrollingStyles('x', false)};\n  ${sizeStyles};\n`;\n\nlet childIndex = 0;\n\n/**\n * Displays the current location within the hierarchical structure.\n * Implements the Schema.org markup for breadcrumbs.\n * See https://schema.org/BreadcrumbList\n */\nconst Breadcrumb = forwardRef<HTMLOListElement, BreadcrumbProps>(\n  ({ 'aria-label': ariaLabel = 'Breadcrumb', children, ...rest }, ref) => {\n    const breadcrumbItems = useMemo(() => {\n      const items: ReactElement[] = [];\n      const childrenArray = React.Children.toArray(children);\n      childrenArray.forEach((child, index) => {\n        if (!React.isValidElement(child)) return;\n\n        let element;\n        const breadcrumbItemProps = {\n          key: childIndex,\n          position: index + 1,\n          hasRightArrow: index < childrenArray.length - 1,\n        };\n\n        if (child.type === BreadcrumbItem) {\n          element = React.cloneElement(child, breadcrumbItemProps);\n        } else if (\n          React.isValidElement(child.props.children) &&\n          child.props.children.type === BreadcrumbItem\n        ) {\n          const breadcrumbItem = React.cloneElement(\n            child.props.children,\n            breadcrumbItemProps\n          );\n          element = React.cloneElement(\n            child,\n            {\n              ...(child.props || {}),\n              key: childIndex,\n            },\n            breadcrumbItem\n          );\n        }\n        if (!element) return;\n\n        items.push(element);\n        childIndex += 1;\n      });\n      return items;\n    }, [children]);\n\n    if (breadcrumbItems.length === 0) return null;\n\n    return (\n      <nav aria-label={ariaLabel}>\n        <Container\n          itemScope\n          itemType='https://schema.org/BreadcrumbList'\n          {...rest}\n          ref={ref}\n        >\n          {breadcrumbItems}\n        </Container>\n      </nav>\n    );\n  }\n);\n\nBreadcrumb.displayName = 'Breadcrumb';\n\nexport default Breadcrumb;\n"],"mappings":"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"}

package/dist/cjs/BreadcrumbItem/index.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _styles = require("@os-design/styles");
 var _icons = require("@os-design/icons");
+var _styles = require("@os-design/styles");
 var _theming = require("@os-design/theming");
+var _react = _interopRequireWildcard(require("react"));
 var _Link = _interopRequireDefault(require("../Link"));
 var _excluded = ["currentPage", "hasRightArrow", "position", "href", "children"];
 var _templateObject, _templateObject2, _templateObject3;
-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; }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Container","styled","li","Name","span","ellipsisStyles","RightIcon","Right","p","clr","theme","colorText","BreadcrumbItem","forwardRef","ref","currentPage","hasRightArrow","position","href","children","rest","underline","toString","displayName"],"sources":["../../../src/BreadcrumbItem/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { Right } from '@os-design/icons';\nimport { clr } from '@os-design/theming';\nimport Link, { LinkProps } from '../Link';\n\nexport interface BreadcrumbItemProps extends LinkProps {\n  /**\n   * Whether the item is the current page.\n   * @default false\n   */\n  currentPage?: boolean;\n  /**\n   * Whether the right arrow located to the right of the text is visible.\n   * @default false\n   */\n  hasRightArrow?: boolean;\n  /**\n   * The position of the breadcrumb item.\n   * @default undefined\n   */\n  position?: number;\n}\n\nconst Container = styled.li`\n  list-style: none;\n`;\n\nconst Name = styled.span`\n  max-width: 20em;\n  ${ellipsisStyles};\n`;\n\nconst RightIcon = styled(Right)`\n  color: ${(p) => clr(p.theme.colorText)};\n  margin: 0 0.6em;\n  font-size: 0.6em;\n  opacity: 0.8;\n`;\n\n/**\n * The item of the breadcrumb.\n */\nconst BreadcrumbItem = forwardRef<HTMLAnchorElement, BreadcrumbItemProps>(\n  (\n    {\n      currentPage = false,\n      hasRightArrow = false,\n      position,\n      href,\n      children,\n      ...rest\n    },\n    ref\n  ) => (\n    <Container>\n      <Link\n        itemProp='itemListElement'\n        itemScope\n        itemType='https://schema.org/ListItem'\n        href={href}\n        {...(currentPage\n          ? {\n              underline: 'always',\n              'aria-current': 'page',\n            }\n          : {})}\n        {...rest}\n        ref={ref}\n      >\n        <link itemProp='item' href={href} />\n        {position && <meta itemProp='position' content={position.toString()} />}\n        <Name itemProp='name'>{children}</Name>\n      </Link>\n      {hasRightArrow && <RightIcon role='presentation' />}\n    </Container>\n  )\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\nexport default BreadcrumbItem;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoB1C,IAAMA,SAAS,GAAGC,kBAAM,CAACC,EAAE,4FAE1B;AAED,IAAMC,IAAI,GAAGF,kBAAM,CAACG,IAAI,uGAEpBC,sBAAc,CACjB;AAED,IAAMC,SAAS,GAAG,IAAAL,kBAAM,EAACM,YAAK,CAAC,oJACpB,UAACC,CAAC;EAAA,OAAK,IAAAC,YAAG,EAACD,CAAC,CAACE,KAAK,CAACC,SAAS,CAAC;AAAA,EAIvC;;AAED;AACA;AACA;AACA,IAAMC,cAAc,gBAAG,IAAAC,iBAAU,EAC/B,gBASEC,GAAG;EAAA,4BAPDC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,0BACnBC,aAAa;IAAbA,aAAa,mCAAG,KAAK;IACrBC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAAA,oBAIT,gCAAC,SAAS,qBACR,gCAAC,gBAAI;IACH,QAAQ,EAAC,iBAAiB;IAC1B,SAAS;IACT,QAAQ,EAAC,6BAA6B;IACtC,IAAI,EAAEF;EAAK,GACNH,WAAW,GACZ;IACEM,SAAS,EAAE,QAAQ;IACnB,cAAc,EAAE;EAClB,CAAC,GACD,CAAC,CAAC,EACFD,IAAI;IACR,GAAG,EAAEN;EAAI,iBAET;IAAM,QAAQ,EAAC,MAAM;IAAC,IAAI,EAAEI;EAAK,EAAG,EACnCD,QAAQ,iBAAI;IAAM,QAAQ,EAAC,UAAU;IAAC,OAAO,EAAEA,QAAQ,CAACK,QAAQ;EAAG,EAAG,eACvE,gCAAC,IAAI;IAAC,QAAQ,EAAC;EAAM,GAAEH,QAAQ,CAAQ,CAClC,EACNH,aAAa,iBAAI,gCAAC,SAAS;IAAC,IAAI,EAAC;EAAc,EAAG,CACzC;AAAA,CACb,CACF;AAEDJ,cAAc,CAACW,WAAW,GAAG,gBAAgB;AAAC,eAE/BX,cAAc;AAAA"}
+{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_icons","_styles","_theming","_react","_interopRequireWildcard","_Link","_excluded","_templateObject","_templateObject2","_templateObject3","_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","Container","styled","li","Name","span","ellipsisStyles","RightIcon","Right","p","clr","theme","colorText","BreadcrumbItem","forwardRef","_ref","ref","_ref$currentPage","currentPage","_ref$hasRightArrow","hasRightArrow","position","href","children","rest","createElement","itemProp","itemScope","itemType","underline","content","toString","role","displayName","_default","exports"],"sources":["../../../src/BreadcrumbItem/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Right } from '@os-design/icons';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport React, { forwardRef } from 'react';\nimport Link, { LinkProps } from '../Link';\n\nexport interface BreadcrumbItemProps extends LinkProps {\n  /**\n   * Whether the item is the current page.\n   * @default false\n   */\n  currentPage?: boolean;\n  /**\n   * Whether the right arrow located to the right of the text is visible.\n   * @default false\n   */\n  hasRightArrow?: boolean;\n  /**\n   * The position of the breadcrumb item.\n   * @default undefined\n   */\n  position?: number;\n}\n\nconst Container = styled.li`\n  list-style: none;\n`;\n\nconst Name = styled.span`\n  max-width: 20em;\n  ${ellipsisStyles};\n`;\n\nconst RightIcon = styled(Right)`\n  color: ${(p) => clr(p.theme.colorText)};\n  margin: 0 0.6em;\n  font-size: 0.6em;\n  opacity: 0.8;\n`;\n\n/**\n * The item of the breadcrumb.\n */\nconst BreadcrumbItem = forwardRef<HTMLAnchorElement, BreadcrumbItemProps>(\n  (\n    {\n      currentPage = false,\n      hasRightArrow = false,\n      position,\n      href,\n      children,\n      ...rest\n    },\n    ref\n  ) => (\n    <Container>\n      <Link\n        itemProp='itemListElement'\n        itemScope\n        itemType='https://schema.org/ListItem'\n        href={href}\n        {...(currentPage\n          ? {\n              underline: 'always',\n              'aria-current': 'page',\n            }\n          : {})}\n        {...rest}\n        ref={ref}\n      >\n        <link itemProp='item' href={href} />\n        {position && <meta itemProp='position' content={position.toString()} />}\n        <Name itemProp='name'>{children}</Name>\n      </Link>\n      {hasRightArrow && <RightIcon role='presentation' />}\n    </Container>\n  )\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\nexport default BreadcrumbItem;\n"],"mappings":"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"}

package/dist/cjs/Button/ButtonContent.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _icons = require("@os-design/icons");
+var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react2 = require("@emotion/react");
-var _utils = require("@os-design/utils");
+var _icons = require("@os-design/icons");
 var _theming = require("@os-design/theming");
+var _utils = require("@os-design/utils");
+var _react2 = _interopRequireDefault(require("react"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 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) } })); }
@@ -23,7 +23,7 @@ var Content = _styled["default"].span(_templateObject3 || (_templateObject3 = _t
   return p.theme.buttonIconScaleFactor;
 });
 var LoadingIcon = (0, _styled["default"])(_icons.Loading)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 1.2em;\n"])));
-var loadingFadeIn = (0, _react2.keyframes)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"])));
+var loadingFadeIn = (0, _react.keyframes)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"])));
 var LoadingContainer = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('colors'))(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: inherit;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  color: ", ";\n  background-color: ", ";\n  animation: ", " ", "ms;\n"])), function (p) {
   return (0, _theming.clr)(p.colors.text);
 }, function (p) {
@@ -40,9 +40,9 @@ var ButtonContent = function ButtonContent(_ref) {
     loading = _ref$loading === void 0 ? false : _ref$loading,
     loadingColors = _ref.loadingColors,
     children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, left && /*#__PURE__*/_react["default"].createElement(LeftAddon, null, left), /*#__PURE__*/_react["default"].createElement(Content, null, children), right && /*#__PURE__*/_react["default"].createElement(RightAddon, null, right), loading && /*#__PURE__*/_react["default"].createElement(LoadingContainer, {
+  return /*#__PURE__*/_react2["default"].createElement(_react2["default"].Fragment, null, left && /*#__PURE__*/_react2["default"].createElement(LeftAddon, null, left), /*#__PURE__*/_react2["default"].createElement(Content, null, children), right && /*#__PURE__*/_react2["default"].createElement(RightAddon, null, right), loading && /*#__PURE__*/_react2["default"].createElement(LoadingContainer, {
     colors: loadingColors
-  }, /*#__PURE__*/_react["default"].createElement(LoadingIcon, null)));
+  }, /*#__PURE__*/_react2["default"].createElement(LoadingIcon, null)));
 };
 var _default = ButtonContent;
 exports["default"] = _default;

package/dist/cjs/Button/ButtonContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContent.js","names":["LeftAddon","styled","div","p","theme","buttonAddonPaddingHorizontal","RightAddon","Content","span","buttonIconScaleFactor","LoadingIcon","Loading","loadingFadeIn","keyframes","LoadingContainer","omitEmotionProps","clr","colors","text","bg","transitionDelay","ButtonContent","left","right","loading","loadingColors","children"],"sources":["../../../src/Button/ButtonContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Loading } from '@os-design/icons';\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr } from '@os-design/theming';\nimport { LoadingColors } from './utils/useButtonColors';\n\ninterface ButtonContentProps {\n  left?: React.ReactNode;\n  right?: React.ReactNode;\n  loading?: boolean;\n  loadingColors: LoadingColors;\n  children?: React.ReactNode;\n}\n\nconst LeftAddon = styled.div`\n  display: inherit;\n  padding-right: ${(p) => p.theme.buttonAddonPaddingHorizontal}em;\n`;\n\nconst RightAddon = styled.div`\n  display: inherit;\n  padding-left: ${(p) => p.theme.buttonAddonPaddingHorizontal}em;\n`;\n\nconst Content = styled.span`\n  display: inherit;\n\n  & > svg {\n    transform: scale(${(p) => p.theme.buttonIconScaleFactor});\n    vertical-align: middle;\n  }\n`;\n\nconst LoadingIcon = styled(Loading)`\n  font-size: 1.2em;\n`;\n\nconst loadingFadeIn = keyframes`\n  from { opacity: 0; }\n  to { opacity: 1; }\n`;\n\ninterface LoadingContainerProps {\n  colors: LoadingColors;\n}\nconst LoadingContainer = styled(\n  'div',\n  omitEmotionProps('colors')\n)<LoadingContainerProps>`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: inherit;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  color: ${(p) => clr(p.colors.text)};\n  background-color: ${(p) => clr(p.colors.bg)};\n  animation: ${loadingFadeIn} ${(p) => p.theme.transitionDelay}ms;\n`;\n\n// Used by Button, LinkButton\nconst ButtonContent: React.FC<ButtonContentProps> = ({\n  left,\n  right,\n  loading = false,\n  loadingColors,\n  children,\n}) => (\n  <>\n    {left && <LeftAddon>{left}</LeftAddon>}\n    <Content>{children}</Content>\n    {right && <RightAddon>{right}</RightAddon>}\n    {loading && (\n      <LoadingContainer colors={loadingColors}>\n        <LoadingIcon />\n      </LoadingContainer>\n    )}\n  </>\n);\n\nexport default ButtonContent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAyC;AAAA;AAAA;AAWzC,IAAMA,SAAS,GAAGC,kBAAM,CAACC,GAAG,uHAET,UAACC,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACC,4BAA4B;AAAA,EAC7D;AAED,IAAMC,UAAU,GAAGL,kBAAM,CAACC,GAAG,wHAEX,UAACC,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACC,4BAA4B;AAAA,EAC5D;AAED,IAAME,OAAO,GAAGN,kBAAM,CAACO,IAAI,6KAIJ,UAACL,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACK,qBAAqB;AAAA,EAG1D;AAED,IAAMC,WAAW,GAAG,IAAAT,kBAAM,EAACU,cAAO,CAAC,8FAElC;AAED,IAAMC,aAAa,OAAGC,iBAAS,wHAG9B;AAKD,IAAMC,gBAAgB,GAAG,IAAAb,kBAAM,EAC7B,KAAK,EACL,IAAAc,uBAAgB,EAAC,QAAQ,CAAC,CAC3B,8TAYU,UAACZ,CAAC;EAAA,OAAK,IAAAa,YAAG,EAACb,CAAC,CAACc,MAAM,CAACC,IAAI,CAAC;AAAA,GACd,UAACf,CAAC;EAAA,OAAK,IAAAa,YAAG,EAACb,CAAC,CAACc,MAAM,CAACE,EAAE,CAAC;AAAA,GAC9BP,aAAa,EAAI,UAACT,CAAC;EAAA,OAAKA,CAAC,CAACC,KAAK,CAACgB,eAAe;AAAA,EAC7D;;AAED;AACA,IAAMC,aAA2C,GAAG,SAA9CA,aAA2C;EAAA,IAC/CC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IAAA,oBACLC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,aAAa,QAAbA,aAAa;IACbC,QAAQ,QAARA,QAAQ;EAAA,oBAER,kEACGJ,IAAI,iBAAI,gCAAC,SAAS,QAAEA,IAAI,CAAa,eACtC,gCAAC,OAAO,QAAEI,QAAQ,CAAW,EAC5BH,KAAK,iBAAI,gCAAC,UAAU,QAAEA,KAAK,CAAc,EACzCC,OAAO,iBACN,gCAAC,gBAAgB;IAAC,MAAM,EAAEC;EAAc,gBACtC,gCAAC,WAAW,OAAG,CAElB,CACA;AAAA,CACJ;AAAC,eAEaJ,aAAa;AAAA"}
+{"version":3,"file":"ButtonContent.js","names":["_react","require","_styled","_interopRequireDefault","_icons","_theming","_utils","_react2","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","obj","__esModule","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","LeftAddon","styled","div","p","theme","buttonAddonPaddingHorizontal","RightAddon","Content","span","buttonIconScaleFactor","LoadingIcon","Loading","loadingFadeIn","keyframes","LoadingContainer","omitEmotionProps","clr","colors","text","bg","transitionDelay","ButtonContent","_ref","left","right","_ref$loading","loading","loadingColors","children","createElement","Fragment","_default","exports"],"sources":["../../../src/Button/ButtonContent.tsx"],"sourcesContent":["import { keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\n\nimport { Loading } from '@os-design/icons';\nimport { clr } from '@os-design/theming';\n\nimport { omitEmotionProps } from '@os-design/utils';\nimport React from 'react';\n\nimport { LoadingColors } from './utils/useButtonColors';\n\ninterface ButtonContentProps {\n  left?: React.ReactNode;\n  right?: React.ReactNode;\n  loading?: boolean;\n  loadingColors: LoadingColors;\n  children?: React.ReactNode;\n}\n\nconst LeftAddon = styled.div`\n  display: inherit;\n  padding-right: ${(p) => p.theme.buttonAddonPaddingHorizontal}em;\n`;\n\nconst RightAddon = styled.div`\n  display: inherit;\n  padding-left: ${(p) => p.theme.buttonAddonPaddingHorizontal}em;\n`;\n\nconst Content = styled.span`\n  display: inherit;\n\n  & > svg {\n    transform: scale(${(p) => p.theme.buttonIconScaleFactor});\n    vertical-align: middle;\n  }\n`;\n\nconst LoadingIcon = styled(Loading)`\n  font-size: 1.2em;\n`;\n\nconst loadingFadeIn = keyframes`\n  from { opacity: 0; }\n  to { opacity: 1; }\n`;\n\ninterface LoadingContainerProps {\n  colors: LoadingColors;\n}\nconst LoadingContainer = styled(\n  'div',\n  omitEmotionProps('colors')\n)<LoadingContainerProps>`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: inherit;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  color: ${(p) => clr(p.colors.text)};\n  background-color: ${(p) => clr(p.colors.bg)};\n  animation: ${loadingFadeIn} ${(p) => p.theme.transitionDelay}ms;\n`;\n\n// Used by Button, LinkButton\nconst ButtonContent: React.FC<ButtonContentProps> = ({\n  left,\n  right,\n  loading = false,\n  loadingColors,\n  children,\n}) => (\n  <>\n    {left && <LeftAddon>{left}</LeftAddon>}\n    <Content>{children}</Content>\n    {right && <RightAddon>{right}</RightAddon>}\n    {loading && (\n      <LoadingContainer colors={loadingColors}>\n        <LoadingIcon />\n      </LoadingContainer>\n    )}\n  </>\n);\n\nexport default ButtonContent;\n"],"mappings":"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"}

package/dist/cjs/Button/index.js

@@ -5,44 +5,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.StyledButton = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _media = require("@os-design/media");
 var _styles = require("@os-design/styles");
-var _utils = require("@os-design/utils");
 var _theming = require("@os-design/theming");
-var _react2 = require("@emotion/react");
-var _media = require("@os-design/media");
-var _useButtonColors2 = _interopRequireDefault(require("./utils/useButtonColors"));
+var _utils = require("@os-design/utils");
+var _react2 = _interopRequireWildcard(require("react"));
 var _ButtonContent = _interopRequireDefault(require("./ButtonContent"));
+var _useButtonColors2 = _interopRequireDefault(require("./utils/useButtonColors"));
 var _excluded = ["type", "danger", "left", "right", "wide", "loading", "disabled", "size", "children", "onMouseDown"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-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; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+// Used by Button, LinkButton
+
 var hoverStyles = function hoverStyles(p) {
-  return !p.disabled && (0, _react2.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    @media (hover: hover) {\n      &:hover,\n      &:focus {\n        background-color: ", ";\n      }\n    }\n  "])), (0, _theming.clr)(p.colors.bgHover));
+  return !p.disabled && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    @media (hover: hover) {\n      &:hover,\n      &:focus {\n        background-color: ", ";\n      }\n    }\n  "])), (0, _theming.clr)(p.colors.bgHover));
 };
 var primaryStyles = function primaryStyles(p) {
-  return p.btnType === 'primary' && (0, _react2.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: ", ";\n    background-color: ", ";\n    ", ";\n  "])), (0, _theming.clr)(p.colors.text), (0, _theming.clr)(p.colors.bg), hoverStyles(p));
+  return p.btnType === 'primary' && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: ", ";\n    background-color: ", ";\n    ", ";\n  "])), (0, _theming.clr)(p.colors.text), (0, _theming.clr)(p.colors.bg), hoverStyles(p));
 };
 var ghostStyles = function ghostStyles(p) {
-  return p.btnType === 'ghost' && (0, _react2.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    color: ", ";\n    background-color: transparent;\n    ", ";\n  "])), (0, _theming.clr)(p.colors.text), hoverStyles(p));
+  return p.btnType === 'ghost' && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    color: ", ";\n    background-color: transparent;\n    ", ";\n  "])), (0, _theming.clr)(p.colors.text), hoverStyles(p));
 };
 var outlineStyles = function outlineStyles(p) {
-  return p.btnType === 'outline' && (0, _react2.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    color: ", ";\n    background-color: transparent;\n    border: 1px solid currentColor;\n    ", ";\n  "])), (0, _theming.clr)(p.colors.text), hoverStyles(p));
+  return p.btnType === 'outline' && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    color: ", ";\n    background-color: transparent;\n    border: 1px solid currentColor;\n    ", ";\n  "])), (0, _theming.clr)(p.colors.text), hoverStyles(p));
 };
 var wideDefaultStyles = function wideDefaultStyles(p) {
-  return p.wide === 'default' && (0, _react2.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", " {\n      width: 100%;\n    }\n  "])), _media.m.max.xxs);
+  return p.wide === 'default' && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", " {\n      width: 100%;\n    }\n  "])), _media.m.max.xxs);
 };
 var wideAlwaysStyles = function wideAlwaysStyles(p) {
-  return p.wide === 'always' && (0, _react2.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: 100%;\n  "])));
+  return p.wide === 'always' && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: 100%;\n  "])));
 };
 var disabledStyles = function disabledStyles(p) {
-  return p.disabled && (0, _react2.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    cursor: not-allowed;\n  "])));
+  return p.disabled && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    cursor: not-allowed;\n  "])));
 };
 var StyledButton = (0, _styled["default"])('button', (0, _utils.omitEmotionProps)('btnType', 'colors', 'wide', 'loading', 'size'))(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", ";\n  position: relative; // Because LoadingContainer has an absolute position\n  cursor: pointer;\n  user-select: none;\n  box-sizing: border-box; // Important for LinkButton\n\n  // Disable multiline\n  white-space: nowrap;\n  overflow: hidden;\n\n  border-radius: ", "em;\n  height: ", "em;\n  padding: 0 ", "em;\n\n  // Do not set inline-flex, otherwise the mobile safari cuts off\n  // the bottom border of the button (tested in iPhone 6)\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  font-weight: 500;\n  line-height: 1;\n\n  ", ";\n  ", ";\n  ", ";\n\n  ", ";\n  ", ";\n\n  ", ";\n\n  ", ";\n  ", ";\n"])), _styles.resetButtonStyles, function (p) {
   return p.theme.borderRadius;
@@ -56,7 +58,7 @@ var StyledButton = (0, _styled["default"])('button', (0, _utils.omitEmotionProps
  * Used to trigger the corresponding business logic.
  */
 exports.StyledButton = StyledButton;
-var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var Button = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'primary' : _ref$type,
     _ref$danger = _ref.danger,
@@ -81,7 +83,7 @@ var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }),
     buttonColors = _useButtonColors.buttonColors,
     loadingColors = _useButtonColors.loadingColors;
-  return /*#__PURE__*/_react["default"].createElement(StyledButton, _extends({
+  return /*#__PURE__*/_react2["default"].createElement(StyledButton, _extends({
     btnType: type,
     colors: buttonColors,
     wide: wide,
@@ -95,7 +97,7 @@ var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     "aria-busy": loading
   }, rest, {
     ref: ref
-  }), /*#__PURE__*/_react["default"].createElement(_ButtonContent["default"], {
+  }), /*#__PURE__*/_react2["default"].createElement(_ButtonContent["default"], {
     left: left,
     right: right,
     loading: loading,