@paprika/toast 1.1.15 → 1.1.17-next.1

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # Changelog
 
+## 1.1.17-next.1
+
+### Patch Changes
+
+- Updated dependencies [343d673]
+  - @paprika/helpers@2.1.4-next.0
+  - @paprika/button@1.1.9-next.1
+
+## 1.1.17-next.0
+
+### Patch Changes
+
+- Updated dependencies [514dc04]
+  - @paprika/button@1.1.9-next.0
+
+## 1.1.16
+
+### Patch Changes
+
+- 59f5875: update toast and close button on toast sizes
+- Updated dependencies [c3a7523]
+- Updated dependencies [4358ed8]
+  - @paprika/l10n@1.1.15
+
+## 1.1.16-next.0
+
+### Patch Changes
+
+- 59f5875: update toast and close button on toast sizes
+- Updated dependencies [4358ed8]
+  - @paprika/l10n@1.1.15-next.0
+
 ## 1.1.15
 
 ### Patch Changes

package/lib/Toast.js

@@ -141,8 +141,7 @@ var Toast = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       "aria-hidden": true
     }), /*#__PURE__*/_react["default"].createElement(sc.Content, null, children), hasCloseButton && !isVisuallyHidden && /*#__PURE__*/_react["default"].createElement(sc.CloseButtonStyled, {
       isSemantic: false,
-      onClick: handleClose,
-      size: types.SMALL
+      onClick: handleClose
     }));
   }
 

package/lib/Toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Toast.js"],"names":["icons","types","toastKinds","SUCCESS","CheckIcon","WARNING","CautionIcon","ERROR","ExclamationCircleIcon","INFO","InfoCircleIcon","LOCKED","LockIcon","minimumCloseTimeout","Toast","React","forwardRef","props","ref","autoCloseDelay","canAutoClose","children","hasCloseButton","isFixed","isOpen","isPolite","kind","onClose","renderDelay","zIndex","moreProps","toastRef","useRef","useImperativeHandle","focus","current","tabIndex","setAttribute","isControlled","useState","isToastOpen","setIsToastOpen","shouldRender","setShouldRender","autoCloseTimer","renderTimer","ariaRole","defaultZIndex","isVisuallyHidden","VISUALLY_HIDDEN","handleClose","useCallback","clearTimeout","memoizedStartAutoCloseTimer","handleDelayedClose","setTimeout","Math","max","memoizedStartRenderTimer","handleDelayedRender","renderContent","SMALL","renderToast","useEffect","size","propTypes","PropTypes","number","bool","node","oneOf","func","defaultProps","undefined","displayName"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { zValue } from \"@paprika/stylers/lib/helpers\";\nimport CheckIcon from \"@paprika/icon/lib/Check\";\nimport CautionIcon from \"@paprika/icon/lib/ColoredCaution\";\nimport ExclamationCircleIcon from \"@paprika/icon/lib/ExclamationCircle\";\nimport InfoCircleIcon from \"@paprika/icon/lib/InfoCircle\";\nimport LockIcon from \"@paprika/icon/lib/Lock\";\nimport Portal from \"@paprika/helpers/lib/components/Portal\";\nimport * as types from \"./types\";\n\nimport * as sc from \"./Toast.styles\";\n\nconst icons = {\n  [types.toastKinds.SUCCESS]: CheckIcon,\n  [types.toastKinds.WARNING]: CautionIcon,\n  [types.toastKinds.ERROR]: ExclamationCircleIcon,\n  [types.toastKinds.INFO]: InfoCircleIcon,\n  [types.toastKinds.LOCKED]: LockIcon,\n};\n\nconst minimumCloseTimeout = 1500;\n\nconst Toast = React.forwardRef((props, ref) => {\n  const {\n    autoCloseDelay,\n    canAutoClose,\n    children,\n    hasCloseButton,\n    isFixed,\n    isOpen,\n    isPolite,\n    kind,\n    onClose,\n    renderDelay,\n    zIndex,\n    ...moreProps\n  } = props;\n\n  const toastRef = React.useRef(null);\n\n  React.useImperativeHandle(ref, () => ({\n    focus: () => {\n      if (toastRef.current) {\n        if (!moreProps.tabIndex) toastRef.current.setAttribute(\"tabindex\", \"-1\");\n        toastRef.current.focus();\n      }\n    },\n  }));\n\n  const isControlled = typeof isOpen !== \"undefined\";\n  const [isToastOpen, setIsToastOpen] = React.useState(isControlled ? isOpen : true);\n  const [shouldRender, setShouldRender] = React.useState(false);\n  const autoCloseTimer = React.useRef(null);\n  const renderTimer = React.useRef(null);\n  const ariaRole = isPolite ? \"status\" : \"alert\";\n  const defaultZIndex = isFixed ? zValue(7) : null;\n  const isVisuallyHidden = kind === Toast.types.kind.VISUALLY_HIDDEN;\n\n  const handleClose = React.useCallback(() => {\n    if (autoCloseTimer.current) clearTimeout(autoCloseTimer.current);\n    if (renderTimer.current) clearTimeout(renderTimer.current);\n\n    if (!isControlled) {\n      setIsToastOpen(false);\n    }\n\n    onClose();\n  }, [isControlled, onClose]);\n\n  const memoizedStartAutoCloseTimer = React.useCallback(() => {\n    function handleDelayedClose() {\n      clearTimeout(autoCloseTimer.current);\n      handleClose();\n    }\n\n    autoCloseTimer.current = setTimeout(handleDelayedClose, Math.max(autoCloseDelay, minimumCloseTimeout));\n  }, [autoCloseDelay, handleClose]);\n\n  const memoizedStartRenderTimer = React.useCallback(() => {\n    function handleDelayedRender() {\n      clearTimeout(renderTimer.current);\n      setShouldRender(true);\n    }\n\n    renderTimer.current = setTimeout(handleDelayedRender, renderDelay);\n  }, [renderDelay]);\n\n  function renderContent() {\n    if (!shouldRender) return null;\n\n    return (\n      <>\n        {!isVisuallyHidden && <sc.IconStyled as={icons[kind]} kind={kind} aria-hidden />}\n        <sc.Content>{children}</sc.Content>\n        {hasCloseButton && !isVisuallyHidden && (\n          <sc.CloseButtonStyled isSemantic={false} onClick={handleClose} size={types.SMALL} />\n        )}\n      </>\n    );\n  }\n\n  function renderToast() {\n    return (\n      <sc.Toast\n        data-pka-anchor=\"toast\"\n        hasCloseButton={hasCloseButton}\n        isFixed={isFixed}\n        role={ariaRole}\n        kind={kind}\n        zIndex={zIndex || defaultZIndex}\n        ref={toastRef}\n        {...moreProps}\n        shouldRender={shouldRender}\n      >\n        {renderContent()}\n      </sc.Toast>\n    );\n  }\n\n  React.useEffect(() => {\n    if (canAutoClose || isVisuallyHidden) {\n      memoizedStartAutoCloseTimer();\n      return () => {\n        clearTimeout(autoCloseTimer.current);\n      };\n    }\n  }, [canAutoClose, isVisuallyHidden, memoizedStartAutoCloseTimer]);\n\n  React.useEffect(() => {\n    if (!isToastOpen) {\n      setShouldRender(false);\n    } else {\n      memoizedStartRenderTimer();\n      return () => {\n        clearTimeout(renderTimer.current);\n      };\n    }\n  }, [isToastOpen, memoizedStartRenderTimer]);\n\n  React.useEffect(() => {\n    if (isControlled) {\n      setIsToastOpen(isOpen);\n    }\n  }, [isOpen, isControlled]);\n\n  if (!isToastOpen) return null;\n\n  if (isFixed) {\n    return <Portal>{renderToast()}</Portal>;\n  }\n\n  return renderToast();\n});\n\nToast.types = {\n  kind: types.toastKinds,\n  size: types.SMALL,\n};\n\nconst propTypes = {\n  /** Duration (in ms) before Toast will automatically close (if canAutoClose is true). */\n  autoCloseDelay: PropTypes.number,\n\n  /** Will automatically call onClose() after 5000ms (or longer if provided by autoCloseDelay). If uncontrolled, it will automatically close the Toast as well. */\n  canAutoClose: PropTypes.bool,\n\n  /** Content of the Toast. */\n  children: PropTypes.node,\n\n  /** If the component should have a 'close' button. */\n  hasCloseButton: PropTypes.bool,\n\n  /** How \"controlled\" Toast is shown / hidden. */\n  isOpen: PropTypes.bool,\n\n  /** If the Toast is fixed to the top of the viewport. This will render the Toast as a Portal. */\n  isFixed: PropTypes.bool,\n\n  /** A11y: If the Toast is polite (will wait until screen reader is finished before speaking) or assertive (will interrupt immediately). */\n  isPolite: PropTypes.bool,\n\n  /** Determines the styling of the Toast. */\n  kind: PropTypes.oneOf([\n    Toast.types.kind.SUCCESS,\n    Toast.types.kind.WARNING,\n    Toast.types.kind.ERROR,\n    Toast.types.kind.INFO,\n    Toast.types.kind.LOCKED,\n    Toast.types.kind.VISUALLY_HIDDEN,\n  ]),\n\n  /** Callback that is executed after clicking the 'close' button. */\n  onClose: PropTypes.func,\n\n  /** Delay in ms before content of Toast is rendered (to improve UX with screen readers). */\n  renderDelay: PropTypes.number,\n\n  /** The z-index of the Toast. */\n  zIndex: PropTypes.number,\n};\n\nconst defaultProps = {\n  canAutoClose: false,\n  autoCloseDelay: 5000,\n  children: null,\n  hasCloseButton: true,\n  isOpen: undefined,\n  isFixed: false,\n  isPolite: false,\n  kind: Toast.types.kind.INFO,\n  onClose: () => {},\n  renderDelay: 20,\n  zIndex: null,\n};\n\nToast.displayName = \"Toast\";\nToast.propTypes = propTypes;\nToast.defaultProps = defaultProps;\n\nexport default Toast;\n"],"file":"Toast.js"}
+{"version":3,"sources":["../src/Toast.js"],"names":["icons","types","toastKinds","SUCCESS","CheckIcon","WARNING","CautionIcon","ERROR","ExclamationCircleIcon","INFO","InfoCircleIcon","LOCKED","LockIcon","minimumCloseTimeout","Toast","React","forwardRef","props","ref","autoCloseDelay","canAutoClose","children","hasCloseButton","isFixed","isOpen","isPolite","kind","onClose","renderDelay","zIndex","moreProps","toastRef","useRef","useImperativeHandle","focus","current","tabIndex","setAttribute","isControlled","useState","isToastOpen","setIsToastOpen","shouldRender","setShouldRender","autoCloseTimer","renderTimer","ariaRole","defaultZIndex","isVisuallyHidden","VISUALLY_HIDDEN","handleClose","useCallback","clearTimeout","memoizedStartAutoCloseTimer","handleDelayedClose","setTimeout","Math","max","memoizedStartRenderTimer","handleDelayedRender","renderContent","renderToast","useEffect","size","SMALL","propTypes","PropTypes","number","bool","node","oneOf","func","defaultProps","undefined","displayName"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { zValue } from \"@paprika/stylers/lib/helpers\";\nimport CheckIcon from \"@paprika/icon/lib/Check\";\nimport CautionIcon from \"@paprika/icon/lib/ColoredCaution\";\nimport ExclamationCircleIcon from \"@paprika/icon/lib/ExclamationCircle\";\nimport InfoCircleIcon from \"@paprika/icon/lib/InfoCircle\";\nimport LockIcon from \"@paprika/icon/lib/Lock\";\nimport Portal from \"@paprika/helpers/lib/components/Portal\";\nimport * as types from \"./types\";\n\nimport * as sc from \"./Toast.styles\";\n\nconst icons = {\n  [types.toastKinds.SUCCESS]: CheckIcon,\n  [types.toastKinds.WARNING]: CautionIcon,\n  [types.toastKinds.ERROR]: ExclamationCircleIcon,\n  [types.toastKinds.INFO]: InfoCircleIcon,\n  [types.toastKinds.LOCKED]: LockIcon,\n};\n\nconst minimumCloseTimeout = 1500;\n\nconst Toast = React.forwardRef((props, ref) => {\n  const {\n    autoCloseDelay,\n    canAutoClose,\n    children,\n    hasCloseButton,\n    isFixed,\n    isOpen,\n    isPolite,\n    kind,\n    onClose,\n    renderDelay,\n    zIndex,\n    ...moreProps\n  } = props;\n\n  const toastRef = React.useRef(null);\n\n  React.useImperativeHandle(ref, () => ({\n    focus: () => {\n      if (toastRef.current) {\n        if (!moreProps.tabIndex) toastRef.current.setAttribute(\"tabindex\", \"-1\");\n        toastRef.current.focus();\n      }\n    },\n  }));\n\n  const isControlled = typeof isOpen !== \"undefined\";\n  const [isToastOpen, setIsToastOpen] = React.useState(isControlled ? isOpen : true);\n  const [shouldRender, setShouldRender] = React.useState(false);\n  const autoCloseTimer = React.useRef(null);\n  const renderTimer = React.useRef(null);\n  const ariaRole = isPolite ? \"status\" : \"alert\";\n  const defaultZIndex = isFixed ? zValue(7) : null;\n  const isVisuallyHidden = kind === Toast.types.kind.VISUALLY_HIDDEN;\n\n  const handleClose = React.useCallback(() => {\n    if (autoCloseTimer.current) clearTimeout(autoCloseTimer.current);\n    if (renderTimer.current) clearTimeout(renderTimer.current);\n\n    if (!isControlled) {\n      setIsToastOpen(false);\n    }\n\n    onClose();\n  }, [isControlled, onClose]);\n\n  const memoizedStartAutoCloseTimer = React.useCallback(() => {\n    function handleDelayedClose() {\n      clearTimeout(autoCloseTimer.current);\n      handleClose();\n    }\n\n    autoCloseTimer.current = setTimeout(handleDelayedClose, Math.max(autoCloseDelay, minimumCloseTimeout));\n  }, [autoCloseDelay, handleClose]);\n\n  const memoizedStartRenderTimer = React.useCallback(() => {\n    function handleDelayedRender() {\n      clearTimeout(renderTimer.current);\n      setShouldRender(true);\n    }\n\n    renderTimer.current = setTimeout(handleDelayedRender, renderDelay);\n  }, [renderDelay]);\n\n  function renderContent() {\n    if (!shouldRender) return null;\n\n    return (\n      <>\n        {!isVisuallyHidden && <sc.IconStyled as={icons[kind]} kind={kind} aria-hidden />}\n        <sc.Content>{children}</sc.Content>\n        {hasCloseButton && !isVisuallyHidden && <sc.CloseButtonStyled isSemantic={false} onClick={handleClose} />}\n      </>\n    );\n  }\n\n  function renderToast() {\n    return (\n      <sc.Toast\n        data-pka-anchor=\"toast\"\n        hasCloseButton={hasCloseButton}\n        isFixed={isFixed}\n        role={ariaRole}\n        kind={kind}\n        zIndex={zIndex || defaultZIndex}\n        ref={toastRef}\n        {...moreProps}\n        shouldRender={shouldRender}\n      >\n        {renderContent()}\n      </sc.Toast>\n    );\n  }\n\n  React.useEffect(() => {\n    if (canAutoClose || isVisuallyHidden) {\n      memoizedStartAutoCloseTimer();\n      return () => {\n        clearTimeout(autoCloseTimer.current);\n      };\n    }\n  }, [canAutoClose, isVisuallyHidden, memoizedStartAutoCloseTimer]);\n\n  React.useEffect(() => {\n    if (!isToastOpen) {\n      setShouldRender(false);\n    } else {\n      memoizedStartRenderTimer();\n      return () => {\n        clearTimeout(renderTimer.current);\n      };\n    }\n  }, [isToastOpen, memoizedStartRenderTimer]);\n\n  React.useEffect(() => {\n    if (isControlled) {\n      setIsToastOpen(isOpen);\n    }\n  }, [isOpen, isControlled]);\n\n  if (!isToastOpen) return null;\n\n  if (isFixed) {\n    return <Portal>{renderToast()}</Portal>;\n  }\n\n  return renderToast();\n});\n\nToast.types = {\n  kind: types.toastKinds,\n  size: types.SMALL,\n};\n\nconst propTypes = {\n  /** Duration (in ms) before Toast will automatically close (if canAutoClose is true). */\n  autoCloseDelay: PropTypes.number,\n\n  /** Will automatically call onClose() after 5000ms (or longer if provided by autoCloseDelay). If uncontrolled, it will automatically close the Toast as well. */\n  canAutoClose: PropTypes.bool,\n\n  /** Content of the Toast. */\n  children: PropTypes.node,\n\n  /** If the component should have a 'close' button. */\n  hasCloseButton: PropTypes.bool,\n\n  /** How \"controlled\" Toast is shown / hidden. */\n  isOpen: PropTypes.bool,\n\n  /** If the Toast is fixed to the top of the viewport. This will render the Toast as a Portal. */\n  isFixed: PropTypes.bool,\n\n  /** A11y: If the Toast is polite (will wait until screen reader is finished before speaking) or assertive (will interrupt immediately). */\n  isPolite: PropTypes.bool,\n\n  /** Determines the styling of the Toast. */\n  kind: PropTypes.oneOf([\n    Toast.types.kind.SUCCESS,\n    Toast.types.kind.WARNING,\n    Toast.types.kind.ERROR,\n    Toast.types.kind.INFO,\n    Toast.types.kind.LOCKED,\n    Toast.types.kind.VISUALLY_HIDDEN,\n  ]),\n\n  /** Callback that is executed after clicking the 'close' button. */\n  onClose: PropTypes.func,\n\n  /** Delay in ms before content of Toast is rendered (to improve UX with screen readers). */\n  renderDelay: PropTypes.number,\n\n  /** The z-index of the Toast. */\n  zIndex: PropTypes.number,\n};\n\nconst defaultProps = {\n  canAutoClose: false,\n  autoCloseDelay: 5000,\n  children: null,\n  hasCloseButton: true,\n  isOpen: undefined,\n  isFixed: false,\n  isPolite: false,\n  kind: Toast.types.kind.INFO,\n  onClose: () => {},\n  renderDelay: 20,\n  zIndex: null,\n};\n\nToast.displayName = \"Toast\";\nToast.propTypes = propTypes;\nToast.defaultProps = defaultProps;\n\nexport default Toast;\n"],"file":"Toast.js"}

package/lib/Toast.styles.js

@@ -47,7 +47,7 @@ var CloseButtonStyled = (0, _styledComponents["default"])(_button["default"].Clo
   componentId: "sc-1e0oo3r-0"
 })(function (_ref) {
   var kind = _ref.kind;
-  return (0, _styledComponents.css)(["flex-grow:0;flex-shrink:0;margin-left:", ";min-height:0;", ""], _tokens["default"].space, closeButtonColors[kind] && "color: ".concat(closeButtonColors[kind], ";"));
+  return (0, _styledComponents.css)(["flex-grow:0;flex-shrink:0;margin-bottom:-6px;margin-left:", ";margin-right:-7px;margin-top:-6px;min-height:0;", ""], _tokens["default"].space, closeButtonColors[kind] && "color: ".concat(closeButtonColors[kind], ";"));
 });
 exports.CloseButtonStyled = CloseButtonStyled;
 
@@ -76,7 +76,7 @@ var Toast = _styledComponents["default"].div.withConfig({
       kind = _ref3.kind,
       zIndex = _ref3.zIndex,
       shouldRender = _ref3.shouldRender;
-  return (0, _styledComponents.css)(["align-items:flex-start;background-color:", ";border-color:", ";border-radius:", ";border-style:solid;border-width:1px;color:", ";display:flex;font-weight:normal;margin-bottom:", ";min-height:", ";padding:", ";position:relative;text-align:left;transition:opacity 0.3s ease-out;word-break:break-word;z-index:", ";", "  ", "  ", " ", ";"], backgroundColors[kind], borderColors[kind], _tokens["default"].border.radius, _tokens["default"].color.black, _stylers["default"].spacer(2), _stylers["default"].spacer(3), _tokens["default"].spaceLg, zIndex, _stylers["default"].fontSize(), _stylers["default"].lineHeight(), isFixed ? fixedStyles : null, !shouldRender || kind === types.toastKinds.VISUALLY_HIDDEN ? _includes.visuallyHidden : null);
+  return (0, _styledComponents.css)(["align-items:flex-start;background-color:", ";border-color:", ";border-radius:", ";border-style:solid;border-width:1px;color:", ";display:flex;font-weight:normal;margin-bottom:", ";min-height:", ";padding:", " ", " 10px ", ";position:relative;text-align:left;transition:opacity 0.3s ease-out;word-break:break-word;z-index:", ";", "  ", "  ", " ", ";"], backgroundColors[kind], borderColors[kind], _tokens["default"].border.radius, _tokens["default"].color.black, _stylers["default"].spacer(2), _stylers["default"].spacer(3), _tokens["default"].spaceLg, _tokens["default"].spaceLg, _tokens["default"].spaceLg, zIndex, _stylers["default"].fontSize(), _stylers["default"].lineHeight(), isFixed ? fixedStyles : null, !shouldRender || kind === types.toastKinds.VISUALLY_HIDDEN ? _includes.visuallyHidden : null);
 });
 
 exports.Toast = Toast;

package/lib/Toast.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Toast.styles.js"],"names":["backgroundColors","types","toastKinds","SUCCESS","tokens","color","greenLighten50","WARNING","yellowLighten30","ERROR","orangeLighten40","INFO","cremeLighten5","LOCKED","borderColors","closeButtonColors","greenDarken20","yellowDarken40","fixedStyles","css","stylers","spacer","iconColors","green","yellowDarken10","orange","blue","CloseButtonStyled","Button","Close","kind","space","IconStyled","styled","div","fontSize","Content","Toast","isFixed","zIndex","shouldRender","border","radius","black","spaceLg","lineHeight","VISUALLY_HIDDEN","visuallyHidden"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport stylers from \"@paprika/stylers\";\nimport tokens from \"@paprika/tokens\";\nimport Button from \"@paprika/button\";\nimport { visuallyHidden } from \"@paprika/stylers/lib/includes\";\nimport * as types from \"./types\";\n\nconst backgroundColors = {\n  [types.toastKinds.SUCCESS]: tokens.color.greenLighten50,\n  [types.toastKinds.WARNING]: tokens.color.yellowLighten30,\n  [types.toastKinds.ERROR]: tokens.color.orangeLighten40,\n  [types.toastKinds.INFO]: tokens.color.cremeLighten5,\n  [types.toastKinds.LOCKED]: tokens.color.yellowLighten30,\n};\n\n// Calculated by brightness.\nconst borderColors = {\n  [types.toastKinds.SUCCESS]: \"#c5e2d3\",\n  [types.toastKinds.WARNING]: \"#f2deaf\",\n  [types.toastKinds.ERROR]: \"#f2c2b8\",\n  [types.toastKinds.INFO]: \"#dbd8d0\",\n  [types.toastKinds.LOCKED]: \"#f2deaf\",\n};\n\nconst closeButtonColors = {\n  [types.toastKinds.SUCCESS]: tokens.color.greenDarken20,\n  [types.toastKinds.WARNING]: tokens.color.yellowDarken40,\n  [types.toastKinds.ERROR]: tokens.color.orangeLighten40,\n  [types.toastKinds.LOCKED]: tokens.color.yellowLighten30,\n};\n\nconst fixedStyles = css`\n  left: 50%;\n  max-width: 675px;\n  position: fixed;\n  top: ${stylers.spacer(2)};\n  transform: translateX(-50%);\n  width: calc(100% - ${stylers.spacer(4)});\n`;\n\nconst iconColors = {\n  [types.toastKinds.SUCCESS]: tokens.color.green,\n  [types.toastKinds.WARNING]: tokens.color.yellowDarken10,\n  [types.toastKinds.ERROR]: tokens.color.orange,\n  [types.toastKinds.INFO]: tokens.color.blue,\n  [types.toastKinds.LOCKED]: tokens.color.yellowDarken10,\n};\n\nexport const CloseButtonStyled = styled(Button.Close)(\n  ({ kind }) => css`\n    flex-grow: 0;\n    flex-shrink: 0;\n    margin-left: ${tokens.space};\n    min-height: 0;\n\n    ${closeButtonColors[kind] && `color: ${closeButtonColors[kind]};`}\n  `\n);\n\nexport const IconStyled = styled.div(\n  ({ kind }) => css`\n    color: ${iconColors[kind]};\n    flex-grow: 0;\n    flex-shrink: 0;\n    margin: 1px ${tokens.space} 0 0;\n\n    ${stylers.fontSize(2)}\n  `\n);\n\nexport const Content = styled.div`\n  flex-grow: 1;\n  flex-shrink: 1;\n`;\n\nexport const Toast = styled.div(\n  ({ isFixed, kind, zIndex, shouldRender }) => css`\n    align-items: flex-start;\n    background-color: ${backgroundColors[kind]};\n    border-color: ${borderColors[kind]};\n    border-radius: ${tokens.border.radius};\n    border-style: solid;\n    border-width: 1px;\n    color: ${tokens.color.black};\n    display: flex;\n    font-weight: normal;\n    margin-bottom: ${stylers.spacer(2)};\n    min-height: ${stylers.spacer(3)};\n    padding: ${tokens.spaceLg};\n    position: relative;\n    text-align: left;\n    transition: opacity 0.3s ease-out;\n    word-break: break-word;\n    z-index: ${zIndex};\n\n    ${stylers.fontSize()} \n    ${stylers.lineHeight()} \n    ${isFixed ? fixedStyles : null}\n    ${!shouldRender || kind === types.toastKinds.VISUALLY_HIDDEN ? visuallyHidden : null};\n  `\n);\n"],"file":"Toast.styles.js"}
+{"version":3,"sources":["../src/Toast.styles.js"],"names":["backgroundColors","types","toastKinds","SUCCESS","tokens","color","greenLighten50","WARNING","yellowLighten30","ERROR","orangeLighten40","INFO","cremeLighten5","LOCKED","borderColors","closeButtonColors","greenDarken20","yellowDarken40","fixedStyles","css","stylers","spacer","iconColors","green","yellowDarken10","orange","blue","CloseButtonStyled","Button","Close","kind","space","IconStyled","styled","div","fontSize","Content","Toast","isFixed","zIndex","shouldRender","border","radius","black","spaceLg","lineHeight","VISUALLY_HIDDEN","visuallyHidden"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport stylers from \"@paprika/stylers\";\nimport tokens from \"@paprika/tokens\";\nimport Button from \"@paprika/button\";\nimport { visuallyHidden } from \"@paprika/stylers/lib/includes\";\nimport * as types from \"./types\";\n\nconst backgroundColors = {\n  [types.toastKinds.SUCCESS]: tokens.color.greenLighten50,\n  [types.toastKinds.WARNING]: tokens.color.yellowLighten30,\n  [types.toastKinds.ERROR]: tokens.color.orangeLighten40,\n  [types.toastKinds.INFO]: tokens.color.cremeLighten5,\n  [types.toastKinds.LOCKED]: tokens.color.yellowLighten30,\n};\n\n// Calculated by brightness.\nconst borderColors = {\n  [types.toastKinds.SUCCESS]: \"#c5e2d3\",\n  [types.toastKinds.WARNING]: \"#f2deaf\",\n  [types.toastKinds.ERROR]: \"#f2c2b8\",\n  [types.toastKinds.INFO]: \"#dbd8d0\",\n  [types.toastKinds.LOCKED]: \"#f2deaf\",\n};\n\nconst closeButtonColors = {\n  [types.toastKinds.SUCCESS]: tokens.color.greenDarken20,\n  [types.toastKinds.WARNING]: tokens.color.yellowDarken40,\n  [types.toastKinds.ERROR]: tokens.color.orangeLighten40,\n  [types.toastKinds.LOCKED]: tokens.color.yellowLighten30,\n};\n\nconst fixedStyles = css`\n  left: 50%;\n  max-width: 675px;\n  position: fixed;\n  top: ${stylers.spacer(2)};\n  transform: translateX(-50%);\n  width: calc(100% - ${stylers.spacer(4)});\n`;\n\nconst iconColors = {\n  [types.toastKinds.SUCCESS]: tokens.color.green,\n  [types.toastKinds.WARNING]: tokens.color.yellowDarken10,\n  [types.toastKinds.ERROR]: tokens.color.orange,\n  [types.toastKinds.INFO]: tokens.color.blue,\n  [types.toastKinds.LOCKED]: tokens.color.yellowDarken10,\n};\n\nexport const CloseButtonStyled = styled(Button.Close)(\n  ({ kind }) => css`\n    flex-grow: 0;\n    flex-shrink: 0;\n    margin-bottom: -6px;\n    margin-left: ${tokens.space};\n    margin-right: -7px;\n    margin-top: -6px;\n    min-height: 0;\n\n    ${closeButtonColors[kind] && `color: ${closeButtonColors[kind]};`}\n  `\n);\n\nexport const IconStyled = styled.div(\n  ({ kind }) => css`\n    color: ${iconColors[kind]};\n    flex-grow: 0;\n    flex-shrink: 0;\n    margin: 1px ${tokens.space} 0 0;\n\n    ${stylers.fontSize(2)}\n  `\n);\n\nexport const Content = styled.div`\n  flex-grow: 1;\n  flex-shrink: 1;\n`;\n\nexport const Toast = styled.div(\n  ({ isFixed, kind, zIndex, shouldRender }) => css`\n    align-items: flex-start;\n    background-color: ${backgroundColors[kind]};\n    border-color: ${borderColors[kind]};\n    border-radius: ${tokens.border.radius};\n    border-style: solid;\n    border-width: 1px;\n    color: ${tokens.color.black};\n    display: flex;\n    font-weight: normal;\n    margin-bottom: ${stylers.spacer(2)};\n    min-height: ${stylers.spacer(3)};\n    padding: ${tokens.spaceLg} ${tokens.spaceLg} 10px ${tokens.spaceLg};\n    position: relative;\n    text-align: left;\n    transition: opacity 0.3s ease-out;\n    word-break: break-word;\n    z-index: ${zIndex};\n\n    ${stylers.fontSize()} \n    ${stylers.lineHeight()} \n    ${isFixed ? fixedStyles : null}\n    ${!shouldRender || kind === types.toastKinds.VISUALLY_HIDDEN ? visuallyHidden : null};\n  `\n);\n"],"file":"Toast.styles.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paprika/toast",
-  "version": "1.1.15",
+  "version": "1.1.17-next.1",
   "description": "Toast component is a controlled or uncontrolled component that provides a easy way to commmunicate to users regarding success, warning, info, and error messages.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -16,16 +16,16 @@
   },
   "dependencies": {
     "@babel/runtime-corejs2": "^7.3.1",
-    "@paprika/button": "^1.1.8",
+    "@paprika/button": "^1.1.9-next.1",
     "@paprika/constants": "^1.0.0",
-    "@paprika/helpers": "^2.1.3",
+    "@paprika/helpers": "^2.1.4-next.0",
     "@paprika/icon": "^2.1.3",
     "@paprika/stylers": "^1.1.3",
     "@paprika/tokens": "^1.1.2",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
-    "@paprika/l10n": "^1.1.14",
+    "@paprika/l10n": "^1.1.15",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
     "styled-components": "^4.2.0"