@os-design/core 1.0.240 → 1.0.241

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["styled","React","forwardRef","Container","div","IFrame","iframe","Video","id","rest","ref","createElement","_extends","frameBorder","allow","allowFullScreen","displayName"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\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,MAAM,MAAM,iBAAiB;AACpC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAKzC,MAAMC,SAAS,GAAGH,MAAM,CAACI,GAAI;AAC7B;AACA;AACA;AACA,CAAC;AAED,MAAMC,MAAM,GAAGL,MAAM,CAACM,MAAO;AAC7B;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA,MAAMC,KAAK,gBAAGL,UAAU,CACtB,CAAC;EAAEM,EAAE;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,kBACnBT,KAAA,CAAAU,aAAA,CAACR,SAAS,qBACRF,KAAA,CAAAU,aAAA,CAACN,MAAM,EAAAO,QAAA;EACLC,WAAW,EAAE,CAAE;EACfC,KAAK,EAAC,2BAA2B;EACjCC,eAAe;AAAA,GACXN,IAAI;EACRC,GAAG,EAAEA;AAAI,EACV,CACQ,CAEf,CAAC;AAEDH,KAAK,CAACS,WAAW,GAAG,OAAO;AAE3B,eAAeT,KAAK"}
+{"version":3,"file":"index.js","names":["styled","React","forwardRef","Container","div","IFrame","iframe","Video","id","rest","ref","createElement","_extends","frameBorder","allow","allowFullScreen","displayName"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\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,MAAM,MAAM,iBAAiB;AACpC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAKzC,MAAMC,SAAS,GAAGH,MAAM,CAACI,GAAI;AAC7B;AACA;AACA;AACA,CAAC;AAED,MAAMC,MAAM,GAAGL,MAAM,CAACM,MAAO;AAC7B;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA,MAAMC,KAAK,gBAAGL,UAAU,CACtB,CAAC;EAAEM,EAAE;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,kBACnBT,KAAA,CAAAU,aAAA,CAACR,SAAS,qBACRF,KAAA,CAAAU,aAAA,CAACN,MAAM,EAAAO,QAAA;EACLC,WAAW,EAAE,CAAE;EACfC,KAAK,EAAC,2BAA2B;EACjCC,eAAe;AAAA,GACXN,IAAI;EACRC,GAAG,EAAEA;AAAI,EACV,CACQ,CAEf,CAAC;AAEDH,KAAK,CAACS,WAAW,GAAG,OAAO;AAE3B,eAAeT,KAAK","ignoreList":[]}

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Alert","Avatar","AvatarSkeleton","Breadcrumb","BreadcrumbItem","Button","ButtonLink","Checkbox","CheckboxSkeleton","DatePicker","Drawer","Form","FormDivider","FormItem","Gallery","GlobalStyles","HeaderSkeleton","Image","ImageSkeleton","Input","InputNumber","InputPassword","InputSearch","InputSkeleton","Layout","Link","LinkButton","List","ListItem","ListItemActions","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 ButtonLink } from './ButtonLink';\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 ListItemActions } from './ListItemActions';\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 './ButtonLink';\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 './ListItemActions';\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","ButtonLink","Checkbox","CheckboxSkeleton","DatePicker","Drawer","Form","FormDivider","FormItem","Gallery","GlobalStyles","HeaderSkeleton","Image","ImageSkeleton","Input","InputNumber","InputPassword","InputSearch","InputSkeleton","Layout","Link","LinkButton","List","ListItem","ListItemActions","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 ButtonLink } from './ButtonLink';\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 ListItemActions } from './ListItemActions';\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 './ButtonLink';\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 './ListItemActions';\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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"AlertIcon.js","names":["styled","CheckCircle","CloseCircle","InfoCircle","clr","light","omitEmotionProps","React","Container","p","iconColor","AlertIcon","type","Icon","info","alertInfoColorIcon","success","alertSuccessColorIcon","error","alertErrorColorIcon","createElement","displayName"],"sources":["../../../src/message/AlertIcon.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';\nimport { Color, clr, light } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React from 'react';\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,MAAM,MAAM,iBAAiB;AACpC,SAASC,WAAW,EAAEC,WAAW,EAAEC,UAAU,QAAQ,kBAAkB;AACvE,SAAgBC,GAAG,EAAEC,KAAK,QAAQ,oBAAoB;AACtD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,MAAM,OAAO;AASzB,MAAMC,SAAS,GAAGR,MAAM,CAAC,GAAG,EAAEM,gBAAgB,CAAC,WAAW,CAAC,CAAkB;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA,WAAYG,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,SAAS,CAAE;AACnC,CAAC;AAED,MAAMC,SAAmC,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACxD,MAAM;IAAEC,IAAI;IAAEH;EAAU,CAAC,GAAG;IAC1BI,IAAI,EAAE;MACJD,IAAI,EAAEV,UAAU;MAChBO,SAAS,EAAEL,KAAK,CAACU;IACnB,CAAC;IACDC,OAAO,EAAE;MACPH,IAAI,EAAEZ,WAAW;MACjBS,SAAS,EAAEL,KAAK,CAACY;IACnB,CAAC;IACDC,KAAK,EAAE;MACLL,IAAI,EAAEX,WAAW;MACjBQ,SAAS,EAAEL,KAAK,CAACc;IACnB;EACF,CAAC,CAACP,IAAI,CAAC;EAEP,oBACEL,KAAA,CAAAa,aAAA,CAACZ,SAAS;IAACE,SAAS,EAAEA;EAAU,gBAC9BH,KAAA,CAAAa,aAAA,CAACP,IAAI,MAAE,CACE,CAAC;AAEhB,CAAC;AAEDF,SAAS,CAACU,WAAW,GAAG,WAAW;AAEnC,eAAeV,SAAS"}
+{"version":3,"file":"AlertIcon.js","names":["styled","CheckCircle","CloseCircle","InfoCircle","clr","light","omitEmotionProps","React","Container","p","iconColor","AlertIcon","type","Icon","info","alertInfoColorIcon","success","alertSuccessColorIcon","error","alertErrorColorIcon","createElement","displayName"],"sources":["../../../src/message/AlertIcon.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';\nimport { Color, clr, light } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React from 'react';\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,MAAM,MAAM,iBAAiB;AACpC,SAASC,WAAW,EAAEC,WAAW,EAAEC,UAAU,QAAQ,kBAAkB;AACvE,SAAgBC,GAAG,EAAEC,KAAK,QAAQ,oBAAoB;AACtD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,MAAM,OAAO;AASzB,MAAMC,SAAS,GAAGR,MAAM,CAAC,GAAG,EAAEM,gBAAgB,CAAC,WAAW,CAAC,CAAkB;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA,WAAYG,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,SAAS,CAAE;AACnC,CAAC;AAED,MAAMC,SAAmC,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACxD,MAAM;IAAEC,IAAI;IAAEH;EAAU,CAAC,GAAG;IAC1BI,IAAI,EAAE;MACJD,IAAI,EAAEV,UAAU;MAChBO,SAAS,EAAEL,KAAK,CAACU;IACnB,CAAC;IACDC,OAAO,EAAE;MACPH,IAAI,EAAEZ,WAAW;MACjBS,SAAS,EAAEL,KAAK,CAACY;IACnB,CAAC;IACDC,KAAK,EAAE;MACLL,IAAI,EAAEX,WAAW;MACjBQ,SAAS,EAAEL,KAAK,CAACc;IACnB;EACF,CAAC,CAACP,IAAI,CAAC;EAEP,oBACEL,KAAA,CAAAa,aAAA,CAACZ,SAAS;IAACE,SAAS,EAAEA;EAAU,gBAC9BH,KAAA,CAAAa,aAAA,CAACP,IAAI,MAAE,CACE,CAAC;AAEhB,CAAC;AAEDF,SAAS,CAACU,WAAW,GAAG,WAAW;AAEnC,eAAeV,SAAS","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Message.js","names":["keyframes","styled","ellipsisStyles","clr","light","omitEmotionProps","React","forwardRef","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","createElement","colorText","role","displayName"],"sources":["../../../src/message/Message.tsx"],"sourcesContent":["import { keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { clr, Color, light } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\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:\n    ${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,SAASA,SAAS,QAAQ,gBAAgB;AAC1C,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,GAAG,EAASC,KAAK,QAAQ,oBAAoB;AACtD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,aAAa;AAOnC,MAAMC,MAAM,GAAGT,SAAU;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMU,iBAAiB,GAAG,GAAG;AAC7B,MAAMC,qBAAqB,GAAG,GAAG;AACjC,OAAO,MAAMC,mBAAmB,GAAG,IAAI;AAEvC,MAAMC,OAAO,GAAGb,SAAU;AAC1B;AACA;AACA,cAAcU,iBAAkB;AAChC,kBAAkBC,qBAAsB;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAOD,MAAMG,SAAS,GAAGb,MAAM,CACtB,KAAK,EACLI,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,CAC5E,CAAkB;AAClB;AACA;AACA;AACA;AACA,YAAYK,iBAAkB;AAC9B,gBAAgBC,qBAAsB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBI,CAAC,IAAKZ,GAAG,CAACY,CAAC,CAACC,eAAe,CAAE;AACpD,WAAYD,CAAC,IAAKZ,GAAG,CAACY,CAAC,CAACE,SAAS,CAAE;AACnC;AACA;AACA;AACA;AACA;AACA,MAAMR,MAAO,IAAIM,CAAC,IAAKA,CAAC,CAACG,eAAgB;AACzC,MAAML,OAAQ,IAAIE,CAAC,IAAKA,CAAC,CAACG,eAAgB;AAC1C,QAASH,CAAC,IAAKH,mBAAmB,GAAGG,CAAC,CAACG,eAAgB;AACvD;AACA,CAAC;AAED,MAAMC,IAAI,GAAGlB,MAAM,CAACmB,IAAK;AACzB,IAAIlB,cAAe;AACnB,CAAC;AAED,MAAMmB,OAAO,gBAAGd,UAAU,CACxB,CAAC;EAAEe,IAAI;EAAEC;AAAK,CAAC,EAAEC,GAAG,KAAK;EACvB,MAAMR,eAAe,GAAG;IACtBS,IAAI,EAAErB,KAAK,CAACsB,kBAAkB;IAC9BC,OAAO,EAAEvB,KAAK,CAACwB,qBAAqB;IACpCC,KAAK,EAAEzB,KAAK,CAAC0B;EACf,CAAC,CAACR,IAAI,CAAC;EAEP,oBACEhB,KAAA,CAAAyB,aAAA,CAACjB,SAAS;IACRU,GAAG,EAAEA,GAAI;IACTF,IAAI,EAAEA,IAAK;IACXL,SAAS,EAAEb,KAAK,CAAC4B,SAAU;IAC3BhB,eAAe,EAAEA,eAAgB;IACjCE,eAAe,EAAEd,KAAK,CAACc,eAAgB;IACvCe,IAAI,EAAC;EAAO,gBAEZ3B,KAAA,CAAAyB,aAAA,CAACvB,SAAS;IAACc,IAAI,EAAEA;EAAK,CAAE,CAAC,eACzBhB,KAAA,CAAAyB,aAAA,CAACZ,IAAI,QAAEI,IAAW,CACT,CAAC;AAEhB,CACF,CAAC;AAEDF,OAAO,CAACa,WAAW,GAAG,SAAS;AAE/B,eAAeb,OAAO"}
+{"version":3,"file":"Message.js","names":["keyframes","styled","ellipsisStyles","clr","light","omitEmotionProps","React","forwardRef","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","createElement","colorText","role","displayName"],"sources":["../../../src/message/Message.tsx"],"sourcesContent":["import { keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { clr, Color, light } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\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:\n    ${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,SAASA,SAAS,QAAQ,gBAAgB;AAC1C,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,GAAG,EAASC,KAAK,QAAQ,oBAAoB;AACtD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,aAAa;AAOnC,MAAMC,MAAM,GAAGT,SAAU;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMU,iBAAiB,GAAG,GAAG;AAC7B,MAAMC,qBAAqB,GAAG,GAAG;AACjC,OAAO,MAAMC,mBAAmB,GAAG,IAAI;AAEvC,MAAMC,OAAO,GAAGb,SAAU;AAC1B;AACA;AACA,cAAcU,iBAAkB;AAChC,kBAAkBC,qBAAsB;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAOD,MAAMG,SAAS,GAAGb,MAAM,CACtB,KAAK,EACLI,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,CAC5E,CAAkB;AAClB;AACA;AACA;AACA;AACA,YAAYK,iBAAkB;AAC9B,gBAAgBC,qBAAsB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBI,CAAC,IAAKZ,GAAG,CAACY,CAAC,CAACC,eAAe,CAAE;AACpD,WAAYD,CAAC,IAAKZ,GAAG,CAACY,CAAC,CAACE,SAAS,CAAE;AACnC;AACA;AACA;AACA;AACA;AACA,MAAMR,MAAO,IAAIM,CAAC,IAAKA,CAAC,CAACG,eAAgB;AACzC,MAAML,OAAQ,IAAIE,CAAC,IAAKA,CAAC,CAACG,eAAgB;AAC1C,QAASH,CAAC,IAAKH,mBAAmB,GAAGG,CAAC,CAACG,eAAgB;AACvD;AACA,CAAC;AAED,MAAMC,IAAI,GAAGlB,MAAM,CAACmB,IAAK;AACzB,IAAIlB,cAAe;AACnB,CAAC;AAED,MAAMmB,OAAO,gBAAGd,UAAU,CACxB,CAAC;EAAEe,IAAI;EAAEC;AAAK,CAAC,EAAEC,GAAG,KAAK;EACvB,MAAMR,eAAe,GAAG;IACtBS,IAAI,EAAErB,KAAK,CAACsB,kBAAkB;IAC9BC,OAAO,EAAEvB,KAAK,CAACwB,qBAAqB;IACpCC,KAAK,EAAEzB,KAAK,CAAC0B;EACf,CAAC,CAACR,IAAI,CAAC;EAEP,oBACEhB,KAAA,CAAAyB,aAAA,CAACjB,SAAS;IACRU,GAAG,EAAEA,GAAI;IACTF,IAAI,EAAEA,IAAK;IACXL,SAAS,EAAEb,KAAK,CAAC4B,SAAU;IAC3BhB,eAAe,EAAEA,eAAgB;IACjCE,eAAe,EAAEd,KAAK,CAACc,eAAgB;IACvCe,IAAI,EAAC;EAAO,gBAEZ3B,KAAA,CAAAyB,aAAA,CAACvB,SAAS;IAACc,IAAI,EAAEA;EAAK,CAAE,CAAC,eACzBhB,KAAA,CAAAyB,aAAA,CAACZ,IAAI,QAAEI,IAAW,CACT,CAAC;AAEhB,CACF,CAAC;AAEDF,OAAO,CAACa,WAAW,GAAG,SAAS;AAE/B,eAAeb,OAAO","ignoreList":[]}

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","root","createRoot","render","setTimeout","unmount","message","info","success","error"],"sources":["../../../src/message/index.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { AlertProps } from '../Alert';\nimport Message, { MESSAGE_DURATION_MS } from './Message';\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  const root = ReactDOM.createRoot(messageContainer);\n  root.render(messageElement);\n\n  // Delete the message container after N ms\n  setTimeout(() => {\n    root.unmount();\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,kBAAkB;AAEvC,OAAOC,OAAO,IAAIC,mBAAmB,QAAQ,WAAW;AACxD,SACEC,eAAe,EACfC,sBAAsB,EACtBC,sBAAsB,QACjB,UAAU;AAEjB,IAAIC,gBAAoC;;AAExC;AACA;AACA;AACA,MAAMC,YAAY,GAAGA,CAAA,KAAM;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,GAAGA,CAAA,KAAM;EAC1C,IAAI,CAACN,gBAAgB,IAAIA,gBAAgB,CAACO,aAAa,CAAC,CAAC,EAAE;EAC3DL,QAAQ,CAACE,IAAI,CAACI,WAAW,CAACR,gBAAgB,CAAC;EAC3CA,gBAAgB,GAAG,IAAI;AACzB,CAAC;;AAED;AACA;AACA;AACA,MAAMS,IAAI,GAAGA,CAACC,IAAwB,EAAEC,IAAY,KAAK;EACvD;EACA,MAAMC,SAAS,GAAGX,YAAY,CAAC,CAAC;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,gBAAGrB,KAAA,CAAAU,aAAA,CAACR,OAAO;IAACe,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;EAC1D,MAAMI,IAAI,GAAGrB,QAAQ,CAACsB,UAAU,CAACH,gBAAgB,CAAC;EAClDE,IAAI,CAACE,MAAM,CAACH,cAAc,CAAC;;EAE3B;EACAI,UAAU,CAAC,MAAM;IACfH,IAAI,CAACI,OAAO,CAAC,CAAC;IACdP,SAAS,CAACJ,WAAW,CAACK,gBAAgB,CAAC;IACvCP,6BAA6B,CAAC,CAAC;EACjC,CAAC,EAAEV,mBAAmB,CAAC;AACzB,CAAC;AAED,MAAMwB,OAA2D,GAAG;EAClEC,IAAI,EAAGV,IAAI,IAAKF,IAAI,CAAC,MAAM,EAAEE,IAAI,CAAC;EAClCW,OAAO,EAAGX,IAAI,IAAKF,IAAI,CAAC,SAAS,EAAEE,IAAI,CAAC;EACxCY,KAAK,EAAGZ,IAAI,IAAKF,IAAI,CAAC,OAAO,EAAEE,IAAI;AACrC,CAAC;AAED,eAAeS,OAAO"}
+{"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","root","createRoot","render","setTimeout","unmount","message","info","success","error"],"sources":["../../../src/message/index.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { AlertProps } from '../Alert';\nimport Message, { MESSAGE_DURATION_MS } from './Message';\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  const root = ReactDOM.createRoot(messageContainer);\n  root.render(messageElement);\n\n  // Delete the message container after N ms\n  setTimeout(() => {\n    root.unmount();\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,kBAAkB;AAEvC,OAAOC,OAAO,IAAIC,mBAAmB,QAAQ,WAAW;AACxD,SACEC,eAAe,EACfC,sBAAsB,EACtBC,sBAAsB,QACjB,UAAU;AAEjB,IAAIC,gBAAoC;;AAExC;AACA;AACA;AACA,MAAMC,YAAY,GAAGA,CAAA,KAAM;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,GAAGA,CAAA,KAAM;EAC1C,IAAI,CAACN,gBAAgB,IAAIA,gBAAgB,CAACO,aAAa,CAAC,CAAC,EAAE;EAC3DL,QAAQ,CAACE,IAAI,CAACI,WAAW,CAACR,gBAAgB,CAAC;EAC3CA,gBAAgB,GAAG,IAAI;AACzB,CAAC;;AAED;AACA;AACA;AACA,MAAMS,IAAI,GAAGA,CAACC,IAAwB,EAAEC,IAAY,KAAK;EACvD;EACA,MAAMC,SAAS,GAAGX,YAAY,CAAC,CAAC;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,gBAAGrB,KAAA,CAAAU,aAAA,CAACR,OAAO;IAACe,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;EAC1D,MAAMI,IAAI,GAAGrB,QAAQ,CAACsB,UAAU,CAACH,gBAAgB,CAAC;EAClDE,IAAI,CAACE,MAAM,CAACH,cAAc,CAAC;;EAE3B;EACAI,UAAU,CAAC,MAAM;IACfH,IAAI,CAACI,OAAO,CAAC,CAAC;IACdP,SAAS,CAACJ,WAAW,CAACK,gBAAgB,CAAC;IACvCP,6BAA6B,CAAC,CAAC;EACjC,CAAC,EAAEV,mBAAmB,CAAC;AACzB,CAAC;AAED,MAAMwB,OAA2D,GAAG;EAClEC,IAAI,EAAGV,IAAI,IAAKF,IAAI,CAAC,MAAM,EAAEE,IAAI,CAAC;EAClCW,OAAO,EAAGX,IAAI,IAAKF,IAAI,CAAC,SAAS,EAAEE,IAAI,CAAC;EACxCY,KAAK,EAAGZ,IAAI,IAAKF,IAAI,CAAC,OAAO,EAAEE,IAAI;AACrC,CAAC;AAED,eAAeS,OAAO","ignoreList":[]}

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

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

@@ -12,7 +12,7 @@ declare const ButtonLink: React.ForwardRefExoticComponent<JsxAProps & ReactRoute
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -54,7 +54,7 @@ declare const ButtonLink: React.ForwardRefExoticComponent<JsxAProps & ReactRoute
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -248,9 +248,7 @@ declare const ButtonLink: React.ForwardRefExoticComponent<JsxAProps & ReactRoute
     onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonLink/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAgB,MAAM,WAAW,CAAC;AAGtD,OAAO,EAAmB,SAAS,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE3E,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,SAAS,GACrC,oBAAoB,GACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GACrB,WAAW,CAAC;AAoBd,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAgEf,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ButtonLink/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAgB,MAAM,WAAW,CAAC;AAGtD,OAAO,EAAmB,SAAS,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE3E,KAAK,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,SAAS,GACrC,oBAAoB,GACpB,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,GACrB,WAAW,CAAC;AAoBd,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAgEf,CAAC;AAIF,eAAe,UAAU,CAAC"}

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

@@ -10,7 +10,7 @@ declare const ThemeSwitcher: React.ForwardRefExoticComponent<{
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -52,7 +52,7 @@ declare const ThemeSwitcher: React.ForwardRefExoticComponent<{
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -246,9 +246,7 @@ declare const ThemeSwitcher: React.ForwardRefExoticComponent<{
     onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ThemeSwitcher/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAK7C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAsBlB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ThemeSwitcher/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;AAK7C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iFAsBlB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/core",
-  "version": "1.0.240",
+  "version": "1.0.241",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -31,18 +31,18 @@
   },
   "dependencies": {
     "@os-design/date-picker-utils": "^1.0.23",
-    "@os-design/icons": "^1.0.57",
+    "@os-design/icons": "^1.0.58",
     "@os-design/input-number-utils": "^1.0.29",
-    "@os-design/media": "^1.0.24",
+    "@os-design/media": "^1.0.25",
     "@os-design/menu-utils": "^1.0.20",
-    "@os-design/portal": "^1.0.16",
-    "@os-design/styles": "^1.0.54",
-    "@os-design/theming": "^1.0.50",
+    "@os-design/portal": "^1.0.17",
+    "@os-design/styles": "^1.0.55",
+    "@os-design/theming": "^1.0.51",
     "@os-design/time-picker-utils": "^1.0.14",
-    "@os-design/utils": "^1.0.72",
+    "@os-design/utils": "^1.0.73",
     "@os-team/password-score": "^1.0.5",
     "facepaint": "^1.2.1",
-    "react-focus-lock": "^2.11.1",
+    "react-focus-lock": "^2.12.1",
     "react-window": "^1.8.10"
   },
   "devDependencies": {
@@ -59,5 +59,5 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "01c24b2665ad10a4b4976a6c0b4982e534e7727a"
+  "gitHead": "1f17189e344a56fd6347dd6b896d6e7ef6e7b35d"
 }

package/src/Button/index.tsx

@@ -128,7 +128,7 @@ const disabledStyles = (p) =>
 export const StyledButton = styled(
   'button',
   omitEmotionProps('btnType', 'colors', 'wide', 'loading', 'size')
-)<StyledButtonProps>`
+) <StyledButtonProps>`
   ${resetButtonStyles};
   position: relative; // Because LoadingContainer has an absolute position
   cursor: pointer;
@@ -180,7 +180,7 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(
       disabled = false,
       size,
       children,
-      onMouseDown = () => {},
+      onMouseDown = () => { },
       ...rest
     },
     ref

package/src/GlobalStyles/index.mdx

@@ -0,0 +1,34 @@
+import { Meta, Canvas } from '@storybook/blocks';
+import * as Stories from './index.stories';
+
+<Meta title='Global styles' />
+
+# Global styles
+
+Applies the global reset and typography styles.
+
+## Example of usage
+
+```tsx
+import React from 'react';
+import { ThemeProvider } from '@os-design/theming';
+import { GlobalStyles } from '@os-design/core';
+import AppRouter from './AppRouter';
+
+const App: React.FC = () => (
+  <ThemeProvider>
+    <GlobalStyles />
+    <AppRouter />
+  </ThemeProvider>
+);
+
+export default App;
+```
+
+## Headings
+
+<Canvas of={Stories.Heading} />
+
+## Example of a post
+
+<Canvas of={Stories.Post} />