@os-design/core 1.0.156 → 1.0.158

package/dist/esm/TimePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["isDigitKey","replaceChar","timeToDate","useForwardedRef","useForwardedState","React","forwardRef","useCallback","useEffect","useMemo","useState","Button","Input","TimePicker","notation","value","defaultValue","onChange","onSelect","right","rest","ref","inputRef","mergedInputRef","forwardedValue","setForwardedValue","selection","setSelection","start","end","period","setPeriod","current","setSelectionRange","time","hour","getHours","toString","padStart","minute","getMinutes","onKeyDown","e","nextCaret","key","metaKey","pos","nextTime","preventDefault","selectionStart","selectionEnd","currentTarget","displayName"],"sources":["../../../src/TimePicker/index.tsx"],"sourcesContent":["import {\n  isDigitKey,\n  replaceChar,\n  timeToDate,\n} from '@os-design/time-picker-utils';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport Button from '../Button';\nimport Input, { InputProps } from '../Input';\n\nexport interface TimePickerProps\n  extends Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'onChange'> {\n  /**\n   * The time notation.\n   * @default 12-hour\n   */\n  notation?: '12-hour' | '24-hour';\n  /**\n   * The selected date.\n   * @default undefined\n   */\n  value?: Date;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: Date;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: Date) => void;\n}\n\ninterface Selection {\n  start: number;\n  end: number;\n}\n\n/**\n * The component to choose a time.\n */\nconst TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(\n  (\n    {\n      notation = '12-hour',\n      value,\n      defaultValue,\n      onChange = () => {},\n      onSelect = () => {},\n      right,\n      ...rest\n    },\n    ref\n  ) => {\n    const [inputRef, mergedInputRef] = useForwardedRef(ref);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n    const [selection, setSelection] = useState<Selection>({ start: 0, end: 0 });\n    const [period, setPeriod] = useState<'AM' | 'PM' | null>(null);\n\n    useEffect(() => {\n      if (notation === '12-hour') {\n        setPeriod('AM');\n      }\n    }, [notation]);\n\n    // Update the selection\n    useEffect(() => {\n      if (!inputRef.current) return;\n      inputRef.current.setSelectionRange(selection.start, selection.end);\n    }, [inputRef, selection]);\n\n    const time = useMemo(() => {\n      if (!forwardedValue) return notation === '12-hour' ? '12:00' : '00:00';\n      const hour = forwardedValue.getHours().toString().padStart(2, '0');\n      const minute = forwardedValue.getMinutes().toString().padStart(2, '0');\n      return `${hour}:${minute}`;\n    }, [forwardedValue, notation]);\n\n    const onKeyDown = useCallback(\n      (e) => {\n        let nextCaret = selection.start;\n        if (e.key === 'ArrowUp' || (e.key === 'ArrowLeft' && e.metaKey)) {\n          nextCaret = 0;\n        } else if (\n          e.key === 'ArrowDown' ||\n          (e.key === 'ArrowRight' && e.metaKey)\n        ) {\n          nextCaret = 5;\n        } else if (e.key === 'ArrowLeft') {\n          nextCaret = selection.start > 0 ? selection.start - 1 : 0;\n        } else if (e.key === 'ArrowRight') {\n          nextCaret = selection.start < 5 ? selection.start + 1 : 5;\n        } else if (e.key === 'Backspace') {\n          setForwardedValue(timeToDate('00:00', period));\n          nextCaret = 0;\n        } else if (isDigitKey(e.key)) {\n          let pos = selection.start === 2 ? 3 : selection.start;\n          if (pos === 5) pos = 0;\n          const nextTime = replaceChar(time, pos, e.key);\n          setForwardedValue(timeToDate(nextTime, period));\n          nextCaret = pos < 5 ? pos + 1 : 5;\n        }\n        setSelection({ start: nextCaret, end: nextCaret });\n        e.preventDefault();\n      },\n      [period, selection.start, setForwardedValue, time]\n    );\n\n    return (\n      <Input\n        type='text'\n        inputMode='decimal'\n        role='spinbutton'\n        minLength={5}\n        maxLength={5}\n        value={time}\n        right={\n          <>\n            <Button\n              type='ghost'\n              wide='never'\n              size='small'\n              onClick={() => setPeriod(period === 'AM' ? 'PM' : 'AM')}\n            >\n              {period}\n            </Button>\n            {right}\n          </>\n        }\n        onSelect={(e) => {\n          // Update the selection state.\n          const { selectionStart, selectionEnd } = e.currentTarget;\n          setSelection({ start: selectionStart || 0, end: selectionEnd || 0 });\n          onSelect(e);\n        }}\n        onKeyDown={onKeyDown}\n        {...rest}\n        ref={mergedInputRef}\n      />\n    );\n  }\n);\n\nTimePicker.displayName = 'TimePicker';\n\nexport default TimePicker;\n"],"mappings":"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"}

package/dist/esm/Video/index.js

@@ -1,5 +1,4 @@
 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); }
-
 import React, { forwardRef } from 'react';
 import styled from '@emotion/styled';
 const Container = styled.div`
@@ -14,10 +13,10 @@ const IFrame = styled.iframe`
   width: 100%;
   height: 100%;
 `;
+
 /**
  * The video player.
  */
-
 const Video = /*#__PURE__*/forwardRef(({
   id,
   ...rest

package/dist/esm/Video/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","forwardRef","styled","Container","div","IFrame","iframe","Video","id","rest","ref","displayName"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\n\ntype JsxIFrameProps = Omit<JSX.IntrinsicElements['iframe'], 'ref'>;\nexport type VideoProps = JsxIFrameProps;\n\nconst Container = styled.div`\n  position: relative;\n  padding-bottom: 56.25%; // 16:9\n  height: 0;\n`;\n\nconst IFrame = styled.iframe`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n`;\n\n/**\n * The video player.\n */\nconst Video = forwardRef<HTMLIFrameElement, VideoProps>(\n  ({ id, ...rest }, ref) => (\n    <Container>\n      <IFrame\n        frameBorder={0}\n        allow='clipboard-write; autoplay'\n        allowFullScreen\n        {...rest}\n        ref={ref}\n      />\n    </Container>\n  )\n);\n\nVideo.displayName = 'Video';\n\nexport default Video;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAKA,MAAMC,SAAS,GAAGD,MAAM,CAACE,GAAI;AAC7B;AACA;AACA;AACA,CAJA;AAMA,MAAMC,MAAM,GAAGH,MAAM,CAACI,MAAO;AAC7B;AACA;AACA;AACA;AACA;AACA,CANA;AAQA;AACA;AACA;;AACA,MAAMC,KAAK,gBAAGN,UAAU,CACtB,CAAC;EAAEO,EAAF;EAAM,GAAGC;AAAT,CAAD,EAAkBC,GAAlB,kBACE,oBAAC,SAAD,qBACE,oBAAC,MAAD;EACE,WAAW,EAAE,CADf;EAEE,KAAK,EAAC,2BAFR;EAGE,eAAe;AAHjB,GAIMD,IAJN;EAKE,GAAG,EAAEC;AALP,GADF,CAFoB,CAAxB;AAcAH,KAAK,CAACI,WAAN,GAAoB,OAApB;AAEA,eAAeJ,KAAf"}
+{"version":3,"file":"index.js","names":["React","forwardRef","styled","Container","div","IFrame","iframe","Video","id","rest","ref","displayName"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\n\ntype JsxIFrameProps = Omit<JSX.IntrinsicElements['iframe'], 'ref'>;\nexport type VideoProps = JsxIFrameProps;\n\nconst Container = styled.div`\n  position: relative;\n  padding-bottom: 56.25%; // 16:9\n  height: 0;\n`;\n\nconst IFrame = styled.iframe`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n`;\n\n/**\n * The video player.\n */\nconst Video = forwardRef<HTMLIFrameElement, VideoProps>(\n  ({ id, ...rest }, ref) => (\n    <Container>\n      <IFrame\n        frameBorder={0}\n        allow='clipboard-write; autoplay'\n        allowFullScreen\n        {...rest}\n        ref={ref}\n      />\n    </Container>\n  )\n);\n\nVideo.displayName = 'Video';\n\nexport default Video;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,MAAM,MAAM,iBAAiB;AAKpC,MAAMC,SAAS,GAAGD,MAAM,CAACE,GAAI;AAC7B;AACA;AACA;AACA,CAAC;AAED,MAAMC,MAAM,GAAGH,MAAM,CAACI,MAAO;AAC7B;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA,MAAMC,KAAK,gBAAGN,UAAU,CACtB,CAAC;EAAEO,EAAE;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,kBACnB,oBAAC,SAAS,qBACR,oBAAC,MAAM;EACL,WAAW,EAAE,CAAE;EACf,KAAK,EAAC,2BAA2B;EACjC,eAAe;AAAA,GACXD,IAAI;EACR,GAAG,EAAEC;AAAI,GACT,CAEL,CACF;AAEDH,KAAK,CAACI,WAAW,GAAG,OAAO;AAE3B,eAAeJ,KAAK"}

package/dist/esm/emotion.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"emotion.d.js","names":[],"sources":["../../src/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,OAAO,gBAAP"}
+{"version":3,"file":"emotion.d.js","names":[],"sources":["../../src/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,OAAO,gBAAgB"}

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Alert","Avatar","AvatarSkeleton","Breadcrumb","BreadcrumbItem","Button","Checkbox","CheckboxSkeleton","DatePicker","Drawer","Form","FormDivider","FormItem","Gallery","GlobalStyles","HeaderSkeleton","Image","ImageSkeleton","Input","InputNumber","InputPassword","InputSearch","InputSkeleton","Layout","Link","LinkButton","List","ListItem","ListItemLink","ListSkeleton","LogoLink","message","Menu","MenuDivider","MenuGroup","MenuItem","Modal","Navigation","NavigationItem","PageContent","PageHeader","PageHeaderInputSearch","PageHeaderSkeleton","ParagraphSkeleton","Popover","Progress","RadioGroup","Result","ScrollButton","Select","Skeleton","Switch","SwitchSkeleton","Tag","TagLink","TagList","TagListSkeleton","TagSkeleton","TextArea","TextAreaSkeleton","ThemeSwitcher","Video"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Alert } from './Alert';\nexport { default as Avatar } from './Avatar';\nexport { default as AvatarSkeleton } from './AvatarSkeleton';\nexport { default as Breadcrumb } from './Breadcrumb';\nexport { default as BreadcrumbItem } from './BreadcrumbItem';\nexport { default as Button } from './Button';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxSkeleton } from './CheckboxSkeleton';\nexport { default as DatePicker } from './DatePicker';\nexport { default as Drawer } from './Drawer';\nexport { default as Form } from './Form';\nexport { default as FormDivider } from './FormDivider';\nexport { default as FormItem } from './FormItem';\nexport { default as Gallery } from './Gallery';\nexport { default as GlobalStyles } from './GlobalStyles';\nexport { default as HeaderSkeleton } from './HeaderSkeleton';\nexport { default as Image } from './Image';\nexport { default as ImageSkeleton } from './ImageSkeleton';\nexport { default as Input } from './Input';\nexport { default as InputNumber } from './InputNumber';\nexport { default as InputPassword } from './InputPassword';\nexport { default as InputSearch } from './InputSearch';\nexport { default as InputSkeleton } from './InputSkeleton';\nexport { default as Layout } from './Layout';\nexport { default as Link } from './Link';\nexport { default as LinkButton } from './LinkButton';\nexport { default as List } from './List';\nexport { default as ListItem } from './ListItem';\nexport { default as ListItemLink } from './ListItemLink';\nexport { default as ListSkeleton } from './ListSkeleton';\nexport { default as LogoLink } from './LogoLink';\nexport { default as message } from './message';\nexport { default as Menu } from './Menu';\nexport { default as MenuDivider } from './MenuDivider';\nexport { default as MenuGroup } from './MenuGroup';\nexport { default as MenuItem } from './MenuItem';\nexport { default as Modal } from './Modal';\nexport { default as Navigation } from './Navigation';\nexport { default as NavigationItem } from './NavigationItem';\nexport { default as PageContent } from './PageContent';\nexport { default as PageHeader } from './PageHeader';\nexport { default as PageHeaderInputSearch } from './PageHeaderInputSearch';\nexport { default as PageHeaderSkeleton } from './PageHeaderSkeleton';\nexport { default as ParagraphSkeleton } from './ParagraphSkeleton';\nexport { default as Popover } from './Popover';\nexport { default as Progress } from './Progress';\nexport { default as RadioGroup } from './RadioGroup';\nexport { default as Result } from './Result';\nexport { default as ScrollButton } from './ScrollButton';\nexport { default as Select } from './Select';\nexport { default as Skeleton } from './Skeleton';\nexport { default as Switch } from './Switch';\nexport { default as SwitchSkeleton } from './SwitchSkeleton';\nexport { default as Tag } from './Tag';\nexport { default as TagLink } from './TagLink';\nexport { default as TagList } from './TagList';\nexport { default as TagListSkeleton } from './TagListSkeleton';\nexport { default as TagSkeleton } from './TagSkeleton';\nexport { default as TextArea } from './TextArea';\nexport { default as TextAreaSkeleton } from './TextAreaSkeleton';\nexport { default as ThemeSwitcher } from './ThemeSwitcher';\nexport { default as Video } from './Video';\n\nexport * from './Alert';\nexport * from './Avatar';\nexport * from './AvatarSkeleton';\nexport * from './Breadcrumb';\nexport * from './BreadcrumbItem';\nexport * from './Button';\nexport * from './Checkbox';\nexport * from './CheckboxSkeleton';\nexport * from './DatePicker';\nexport * from './Drawer';\nexport * from './Form';\nexport * from './FormDivider';\nexport * from './FormItem';\nexport * from './Gallery';\nexport * from './HeaderSkeleton';\nexport * from './Image';\nexport * from './ImageSkeleton';\nexport * from './Input';\nexport * from './InputNumber';\nexport * from './InputPassword';\nexport * from './InputSearch';\nexport * from './InputSkeleton';\nexport * from './Layout';\nexport * from './Link';\nexport * from './LinkButton';\nexport * from './List';\nexport * from './ListItem';\nexport * from './ListItemLink';\nexport * from './ListSkeleton';\nexport * from './LogoLink';\nexport * from './Menu';\nexport * from './MenuDivider';\nexport * from './MenuGroup';\nexport * from './MenuItem';\nexport * from './Modal';\nexport * from './Navigation';\nexport * from './NavigationItem';\nexport * from './PageContent';\nexport * from './PageHeader';\nexport * from './PageHeaderInputSearch';\nexport * from './PageHeaderSkeleton';\nexport * from './ParagraphSkeleton';\nexport * from './Popover';\nexport * from './Progress';\nexport * from './RadioGroup';\nexport * from './Result';\nexport * from './ScrollButton';\nexport * from './Select';\nexport * from './Skeleton';\nexport * from './Switch';\nexport * from './SwitchSkeleton';\nexport * from './Tag';\nexport * from './TagLink';\nexport * from './TagList';\nexport * from './TagListSkeleton';\nexport * from './TagSkeleton';\nexport * from './TextArea';\nexport * from './TextAreaSkeleton';\nexport * from './ThemeSwitcher';\nexport * from './Video';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["default","Alert","Avatar","AvatarSkeleton","Breadcrumb","BreadcrumbItem","Button","Checkbox","CheckboxSkeleton","DatePicker","Drawer","Form","FormDivider","FormItem","Gallery","GlobalStyles","HeaderSkeleton","Image","ImageSkeleton","Input","InputNumber","InputPassword","InputSearch","InputSkeleton","Layout","Link","LinkButton","List","ListItem","ListItemLink","ListSkeleton","LogoLink","message","Menu","MenuDivider","MenuGroup","MenuItem","Modal","Navigation","NavigationItem","PageContent","PageHeader","PageHeaderInputSearch","PageHeaderSkeleton","ParagraphSkeleton","Popover","Progress","RadioGroup","Result","ScrollButton","Select","Skeleton","Switch","SwitchSkeleton","Tag","TagLink","TagList","TagListSkeleton","TagSkeleton","TextArea","TextAreaSkeleton","ThemeSwitcher","Video"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Alert } from './Alert';\nexport { default as Avatar } from './Avatar';\nexport { default as AvatarSkeleton } from './AvatarSkeleton';\nexport { default as Breadcrumb } from './Breadcrumb';\nexport { default as BreadcrumbItem } from './BreadcrumbItem';\nexport { default as Button } from './Button';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxSkeleton } from './CheckboxSkeleton';\nexport { default as DatePicker } from './DatePicker';\nexport { default as Drawer } from './Drawer';\nexport { default as Form } from './Form';\nexport { default as FormDivider } from './FormDivider';\nexport { default as FormItem } from './FormItem';\nexport { default as Gallery } from './Gallery';\nexport { default as GlobalStyles } from './GlobalStyles';\nexport { default as HeaderSkeleton } from './HeaderSkeleton';\nexport { default as Image } from './Image';\nexport { default as ImageSkeleton } from './ImageSkeleton';\nexport { default as Input } from './Input';\nexport { default as InputNumber } from './InputNumber';\nexport { default as InputPassword } from './InputPassword';\nexport { default as InputSearch } from './InputSearch';\nexport { default as InputSkeleton } from './InputSkeleton';\nexport { default as Layout } from './Layout';\nexport { default as Link } from './Link';\nexport { default as LinkButton } from './LinkButton';\nexport { default as List } from './List';\nexport { default as ListItem } from './ListItem';\nexport { default as ListItemLink } from './ListItemLink';\nexport { default as ListSkeleton } from './ListSkeleton';\nexport { default as LogoLink } from './LogoLink';\nexport { default as message } from './message';\nexport { default as Menu } from './Menu';\nexport { default as MenuDivider } from './MenuDivider';\nexport { default as MenuGroup } from './MenuGroup';\nexport { default as MenuItem } from './MenuItem';\nexport { default as Modal } from './Modal';\nexport { default as Navigation } from './Navigation';\nexport { default as NavigationItem } from './NavigationItem';\nexport { default as PageContent } from './PageContent';\nexport { default as PageHeader } from './PageHeader';\nexport { default as PageHeaderInputSearch } from './PageHeaderInputSearch';\nexport { default as PageHeaderSkeleton } from './PageHeaderSkeleton';\nexport { default as ParagraphSkeleton } from './ParagraphSkeleton';\nexport { default as Popover } from './Popover';\nexport { default as Progress } from './Progress';\nexport { default as RadioGroup } from './RadioGroup';\nexport { default as Result } from './Result';\nexport { default as ScrollButton } from './ScrollButton';\nexport { default as Select } from './Select';\nexport { default as Skeleton } from './Skeleton';\nexport { default as Switch } from './Switch';\nexport { default as SwitchSkeleton } from './SwitchSkeleton';\nexport { default as Tag } from './Tag';\nexport { default as TagLink } from './TagLink';\nexport { default as TagList } from './TagList';\nexport { default as TagListSkeleton } from './TagListSkeleton';\nexport { default as TagSkeleton } from './TagSkeleton';\nexport { default as TextArea } from './TextArea';\nexport { default as TextAreaSkeleton } from './TextAreaSkeleton';\nexport { default as ThemeSwitcher } from './ThemeSwitcher';\nexport { default as Video } from './Video';\n\nexport * from './Alert';\nexport * from './Avatar';\nexport * from './AvatarSkeleton';\nexport * from './Breadcrumb';\nexport * from './BreadcrumbItem';\nexport * from './Button';\nexport * from './Checkbox';\nexport * from './CheckboxSkeleton';\nexport * from './DatePicker';\nexport * from './Drawer';\nexport * from './Form';\nexport * from './FormDivider';\nexport * from './FormItem';\nexport * from './Gallery';\nexport * from './HeaderSkeleton';\nexport * from './Image';\nexport * from './ImageSkeleton';\nexport * from './Input';\nexport * from './InputNumber';\nexport * from './InputPassword';\nexport * from './InputSearch';\nexport * from './InputSkeleton';\nexport * from './Layout';\nexport * from './Link';\nexport * from './LinkButton';\nexport * from './List';\nexport * from './ListItem';\nexport * from './ListItemLink';\nexport * from './ListSkeleton';\nexport * from './LogoLink';\nexport * from './Menu';\nexport * from './MenuDivider';\nexport * from './MenuGroup';\nexport * from './MenuItem';\nexport * from './Modal';\nexport * from './Navigation';\nexport * from './NavigationItem';\nexport * from './PageContent';\nexport * from './PageHeader';\nexport * from './PageHeaderInputSearch';\nexport * from './PageHeaderSkeleton';\nexport * from './ParagraphSkeleton';\nexport * from './Popover';\nexport * from './Progress';\nexport * from './RadioGroup';\nexport * from './Result';\nexport * from './ScrollButton';\nexport * from './Select';\nexport * from './Skeleton';\nexport * from './Switch';\nexport * from './SwitchSkeleton';\nexport * from './Tag';\nexport * from './TagLink';\nexport * from './TagList';\nexport * from './TagListSkeleton';\nexport * from './TagSkeleton';\nexport * from './TextArea';\nexport * from './TextAreaSkeleton';\nexport * from './ThemeSwitcher';\nexport * from './Video';\n"],"mappings":"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"}

package/dist/esm/message/AlertIcon.js

@@ -12,7 +12,6 @@ const Container = styled('i', omitEmotionProps('iconColor'))`
   font-size: 1.4em;
   color: ${p => clr(p.iconColor)};
 `;
-
 const AlertIcon = ({
   type
 }) => {
@@ -37,7 +36,6 @@ const AlertIcon = ({
     iconColor: iconColor
   }, /*#__PURE__*/React.createElement(Icon, null));
 };
-
 AlertIcon.displayName = 'AlertIcon';
 export default AlertIcon;
 //# sourceMappingURL=AlertIcon.js.map

package/dist/esm/message/AlertIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertIcon.js","names":["React","styled","CheckCircle","CloseCircle","InfoCircle","omitEmotionProps","clr","light","Container","p","iconColor","AlertIcon","type","Icon","info","alertInfoColorIcon","success","alertSuccessColorIcon","error","alertErrorColorIcon","displayName"],"sources":["../../../src/message/AlertIcon.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr, Color, light } from '@os-design/theming';\n\ninterface AlertIconProps {\n  type: 'info' | 'success' | 'error';\n}\n\ninterface ContainerProps {\n  iconColor: Color;\n}\nconst Container = styled('i', omitEmotionProps('iconColor'))<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-right: 0.3em;\n  font-size: 1.4em;\n  color: ${(p) => clr(p.iconColor)};\n`;\n\nconst AlertIcon: React.FC<AlertIconProps> = ({ type }) => {\n  const { Icon, iconColor } = {\n    info: {\n      Icon: InfoCircle,\n      iconColor: light.alertInfoColorIcon,\n    },\n    success: {\n      Icon: CheckCircle,\n      iconColor: light.alertSuccessColorIcon,\n    },\n    error: {\n      Icon: CloseCircle,\n      iconColor: light.alertErrorColorIcon,\n    },\n  }[type];\n\n  return (\n    <Container iconColor={iconColor}>\n      <Icon />\n    </Container>\n  );\n};\n\nAlertIcon.displayName = 'AlertIcon';\n\nexport default AlertIcon;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,WAAT,EAAsBC,WAAtB,EAAmCC,UAAnC,QAAqD,kBAArD;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,SAASC,GAAT,EAAqBC,KAArB,QAAkC,oBAAlC;AASA,MAAMC,SAAS,GAAGP,MAAM,CAAC,GAAD,EAAMI,gBAAgB,CAAC,WAAD,CAAtB,CAAqD;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA,WAAYI,CAAD,IAAOH,GAAG,CAACG,CAAC,CAACC,SAAH,CAAc;AACnC,CARA;;AAUA,MAAMC,SAAmC,GAAG,CAAC;EAAEC;AAAF,CAAD,KAAc;EACxD,MAAM;IAAEC,IAAF;IAAQH;EAAR,IAAsB;IAC1BI,IAAI,EAAE;MACJD,IAAI,EAAET,UADF;MAEJM,SAAS,EAAEH,KAAK,CAACQ;IAFb,CADoB;IAK1BC,OAAO,EAAE;MACPH,IAAI,EAAEX,WADC;MAEPQ,SAAS,EAAEH,KAAK,CAACU;IAFV,CALiB;IAS1BC,KAAK,EAAE;MACLL,IAAI,EAAEV,WADD;MAELO,SAAS,EAAEH,KAAK,CAACY;IAFZ;EATmB,EAa1BP,IAb0B,CAA5B;EAeA,oBACE,oBAAC,SAAD;IAAW,SAAS,EAAEF;EAAtB,gBACE,oBAAC,IAAD,OADF,CADF;AAKD,CArBD;;AAuBAC,SAAS,CAACS,WAAV,GAAwB,WAAxB;AAEA,eAAeT,SAAf"}
+{"version":3,"file":"AlertIcon.js","names":["React","styled","CheckCircle","CloseCircle","InfoCircle","omitEmotionProps","clr","light","Container","p","iconColor","AlertIcon","type","Icon","info","alertInfoColorIcon","success","alertSuccessColorIcon","error","alertErrorColorIcon","displayName"],"sources":["../../../src/message/AlertIcon.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr, Color, light } from '@os-design/theming';\n\ninterface AlertIconProps {\n  type: 'info' | 'success' | 'error';\n}\n\ninterface ContainerProps {\n  iconColor: Color;\n}\nconst Container = styled('i', omitEmotionProps('iconColor'))<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  margin-right: 0.3em;\n  font-size: 1.4em;\n  color: ${(p) => clr(p.iconColor)};\n`;\n\nconst AlertIcon: React.FC<AlertIconProps> = ({ type }) => {\n  const { Icon, iconColor } = {\n    info: {\n      Icon: InfoCircle,\n      iconColor: light.alertInfoColorIcon,\n    },\n    success: {\n      Icon: CheckCircle,\n      iconColor: light.alertSuccessColorIcon,\n    },\n    error: {\n      Icon: CloseCircle,\n      iconColor: light.alertErrorColorIcon,\n    },\n  }[type];\n\n  return (\n    <Container iconColor={iconColor}>\n      <Icon />\n    </Container>\n  );\n};\n\nAlertIcon.displayName = 'AlertIcon';\n\nexport default AlertIcon;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,WAAW,EAAEC,WAAW,EAAEC,UAAU,QAAQ,kBAAkB;AACvE,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,GAAG,EAASC,KAAK,QAAQ,oBAAoB;AAStD,MAAMC,SAAS,GAAGP,MAAM,CAAC,GAAG,EAAEI,gBAAgB,CAAC,WAAW,CAAC,CAAkB;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA,WAAYI,CAAC,IAAKH,GAAG,CAACG,CAAC,CAACC,SAAS,CAAE;AACnC,CAAC;AAED,MAAMC,SAAmC,GAAG,CAAC;EAAEC;AAAK,CAAC,KAAK;EACxD,MAAM;IAAEC,IAAI;IAAEH;EAAU,CAAC,GAAG;IAC1BI,IAAI,EAAE;MACJD,IAAI,EAAET,UAAU;MAChBM,SAAS,EAAEH,KAAK,CAACQ;IACnB,CAAC;IACDC,OAAO,EAAE;MACPH,IAAI,EAAEX,WAAW;MACjBQ,SAAS,EAAEH,KAAK,CAACU;IACnB,CAAC;IACDC,KAAK,EAAE;MACLL,IAAI,EAAEV,WAAW;MACjBO,SAAS,EAAEH,KAAK,CAACY;IACnB;EACF,CAAC,CAACP,IAAI,CAAC;EAEP,oBACE,oBAAC,SAAS;IAAC,SAAS,EAAEF;EAAU,gBAC9B,oBAAC,IAAI,OAAG,CACE;AAEhB,CAAC;AAEDC,SAAS,CAACS,WAAW,GAAG,WAAW;AAEnC,eAAeT,SAAS"}

package/dist/esm/message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","names":["React","forwardRef","styled","keyframes","ellipsisStyles","omitEmotionProps","clr","light","AlertIcon","fadeIn","MESSAGE_HEIGHT_EM","MESSAGE_MARGIN_TOP_EM","MESSAGE_DURATION_MS","fadeOut","Container","p","backgroundColor","textColor","transitionDelay","Text","span","Message","type","text","ref","info","messageInfoColorBg","success","messageSuccessColorBg","error","messageErrorColorBg","colorText","displayName"],"sources":["../../../src/message/Message.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr, Color, light } from '@os-design/theming';\nimport AlertIcon from './AlertIcon';\n\nexport interface MessageProps {\n  type: 'info' | 'success' | 'error';\n  text: string;\n}\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst MESSAGE_HEIGHT_EM = 2.5;\nconst MESSAGE_MARGIN_TOP_EM = 0.7;\nexport const MESSAGE_DURATION_MS = 3000;\n\nconst fadeOut = keyframes`\n  from {\n    opacity: 1;\n    height: ${MESSAGE_HEIGHT_EM}em;\n    margin-top: ${MESSAGE_MARGIN_TOP_EM}em;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    height: 0;\n    margin-top: 0;\n    transform: translateY(-100%);\n  }\n`;\n\ninterface ContainerProps extends Pick<MessageProps, 'type'> {\n  textColor: Color;\n  backgroundColor: Color;\n  transitionDelay: number;\n}\nconst Container = styled(\n  'div',\n  omitEmotionProps('type', 'textColor', 'backgroundColor', 'transitionDelay')\n)<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  height: ${MESSAGE_HEIGHT_EM}em;\n  margin-top: ${MESSAGE_MARGIN_TOP_EM}em;\n\n  box-sizing: border-box;\n  padding: 0 1em;\n  max-width: 90%;\n\n  border-radius: 0.25em;\n  box-shadow: 0 0.15em 0.45em hsla(0, 0%, 0%, 0.1);\n  background-color: ${(p) => clr(p.backgroundColor)};\n  color: ${(p) => clr(p.textColor)};\n\n  pointer-events: auto;\n  overflow: hidden;\n\n  animation: ${fadeIn} ${(p) => p.transitionDelay}ms,\n    ${fadeOut} ${(p) => p.transitionDelay}ms\n      ${(p) => MESSAGE_DURATION_MS - p.transitionDelay}ms;\n  animation-fill-mode: forwards;\n`;\n\nconst Text = styled.span`\n  ${ellipsisStyles};\n`;\n\nconst Message = forwardRef<HTMLDivElement, MessageProps>(\n  ({ type, text }, ref) => {\n    const backgroundColor = {\n      info: light.messageInfoColorBg,\n      success: light.messageSuccessColorBg,\n      error: light.messageErrorColorBg,\n    }[type];\n\n    return (\n      <Container\n        ref={ref}\n        type={type}\n        textColor={light.colorText}\n        backgroundColor={backgroundColor}\n        transitionDelay={light.transitionDelay}\n        role='alert'\n      >\n        <AlertIcon type={type} />\n        <Text>{text}</Text>\n      </Container>\n    );\n  }\n);\n\nMessage.displayName = 'Message';\n\nexport default Message;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,SAAT,QAA0B,gBAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,SAASC,GAAT,EAAqBC,KAArB,QAAkC,oBAAlC;AACA,OAAOC,SAAP,MAAsB,aAAtB;AAOA,MAAMC,MAAM,GAAGN,SAAU;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CATA;AAWA,MAAMO,iBAAiB,GAAG,GAA1B;AACA,MAAMC,qBAAqB,GAAG,GAA9B;AACA,OAAO,MAAMC,mBAAmB,GAAG,IAA5B;AAEP,MAAMC,OAAO,GAAGV,SAAU;AAC1B;AACA;AACA,cAAcO,iBAAkB;AAChC,kBAAkBC,qBAAsB;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAbA;AAoBA,MAAMG,SAAS,GAAGZ,MAAM,CACtB,KADsB,EAEtBG,gBAAgB,CAAC,MAAD,EAAS,WAAT,EAAsB,iBAAtB,EAAyC,iBAAzC,CAFM,CAGN;AAClB;AACA;AACA;AACA;AACA,YAAYK,iBAAkB;AAC9B,gBAAgBC,qBAAsB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBI,CAAD,IAAOT,GAAG,CAACS,CAAC,CAACC,eAAH,CAAoB;AACpD,WAAYD,CAAD,IAAOT,GAAG,CAACS,CAAC,CAACE,SAAH,CAAc;AACnC;AACA;AACA;AACA;AACA,eAAeR,MAAO,IAAIM,CAAD,IAAOA,CAAC,CAACG,eAAgB;AAClD,MAAML,OAAQ,IAAIE,CAAD,IAAOA,CAAC,CAACG,eAAgB;AAC1C,QAASH,CAAD,IAAOH,mBAAmB,GAAGG,CAAC,CAACG,eAAgB;AACvD;AACA,CA3BA;AA6BA,MAAMC,IAAI,GAAGjB,MAAM,CAACkB,IAAK;AACzB,IAAIhB,cAAe;AACnB,CAFA;AAIA,MAAMiB,OAAO,gBAAGpB,UAAU,CACxB,CAAC;EAAEqB,IAAF;EAAQC;AAAR,CAAD,EAAiBC,GAAjB,KAAyB;EACvB,MAAMR,eAAe,GAAG;IACtBS,IAAI,EAAElB,KAAK,CAACmB,kBADU;IAEtBC,OAAO,EAAEpB,KAAK,CAACqB,qBAFO;IAGtBC,KAAK,EAAEtB,KAAK,CAACuB;EAHS,EAItBR,IAJsB,CAAxB;EAMA,oBACE,oBAAC,SAAD;IACE,GAAG,EAAEE,GADP;IAEE,IAAI,EAAEF,IAFR;IAGE,SAAS,EAAEf,KAAK,CAACwB,SAHnB;IAIE,eAAe,EAAEf,eAJnB;IAKE,eAAe,EAAET,KAAK,CAACW,eALzB;IAME,IAAI,EAAC;EANP,gBAQE,oBAAC,SAAD;IAAW,IAAI,EAAEI;EAAjB,EARF,eASE,oBAAC,IAAD,QAAOC,IAAP,CATF,CADF;AAaD,CArBuB,CAA1B;AAwBAF,OAAO,CAACW,WAAR,GAAsB,SAAtB;AAEA,eAAeX,OAAf"}
+{"version":3,"file":"Message.js","names":["React","forwardRef","styled","keyframes","ellipsisStyles","omitEmotionProps","clr","light","AlertIcon","fadeIn","MESSAGE_HEIGHT_EM","MESSAGE_MARGIN_TOP_EM","MESSAGE_DURATION_MS","fadeOut","Container","p","backgroundColor","textColor","transitionDelay","Text","span","Message","type","text","ref","info","messageInfoColorBg","success","messageSuccessColorBg","error","messageErrorColorBg","colorText","displayName"],"sources":["../../../src/message/Message.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { keyframes } from '@emotion/react';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport { clr, Color, light } from '@os-design/theming';\nimport AlertIcon from './AlertIcon';\n\nexport interface MessageProps {\n  type: 'info' | 'success' | 'error';\n  text: string;\n}\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst MESSAGE_HEIGHT_EM = 2.5;\nconst MESSAGE_MARGIN_TOP_EM = 0.7;\nexport const MESSAGE_DURATION_MS = 3000;\n\nconst fadeOut = keyframes`\n  from {\n    opacity: 1;\n    height: ${MESSAGE_HEIGHT_EM}em;\n    margin-top: ${MESSAGE_MARGIN_TOP_EM}em;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    height: 0;\n    margin-top: 0;\n    transform: translateY(-100%);\n  }\n`;\n\ninterface ContainerProps extends Pick<MessageProps, 'type'> {\n  textColor: Color;\n  backgroundColor: Color;\n  transitionDelay: number;\n}\nconst Container = styled(\n  'div',\n  omitEmotionProps('type', 'textColor', 'backgroundColor', 'transitionDelay')\n)<ContainerProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  height: ${MESSAGE_HEIGHT_EM}em;\n  margin-top: ${MESSAGE_MARGIN_TOP_EM}em;\n\n  box-sizing: border-box;\n  padding: 0 1em;\n  max-width: 90%;\n\n  border-radius: 0.25em;\n  box-shadow: 0 0.15em 0.45em hsla(0, 0%, 0%, 0.1);\n  background-color: ${(p) => clr(p.backgroundColor)};\n  color: ${(p) => clr(p.textColor)};\n\n  pointer-events: auto;\n  overflow: hidden;\n\n  animation: ${fadeIn} ${(p) => p.transitionDelay}ms,\n    ${fadeOut} ${(p) => p.transitionDelay}ms\n      ${(p) => MESSAGE_DURATION_MS - p.transitionDelay}ms;\n  animation-fill-mode: forwards;\n`;\n\nconst Text = styled.span`\n  ${ellipsisStyles};\n`;\n\nconst Message = forwardRef<HTMLDivElement, MessageProps>(\n  ({ type, text }, ref) => {\n    const backgroundColor = {\n      info: light.messageInfoColorBg,\n      success: light.messageSuccessColorBg,\n      error: light.messageErrorColorBg,\n    }[type];\n\n    return (\n      <Container\n        ref={ref}\n        type={type}\n        textColor={light.colorText}\n        backgroundColor={backgroundColor}\n        transitionDelay={light.transitionDelay}\n        role='alert'\n      >\n        <AlertIcon type={type} />\n        <Text>{text}</Text>\n      </Container>\n    );\n  }\n);\n\nMessage.displayName = 'Message';\n\nexport default Message;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,GAAG,EAASC,KAAK,QAAQ,oBAAoB;AACtD,OAAOC,SAAS,MAAM,aAAa;AAOnC,MAAMC,MAAM,GAAGN,SAAU;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMO,iBAAiB,GAAG,GAAG;AAC7B,MAAMC,qBAAqB,GAAG,GAAG;AACjC,OAAO,MAAMC,mBAAmB,GAAG,IAAI;AAEvC,MAAMC,OAAO,GAAGV,SAAU;AAC1B;AACA;AACA,cAAcO,iBAAkB;AAChC,kBAAkBC,qBAAsB;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAOD,MAAMG,SAAS,GAAGZ,MAAM,CACtB,KAAK,EACLG,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAC3D;AAClB;AACA;AACA;AACA;AACA,YAAYK,iBAAkB;AAC9B,gBAAgBC,qBAAsB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBI,CAAC,IAAKT,GAAG,CAACS,CAAC,CAACC,eAAe,CAAE;AACpD,WAAYD,CAAC,IAAKT,GAAG,CAACS,CAAC,CAACE,SAAS,CAAE;AACnC;AACA;AACA;AACA;AACA,eAAeR,MAAO,IAAIM,CAAC,IAAKA,CAAC,CAACG,eAAgB;AAClD,MAAML,OAAQ,IAAIE,CAAC,IAAKA,CAAC,CAACG,eAAgB;AAC1C,QAASH,CAAC,IAAKH,mBAAmB,GAAGG,CAAC,CAACG,eAAgB;AACvD;AACA,CAAC;AAED,MAAMC,IAAI,GAAGjB,MAAM,CAACkB,IAAK;AACzB,IAAIhB,cAAe;AACnB,CAAC;AAED,MAAMiB,OAAO,gBAAGpB,UAAU,CACxB,CAAC;EAAEqB,IAAI;EAAEC;AAAK,CAAC,EAAEC,GAAG,KAAK;EACvB,MAAMR,eAAe,GAAG;IACtBS,IAAI,EAAElB,KAAK,CAACmB,kBAAkB;IAC9BC,OAAO,EAAEpB,KAAK,CAACqB,qBAAqB;IACpCC,KAAK,EAAEtB,KAAK,CAACuB;EACf,CAAC,CAACR,IAAI,CAAC;EAEP,oBACE,oBAAC,SAAS;IACR,GAAG,EAAEE,GAAI;IACT,IAAI,EAAEF,IAAK;IACX,SAAS,EAAEf,KAAK,CAACwB,SAAU;IAC3B,eAAe,EAAEf,eAAgB;IACjC,eAAe,EAAET,KAAK,CAACW,eAAgB;IACvC,IAAI,EAAC;EAAO,gBAEZ,oBAAC,SAAS;IAAC,IAAI,EAAEI;EAAK,EAAG,eACzB,oBAAC,IAAI,QAAEC,IAAI,CAAQ,CACT;AAEhB,CAAC,CACF;AAEDF,OAAO,CAACW,WAAW,GAAG,SAAS;AAE/B,eAAeX,OAAO"}

package/dist/esm/message/index.js

@@ -3,54 +3,52 @@ import ReactDOM from 'react-dom';
 import Message, { MESSAGE_DURATION_MS } from './Message';
 import { containerStyles, messageContainerStyles, setStylesToHtmlElement } from './styles';
 let containerElement;
+
 /**
  * Creates the container for storing messages.
  */
-
 const getContainer = () => {
   if (!containerElement) {
     containerElement = document.createElement('div');
     setStylesToHtmlElement(containerElement, containerStyles);
     document.body.appendChild(containerElement);
   }
-
   return containerElement;
 };
+
 /**
  * Delete the container if there are no more messages in it.
  */
-
-
 const deleteContainerIfNoChildNodes = () => {
   if (!containerElement || containerElement.hasChildNodes()) return;
   document.body.removeChild(containerElement);
   containerElement = null;
 };
+
 /**
  * Renders a new message.
  */
-
-
 const send = (type, text) => {
   // Create a new container for the message
   const container = getContainer();
   const messageContainer = document.createElement('div');
   setStylesToHtmlElement(messageContainer, messageContainerStyles);
-  container.appendChild(messageContainer); // Render the message element
+  container.appendChild(messageContainer);
 
+  // Render the message element
   const messageElement = /*#__PURE__*/React.createElement(Message, {
     type: type,
     text: text
   });
-  ReactDOM.render(messageElement, messageContainer); // Delete the message container after N ms
+  ReactDOM.render(messageElement, messageContainer);
 
+  // Delete the message container after N ms
   setTimeout(() => {
     ReactDOM.unmountComponentAtNode(messageContainer);
     container.removeChild(messageContainer);
     deleteContainerIfNoChildNodes();
   }, MESSAGE_DURATION_MS);
 };
-
 const message = {
   info: text => send('info', text),
   success: text => send('success', text),

package/dist/esm/message/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ReactDOM","Message","MESSAGE_DURATION_MS","containerStyles","messageContainerStyles","setStylesToHtmlElement","containerElement","getContainer","document","createElement","body","appendChild","deleteContainerIfNoChildNodes","hasChildNodes","removeChild","send","type","text","container","messageContainer","messageElement","render","setTimeout","unmountComponentAtNode","message","info","success","error"],"sources":["../../../src/message/index.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Message, { MESSAGE_DURATION_MS } from './Message';\nimport { AlertProps } from '../Alert';\nimport {\n  containerStyles,\n  messageContainerStyles,\n  setStylesToHtmlElement,\n} from './styles';\n\nlet containerElement: HTMLElement | null;\n\n/**\n * Creates the container for storing messages.\n */\nconst getContainer = () => {\n  if (!containerElement) {\n    containerElement = document.createElement('div');\n    setStylesToHtmlElement(containerElement, containerStyles);\n    document.body.appendChild(containerElement);\n  }\n  return containerElement;\n};\n\n/**\n * Delete the container if there are no more messages in it.\n */\nconst deleteContainerIfNoChildNodes = () => {\n  if (!containerElement || containerElement.hasChildNodes()) return;\n  document.body.removeChild(containerElement);\n  containerElement = null;\n};\n\n/**\n * Renders a new message.\n */\nconst send = (type: AlertProps['type'], text: string) => {\n  // Create a new container for the message\n  const container = getContainer();\n  const messageContainer = document.createElement('div');\n  setStylesToHtmlElement(messageContainer, messageContainerStyles);\n  container.appendChild(messageContainer);\n\n  // Render the message element\n  const messageElement = <Message type={type} text={text} />;\n  ReactDOM.render(messageElement, messageContainer);\n\n  // Delete the message container after N ms\n  setTimeout(() => {\n    ReactDOM.unmountComponentAtNode(messageContainer);\n    container.removeChild(messageContainer);\n    deleteContainerIfNoChildNodes();\n  }, MESSAGE_DURATION_MS);\n};\n\nconst message: Record<AlertProps['type'], (text: string) => void> = {\n  info: (text) => send('info', text),\n  success: (text) => send('success', text),\n  error: (text) => send('error', text),\n};\n\nexport default message;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,OAAOC,OAAP,IAAkBC,mBAAlB,QAA6C,WAA7C;AAEA,SACEC,eADF,EAEEC,sBAFF,EAGEC,sBAHF,QAIO,UAJP;AAMA,IAAIC,gBAAJ;AAEA;AACA;AACA;;AACA,MAAMC,YAAY,GAAG,MAAM;EACzB,IAAI,CAACD,gBAAL,EAAuB;IACrBA,gBAAgB,GAAGE,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB;IACAJ,sBAAsB,CAACC,gBAAD,EAAmBH,eAAnB,CAAtB;IACAK,QAAQ,CAACE,IAAT,CAAcC,WAAd,CAA0BL,gBAA1B;EACD;;EACD,OAAOA,gBAAP;AACD,CAPD;AASA;AACA;AACA;;;AACA,MAAMM,6BAA6B,GAAG,MAAM;EAC1C,IAAI,CAACN,gBAAD,IAAqBA,gBAAgB,CAACO,aAAjB,EAAzB,EAA2D;EAC3DL,QAAQ,CAACE,IAAT,CAAcI,WAAd,CAA0BR,gBAA1B;EACAA,gBAAgB,GAAG,IAAnB;AACD,CAJD;AAMA;AACA;AACA;;;AACA,MAAMS,IAAI,GAAG,CAACC,IAAD,EAA2BC,IAA3B,KAA4C;EACvD;EACA,MAAMC,SAAS,GAAGX,YAAY,EAA9B;EACA,MAAMY,gBAAgB,GAAGX,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAzB;EACAJ,sBAAsB,CAACc,gBAAD,EAAmBf,sBAAnB,CAAtB;EACAc,SAAS,CAACP,WAAV,CAAsBQ,gBAAtB,EALuD,CAOvD;;EACA,MAAMC,cAAc,gBAAG,oBAAC,OAAD;IAAS,IAAI,EAAEJ,IAAf;IAAqB,IAAI,EAAEC;EAA3B,EAAvB;EACAjB,QAAQ,CAACqB,MAAT,CAAgBD,cAAhB,EAAgCD,gBAAhC,EATuD,CAWvD;;EACAG,UAAU,CAAC,MAAM;IACftB,QAAQ,CAACuB,sBAAT,CAAgCJ,gBAAhC;IACAD,SAAS,CAACJ,WAAV,CAAsBK,gBAAtB;IACAP,6BAA6B;EAC9B,CAJS,EAIPV,mBAJO,CAAV;AAKD,CAjBD;;AAmBA,MAAMsB,OAA2D,GAAG;EAClEC,IAAI,EAAGR,IAAD,IAAUF,IAAI,CAAC,MAAD,EAASE,IAAT,CAD8C;EAElES,OAAO,EAAGT,IAAD,IAAUF,IAAI,CAAC,SAAD,EAAYE,IAAZ,CAF2C;EAGlEU,KAAK,EAAGV,IAAD,IAAUF,IAAI,CAAC,OAAD,EAAUE,IAAV;AAH6C,CAApE;AAMA,eAAeO,OAAf"}
+{"version":3,"file":"index.js","names":["React","ReactDOM","Message","MESSAGE_DURATION_MS","containerStyles","messageContainerStyles","setStylesToHtmlElement","containerElement","getContainer","document","createElement","body","appendChild","deleteContainerIfNoChildNodes","hasChildNodes","removeChild","send","type","text","container","messageContainer","messageElement","render","setTimeout","unmountComponentAtNode","message","info","success","error"],"sources":["../../../src/message/index.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Message, { MESSAGE_DURATION_MS } from './Message';\nimport { AlertProps } from '../Alert';\nimport {\n  containerStyles,\n  messageContainerStyles,\n  setStylesToHtmlElement,\n} from './styles';\n\nlet containerElement: HTMLElement | null;\n\n/**\n * Creates the container for storing messages.\n */\nconst getContainer = () => {\n  if (!containerElement) {\n    containerElement = document.createElement('div');\n    setStylesToHtmlElement(containerElement, containerStyles);\n    document.body.appendChild(containerElement);\n  }\n  return containerElement;\n};\n\n/**\n * Delete the container if there are no more messages in it.\n */\nconst deleteContainerIfNoChildNodes = () => {\n  if (!containerElement || containerElement.hasChildNodes()) return;\n  document.body.removeChild(containerElement);\n  containerElement = null;\n};\n\n/**\n * Renders a new message.\n */\nconst send = (type: AlertProps['type'], text: string) => {\n  // Create a new container for the message\n  const container = getContainer();\n  const messageContainer = document.createElement('div');\n  setStylesToHtmlElement(messageContainer, messageContainerStyles);\n  container.appendChild(messageContainer);\n\n  // Render the message element\n  const messageElement = <Message type={type} text={text} />;\n  ReactDOM.render(messageElement, messageContainer);\n\n  // Delete the message container after N ms\n  setTimeout(() => {\n    ReactDOM.unmountComponentAtNode(messageContainer);\n    container.removeChild(messageContainer);\n    deleteContainerIfNoChildNodes();\n  }, MESSAGE_DURATION_MS);\n};\n\nconst message: Record<AlertProps['type'], (text: string) => void> = {\n  info: (text) => send('info', text),\n  success: (text) => send('success', text),\n  error: (text) => send('error', text),\n};\n\nexport default message;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,OAAO,IAAIC,mBAAmB,QAAQ,WAAW;AAExD,SACEC,eAAe,EACfC,sBAAsB,EACtBC,sBAAsB,QACjB,UAAU;AAEjB,IAAIC,gBAAoC;;AAExC;AACA;AACA;AACA,MAAMC,YAAY,GAAG,MAAM;EACzB,IAAI,CAACD,gBAAgB,EAAE;IACrBA,gBAAgB,GAAGE,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAChDJ,sBAAsB,CAACC,gBAAgB,EAAEH,eAAe,CAAC;IACzDK,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACL,gBAAgB,CAAC;EAC7C;EACA,OAAOA,gBAAgB;AACzB,CAAC;;AAED;AACA;AACA;AACA,MAAMM,6BAA6B,GAAG,MAAM;EAC1C,IAAI,CAACN,gBAAgB,IAAIA,gBAAgB,CAACO,aAAa,EAAE,EAAE;EAC3DL,QAAQ,CAACE,IAAI,CAACI,WAAW,CAACR,gBAAgB,CAAC;EAC3CA,gBAAgB,GAAG,IAAI;AACzB,CAAC;;AAED;AACA;AACA;AACA,MAAMS,IAAI,GAAG,CAACC,IAAwB,EAAEC,IAAY,KAAK;EACvD;EACA,MAAMC,SAAS,GAAGX,YAAY,EAAE;EAChC,MAAMY,gBAAgB,GAAGX,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACtDJ,sBAAsB,CAACc,gBAAgB,EAAEf,sBAAsB,CAAC;EAChEc,SAAS,CAACP,WAAW,CAACQ,gBAAgB,CAAC;;EAEvC;EACA,MAAMC,cAAc,gBAAG,oBAAC,OAAO;IAAC,IAAI,EAAEJ,IAAK;IAAC,IAAI,EAAEC;EAAK,EAAG;EAC1DjB,QAAQ,CAACqB,MAAM,CAACD,cAAc,EAAED,gBAAgB,CAAC;;EAEjD;EACAG,UAAU,CAAC,MAAM;IACftB,QAAQ,CAACuB,sBAAsB,CAACJ,gBAAgB,CAAC;IACjDD,SAAS,CAACJ,WAAW,CAACK,gBAAgB,CAAC;IACvCP,6BAA6B,EAAE;EACjC,CAAC,EAAEV,mBAAmB,CAAC;AACzB,CAAC;AAED,MAAMsB,OAA2D,GAAG;EAClEC,IAAI,EAAGR,IAAI,IAAKF,IAAI,CAAC,MAAM,EAAEE,IAAI,CAAC;EAClCS,OAAO,EAAGT,IAAI,IAAKF,IAAI,CAAC,SAAS,EAAEE,IAAI,CAAC;EACxCU,KAAK,EAAGV,IAAI,IAAKF,IAAI,CAAC,OAAO,EAAEE,IAAI;AACrC,CAAC;AAED,eAAeO,OAAO"}

package/dist/esm/message/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["containerStyles","position","top","left","right","zIndex","pointerEvents","display","flexDirection","messageContainerStyles","justifyContent","setStylesToHtmlElement","element","styles","Object","entries","forEach","key","value","style"],"sources":["../../../src/message/styles.ts"],"sourcesContent":["export const containerStyles: Partial<CSSStyleDeclaration> = {\n  position: 'fixed',\n  top: '0',\n  left: '0',\n  right: '0',\n  zIndex: '1001',\n  pointerEvents: 'none',\n  display: 'flex',\n  flexDirection: 'column',\n};\n\nexport const messageContainerStyles: Partial<CSSStyleDeclaration> = {\n  display: 'flex',\n  justifyContent: 'center',\n};\n\nexport const setStylesToHtmlElement = (\n  element: HTMLElement,\n  styles: Partial<CSSStyleDeclaration>\n): void => {\n  Object.entries(styles).forEach(([key, value]) => {\n    // eslint-disable-next-line no-param-reassign\n    element.style[key] = value;\n  });\n};\n"],"mappings":"AAAA,OAAO,MAAMA,eAA6C,GAAG;EAC3DC,QAAQ,EAAE,OADiD;EAE3DC,GAAG,EAAE,GAFsD;EAG3DC,IAAI,EAAE,GAHqD;EAI3DC,KAAK,EAAE,GAJoD;EAK3DC,MAAM,EAAE,MALmD;EAM3DC,aAAa,EAAE,MAN4C;EAO3DC,OAAO,EAAE,MAPkD;EAQ3DC,aAAa,EAAE;AAR4C,CAAtD;AAWP,OAAO,MAAMC,sBAAoD,GAAG;EAClEF,OAAO,EAAE,MADyD;EAElEG,cAAc,EAAE;AAFkD,CAA7D;AAKP,OAAO,MAAMC,sBAAsB,GAAG,CACpCC,OADoC,EAEpCC,MAFoC,KAG3B;EACTC,MAAM,CAACC,OAAP,CAAeF,MAAf,EAAuBG,OAAvB,CAA+B,CAAC,CAACC,GAAD,EAAMC,KAAN,CAAD,KAAkB;IAC/C;IACAN,OAAO,CAACO,KAAR,CAAcF,GAAd,IAAqBC,KAArB;EACD,CAHD;AAID,CARM"}
+{"version":3,"file":"styles.js","names":["containerStyles","position","top","left","right","zIndex","pointerEvents","display","flexDirection","messageContainerStyles","justifyContent","setStylesToHtmlElement","element","styles","Object","entries","forEach","key","value","style"],"sources":["../../../src/message/styles.ts"],"sourcesContent":["export const containerStyles: Partial<CSSStyleDeclaration> = {\n  position: 'fixed',\n  top: '0',\n  left: '0',\n  right: '0',\n  zIndex: '1001',\n  pointerEvents: 'none',\n  display: 'flex',\n  flexDirection: 'column',\n};\n\nexport const messageContainerStyles: Partial<CSSStyleDeclaration> = {\n  display: 'flex',\n  justifyContent: 'center',\n};\n\nexport const setStylesToHtmlElement = (\n  element: HTMLElement,\n  styles: Partial<CSSStyleDeclaration>\n): void => {\n  Object.entries(styles).forEach(([key, value]) => {\n    // eslint-disable-next-line no-param-reassign\n    element.style[key] = value;\n  });\n};\n"],"mappings":"AAAA,OAAO,MAAMA,eAA6C,GAAG;EAC3DC,QAAQ,EAAE,OAAO;EACjBC,GAAG,EAAE,GAAG;EACRC,IAAI,EAAE,GAAG;EACTC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,MAAM;EACdC,aAAa,EAAE,MAAM;EACrBC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE;AACjB,CAAC;AAED,OAAO,MAAMC,sBAAoD,GAAG;EAClEF,OAAO,EAAE,MAAM;EACfG,cAAc,EAAE;AAClB,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAG,CACpCC,OAAoB,EACpBC,MAAoC,KAC3B;EACTC,MAAM,CAACC,OAAO,CAACF,MAAM,CAAC,CAACG,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;IAC/C;IACAN,OAAO,CAACO,KAAK,CAACF,GAAG,CAAC,GAAGC,KAAK;EAC5B,CAAC,CAAC;AACJ,CAAC"}

package/dist/types/TimePicker/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InputProps } from '../Input';
+export interface TimePickerProps extends Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'onChange'> {
+    notation?: '12-hour' | '24-hour';
+    value?: Date;
+    defaultValue?: Date;
+    onChange?: (value: Date) => void;
+}
+declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
+export default TimePicker;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/TimePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TimePicker/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAMN,MAAM,OAAO,CAAC;AAEf,OAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IAKxE,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAKjC,KAAK,CAAC,EAAE,IAAI,CAAC;IAKb,YAAY,CAAC,EAAE,IAAI,CAAC;IAKpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;CAClC;AAUD,QAAA,MAAM,UAAU,0FAwGf,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/core",
-  "version": "1.0.156",
+  "version": "1.0.158",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -37,6 +37,7 @@
     "@os-design/portal": "^1.0.6",
     "@os-design/styles": "^1.0.39",
     "@os-design/theming": "^1.0.37",
+    "@os-design/time-picker-utils": "^1.0.1",
     "@os-design/utils": "^1.0.55",
     "@os-team/password-score": "^1.0.3",
     "facepaint": "^1.2.1",
@@ -57,5 +58,5 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "5a2a0d8ca15882259f4f84a52faca3e43f79841b"
+  "gitHead": "1f7502d2714949d3dabaa8e103a4e315fda8e2f8"
 }