@os-design/core 1.0.135 → 1.0.136

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/message/Message.tsx"],"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"],"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;AAAEqB,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAAD,EAAiBC,GAAjB,KAAyB;AACvB,QAAMR,eAAe,GAAG;AACtBS,IAAAA,IAAI,EAAElB,KAAK,CAACmB,kBADU;AAEtBC,IAAAA,OAAO,EAAEpB,KAAK,CAACqB,qBAFO;AAGtBC,IAAAA,KAAK,EAAEtB,KAAK,CAACuB;AAHS,IAItBR,IAJsB,CAAxB;AAMA,sBACE,oBAAC,SAAD;AACE,IAAA,GAAG,EAAEE,GADP;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,SAAS,EAAEf,KAAK,CAACwB,SAHnB;AAIE,IAAA,eAAe,EAAEf,eAJnB;AAKE,IAAA,eAAe,EAAET,KAAK,CAACW,eALzB;AAME,IAAA,IAAI,EAAC;AANP,kBAQE,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAEI;AAAjB,IARF,eASE,oBAAC,IAAD,QAAOC,IAAP,CATF,CADF;AAaD,CArBuB,CAA1B;AAwBAF,OAAO,CAACW,WAAR,GAAsB,SAAtB;AAEA,eAAeX,OAAf","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"],"file":"Message.js"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/message/index.tsx"],"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"],"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;AACzB,MAAI,CAACD,gBAAL,EAAuB;AACrBA,IAAAA,gBAAgB,GAAGE,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAnB;AACAJ,IAAAA,sBAAsB,CAACC,gBAAD,EAAmBH,eAAnB,CAAtB;AACAK,IAAAA,QAAQ,CAACE,IAAT,CAAcC,WAAd,CAA0BL,gBAA1B;AACD;;AACD,SAAOA,gBAAP;AACD,CAPD;AASA;AACA;AACA;;;AACA,MAAMM,6BAA6B,GAAG,MAAM;AAC1C,MAAI,CAACN,gBAAD,IAAqBA,gBAAgB,CAACO,aAAjB,EAAzB,EAA2D;AAC3DL,EAAAA,QAAQ,CAACE,IAAT,CAAcI,WAAd,CAA0BR,gBAA1B;AACAA,EAAAA,gBAAgB,GAAG,IAAnB;AACD,CAJD;AAMA;AACA;AACA;;;AACA,MAAMS,IAAI,GAAG,CAACC,IAAD,EAA2BC,IAA3B,KAA4C;AACvD;AACA,QAAMC,SAAS,GAAGX,YAAY,EAA9B;AACA,QAAMY,gBAAgB,GAAGX,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAzB;AACAJ,EAAAA,sBAAsB,CAACc,gBAAD,EAAmBf,sBAAnB,CAAtB;AACAc,EAAAA,SAAS,CAACP,WAAV,CAAsBQ,gBAAtB,EALuD,CAOvD;;AACA,QAAMC,cAAc,gBAAG,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAEJ,IAAf;AAAqB,IAAA,IAAI,EAAEC;AAA3B,IAAvB;AACAjB,EAAAA,QAAQ,CAACqB,MAAT,CAAgBD,cAAhB,EAAgCD,gBAAhC,EATuD,CAWvD;;AACAG,EAAAA,UAAU,CAAC,MAAM;AACftB,IAAAA,QAAQ,CAACuB,sBAAT,CAAgCJ,gBAAhC;AACAD,IAAAA,SAAS,CAACJ,WAAV,CAAsBK,gBAAtB;AACAP,IAAAA,6BAA6B;AAC9B,GAJS,EAIPV,mBAJO,CAAV;AAKD,CAjBD;;AAmBA,MAAMsB,OAA2D,GAAG;AAClEC,EAAAA,IAAI,EAAGR,IAAD,IAAUF,IAAI,CAAC,MAAD,EAASE,IAAT,CAD8C;AAElES,EAAAA,OAAO,EAAGT,IAAD,IAAUF,IAAI,CAAC,SAAD,EAAYE,IAAZ,CAF2C;AAGlEU,EAAAA,KAAK,EAAGV,IAAD,IAAUF,IAAI,CAAC,OAAD,EAAUE,IAAV;AAH6C,CAApE;AAMA,eAAeO,OAAf","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"],"file":"index.js"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/message/styles.ts"],"names":["containerStyles","position","top","left","right","zIndex","pointerEvents","display","flexDirection","messageContainerStyles","justifyContent","setStylesToHtmlElement","element","styles","Object","entries","forEach","key","value","style"],"mappings":"AAAA,OAAO,MAAMA,eAA6C,GAAG;AAC3DC,EAAAA,QAAQ,EAAE,OADiD;AAE3DC,EAAAA,GAAG,EAAE,GAFsD;AAG3DC,EAAAA,IAAI,EAAE,GAHqD;AAI3DC,EAAAA,KAAK,EAAE,GAJoD;AAK3DC,EAAAA,MAAM,EAAE,MALmD;AAM3DC,EAAAA,aAAa,EAAE,MAN4C;AAO3DC,EAAAA,OAAO,EAAE,MAPkD;AAQ3DC,EAAAA,aAAa,EAAE;AAR4C,CAAtD;AAWP,OAAO,MAAMC,sBAAoD,GAAG;AAClEF,EAAAA,OAAO,EAAE,MADyD;AAElEG,EAAAA,cAAc,EAAE;AAFkD,CAA7D;AAKP,OAAO,MAAMC,sBAAsB,GAAG,CACpCC,OADoC,EAEpCC,MAFoC,KAG3B;AACTC,EAAAA,MAAM,CAACC,OAAP,CAAeF,MAAf,EAAuBG,OAAvB,CAA+B,CAAC,CAACC,GAAD,EAAMC,KAAN,CAAD,KAAkB;AAC/C;AACAN,IAAAA,OAAO,CAACO,KAAR,CAAcF,GAAd,IAAqBC,KAArB;AACD,GAHD;AAID,CARM","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"],"file":"styles.js"}
+{"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"}

package/dist/types/Select/SelectList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectList.d.ts","sourceRoot":"","sources":["../../../src/Select/SelectList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAwB,MAAM,OAAO,CAAC;AAK3E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGtD,MAAM,WAAW,WAAY,SAAQ,aAAa;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,QAAQ;IACxC,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmLzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"SelectList.d.ts","sourceRoot":"","sources":["../../../src/Select/SelectList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAK/D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGtD,MAAM,WAAW,WAAY,SAAQ,aAAa;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAgB,SAAQ,QAAQ;IACxC,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,YAAY,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmLzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/core",
-  "version": "1.0.135",
+  "version": "1.0.136",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -39,8 +39,8 @@
     "@os-design/utils": "^1.0.46",
     "@os-team/password-score": "^1.0.3",
     "facepaint": "^1.2.1",
-    "react-focus-lock": "^2.8.1",
-    "react-window": "^1.8.6"
+    "react-focus-lock": "^2.9.1",
+    "react-window": "^1.8.7"
   },
   "devDependencies": {
     "@emotion/react": ">=11",
@@ -56,5 +56,5 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "b87f75c20f48292eabf47da32d6bd6e80ce2fee5"
+  "gitHead": "623c286ffe8221abff99412e41830002a5a1b353"
 }