@os-design/core 1.0.254 → 1.0.256

package/src/PageHeaderSkeleton/index.tsx

@@ -1,8 +1,8 @@
-import { WithSize } from '@os-design/styles';
-import React, { forwardRef, useContext } from 'react';
+import type { WithSize } from '@os-design/styles';
+import { forwardRef, useContext } from 'react';
 import LayoutContext from '../Layout/LayoutContext';
 import { PageHeaderContainer } from '../PageHeader';
-import Skeleton, { SkeletonProps } from '../Skeleton';
+import Skeleton, { type SkeletonProps } from '../Skeleton';
 
 export type PageHeaderSkeletonProps = SkeletonProps & WithSize;
 

package/src/ParagraphSkeleton/index.tsx

@@ -1,8 +1,8 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import Skeleton, { SkeletonProps } from '../Skeleton';
+import { forwardRef } from 'react';
+import Skeleton, { type SkeletonProps } from '../Skeleton';
 
 export interface ParagraphSkeletonProps extends SkeletonProps {
   /**

package/src/Popover/index.tsx

@@ -1,7 +1,7 @@
 import { css, keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import Portal from '@os-design/portal';
-import { sizeStyles, WithSize } from '@os-design/styles';
+import { sizeStyles, type WithSize } from '@os-design/styles';
 import { clr, useTheme } from '@os-design/theming';
 import {
   omitEmotionProps,
@@ -12,18 +12,18 @@ import {
   useForwardedRef,
   useResizeObserver,
 } from '@os-design/utils';
-import React, {
+import {
   forwardRef,
-  RefCallback,
-  RefObject,
+  type RefCallback,
+  type RefObject,
   useCallback,
   useEffect,
   useMemo,
   useState,
 } from 'react';
 import usePopoverPosition, {
-  Placement,
-  Rect,
+  type Placement,
+  type Rect,
 } from './utils/usePopoverPosition';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;

package/src/Progress/index.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
-import { WithSize, sizeStyles, transitionStyles } from '@os-design/styles';
+import { type WithSize, sizeStyles, transitionStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef, useMemo } from 'react';
+import { forwardRef, useMemo } from 'react';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface ProgressProps extends JsxDivProps, WithSize {

package/src/RadioGroup/index.tsx

@@ -1,11 +1,11 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { m } from '@os-design/media';
-import { WithSize } from '@os-design/styles';
+import type { WithSize } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps, useForwardedState } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import Button, { ButtonProps } from '../Button';
+import { forwardRef } from 'react';
+import Button, { type ButtonProps } from '../Button';
 
 export interface RadioGroupOption
   extends Omit<ButtonProps, 'type' | 'wide' | 'size'> {

package/src/RadioGroupSkeleton/index.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
-import { sizeStyles, WithSize } from '@os-design/styles';
+import { sizeStyles, type WithSize } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import Skeleton, { SkeletonProps } from '../Skeleton';
+import { forwardRef } from 'react';
+import Skeleton, { type SkeletonProps } from '../Skeleton';
 
 export interface RadioGroupSkeletonProps extends SkeletonProps, WithSize {
   /**

package/src/Result/index.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import { m } from '@os-design/media';
-import { sizeStyles, WithSize } from '@os-design/styles';
+import { sizeStyles, type WithSize } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import React, { forwardRef } from 'react';

package/src/ScrollButton/index.tsx

@@ -4,15 +4,15 @@ import { Down, Up } from '@os-design/icons';
 import Portal from '@os-design/portal';
 import { clr, ThemeOverrider, useTheme } from '@os-design/theming';
 import { omitEmotionProps, useClosable } from '@os-design/utils';
-import React, {
+import {
   forwardRef,
-  MouseEventHandler,
-  RefObject,
+  type MouseEventHandler,
+  type RefObject,
   useCallback,
 } from 'react';
-import Button, { ButtonProps } from '../Button';
+import Button, { type ButtonProps } from '../Button';
 import useContainerPosition, {
-  ContainerPosition,
+  type ContainerPosition,
 } from './utils/useContainerPosition';
 import useVisibility from './utils/useVisibility';
 

package/src/ScrollButton/utils/useContainerPosition.ts

@@ -1,5 +1,5 @@
 import { useBrowserLayoutEffect, useResizeObserver } from '@os-design/utils';
-import { RefObject, useCallback, useState } from 'react';
+import { type RefObject, useCallback, useState } from 'react';
 
 export interface ContainerPosition {
   right: number;

package/src/ScrollButton/utils/useVisibility.ts

@@ -1,5 +1,5 @@
 import { useBrowserLayoutEffect, useEvent } from '@os-design/utils';
-import { RefObject, useCallback, useState } from 'react';
+import { type RefObject, useCallback, useState } from 'react';
 
 interface UseVisibilityProps {
   container?: Element | RefObject<Element>;

package/src/Select/index.tsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 import { Close, CloseCircle, Down, Loading, Up } from '@os-design/icons';
 import { m, useIsMinWidth } from '@os-design/media';
 import {
-  WithSize,
+  type WithSize,
   ellipsisStyles,
   resetButtonStyles,
   transitionStyles,
@@ -30,13 +30,13 @@ import React, {
 import { FixedSizeList } from 'react-window';
 import Button from '../Button';
 import { InputContainer } from '../Input';
-import InputSearch, { InputSearchProps } from '../InputSearch';
+import InputSearch, { type InputSearchProps } from '../InputSearch';
 import useRWLoadNext from '../List/utils/useRWLoadNext';
 import Menu from '../Menu';
-import MenuItem, { MenuItemProps } from '../MenuItem';
-import { PopoverProps } from '../Popover';
+import MenuItem, { type MenuItemProps } from '../MenuItem';
+import type { PopoverProps } from '../Popover';
 import Tag from '../Tag';
-import defaultLocale, { SelectLocale } from './utils/defaultLocale';
+import defaultLocale, { type SelectLocale } from './utils/defaultLocale';
 
 export interface Option extends MenuItemProps {
   value: string;
@@ -829,7 +829,6 @@ const Select = forwardRef<HTMLDivElement, SelectProps>(
       onLoadNext,
     });
 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const InnerElement = useCallback(
       ({ style, ...innerElementRest }) => (
         <div

package/src/Skeleton/index.tsx

@@ -2,7 +2,7 @@ import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface SkeletonProps extends JsxDivProps {

package/src/Switch/index.tsx

@@ -4,11 +4,11 @@ import {
   resetButtonStyles,
   sizeStyles,
   transitionStyles,
-  WithSize,
+  type WithSize,
 } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps, useForwardedState } from '@os-design/utils';
-import React, { forwardRef, useCallback } from 'react';
+import { forwardRef, useCallback } from 'react';
 
 type JsxButtonProps = Omit<
   JSX.IntrinsicElements['button'],

package/src/SwitchSkeleton/index.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
-import { sizeStyles, WithSize } from '@os-design/styles';
+import { sizeStyles, type WithSize } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import Skeleton, { SkeletonProps } from '../Skeleton';
+import { forwardRef } from 'react';
+import Skeleton, { type SkeletonProps } from '../Skeleton';
 
 export type SwitchSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;
 

package/src/Tag/index.tsx

@@ -3,7 +3,7 @@ import {
   ellipsisStyles,
   sizeStyles,
   transitionStyles,
-  WithSize,
+  type WithSize,
 } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';

package/src/TagLink/index.tsx

@@ -1,9 +1,9 @@
 import styled from '@emotion/styled';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import { LinkProps, ReactRouterLinkProps } from '../Link';
-import { BaseTagProps, LeftAddon, RightAddon, TagContainer } from '../Tag';
+import { forwardRef } from 'react';
+import type { LinkProps, ReactRouterLinkProps } from '../Link';
+import { type BaseTagProps, LeftAddon, RightAddon, TagContainer } from '../Tag';
 
 type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;
 export type TagLinkProps = JsxAProps &

package/src/TagList/index.tsx

@@ -1,9 +1,9 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { Down, Up } from '@os-design/icons';
-import { WithSize, sizeStyles } from '@os-design/styles';
+import { type WithSize, sizeStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef, useState } from 'react';
+import { forwardRef, useState } from 'react';
 import Button from '../Button';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;

package/src/TagListSkeleton/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react';
-import TagList, { TagListProps } from '../TagList';
+import { forwardRef } from 'react';
+import TagList, { type TagListProps } from '../TagList';
 import TagSkeleton from '../TagSkeleton';
 
 export interface TagListSkeletonProps extends TagListProps {

package/src/TagSkeleton/index.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
-import { sizeStyles, WithSize } from '@os-design/styles';
+import { sizeStyles, type WithSize } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import Skeleton, { SkeletonProps } from '../Skeleton';
+import { forwardRef } from 'react';
+import Skeleton, { type SkeletonProps } from '../Skeleton';
 
 export interface TagSkeletonProps
   extends Omit<SkeletonProps, 'width'>,

package/src/TextArea/index.tsx

@@ -1,15 +1,15 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { Loading } from '@os-design/icons';
-import { WithSize } from '@os-design/styles';
+import type { WithSize } from '@os-design/styles';
 import { clr, ThemeOverrider } from '@os-design/theming';
 import { omitEmotionProps, useForwardedRef } from '@os-design/utils';
 import React, {
-  ChangeEvent,
-  FocusEventHandler,
-  ForwardedRef,
+  type ChangeEvent,
+  type FocusEventHandler,
+  type ForwardedRef,
   forwardRef,
-  KeyboardEventHandler,
+  type KeyboardEventHandler,
   useCallback,
   useMemo,
 } from 'react';

package/src/TextAreaSkeleton/index.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
-import React, { forwardRef } from 'react';
-import InputSkeleton, { InputSkeletonProps } from '../InputSkeleton';
+import { forwardRef } from 'react';
+import InputSkeleton, { type InputSkeletonProps } from '../InputSkeleton';
 
 export type TextAreaSkeletonProps = InputSkeletonProps;
 

package/src/ThemeSwitcher/index.tsx

@@ -1,7 +1,7 @@
 import { Moon, Sun } from '@os-design/icons';
 import { useTheme } from '@os-design/theming';
-import React, { forwardRef } from 'react';
-import Button, { ButtonProps } from '../Button';
+import { forwardRef } from 'react';
+import Button, { type ButtonProps } from '../Button';
 
 export type ThemeSwitcherProps = ButtonProps;
 

package/src/TimePicker/index.tsx

@@ -1,14 +1,8 @@
 import { useTime } from '@os-design/time-picker-utils';
 import { useForwardedRef, useForwardedState } from '@os-design/utils';
-import React, {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react';
+import { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';
 import Button from '../Button';
-import Input, { InputProps } from '../Input';
+import Input, { type InputProps } from '../Input';
 
 export interface TimePickerProps
   extends Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'onChange'> {

package/src/Video/index.tsx

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 type JsxIFrameProps = Omit<JSX.IntrinsicElements['iframe'], 'ref'>;
 export type VideoProps = JsxIFrameProps;
@@ -16,6 +16,8 @@ const IFrame = styled.iframe`
   left: 0;
   width: 100%;
   height: 100%;
+
+  border: none;
 `;
 
 /**
@@ -25,7 +27,6 @@ const Video = forwardRef<HTMLIFrameElement, VideoProps>(
   ({ id, ...rest }, ref) => (
     <Container>
       <IFrame
-        frameBorder={0}
         allow='clipboard-write; autoplay'
         allowFullScreen
         {...rest}

package/src/message/AlertIcon.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';
-import { Color, clr, light } from '@os-design/theming';
+import { type Color, clr, light } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import React from 'react';
 

package/src/message/Message.tsx

@@ -1,9 +1,9 @@
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { ellipsisStyles } from '@os-design/styles';
-import { clr, Color, light } from '@os-design/theming';
+import { clr, type Color, light } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import AlertIcon from './AlertIcon';
 
 export interface MessageProps {

package/src/message/index.tsx

@@ -1,6 +1,5 @@
-import React from 'react';
 import ReactDOM from 'react-dom/client';
-import { AlertProps } from '../Alert';
+import type { AlertProps } from '../Alert';
 import Message, { MESSAGE_DURATION_MS } from './Message';
 import {
   containerStyles,

package/src/message/styles.ts

@@ -19,7 +19,6 @@ export const setStylesToHtmlElement = (
   styles: Partial<CSSStyleDeclaration>
 ): void => {
   Object.entries(styles).forEach(([key, value]) => {
-    // eslint-disable-next-line no-param-reassign
     element.style[key] = value;
   });
 };

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

@@ -1,4 +0,0 @@
-"use strict";
-
-require("@emotion/react");
-//# sourceMappingURL=emotion.d.js.map

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

@@ -1 +0,0 @@
-{"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","ignoreList":[]}

package/dist/cjs/Alert/index.js

@@ -1,77 +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 _icons = require("@os-design/icons");
-var _styles = require("@os-design/styles");
-var _theming = require("@os-design/theming");
-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 _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 infoContainerStyles = function infoContainerStyles(p) {
-  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, _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, _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;
-}, function (p) {
-  return (0, _theming.clr)(p.theme.colorText);
-}, infoContainerStyles, successContainerStyles, errorContainerStyles, _styles.sizeStyles);
-var infoIconContainerStyles = function infoIconContainerStyles(p) {
-  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, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), (0, _theming.clr)(p.theme.alertSuccessColorIcon));
-};
-var errorIconContainerStyles = function errorIconContainerStyles(p) {
-  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 = {
-  info: _icons.InfoCircle,
-  success: _icons.CheckCircle,
-  error: _icons.CloseCircle
-};
-
-/**
- * The component for feedback.
- */
-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, _react2.useMemo)(function () {
-    return typeIconMap[type];
-  }, [type]);
-  return /*#__PURE__*/_react2["default"].createElement(Container, _extends({
-    size: size,
-    type: type,
-    role: "alert"
-  }, rest, {
-    ref: ref
-  }), /*#__PURE__*/_react2["default"].createElement(IconContainer, {
-    type: type
-  }, /*#__PURE__*/_react2["default"].createElement(Icon, null)), typeof children === 'string' ? /*#__PURE__*/_react2["default"].createElement("span", null, children) : children);
-});
-Alert.displayName = 'Alert';
-var _default = exports["default"] = Alert;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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","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","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';\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\n        {typeof children === 'string' ? <span>{children}</span> : children}\n      </Container>\n    );\n  }\n);\n\nAlert.displayName = 'Alert';\n\nexport default Alert;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Avatar/index.js

@@ -1,100 +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 _styles = require("@os-design/styles");
-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 _excluded = ["firstName", "lastName", "image", "imageProps", "online", "size", "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 _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)('size'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  width: 1em;\n  height: 1em;\n  min-width: 1em;\n  min-height: 1em;\n  ", ";\n"])), _styles.sizeStyles);
-var AvatarContainer = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('bgColor'))(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  border-radius: ", "em;\n\n  font-weight: 500;\n  line-height: 1;\n\n  color: hsl(0, 0%, 100%);\n  background-color: ", ";\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  ", ";\n"])), function (p) {
-  return p.theme.borderRadius;
-}, function (p) {
-  return (0, _theming.clr)(p.bgColor);
-}, _styles.sizeStyles);
-var IconContainer = _styled["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: 0.6em;\n  line-height: 0.6;\n"])));
-var Initials = _styled["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 0.35em;\n"])));
-var INNER_SIZE = 0.25;
-var OUTER_SIZE = INNER_SIZE * 1.2;
-var Online = _styled["default"].span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: -0.05em;\n  bottom: -0.05em;\n  width: ", "em;\n  height: ", "em;\n  border-radius: 50%;\n  background-color: ", ";\n\n  &::before {\n    content: '';\n    position: absolute;\n    left: ", "em;\n    bottom: ", "em;\n    width: ", "em;\n    height: ", "em;\n    border-radius: 50%;\n    background-color: ", ";\n  }\n"])), OUTER_SIZE, OUTER_SIZE, function (p) {
-  return (0, _theming.clr)(p.theme.avatarOnlineColorScoop);
-}, (OUTER_SIZE - INNER_SIZE) / 2, (OUTER_SIZE - INNER_SIZE) / 2, INNER_SIZE, INNER_SIZE, function (p) {
-  return (0, _theming.clr)(p.theme.avatarOnlineColorBg);
-});
-
-/**
- * Avatar can be used to represent people.
- */
-var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var firstName = _ref.firstName,
-    lastName = _ref.lastName,
-    image = _ref.image,
-    _ref$imageProps = _ref.imageProps,
-    imageProps = _ref$imageProps === void 0 ? {} : _ref$imageProps,
-    _ref$online = _ref.online,
-    online = _ref$online === void 0 ? false : _ref$online,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? '2em' : _ref$size,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useTheme = (0, _theming.useTheme)(),
-    theme = _useTheme.theme;
-  var bgColor = (0, _react.useMemo)(function () {
-    var parts = [];
-    if (firstName) parts.push(firstName);
-    if (lastName) parts.push(lastName);
-    if (parts.length > 0) return [(0, _strToHue["default"])(parts.join(' ')), 30, 60];
-    return theme.avatarDefaultColorBg;
-  }, [firstName, lastName, theme.avatarDefaultColorBg]);
-  var fullName = (0, _react.useMemo)(function () {
-    return [firstName, lastName].filter(function (i) {
-      return i;
-    }).join(' ') || undefined;
-  }, [firstName, lastName]);
-  var renderChildren = (0, _react.useCallback)(function () {
-    // Render the image if the image property was specified
-    if (image) return /*#__PURE__*/_react["default"].createElement(_Image["default"], _extends({
-      url: image,
-      cropped: true
-    }, imageProps));
-
-    // Render the initials of the name if either firstName or lastName was specified
-    var initials = (0, _nameToInitials["default"])({
-      firstName: firstName,
-      lastName: lastName
-    });
-    if (initials) return /*#__PURE__*/_react["default"].createElement(Initials, null, initials);
-
-    // Otherwise render the user icon
-    return /*#__PURE__*/_react["default"].createElement(IconContainer, null, /*#__PURE__*/_react["default"].createElement(_icons.User, null));
-  }, [image, imageProps, firstName, lastName]);
-  return /*#__PURE__*/_react["default"].createElement(Container, {
-    size: size
-  }, /*#__PURE__*/_react["default"].createElement(AvatarContainer, _extends({
-    bgColor: bgColor,
-    role: "img",
-    "aria-label": fullName || 'User'
-  }, rest, {
-    ref: ref
-  }), children ? /*#__PURE__*/_react["default"].createElement(IconContainer, null, children) : renderChildren()), online && /*#__PURE__*/_react["default"].createElement(Online, null));
-});
-Avatar.displayName = 'Avatar';
-var _default = exports["default"] = Avatar;
-//# sourceMappingURL=index.js.map