@activecollab/components 1.0.84 → 1.0.87

package/dist/cjs/components/Dialog/Styles.js

@@ -16,7 +16,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var StyledDialog = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialog",
   componentId: "sc-jwpvgm-0"
-})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);", " width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], {
+  "borderRadius": "0.5rem"
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 
 exports.StyledDialog = StyledDialog;
 StyledDialog.displayName = "StyledDialog";

package/dist/cjs/components/Dialog/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["StyledDialog","styled","div","FontStyle","BoxSizingStyle","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,sWAarBC,oBAbqB,EAcrBC,8BAdqB,CAAlB;;;AAqBPJ,YAAY,CAACK,WAAb,GAA2B,cAA3B;;AAEO,IAAMC,iBAAiB,GAAGL,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG1BC,oBAH0B,EAI1BC,8BAJ0B,CAAvB;;;AAMPE,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;;AAEO,IAAME,mBAAmB,GAAGN,0BAAOC,GAAV;AAAA;AAAA;AAAA,mFAM5BC,oBAN4B,EAO5BC,8BAP4B,CAAzB;;;AASPG,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;;AAEO,IAAMG,0BAA0B,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,8DAAhC;;;AAIPM,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMI,mBAAmB,GAAGR,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG5BC,oBAH4B,EAI5BC,8BAJ4B,CAAzB;;;AAMPK,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 6px;\n  width: 540px;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: 126px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  @media only screen and (max-width: 480px) {\n    width: 310px;\n    margin: 60px auto 30px auto;\n  }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["StyledDialog","styled","div","FontStyle","BoxSizingStyle","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,yVAKnB;AAAA;AAAA,CALmB,EAarBC,oBAbqB,EAcrBC,8BAdqB,CAAlB;;;AAqBPJ,YAAY,CAACK,WAAb,GAA2B,cAA3B;;AAEO,IAAMC,iBAAiB,GAAGL,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG1BC,oBAH0B,EAI1BC,8BAJ0B,CAAvB;;;AAMPE,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;;AAEO,IAAME,mBAAmB,GAAGN,0BAAOC,GAAV;AAAA;AAAA;AAAA,mFAM5BC,oBAN4B,EAO5BC,8BAP4B,CAAzB;;;AASPG,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;;AAEO,IAAMG,0BAA0B,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,8DAAhC;;;AAIPM,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMI,mBAAmB,GAAGR,0BAAOC,GAAV;AAAA;AAAA;AAAA,oCAG5BC,oBAH4B,EAI5BC,8BAJ4B,CAAzB;;;AAMPK,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  ${tw`tw-rounded-lg`}\n  width: 540px;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: 126px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  @media only screen and (max-width: 480px) {\n    width: 310px;\n    margin: 60px auto 30px auto;\n  }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Label/Label.js

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Typography = require("../Typography/Typography");
 
-var _excluded = ["invalid", "required", "size", "children", "className"];
+var _excluded = ["invalid", "required", "size", "children", "className", "weight"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -36,6 +36,8 @@ var Label = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       size = _ref$size === void 0 ? "regular" : _ref$size,
       children = _ref.children,
       className = _ref.className,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "bold" : _ref$weight,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var color = invalid ? "alert" : "primary";
@@ -45,7 +47,7 @@ var Label = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     className: (0, _classnames.default)("c-label", className),
     variant: variant,
     color: color,
-    weight: "bold",
+    weight: weight,
     ref: ref
   }, props), children, required ? "*" : null);
 });

package/dist/cjs/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["Label","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAQO,IAAMA,KAAK,gBAAG,uBAKnB,gBASEC,GATF,EAUK;AAAA,0BARDC,OAQC;AAAA,MARDA,OAQC,6BARS,KAQT;AAAA,2BAPDC,QAOC;AAAA,MAPDA,QAOC,8BAPU,KAOV;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,6BAAC,sBAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBE,SAAtB,CAFb;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjCkB,CAAd;;AAoCPH,KAAK,CAACU,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps &\n    Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\" | \"weight\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight=\"bold\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}
+{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["Label","ref","invalid","required","size","children","className","weight","props","color","variant","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAQO,IAAMA,KAAK,gBAAG,uBAInB,gBAUEC,GAVF,EAWK;AAAA,0BATDC,OASC;AAAA,MATDA,OASC,6BATS,KAST;AAAA,2BARDC,QAQC;AAAA,MARDA,QAQC,8BARU,KAQV;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,SAON;AAAA,MANDC,QAMC,QANDA,QAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,yBAJDC,MAIC;AAAA,MAJDA,MAIC,4BAJQ,MAIR;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGP,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMQ,OAAO,GAAGN,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,6BAAC,sBAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAE,yBAAW,SAAX,EAAsBE,SAAtB,CAFb;AAGE,IAAA,OAAO,EAAEI,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAEF,MALV;AAME,IAAA,GAAG,EAAEN;AANP,KAOMO,KAPN,GASGH,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjCkB,CAAd;;AAoCPH,KAAK,CAACW,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight={weight}\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -21,6 +21,8 @@ var _helpers = require("../../helpers");
 
 var _Styles = require("./Styles");
 
+var _utils = require("../../utils");
+
 var _excluded = ["children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -79,7 +81,7 @@ var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
 
   var _useLayerContext = (0, _helpers.useLayerContext)(),
       _useLayerContext$zInd = _useLayerContext.zIndex,
-      zIndex = _useLayerContext$zInd === void 0 ? 1300 : _useLayerContext$zInd;
+      zIndex = _useLayerContext$zInd === void 0 ? _utils.layers.skyscraper : _useLayerContext$zInd;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),

package/dist/cjs/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":["TooltipAnimation","children","props","Tooltip","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","React","cloneElement","transitionProps","displayName"],"mappings":"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","sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = 1300 } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }): ReactElement => (\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"file":"Tooltip.js"}
+{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":["TooltipAnimation","children","props","Tooltip","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","layers","skyscraper","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","React","cloneElement","transitionProps","displayName"],"mappings":"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","sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\nimport { layers } from \"../../utils\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = layers.skyscraper } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }): ReactElement => (\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"file":"Tooltip.js"}

package/dist/cjs/components/Window/Window.js

@@ -21,6 +21,8 @@ var _reactRemoveScroll = require("react-remove-scroll");
 
 var _Style = require("./Style");
 
+var _utils = require("../../utils");
+
 var _excluded = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "preventClickEventBubbling", "onClick"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -64,7 +66,7 @@ var Window = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
 
   var _useLayerContext = (0, _helpers.useLayerContext)(),
       _useLayerContext$zInd = _useLayerContext.zIndex,
-      zIndex = _useLayerContext$zInd === void 0 ? 1300 : _useLayerContext$zInd;
+      zIndex = _useLayerContext$zInd === void 0 ? _utils.layers.skyscraper : _useLayerContext$zInd;
 
   var handleKeyDown = (0, _react.useCallback)(function (event) {
     if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape")) {

package/dist/cjs/components/Window/Window.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Window/Window.tsx"],"names":["returnFocus","preventScroll","Window","ref","children","onClose","className","style","onKeyDown","disableFocusLock","disableScrollLock","preventClickEventBubbling","onClick","rest","innerRef","handleRef","zIndex","handleKeyDown","event","defaultPrevented","key","preventDefault","handleClick","stopPropagation","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,WAAW,GAAG;AAAEC,EAAAA,aAAa,EAAE;AAAjB,CAApB;AAEO,IAAMC,MAAM,gBAAG,uBAIpB,gBAaEC,GAbF,EAcK;AAAA,MAZDC,QAYC,QAZDA,QAYC;AAAA,MAXDC,OAWC,QAXDA,OAWC;AAAA,MAVDC,SAUC,QAVDA,SAUC;AAAA,MATDC,KASC,QATDA,KASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,mCAPDC,gBAOC;AAAA,MAPDA,gBAOC,sCAPkB,KAOlB;AAAA,mCANDC,iBAMC;AAAA,MANDA,iBAMC,sCANmB,KAMnB;AAAA,mCALDC,yBAKC;AAAA,MALDA,yBAKC,sCAL2B,KAK3B;AAAA,MAJDC,OAIC,QAJDA,OAIC;AAAA,MAHEC,IAGF;;AACH,MAAMC,QAAQ,GAAG,mBAAuB,IAAvB,CAAjB;AACA,MAAMC,SAAS,GAAG,yBAAWD,QAAX,EAAqBX,GAArB,CAAlB;;AACA,yBAA0B,+BAA1B;AAAA,+CAAQa,MAAR;AAAA,MAAQA,MAAR,sCAAiB,IAAjB;;AAEA,MAAMC,aAAa,GAAG,wBACpB,UAACC,KAAD,EAA0C;AACxC,QACE,CAACA,KAAK,CAACC,gBAAP,KACCD,KAAK,CAACE,GAAN,KAAc,KAAd,IAAuBF,KAAK,CAACE,GAAN,KAAc,QADtC,CADF,EAGE;AACAF,MAAAA,KAAK,CAACG,cAAN;;AACA,UAAIhB,OAAJ,EAAa;AACXA,QAAAA,OAAO;AACR;AACF;;AACD,QAAI,OAAOG,SAAP,KAAqB,UAAzB,EAAqC;AACnCA,MAAAA,SAAS,CAACU,KAAD,CAAT;AACD;AACF,GAdmB,EAepB,CAACb,OAAD,EAAUG,SAAV,CAfoB,CAAtB;AAkBA,wBAAU,YAAM;AACd,WAAO,YAAY;AACjB,aAAOH,OAAP,KAAmB,UAAnB,IAAiCA,OAAO,EAAxC;AACD,KAFD,CADc,CAId;AACA;AACD,GAND,EAMG,EANH;AAQA,MAAMiB,WAAW,GAAG,wBAClB,UAACJ,KAAD,EAAW;AACT,QAAIP,yBAAJ,EAA+B;AAC7BO,MAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEK,eAAP;AACD;;AACD,WAAOX,OAAP,KAAmB,UAAnB,IAAiCA,OAAO,CAACM,KAAD,CAAxC;AACD,GANiB,EAOlB,CAACN,OAAD,EAAUD,yBAAV,CAPkB,CAApB;AAUA,sBACE,6BAAC,eAAD,qBACE,6BAAC,uBAAD;AAAW,IAAA,WAAW,EAAEX,WAAxB;AAAqC,IAAA,QAAQ,EAAES;AAA/C,kBACE,6BAAC,+BAAD;AACE,IAAA,YAAY,MADd;AAEE,IAAA,GAAG,EAAEM,SAFP;AAGE,IAAA,OAAO,EAAE,CAACL,iBAHZ;AAIE,IAAA,WAAW;AAJb,kBAME,6BAAC,mBAAD,eACMG,IADN;AAEE,IAAA,KAAK;AAAIG,MAAAA,MAAM,EAANA;AAAJ,OAAeT,KAAf,CAFP;AAGE,IAAA,SAAS,EAAEU,aAHb;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBX,SAAvB,CALb;AAME,IAAA,OAAO,EAAEgB;AANX,MAQGlB,QARH,CANF,CADF,CADF,CADF;AAuBD,CAlFmB,CAAf;;AAqFPF,MAAM,CAACsB,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n  KeyboardEvent,\n} from \"react\";\nimport classnames from \"classnames\";\nimport FocusLock from \"react-focus-lock\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { StyledWindow } from \"./Style\";\n\nexport interface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  preventClickEventBubbling?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IWindow>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      preventClickEventBubbling = false,\n      onClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = 1300 } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\")\n        ) {\n          event.preventDefault();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [onClose, onKeyDown]\n    );\n\n    useEffect(() => {\n      return (): void => {\n        typeof onClose === \"function\" && onClose();\n      };\n      // Dependency is empty because we only want to call onClose when component is unmounted\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const handleClick = useCallback(\n      (event) => {\n        if (preventClickEventBubbling) {\n          event?.stopPropagation();\n        }\n        typeof onClick === \"function\" && onClick(event);\n      },\n      [onClick, preventClickEventBubbling]\n    );\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n              onClick={handleClick}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"file":"Window.js"}
+{"version":3,"sources":["../../../../src/components/Window/Window.tsx"],"names":["returnFocus","preventScroll","Window","ref","children","onClose","className","style","onKeyDown","disableFocusLock","disableScrollLock","preventClickEventBubbling","onClick","rest","innerRef","handleRef","zIndex","layers","skyscraper","handleKeyDown","event","defaultPrevented","key","preventDefault","handleClick","stopPropagation","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,WAAW,GAAG;AAAEC,EAAAA,aAAa,EAAE;AAAjB,CAApB;AAEO,IAAMC,MAAM,gBAAG,uBAIpB,gBAaEC,GAbF,EAcK;AAAA,MAZDC,QAYC,QAZDA,QAYC;AAAA,MAXDC,OAWC,QAXDA,OAWC;AAAA,MAVDC,SAUC,QAVDA,SAUC;AAAA,MATDC,KASC,QATDA,KASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,mCAPDC,gBAOC;AAAA,MAPDA,gBAOC,sCAPkB,KAOlB;AAAA,mCANDC,iBAMC;AAAA,MANDA,iBAMC,sCANmB,KAMnB;AAAA,mCALDC,yBAKC;AAAA,MALDA,yBAKC,sCAL2B,KAK3B;AAAA,MAJDC,OAIC,QAJDA,OAIC;AAAA,MAHEC,IAGF;;AACH,MAAMC,QAAQ,GAAG,mBAAuB,IAAvB,CAAjB;AACA,MAAMC,SAAS,GAAG,yBAAWD,QAAX,EAAqBX,GAArB,CAAlB;;AACA,yBAAuC,+BAAvC;AAAA,+CAAQa,MAAR;AAAA,MAAQA,MAAR,sCAAiBC,cAAOC,UAAxB;;AAEA,MAAMC,aAAa,GAAG,wBACpB,UAACC,KAAD,EAA0C;AACxC,QACE,CAACA,KAAK,CAACC,gBAAP,KACCD,KAAK,CAACE,GAAN,KAAc,KAAd,IAAuBF,KAAK,CAACE,GAAN,KAAc,QADtC,CADF,EAGE;AACAF,MAAAA,KAAK,CAACG,cAAN;;AACA,UAAIlB,OAAJ,EAAa;AACXA,QAAAA,OAAO;AACR;AACF;;AACD,QAAI,OAAOG,SAAP,KAAqB,UAAzB,EAAqC;AACnCA,MAAAA,SAAS,CAACY,KAAD,CAAT;AACD;AACF,GAdmB,EAepB,CAACf,OAAD,EAAUG,SAAV,CAfoB,CAAtB;AAkBA,wBAAU,YAAM;AACd,WAAO,YAAY;AACjB,aAAOH,OAAP,KAAmB,UAAnB,IAAiCA,OAAO,EAAxC;AACD,KAFD,CADc,CAId;AACA;AACD,GAND,EAMG,EANH;AAQA,MAAMmB,WAAW,GAAG,wBAClB,UAACJ,KAAD,EAAW;AACT,QAAIT,yBAAJ,EAA+B;AAC7BS,MAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEK,eAAP;AACD;;AACD,WAAOb,OAAP,KAAmB,UAAnB,IAAiCA,OAAO,CAACQ,KAAD,CAAxC;AACD,GANiB,EAOlB,CAACR,OAAD,EAAUD,yBAAV,CAPkB,CAApB;AAUA,sBACE,6BAAC,eAAD,qBACE,6BAAC,uBAAD;AAAW,IAAA,WAAW,EAAEX,WAAxB;AAAqC,IAAA,QAAQ,EAAES;AAA/C,kBACE,6BAAC,+BAAD;AACE,IAAA,YAAY,MADd;AAEE,IAAA,GAAG,EAAEM,SAFP;AAGE,IAAA,OAAO,EAAE,CAACL,iBAHZ;AAIE,IAAA,WAAW;AAJb,kBAME,6BAAC,mBAAD,eACMG,IADN;AAEE,IAAA,KAAK;AAAIG,MAAAA,MAAM,EAANA;AAAJ,OAAeT,KAAf,CAFP;AAGE,IAAA,SAAS,EAAEY,aAHb;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBb,SAAvB,CALb;AAME,IAAA,OAAO,EAAEkB;AANX,MAQGpB,QARH,CANF,CADF,CADF,CADF;AAuBD,CAlFmB,CAAf;;AAqFPF,MAAM,CAACwB,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n  KeyboardEvent,\n} from \"react\";\nimport classnames from \"classnames\";\nimport FocusLock from \"react-focus-lock\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { StyledWindow } from \"./Style\";\nimport { layers } from \"../../utils\";\n\nexport interface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  preventClickEventBubbling?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IWindow>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      preventClickEventBubbling = false,\n      onClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = layers.skyscraper } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\")\n        ) {\n          event.preventDefault();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [onClose, onKeyDown]\n    );\n\n    useEffect(() => {\n      return (): void => {\n        typeof onClose === \"function\" && onClose();\n      };\n      // Dependency is empty because we only want to call onClose when component is unmounted\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const handleClick = useCallback(\n      (event) => {\n        if (preventClickEventBubbling) {\n          event?.stopPropagation();\n        }\n        typeof onClick === \"function\" && onClick(event);\n      },\n      [onClick, preventClickEventBubbling]\n    );\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n              onClick={handleClick}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"file":"Window.js"}

package/dist/cjs/index.js

@@ -42,4 +42,17 @@ Object.keys(_hooks).forEach(function (key) {
     }
   });
 });
+
+var _utils = require("./utils");
+
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _utils[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./components\";\nexport * from \"./helpers\";\nexport * from \"./hooks\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./components\";\nexport * from \"./helpers\";\nexport * from \"./hooks\";\nexport * from \"./utils\";\n"],"file":"index.js"}

package/dist/cjs/utils/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _layers = require("./layers");
+
+Object.keys(_layers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _layers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _layers[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./layers\";\n"],"file":"index.js"}

package/dist/cjs/utils/layers.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.layers = void 0;
+var layers = {
+  cloud: 100000,
+  skyscraper: 1300,
+  tower: 1200,
+  house: 1000
+};
+exports.layers = layers;
+//# sourceMappingURL=layers.js.map

package/dist/cjs/utils/layers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/layers.ts"],"names":["layers","cloud","skyscraper","tower","house"],"mappings":";;;;;;AAAO,IAAMA,MAAM,GAAG;AACpBC,EAAAA,KAAK,EAAE,MADa;AAEpBC,EAAAA,UAAU,EAAE,IAFQ;AAGpBC,EAAAA,KAAK,EAAE,IAHa;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAf","sourcesContent":["export const layers = {\n  cloud: 100000,\n  skyscraper: 1300,\n  tower: 1200,\n  house: 1000,\n};\n"],"file":"layers.js"}

package/dist/esm/components/Dialog/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,oEAoBxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,oEAK7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAQ/B,CAAC;AAGF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAK/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEAoBxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,oEAK7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAQ/B,CAAC;AAGF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAK/B,CAAC"}

package/dist/esm/components/Dialog/Styles.js

@@ -4,7 +4,9 @@ import { FontStyle } from "../FontStyle";
 export var StyledDialog = styled.div.withConfig({
   displayName: "Styles__StyledDialog",
   componentId: "sc-jwpvgm-0"
-})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:6px;width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], FontStyle, BoxSizingStyle);
+})(["max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);", " width:540px;display:flex;flex-direction:column;flex:1 1 auto;margin:126px auto 30px auto;position:relative;", " ", " @media only screen and (max-width:480px){width:310px;margin:60px auto 30px auto;}"], {
+  "borderRadius": "0.5rem"
+}, FontStyle, BoxSizingStyle);
 StyledDialog.displayName = "StyledDialog";
 export var StyledDialogTitle = styled.div.withConfig({
   displayName: "Styles__StyledDialogTitle",

package/dist/esm/components/Dialog/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledDialog","div","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,sWAarBF,SAbqB,EAcrBD,cAdqB,CAAlB;AAqBPE,YAAY,CAACE,WAAb,GAA2B,cAA3B;AAEA,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG1BF,SAH0B,EAI1BD,cAJ0B,CAAvB;AAMPK,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAME,mBAAmB,GAAGP,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,mFAM5BF,SAN4B,EAO5BD,cAP4B,CAAzB;AASPM,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMG,0BAA0B,GAAGR,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,8DAAhC;AAIPI,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMI,mBAAmB,GAAGT,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG5BF,SAH4B,EAI5BD,cAJ4B,CAAzB;AAMPQ,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 6px;\n  width: 540px;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: 126px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  @media only screen and (max-width: 480px) {\n    width: 310px;\n    margin: 60px auto 30px auto;\n  }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Dialog/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledDialog","div","displayName","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,yVAKnB;AAAA;AAAA,CALmB,EAarBF,SAbqB,EAcrBD,cAdqB,CAAlB;AAqBPE,YAAY,CAACE,WAAb,GAA2B,cAA3B;AAEA,OAAO,IAAMC,iBAAiB,GAAGN,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG1BF,SAH0B,EAI1BD,cAJ0B,CAAvB;AAMPK,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAME,mBAAmB,GAAGP,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,mFAM5BF,SAN4B,EAO5BD,cAP4B,CAAzB;AASPM,mBAAmB,CAACF,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAMG,0BAA0B,GAAGR,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,8DAAhC;AAIPI,0BAA0B,CAACH,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAMI,mBAAmB,GAAGT,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,oCAG5BF,SAH4B,EAI5BD,cAJ4B,CAAzB;AAMPQ,mBAAmB,CAACJ,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  ${tw`tw-rounded-lg`}\n  width: 540px;\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  margin: 126px auto 30px auto;\n  position: relative;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  @media only screen and (max-width: 480px) {\n    width: 310px;\n    margin: 60px auto 30px auto;\n  }\n`;\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"file":"Styles.js"}

package/dist/esm/components/Label/Label.d.ts

@@ -5,5 +5,5 @@ export interface ILabelProps {
     required?: boolean;
     size?: "regular" | "small";
 }
-export declare const Label: React.ForwardRefExoticComponent<ILabelProps & Omit<ITypographyProps, "color" | "variant" | "weight" | keyof ILabelProps> & React.RefAttributes<HTMLLabelElement>>;
+export declare const Label: React.ForwardRefExoticComponent<ILabelProps & Omit<ITypographyProps, "color" | "variant" | keyof ILabelProps> & React.RefAttributes<HTMLLabelElement>>;
 //# sourceMappingURL=Label.d.ts.map

package/dist/esm/components/Label/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAExE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,mKAkCjB,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,0BAA0B,CAAC;AAExE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,wJAkCjB,CAAC"}

package/dist/esm/components/Label/Label.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["invalid", "required", "size", "children", "className"];
+var _excluded = ["invalid", "required", "size", "children", "className", "weight"];
 import classNames from "classnames";
 import React, { forwardRef } from "react";
 import { Typography } from "../Typography/Typography";
@@ -13,6 +13,8 @@ export var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
       size = _ref$size === void 0 ? "regular" : _ref$size,
       children = _ref.children,
       className = _ref.className,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? "bold" : _ref$weight,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var color = invalid ? "alert" : "primary";
@@ -22,7 +24,7 @@ export var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className: classNames("c-label", className),
     variant: variant,
     color: color,
-    weight: "bold",
+    weight: weight,
     ref: ref
   }, props), children, required ? "*" : null);
 });

package/dist/esm/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["classNames","React","forwardRef","Typography","Label","ref","invalid","required","size","children","className","props","color","variant","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,0BAA7C;AAQA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAK7B,gBASEG,GATF,EAUK;AAAA,0BARDC,OAQC;AAAA,MARDA,OAQC,6BARS,KAQT;AAAA,2BAPDC,QAOC;AAAA,MAPDA,QAOC,8BAPU,KAOV;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,SAMN;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGN,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMO,OAAO,GAAGL,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,SAAD,EAAYU,SAAZ,CAFvB;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAC,MALT;AAME,IAAA,GAAG,EAAEP;AANP,KAOMM,KAPN,GASGF,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjC4B,CAAxB;AAoCPH,KAAK,CAACU,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps &\n    Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\" | \"weight\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight=\"bold\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}
+{"version":3,"sources":["../../../../src/components/Label/Label.tsx"],"names":["classNames","React","forwardRef","Typography","Label","ref","invalid","required","size","children","className","weight","props","color","variant","displayName"],"mappings":";;;AAAA,OAAOA,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,0BAA7C;AAQA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAI7B,gBAUEG,GAVF,EAWK;AAAA,0BATDC,OASC;AAAA,MATDA,OASC,6BATS,KAST;AAAA,2BARDC,QAQC;AAAA,MARDA,QAQC,8BARU,KAQV;AAAA,uBAPDC,IAOC;AAAA,MAPDA,IAOC,0BAPM,SAON;AAAA,MANDC,QAMC,QANDA,QAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,yBAJDC,MAIC;AAAA,MAJDA,MAIC,4BAJQ,MAIR;AAAA,MAHEC,KAGF;;AACH,MAAMC,KAAK,GAAGP,OAAO,GAAG,OAAH,GAAa,SAAlC;AACA,MAAMQ,OAAO,GAAGN,IAAI,KAAK,SAAT,GAAqB,QAArB,GAAgC,WAAhD;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAC,OADL;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,SAAD,EAAYU,SAAZ,CAFvB;AAGE,IAAA,OAAO,EAAEI,OAHX;AAIE,IAAA,KAAK,EAAED,KAJT;AAKE,IAAA,MAAM,EAAEF,MALV;AAME,IAAA,GAAG,EAAEN;AANP,KAOMO,KAPN,GASGH,QATH,EAUGF,QAAQ,GAAG,GAAH,GAAS,IAVpB,CADF;AAcD,CAjC4B,CAAxB;AAoCPH,KAAK,CAACW,WAAN,GAAoB,OAApB","sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface ILabelProps {\n  invalid?: boolean;\n  required?: boolean;\n  size?: \"regular\" | \"small\";\n}\n\nexport const Label = forwardRef<\n  HTMLLabelElement,\n  ILabelProps & Omit<ITypographyProps, keyof ILabelProps | \"variant\" | \"color\">\n>(\n  (\n    {\n      invalid = false,\n      required = false,\n      size = \"regular\",\n      children,\n      className,\n      weight = \"bold\",\n      ...props\n    },\n    ref\n  ) => {\n    const color = invalid ? \"alert\" : \"primary\";\n    const variant = size === \"regular\" ? \"Body 2\" : \"Caption 1\";\n\n    return (\n      <Typography\n        as=\"label\"\n        className={classNames(\"c-label\", className)}\n        variant={variant}\n        color={color}\n        weight={weight}\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {required ? \"*\" : null}\n      </Typography>\n    );\n  }\n);\n\nLabel.displayName = \"Label\";\n"],"file":"Label.js"}

package/dist/esm/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EAEZ,aAAa,EAGb,GAAG,EAEJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAU,SAAS,EAAE,MAAM,WAAW,CAAC;AAG9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAIjD,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAE5B,QAAQ,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAEtC,KAAK,EAAE,YAAY,GAAG,MAAM,CAAC;IAE7B,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAEhD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IAEnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAcD,eAAO,MAAM,OAAO,mFAqFnB,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EAEZ,aAAa,EAGb,GAAG,EAEJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAU,SAAS,EAAE,MAAM,WAAW,CAAC;AAG9C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKjD,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,MAAM,WAAW,aAAa;IAE5B,QAAQ,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAEtC,KAAK,EAAE,YAAY,GAAG,MAAM,CAAC;IAE7B,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAEhD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IAEnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAcD,eAAO,MAAM,OAAO,mFAqFnB,CAAC"}

package/dist/esm/components/Tooltip/Tooltip.js

@@ -8,6 +8,7 @@ import { FromElement } from "../Transitions/FromElement";
 import useForkRef from "../../utils/useForkRef";
 import { Portal, useLayerContext } from "../../helpers";
 import { StyledTooltip } from "./Styles";
+import { layers } from "../../utils";
 
 var TooltipAnimation = function TooltipAnimation(_ref) {
   var children = _ref.children,
@@ -35,7 +36,7 @@ export var Tooltip = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 
   var _useLayerContext = useLayerContext(),
       _useLayerContext$zInd = _useLayerContext.zIndex,
-      zIndex = _useLayerContext$zInd === void 0 ? 1300 : _useLayerContext$zInd;
+      zIndex = _useLayerContext$zInd === void 0 ? layers.skyscraper : _useLayerContext$zInd;
 
   var _useState = useState(false),
       open = _useState[0],

package/dist/esm/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":["React","useState","forwardRef","classnames","Popper","FromElement","useForkRef","Portal","useLayerContext","StyledTooltip","TooltipAnimation","children","props","Tooltip","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","cloneElement","transitionProps","displayName"],"mappings":"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","sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = 1300 } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }): ReactElement => (\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"file":"Tooltip.js"}
+{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":["React","useState","forwardRef","classnames","Popper","FromElement","useForkRef","Portal","useLayerContext","StyledTooltip","layers","TooltipAnimation","children","props","Tooltip","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","skyscraper","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","cloneElement","transitionProps","displayName"],"mappings":"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","sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\nimport { layers } from \"../../utils\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = layers.skyscraper } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }): ReactElement => (\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"file":"Tooltip.js"}

package/dist/esm/components/Window/Window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Window.d.ts","sourceRoot":"","sources":["../../../../src/components/Window/Window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,OAAO;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAID,eAAO,MAAM,MAAM,+OAmFlB,CAAC"}
+{"version":3,"file":"Window.d.ts","sourceRoot":"","sources":["../../../../src/components/Window/Window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,OAAO;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAID,eAAO,MAAM,MAAM,+OAmFlB,CAAC"}

package/dist/esm/components/Window/Window.js

@@ -8,6 +8,7 @@ import { Portal, useLayerContext } from "../../helpers";
 import useForkRef from "../../utils/useForkRef";
 import { RemoveScroll } from "react-remove-scroll";
 import { StyledWindow } from "./Style";
+import { layers } from "../../utils";
 var returnFocus = {
   preventScroll: true
 };
@@ -31,7 +32,7 @@ export var Window = /*#__PURE__*/forwardRef(function (_ref, ref) {
 
   var _useLayerContext = useLayerContext(),
       _useLayerContext$zInd = _useLayerContext.zIndex,
-      zIndex = _useLayerContext$zInd === void 0 ? 1300 : _useLayerContext$zInd;
+      zIndex = _useLayerContext$zInd === void 0 ? layers.skyscraper : _useLayerContext$zInd;
 
   var handleKeyDown = useCallback(function (event) {
     if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape")) {

package/dist/esm/components/Window/Window.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Window/Window.tsx"],"names":["React","useCallback","useRef","useEffect","forwardRef","classnames","FocusLock","Portal","useLayerContext","useForkRef","RemoveScroll","StyledWindow","returnFocus","preventScroll","Window","ref","children","onClose","className","style","onKeyDown","disableFocusLock","disableScrollLock","preventClickEventBubbling","onClick","rest","innerRef","handleRef","zIndex","handleKeyDown","event","defaultPrevented","key","preventDefault","handleClick","stopPropagation","displayName"],"mappings":"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","sourcesContent":["import React, {\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n  KeyboardEvent,\n} from \"react\";\nimport classnames from \"classnames\";\nimport FocusLock from \"react-focus-lock\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { StyledWindow } from \"./Style\";\n\nexport interface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  preventClickEventBubbling?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IWindow>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      preventClickEventBubbling = false,\n      onClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = 1300 } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\")\n        ) {\n          event.preventDefault();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [onClose, onKeyDown]\n    );\n\n    useEffect(() => {\n      return (): void => {\n        typeof onClose === \"function\" && onClose();\n      };\n      // Dependency is empty because we only want to call onClose when component is unmounted\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const handleClick = useCallback(\n      (event) => {\n        if (preventClickEventBubbling) {\n          event?.stopPropagation();\n        }\n        typeof onClick === \"function\" && onClick(event);\n      },\n      [onClick, preventClickEventBubbling]\n    );\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n              onClick={handleClick}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"file":"Window.js"}
+{"version":3,"sources":["../../../../src/components/Window/Window.tsx"],"names":["React","useCallback","useRef","useEffect","forwardRef","classnames","FocusLock","Portal","useLayerContext","useForkRef","RemoveScroll","StyledWindow","layers","returnFocus","preventScroll","Window","ref","children","onClose","className","style","onKeyDown","disableFocusLock","disableScrollLock","preventClickEventBubbling","onClick","rest","innerRef","handleRef","zIndex","skyscraper","handleKeyDown","event","defaultPrevented","key","preventDefault","handleClick","stopPropagation","displayName"],"mappings":"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","sourcesContent":["import React, {\n  useCallback,\n  useRef,\n  useEffect,\n  forwardRef,\n  KeyboardEvent,\n} from \"react\";\nimport classnames from \"classnames\";\nimport FocusLock from \"react-focus-lock\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { StyledWindow } from \"./Style\";\nimport { layers } from \"../../utils\";\n\nexport interface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  preventClickEventBubbling?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IWindow>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      preventClickEventBubbling = false,\n      onClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = layers.skyscraper } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\")\n        ) {\n          event.preventDefault();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [onClose, onKeyDown]\n    );\n\n    useEffect(() => {\n      return (): void => {\n        typeof onClose === \"function\" && onClose();\n      };\n      // Dependency is empty because we only want to call onClose when component is unmounted\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const handleClick = useCallback(\n      (event) => {\n        if (preventClickEventBubbling) {\n          event?.stopPropagation();\n        }\n        typeof onClick === \"function\" && onClick(event);\n      },\n      [onClick, preventClickEventBubbling]\n    );\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n              onClick={handleClick}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"file":"Window.js"}

package/dist/esm/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./components";
 export * from "./helpers";
 export * from "./hooks";
+export * from "./utils";
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/esm/index.js

@@ -1,4 +1,5 @@
 export * from "./components";
 export * from "./helpers";
 export * from "./hooks";
+export * from "./utils";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,SAAd","sourcesContent":["export * from \"./components\";\nexport * from \"./helpers\";\nexport * from \"./hooks\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd;AACA,cAAc,WAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd","sourcesContent":["export * from \"./components\";\nexport * from \"./helpers\";\nexport * from \"./hooks\";\nexport * from \"./utils\";\n"],"file":"index.js"}

package/dist/esm/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./layers";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/utils/index.js

@@ -0,0 +1,2 @@
+export * from "./layers";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from \"./layers\";\n"],"file":"index.js"}

package/dist/esm/utils/layers.d.ts

@@ -0,0 +1,7 @@
+export declare const layers: {
+    cloud: number;
+    skyscraper: number;
+    tower: number;
+    house: number;
+};
+//# sourceMappingURL=layers.d.ts.map

package/dist/esm/utils/layers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layers.d.ts","sourceRoot":"","sources":["../../../src/utils/layers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC"}

package/dist/esm/utils/layers.js

@@ -0,0 +1,7 @@
+export var layers = {
+  cloud: 100000,
+  skyscraper: 1300,
+  tower: 1200,
+  house: 1000
+};
+//# sourceMappingURL=layers.js.map

package/dist/esm/utils/layers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/layers.ts"],"names":["layers","cloud","skyscraper","tower","house"],"mappings":"AAAA,OAAO,IAAMA,MAAM,GAAG;AACpBC,EAAAA,KAAK,EAAE,MADa;AAEpBC,EAAAA,UAAU,EAAE,IAFQ;AAGpBC,EAAAA,KAAK,EAAE,IAHa;AAIpBC,EAAAA,KAAK,EAAE;AAJa,CAAf","sourcesContent":["export const layers = {\n  cloud: 100000,\n  skyscraper: 1300,\n  tower: 1200,\n  house: 1000,\n};\n"],"file":"layers.js"}