@laerdal/life-react-components 5.0.5 → 5.0.6-dev.2

package/dist/Toggles/ToggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.js","names":["React","ToggleSwitchContainer","ToggleSwitch","Switch","StyledSwitch","COLORS","Size","SystemIcons","useFocusVisibleRef","styled","useTheme","jsx","_jsx","jsxs","_jsxs","CheckmarkContainer","div","_templateObject","_taggedTemplateLiteral","forwardRef","_ref","ref","_size","id","disabled","selected","label","isSemantic","size","onToggle","className","rest","_objectWithoutProperties","_excluded","toggle","theme","focusVisibleRef","useImperativeHandle","current","Medium","_objectSpread","onClick","e","onKeyDown","key","toString","toLowerCase","concat","$selected","role","tabIndex","children","CheckMark","color","getColor","htmlFor"],"sources":["../../src/Toggles/ToggleSwitch.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom types.\n */\nimport {ToggleSwitchProps} from './TogglerTypes';\n\n/**\n * Import custom styles.\n */\nimport {ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch} from './TogglerStyles';\nimport {COLORS, Size, SystemIcons} from '..';\nimport {useFocusVisibleRef} from '../common';\nimport styled, { useTheme } from \"styled-components\";\n\nconst CheckmarkContainer =  styled.div`\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  left: 2px;\n`;\n\nconst ToggleSwitch = React.forwardRef(({\n                                         id,\n                                         disabled,\n                                         selected,\n                                         label,\n                                         isSemantic,\n                                         size,\n                                         onToggle,\n                                         className,\n                                         ...rest\n                                       }: ToggleSwitchProps, ref) => {\n  /**\n   * Does all required pre-requisites and toggles the switcher state.\n   */\n  const toggle = () => {\n    // If disabled, don't do anything\n    if (disabled) return;\n\n    // Toggle state change\n    onToggle(!selected);\n  };\n\n  const theme = useTheme();\n\n  const focusVisibleRef = useFocusVisibleRef([]);\n\n  React.useImperativeHandle(ref, () => focusVisibleRef.current, [focusVisibleRef]);\n\n  size = size ?? Size.Medium;\n\n  return (\n    <StyledSwitch\n      ref={focusVisibleRef}\n      onClick={(e) => toggle()}\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && toggle()}\n      className={size\n        .toString()\n        .toLowerCase()\n        .concat(disabled ? ' disabled' : '')\n        .concat(className ? ` ${className}` : '')}\n      $selected={selected}\n      id={id}\n      role=\"switch\"\n      aria-pressed={selected}\n      tabIndex={disabled ? -1 : 0}\n      {...rest}>\n      <ToggleSwitchContainer id=\"switchContainer\">\n        <Switch className={isSemantic ? 'semantic' : ''} >\n          {selected && <CheckmarkContainer><SystemIcons.CheckMark size={'14px'} color={COLORS.getColor('white', theme)}/></CheckmarkContainer>}\n        </Switch>\n      </ToggleSwitchContainer>\n      {label && (\n        <label className={'label'} htmlFor={id}>\n          {label}\n        </label>\n      )}\n    </StyledSwitch>\n  );\n});\n\nexport default ToggleSwitch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ToggleSwitch.js","names":["React","ToggleSwitchContainer","ToggleSwitch","Switch","StyledSwitch","COLORS","Size","SystemIcons","useFocusVisibleRef","styled","useTheme","jsx","_jsx","jsxs","_jsxs","CheckmarkContainer","div","_templateObject","_taggedTemplateLiteral","forwardRef","_ref","ref","_size","id","disabled","selected","label","isSemantic","size","onToggle","className","rest","_objectWithoutProperties","_excluded","toggle","theme","focusVisibleRef","useImperativeHandle","current","Medium","_objectSpread","onClick","e","onKeyDown","key","toString","toLowerCase","concat","$selected","role","tabIndex","children","CheckMark","color","getColor","htmlFor"],"sources":["../../src/Toggles/ToggleSwitch.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ToggleSwitchProps} from './TogglerTypes';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch} from './TogglerStyles';\r\nimport {COLORS, Size, SystemIcons} from '..';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport styled, { useTheme } from \"styled-components\";\r\n\r\nconst CheckmarkContainer =  styled.div`\r\n  position: absolute;\r\n  width: 14px;\r\n  height: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  left: 2px;\r\n`;\r\n\r\nconst ToggleSwitch = React.forwardRef(({\r\n                                         id,\r\n                                         disabled,\r\n                                         selected,\r\n                                         label,\r\n                                         isSemantic,\r\n                                         size,\r\n                                         onToggle,\r\n                                         className,\r\n                                         ...rest\r\n                                       }: ToggleSwitchProps, ref) => {\r\n  /**\r\n   * Does all required pre-requisites and toggles the switcher state.\r\n   */\r\n  const toggle = () => {\r\n    // If disabled, don't do anything\r\n    if (disabled) return;\r\n\r\n    // Toggle state change\r\n    onToggle(!selected);\r\n  };\r\n\r\n  const theme = useTheme();\r\n\r\n  const focusVisibleRef = useFocusVisibleRef([]);\r\n\r\n  React.useImperativeHandle(ref, () => focusVisibleRef.current, [focusVisibleRef]);\r\n\r\n  size = size ?? Size.Medium;\r\n\r\n  return (\r\n    <StyledSwitch\r\n      ref={focusVisibleRef}\r\n      onClick={(e) => toggle()}\r\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && toggle()}\r\n      className={size\r\n        .toString()\r\n        .toLowerCase()\r\n        .concat(disabled ? ' disabled' : '')\r\n        .concat(className ? ` ${className}` : '')}\r\n      $selected={selected}\r\n      id={id}\r\n      role=\"switch\"\r\n      aria-pressed={selected}\r\n      tabIndex={disabled ? -1 : 0}\r\n      {...rest}>\r\n      <ToggleSwitchContainer id=\"switchContainer\">\r\n        <Switch className={isSemantic ? 'semantic' : ''} >\r\n          {selected && <CheckmarkContainer><SystemIcons.CheckMark size={'14px'} color={COLORS.getColor('white', theme)}/></CheckmarkContainer>}\r\n        </Switch>\r\n      </ToggleSwitchContainer>\r\n      {label && (\r\n        <label className={'label'} htmlFor={id}>\r\n          {label}\r\n        </label>\r\n      )}\r\n    </StyledSwitch>\r\n  );\r\n});\r\n\r\nexport default ToggleSwitch;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Toggles/TogglerStyles.cjs

@@ -10,11 +10,11 @@ var _styles = require("../styles");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _typography = require("../styles/typography");
 var _templateObject, _templateObject2, _templateObject3;
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
-/**
- * Import third-party libraries.
+/**
+ * Import third-party libraries.
  */
 var StyledSwitch = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  width: max-content;\n  min-height: 48px;\n  min-width: 48px;\n  align-items: center;\n  cursor: pointer;\n  &.small {\n    ", "\n  }\n\n  &.medium {\n    ", "\n  }\n\n  &.large {\n    ", "\n  }\n  &.disabled {\n    color: ", ";\n\n    .label {\n      cursor: not-allowed;\n    }\n  }\n  .label {\n    cursor: inherit;\n    margin-left: 8px;\n  }\n\n  &:not(.disabled):active label:first-of-type span {\n    &:before {\n      background-color: ", ";\n    }\n  }\n\n  &.disabled[aria-pressed='true'] label:first-of-type span {\n    background-color: ", " !important;\n    cursor: not-allowed;\n\n    &:before {\n      background-color: ", " !important;\n      cursor: not-allowed;\n    }\n  }\n\n  &[aria-pressed='true']:hover span {\n    &.semantic {\n      background-color: ", ";\n    }\n\n    &:before {\n      background-color: ", ";\n    }\n  }\n\n  &[aria-pressed='true'] label:first-of-type span {\n    background-color: ", ";\n\n    &.semantic {\n      background-color: ", ";\n    }\n\n    &:before {\n      -webkit-transform: translateX(20px);\n      -ms-transform: translateX(20px);\n      transform: translateX(20px);\n    }\n  }\n\n  &.disabled[aria-pressed='false'] label:first-of-type span {\n    background-color: ", " !important;\n    cursor: not-allowed;\n\n    &:before {\n      background-color: ", " !important;\n      cursor: not-allowed;\n    }\n  }\n\n  &[aria-pressed='false']:hover label:first-of-type span {\n    &.semantic {\n      background-color: ", ";\n    }\n\n    &:before {\n      background-color: ", ";\n    }\n  }\n\n  &:not(.disabled).focus-visible {\n    ", "\n  }\n\n  &:not(.disabled) label:first-of-type {\n    cursor: inherit;\n  }\n"])), function (props) {
   return (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('black', props.theme));

package/dist/Toggles/TogglerStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TogglerStyles.cjs","names":["_styles","require","_styledComponents","_interopRequireDefault","_typography","_templateObject","_templateObject2","_templateObject3","StyledSwitch","styled","div","_taggedTemplateLiteral2","props","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","focusStyles","exports","ToggleSwitchContainer","label","ToggleSwitch","span"],"sources":["../../src/Toggles/TogglerStyles.ts"],"sourcesContent":["/**\n * Import custom styles.\n */\nimport { COLORS, focusStyles } from '../styles';\n\n/**\n * Import third-party libraries.\n */\nimport styled, { css } from 'styled-components';\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\n\nexport const StyledSwitch = styled.div<{ $selected: boolean | undefined }>`\n  display: flex;\n  flex-direction: row;\n  width: max-content;\n  min-height: 48px;\n  min-width: 48px;\n  align-items: center;\n  cursor: pointer;\n  &.small {\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n  }\n\n  &.medium {\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n  }\n\n  &.large {\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n  }\n  &.disabled {\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\n\n    .label {\n      cursor: not-allowed;\n    }\n  }\n  .label {\n    cursor: inherit;\n    margin-left: 8px;\n  }\n\n  &:not(.disabled):active label:first-of-type span {\n    &:before {\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n    }\n  }\n\n  &.disabled[aria-pressed='true'] label:first-of-type span {\n    background-color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n    cursor: not-allowed;\n\n    &:before {\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)} !important;\n      cursor: not-allowed;\n    }\n  }\n\n  &[aria-pressed='true']:hover span {\n    &.semantic {\n      background-color: ${props => COLORS.getColor('correct_500', props.theme)};\n    }\n\n    &:before {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    }\n  }\n\n  &[aria-pressed='true'] label:first-of-type span {\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n\n    &.semantic {\n      background-color: ${props => COLORS.getColor('correct_500', props.theme)};\n    }\n\n    &:before {\n      -webkit-transform: translateX(20px);\n      -ms-transform: translateX(20px);\n      transform: translateX(20px);\n    }\n  }\n\n  &.disabled[aria-pressed='false'] label:first-of-type span {\n    background-color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n    cursor: not-allowed;\n\n    &:before {\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)} !important;\n      cursor: not-allowed;\n    }\n  }\n\n  &[aria-pressed='false']:hover label:first-of-type span {\n    &.semantic {\n      background-color: ${props => COLORS.getColor('critical_500', props.theme)};\n    }\n\n    &:before {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    }\n  }\n\n  &:not(.disabled).focus-visible {\n    ${focusStyles}\n  }\n\n  &:not(.disabled) label:first-of-type {\n    cursor: inherit;\n  }\n`;\n\nexport const ToggleSwitchContainer = styled.label`\n  position: relative;\n  align-items: center;\n  display: inline-flex;\n  height: 28px;\n  width: auto;\n  padding: 10px 6px;\n`;\n\nexport const ToggleSwitch = styled.span`\n  position: relative;\n  display: flex;\n  align-items: center;\n  vertical-align: middle;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 36px;\n  height: 16px;\n  background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\n  border-radius: 100px;\n\n  &.semantic {\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\n  }\n\n  &:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    left: 2px;\n    top: calc(50% - 6px);\n    background-color: ${props => COLORS.getColor('white', props.theme)};\n    -webkit-transition: background-color 0.1s, transform 0.1s;\n    transition: 0.1s;\n    transition-timing-function: ease-in-out;\n    border-radius: 50%;\n  }\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TogglerStyles.cjs","names":["_styles","require","_styledComponents","_interopRequireDefault","_typography","_templateObject","_templateObject2","_templateObject3","StyledSwitch","styled","div","_taggedTemplateLiteral2","props","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","focusStyles","exports","ToggleSwitchContainer","label","ToggleSwitch","span"],"sources":["../../src/Toggles/TogglerStyles.ts"],"sourcesContent":["/**\r\n * Import custom styles.\r\n */\r\nimport { COLORS, focusStyles } from '../styles';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled, { css } from 'styled-components';\r\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\r\n\r\nexport const StyledSwitch = styled.div<{ $selected: boolean | undefined }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  width: max-content;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  &.small {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  }\r\n\r\n  &.medium {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  }\r\n\r\n  &.large {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  }\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n\r\n    .label {\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n  .label {\r\n    cursor: inherit;\r\n    margin-left: 8px;\r\n  }\r\n\r\n  &:not(.disabled):active label:first-of-type span {\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled[aria-pressed='true'] label:first-of-type span {\r\n    background-color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    cursor: not-allowed;\r\n\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)} !important;\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n\r\n  &[aria-pressed='true']:hover span {\r\n    &.semantic {\r\n      background-color: ${props => COLORS.getColor('correct_500', props.theme)};\r\n    }\r\n\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n  }\r\n\r\n  &[aria-pressed='true'] label:first-of-type span {\r\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n\r\n    &.semantic {\r\n      background-color: ${props => COLORS.getColor('correct_500', props.theme)};\r\n    }\r\n\r\n    &:before {\r\n      -webkit-transform: translateX(20px);\r\n      -ms-transform: translateX(20px);\r\n      transform: translateX(20px);\r\n    }\r\n  }\r\n\r\n  &.disabled[aria-pressed='false'] label:first-of-type span {\r\n    background-color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    cursor: not-allowed;\r\n\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)} !important;\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n\r\n  &[aria-pressed='false']:hover label:first-of-type span {\r\n    &.semantic {\r\n      background-color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n    }\r\n\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:not(.disabled).focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:not(.disabled) label:first-of-type {\r\n    cursor: inherit;\r\n  }\r\n`;\r\n\r\nexport const ToggleSwitchContainer = styled.label`\r\n  position: relative;\r\n  align-items: center;\r\n  display: inline-flex;\r\n  height: 28px;\r\n  width: auto;\r\n  padding: 10px 6px;\r\n`;\r\n\r\nexport const ToggleSwitch = styled.span`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  width: 36px;\r\n  height: 16px;\r\n  background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n  border-radius: 100px;\r\n\r\n  &.semantic {\r\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n\r\n  &:before {\r\n    position: absolute;\r\n    content: '';\r\n    height: 12px;\r\n    width: 12px;\r\n    left: 2px;\r\n    top: calc(50% - 6px);\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    -webkit-transition: background-color 0.1s, transform 0.1s;\r\n    transition: 0.1s;\r\n    transition-timing-function: ease-in-out;\r\n    border-radius: 50%;\r\n  }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Toggles/TogglerStyles.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export declare const StyledSwitch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $selected: boolean | undefined;
-}>> & string;
-export declare const ToggleSwitchContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
-export declare const ToggleSwitch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+/// <reference types="react" />
+export declare const StyledSwitch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $selected: boolean | undefined;
+}>> & string;
+export declare const ToggleSwitchContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const ToggleSwitch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/Toggles/TogglerStyles.js

@@ -1,12 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
 import { COLORS, focusStyles } from '../styles';
 
-/**
- * Import third-party libraries.
+/**
+ * Import third-party libraries.
  */
 import styled from 'styled-components';
 import { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';

package/dist/Toggles/TogglerStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TogglerStyles.js","names":["COLORS","focusStyles","styled","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","StyledSwitch","div","_templateObject","_taggedTemplateLiteral","props","Regular","getColor","theme","ToggleSwitchContainer","label","_templateObject2","ToggleSwitch","span","_templateObject3"],"sources":["../../src/Toggles/TogglerStyles.ts"],"sourcesContent":["/**\n * Import custom styles.\n */\nimport { COLORS, focusStyles } from '../styles';\n\n/**\n * Import third-party libraries.\n */\nimport styled, { css } from 'styled-components';\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\n\nexport const StyledSwitch = styled.div<{ $selected: boolean | undefined }>`\n  display: flex;\n  flex-direction: row;\n  width: max-content;\n  min-height: 48px;\n  min-width: 48px;\n  align-items: center;\n  cursor: pointer;\n  &.small {\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n  }\n\n  &.medium {\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n  }\n\n  &.large {\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n  }\n  &.disabled {\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\n\n    .label {\n      cursor: not-allowed;\n    }\n  }\n  .label {\n    cursor: inherit;\n    margin-left: 8px;\n  }\n\n  &:not(.disabled):active label:first-of-type span {\n    &:before {\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n    }\n  }\n\n  &.disabled[aria-pressed='true'] label:first-of-type span {\n    background-color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n    cursor: not-allowed;\n\n    &:before {\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)} !important;\n      cursor: not-allowed;\n    }\n  }\n\n  &[aria-pressed='true']:hover span {\n    &.semantic {\n      background-color: ${props => COLORS.getColor('correct_500', props.theme)};\n    }\n\n    &:before {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    }\n  }\n\n  &[aria-pressed='true'] label:first-of-type span {\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n\n    &.semantic {\n      background-color: ${props => COLORS.getColor('correct_500', props.theme)};\n    }\n\n    &:before {\n      -webkit-transform: translateX(20px);\n      -ms-transform: translateX(20px);\n      transform: translateX(20px);\n    }\n  }\n\n  &.disabled[aria-pressed='false'] label:first-of-type span {\n    background-color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n    cursor: not-allowed;\n\n    &:before {\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)} !important;\n      cursor: not-allowed;\n    }\n  }\n\n  &[aria-pressed='false']:hover label:first-of-type span {\n    &.semantic {\n      background-color: ${props => COLORS.getColor('critical_500', props.theme)};\n    }\n\n    &:before {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    }\n  }\n\n  &:not(.disabled).focus-visible {\n    ${focusStyles}\n  }\n\n  &:not(.disabled) label:first-of-type {\n    cursor: inherit;\n  }\n`;\n\nexport const ToggleSwitchContainer = styled.label`\n  position: relative;\n  align-items: center;\n  display: inline-flex;\n  height: 28px;\n  width: auto;\n  padding: 10px 6px;\n`;\n\nexport const ToggleSwitch = styled.span`\n  position: relative;\n  display: flex;\n  align-items: center;\n  vertical-align: middle;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 36px;\n  height: 16px;\n  background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\n  border-radius: 100px;\n\n  &.semantic {\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\n  }\n\n  &:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    left: 2px;\n    top: calc(50% - 6px);\n    background-color: ${props => COLORS.getColor('white', props.theme)};\n    -webkit-transition: background-color 0.1s, transform 0.1s;\n    transition: 0.1s;\n    transition-timing-function: ease-in-out;\n    border-radius: 50%;\n  }\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TogglerStyles.js","names":["COLORS","focusStyles","styled","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","StyledSwitch","div","_templateObject","_taggedTemplateLiteral","props","Regular","getColor","theme","ToggleSwitchContainer","label","_templateObject2","ToggleSwitch","span","_templateObject3"],"sources":["../../src/Toggles/TogglerStyles.ts"],"sourcesContent":["/**\r\n * Import custom styles.\r\n */\r\nimport { COLORS, focusStyles } from '../styles';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled, { css } from 'styled-components';\r\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';\r\n\r\nexport const StyledSwitch = styled.div<{ $selected: boolean | undefined }>`\r\n  display: flex;\r\n  flex-direction: row;\r\n  width: max-content;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  &.small {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  }\r\n\r\n  &.medium {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  }\r\n\r\n  &.large {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n  }\r\n  &.disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n\r\n    .label {\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n  .label {\r\n    cursor: inherit;\r\n    margin-left: 8px;\r\n  }\r\n\r\n  &:not(.disabled):active label:first-of-type span {\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled[aria-pressed='true'] label:first-of-type span {\r\n    background-color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    cursor: not-allowed;\r\n\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_200', props.theme)} !important;\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n\r\n  &[aria-pressed='true']:hover span {\r\n    &.semantic {\r\n      background-color: ${props => COLORS.getColor('correct_500', props.theme)};\r\n    }\r\n\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n  }\r\n\r\n  &[aria-pressed='true'] label:first-of-type span {\r\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n\r\n    &.semantic {\r\n      background-color: ${props => COLORS.getColor('correct_500', props.theme)};\r\n    }\r\n\r\n    &:before {\r\n      -webkit-transform: translateX(20px);\r\n      -ms-transform: translateX(20px);\r\n      transform: translateX(20px);\r\n    }\r\n  }\r\n\r\n  &.disabled[aria-pressed='false'] label:first-of-type span {\r\n    background-color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    cursor: not-allowed;\r\n\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)} !important;\r\n      cursor: not-allowed;\r\n    }\r\n  }\r\n\r\n  &[aria-pressed='false']:hover label:first-of-type span {\r\n    &.semantic {\r\n      background-color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n    }\r\n\r\n    &:before {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:not(.disabled).focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:not(.disabled) label:first-of-type {\r\n    cursor: inherit;\r\n  }\r\n`;\r\n\r\nexport const ToggleSwitchContainer = styled.label`\r\n  position: relative;\r\n  align-items: center;\r\n  display: inline-flex;\r\n  height: 28px;\r\n  width: auto;\r\n  padding: 10px 6px;\r\n`;\r\n\r\nexport const ToggleSwitch = styled.span`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  width: 36px;\r\n  height: 16px;\r\n  background-color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n  border-radius: 100px;\r\n\r\n  &.semantic {\r\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n\r\n  &:before {\r\n    position: absolute;\r\n    content: '';\r\n    height: 12px;\r\n    width: 12px;\r\n    left: 2px;\r\n    top: calc(50% - 6px);\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    -webkit-transition: background-color 0.1s, transform 0.1s;\r\n    transition: 0.1s;\r\n    transition-timing-function: ease-in-out;\r\n    border-radius: 50%;\r\n  }\r\n`;\r\n"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,WAAW,QAAQ,WAAW;;AAE/C;AACA;AACA;AACA,OAAOC,MAAM,MAAe,mBAAmB;AAC/C,SAASC,iBAAiB,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,sBAAsB;AAElH,OAAO,IAAMC,YAAY,GAAGL,MAAM,CAACM,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,msDAShC,UAAAC,KAAK;EAAA,OAAIN,iBAAiB,CAACC,kBAAkB,CAACM,OAAO,EAAEZ,MAAM,CAACa,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAI7F,UAAAH,KAAK;EAAA,OAAIP,iBAAiB,CAACE,kBAAkB,CAACM,OAAO,EAAEZ,MAAM,CAACa,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAI7F,UAAAH,KAAK;EAAA,OAAIR,iBAAiB,CAACG,kBAAkB,CAACM,OAAO,EAAEZ,MAAM,CAACa,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAGtF,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAavC,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKtD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIlD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAOpD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIpD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKrD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGlD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAWtD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIlD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAOpD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIrD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKvEb,WAAW,CAMhB;AAED,OAAO,IAAMc,qBAAqB,GAAGb,MAAM,CAACc,KAAK,CAAAC,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,yIAOhD;AAED,OAAO,IAAMQ,YAAY,GAAGhB,MAAM,CAACiB,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,ioBAYjB,UAAAC,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIlD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAUrD,UAAAH,KAAK;EAAA,OAAIX,MAAM,CAACa,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAMrE","ignoreList":[]}

package/dist/Toggles/TogglerTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TogglerTypes.cjs","names":[],"sources":["../../src/Toggles/TogglerTypes.ts"],"sourcesContent":["import { Size } from '..';\n\n/**\n * Types for the table.\n */\nexport interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'onClick' | 'tabIndex'  >{\n  /** Required. Id of the ToggleSwitch will be set to top level StyledSwitch div component. */\n  id: string;\n  /** Optional. Label to be shown on the right side of the toggle. */\n  label?: string;\n  /** Optional. If set user can not interact with Toggle. */\n  disabled?: boolean;\n  /** Optional. Initial state of the Toggle, defaults to 'false' */\n  selected?: boolean;\n  /** Optional. If set then 'critical_500' will be used as color for unselected state.*/\n  isSemantic?: boolean;\n  /** Optional. Defaults to 'medium' */\n  size?: Size;\n  /** Required. Handler to handle toggle state change. */\n  onToggle: (selected: boolean) => void;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TogglerTypes.cjs","names":[],"sources":["../../src/Toggles/TogglerTypes.ts"],"sourcesContent":["import { Size } from '..';\r\n\r\n/**\r\n * Types for the table.\r\n */\r\nexport interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'onClick' | 'tabIndex'  >{\r\n  /** Required. Id of the ToggleSwitch will be set to top level StyledSwitch div component. */\r\n  id: string;\r\n  /** Optional. Label to be shown on the right side of the toggle. */\r\n  label?: string;\r\n  /** Optional. If set user can not interact with Toggle. */\r\n  disabled?: boolean;\r\n  /** Optional. Initial state of the Toggle, defaults to 'false' */\r\n  selected?: boolean;\r\n  /** Optional. If set then 'critical_500' will be used as color for unselected state.*/\r\n  isSemantic?: boolean;\r\n  /** Optional. Defaults to 'medium' */\r\n  size?: Size;\r\n  /** Required. Handler to handle toggle state change. */\r\n  onToggle: (selected: boolean) => void;\r\n}\r\n"],"mappings":"","ignoreList":[]}

package/dist/Toggles/TogglerTypes.d.ts

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-import { Size } from '..';
-/**
- * Types for the table.
- */
-export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'onClick' | 'tabIndex'> {
-    /** Required. Id of the ToggleSwitch will be set to top level StyledSwitch div component. */
-    id: string;
-    /** Optional. Label to be shown on the right side of the toggle. */
-    label?: string;
-    /** Optional. If set user can not interact with Toggle. */
-    disabled?: boolean;
-    /** Optional. Initial state of the Toggle, defaults to 'false' */
-    selected?: boolean;
-    /** Optional. If set then 'critical_500' will be used as color for unselected state.*/
-    isSemantic?: boolean;
-    /** Optional. Defaults to 'medium' */
-    size?: Size;
-    /** Required. Handler to handle toggle state change. */
-    onToggle: (selected: boolean) => void;
-}
+/// <reference types="react" />
+import { Size } from '..';
+/**
+ * Types for the table.
+ */
+export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'onClick' | 'tabIndex'> {
+    /** Required. Id of the ToggleSwitch will be set to top level StyledSwitch div component. */
+    id: string;
+    /** Optional. Label to be shown on the right side of the toggle. */
+    label?: string;
+    /** Optional. If set user can not interact with Toggle. */
+    disabled?: boolean;
+    /** Optional. Initial state of the Toggle, defaults to 'false' */
+    selected?: boolean;
+    /** Optional. If set then 'critical_500' will be used as color for unselected state.*/
+    isSemantic?: boolean;
+    /** Optional. Defaults to 'medium' */
+    size?: Size;
+    /** Required. Handler to handle toggle state change. */
+    onToggle: (selected: boolean) => void;
+}

package/dist/Toggles/TogglerTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TogglerTypes.js","names":[],"sources":["../../src/Toggles/TogglerTypes.ts"],"sourcesContent":["import { Size } from '..';\n\n/**\n * Types for the table.\n */\nexport interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'onClick' | 'tabIndex'  >{\n  /** Required. Id of the ToggleSwitch will be set to top level StyledSwitch div component. */\n  id: string;\n  /** Optional. Label to be shown on the right side of the toggle. */\n  label?: string;\n  /** Optional. If set user can not interact with Toggle. */\n  disabled?: boolean;\n  /** Optional. Initial state of the Toggle, defaults to 'false' */\n  selected?: boolean;\n  /** Optional. If set then 'critical_500' will be used as color for unselected state.*/\n  isSemantic?: boolean;\n  /** Optional. Defaults to 'medium' */\n  size?: Size;\n  /** Required. Handler to handle toggle state change. */\n  onToggle: (selected: boolean) => void;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TogglerTypes.js","names":[],"sources":["../../src/Toggles/TogglerTypes.ts"],"sourcesContent":["import { Size } from '..';\r\n\r\n/**\r\n * Types for the table.\r\n */\r\nexport interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onKeyDown' | 'onClick' | 'tabIndex'  >{\r\n  /** Required. Id of the ToggleSwitch will be set to top level StyledSwitch div component. */\r\n  id: string;\r\n  /** Optional. Label to be shown on the right side of the toggle. */\r\n  label?: string;\r\n  /** Optional. If set user can not interact with Toggle. */\r\n  disabled?: boolean;\r\n  /** Optional. Initial state of the Toggle, defaults to 'false' */\r\n  selected?: boolean;\r\n  /** Optional. If set then 'critical_500' will be used as color for unselected state.*/\r\n  isSemantic?: boolean;\r\n  /** Optional. Defaults to 'medium' */\r\n  size?: Size;\r\n  /** Required. Handler to handle toggle state change. */\r\n  onToggle: (selected: boolean) => void;\r\n}\r\n"],"mappings":"","ignoreList":[]}

package/dist/Toggles/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_ToggleSwitch","_interopRequireDefault","require","_ToggleButton"],"sources":["../../src/Toggles/index.ts"],"sourcesContent":["import ToggleSwitch from './ToggleSwitch';\nimport ToggleButton from './ToggleButton';\n\nexport {ToggleSwitch, ToggleButton};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_ToggleSwitch","_interopRequireDefault","require","_ToggleButton"],"sources":["../../src/Toggles/index.ts"],"sourcesContent":["import ToggleSwitch from './ToggleSwitch';\r\nimport ToggleButton from './ToggleButton';\r\n\r\nexport {ToggleSwitch, ToggleButton};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/Toggles/index.d.ts

@@ -1,3 +1,3 @@
-import ToggleSwitch from './ToggleSwitch';
-import ToggleButton from './ToggleButton';
-export { ToggleSwitch, ToggleButton };
+import ToggleSwitch from './ToggleSwitch';
+import ToggleButton from './ToggleButton';
+export { ToggleSwitch, ToggleButton };

package/dist/Toggles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ToggleSwitch","ToggleButton"],"sources":["../../src/Toggles/index.ts"],"sourcesContent":["import ToggleSwitch from './ToggleSwitch';\nimport ToggleButton from './ToggleButton';\n\nexport {ToggleSwitch, ToggleButton};\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AACzC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAAQD,YAAY,EAAEC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ToggleSwitch","ToggleButton"],"sources":["../../src/Toggles/index.ts"],"sourcesContent":["import ToggleSwitch from './ToggleSwitch';\r\nimport ToggleButton from './ToggleButton';\r\n\r\nexport {ToggleSwitch, ToggleButton};\r\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AACzC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAAQD,YAAY,EAAEC,YAAY","ignoreList":[]}

package/dist/Tooltips/TooltipOverflow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipOverflow.cjs","names":["React","_interopRequireWildcard","require","_reactResizeDetector","_TooltipStyles","_","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TooltipOverflow","_ref","label","children","input","withArrow","maxWidth","width","value","_ref$size","size","Size","Small","_ref$height","height","_ref$align","align","_ref$position","position","props","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","textOverflowed","setTextOverflowed","_React$useState3","_React$useState4","focused","setFocused","_useResizeDetector","useResizeDetector","targetRef","customW","customH","useEffect","checkIfOverflowed","_ref2","over","current","offsetWidth","scrollWidth","onFocus","onBlur","removeEventListener","renderedCallback","useCallback","addEventListener","jsx","ref","Tooltip","$align","$height","role","$maxWidth","$width","$size","$withArrow","$position","jsxs","propTypes","_propTypes","string","_default","exports"],"sources":["../../src/Tooltips/TooltipOverflow.tsx"],"sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \ninterface TooltipOverflowProps extends TooltipProps {\n    input?: React.MutableRefObject<HTMLInputElement | null>;\n    maxWidth?: string;\n    width?: string;\n    value?: string;\n}\n\n const TooltipOverflow = ({\n   label, children,\n   input,\n   withArrow,\n   maxWidth,\n   width,\n   value,\n   size = Size.Small,\n   height = 'auto',\n   align = 'center', \n   position = 'top',\n   ...props } : TooltipOverflowProps) => {\n\n  const [textOverflowed, setTextOverflowed] = React.useState<boolean>(false);\n  const [focused, setFocused] = React.useState<boolean>(false);\n  const {width: customW, height: customH} = useResizeDetector({ targetRef: input });\n\n  React.useEffect(() => {\n    checkIfOverflowed();\n  }, [customW, customH]);\n\n  const checkIfOverflowed = () => {\n    //adding +3 offset to offsetWidth, because sometimes when there is no overflow, scrollWidth can be equal to offsetWidth + 1\n    const over = (input && !focused && input.current && input.current.offsetWidth + 3 < input.current.scrollWidth) ?? false;\n    setTextOverflowed(over);\n  };\n\n  React.useEffect(() => {\n    checkIfOverflowed();\n  });\n\n  const onFocus = () => {\n    checkIfOverflowed();\n    setFocused(true);\n  };\n\n  const onBlur = () => {\n    setFocused(false);\n  };\n\n  React.useEffect(() => {\n    return () => {\n      if(input?.current)\n      {\n        input?.current.removeEventListener(\"focus\", onFocus);\n        input?.current.removeEventListener(\"blur\", onBlur);\n      }\n    }\n  }, []);\n\n  const renderedCallback = React.useCallback(() => {\n    if(input && input.current)\n    {\n      input.current.addEventListener(\"focus\", onFocus);\n      input.current.addEventListener(\"blur\", onBlur);\n      checkIfOverflowed();\n    }\n  }, []);\n \n    return <div ref={renderedCallback}>{textOverflowed && <Tooltip $align={align}\n               $height={height}\n               role=\"tooltip\"\n               $maxWidth={maxWidth}\n               $width={width}\n               $size={size}\n               $withArrow={withArrow}\n               $position={position}\n               {...props}>\n                <span>\n               {children} </span>\n            </Tooltip> }</div>;\n };\n \n export default TooltipOverflow;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TooltipOverflow.cjs","names":["React","_interopRequireWildcard","require","_reactResizeDetector","_TooltipStyles","_","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","TooltipOverflow","_ref","label","children","input","withArrow","maxWidth","width","value","_ref$size","size","Size","Small","_ref$height","height","_ref$align","align","_ref$position","position","props","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","textOverflowed","setTextOverflowed","_React$useState3","_React$useState4","focused","setFocused","_useResizeDetector","useResizeDetector","targetRef","customW","customH","useEffect","checkIfOverflowed","_ref2","over","current","offsetWidth","scrollWidth","onFocus","onBlur","removeEventListener","renderedCallback","useCallback","addEventListener","jsx","ref","Tooltip","$align","$height","role","$maxWidth","$width","$size","$withArrow","$position","jsxs","propTypes","_propTypes","string","_default","exports"],"sources":["../../src/Tooltips/TooltipOverflow.tsx"],"sourcesContent":["\r\nimport * as React from 'react';\r\n\r\nimport { TooltipProps } from './TooltipTypes';\r\nimport { useResizeDetector } from 'react-resize-detector';\r\n\r\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\r\nimport { Size } from '..';\r\n \r\ninterface TooltipOverflowProps extends TooltipProps {\r\n    input?: React.MutableRefObject<HTMLInputElement | null>;\r\n    maxWidth?: string;\r\n    width?: string;\r\n    value?: string;\r\n}\r\n\r\n const TooltipOverflow = ({\r\n   label, children,\r\n   input,\r\n   withArrow,\r\n   maxWidth,\r\n   width,\r\n   value,\r\n   size = Size.Small,\r\n   height = 'auto',\r\n   align = 'center', \r\n   position = 'top',\r\n   ...props } : TooltipOverflowProps) => {\r\n\r\n  const [textOverflowed, setTextOverflowed] = React.useState<boolean>(false);\r\n  const [focused, setFocused] = React.useState<boolean>(false);\r\n  const {width: customW, height: customH} = useResizeDetector({ targetRef: input });\r\n\r\n  React.useEffect(() => {\r\n    checkIfOverflowed();\r\n  }, [customW, customH]);\r\n\r\n  const checkIfOverflowed = () => {\r\n    //adding +3 offset to offsetWidth, because sometimes when there is no overflow, scrollWidth can be equal to offsetWidth + 1\r\n    const over = (input && !focused && input.current && input.current.offsetWidth + 3 < input.current.scrollWidth) ?? false;\r\n    setTextOverflowed(over);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    checkIfOverflowed();\r\n  });\r\n\r\n  const onFocus = () => {\r\n    checkIfOverflowed();\r\n    setFocused(true);\r\n  };\r\n\r\n  const onBlur = () => {\r\n    setFocused(false);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    return () => {\r\n      if(input?.current)\r\n      {\r\n        input?.current.removeEventListener(\"focus\", onFocus);\r\n        input?.current.removeEventListener(\"blur\", onBlur);\r\n      }\r\n    }\r\n  }, []);\r\n\r\n  const renderedCallback = React.useCallback(() => {\r\n    if(input && input.current)\r\n    {\r\n      input.current.addEventListener(\"focus\", onFocus);\r\n      input.current.addEventListener(\"blur\", onBlur);\r\n      checkIfOverflowed();\r\n    }\r\n  }, []);\r\n \r\n    return <div ref={renderedCallback}>{textOverflowed && <Tooltip $align={align}\r\n               $height={height}\r\n               role=\"tooltip\"\r\n               $maxWidth={maxWidth}\r\n               $width={width}\r\n               $size={size}\r\n               $withArrow={withArrow}\r\n               $position={position}\r\n               {...props}>\r\n                <span>\r\n               {children} </span>\r\n            </Tooltip> }</div>;\r\n };\r\n \r\n export default TooltipOverflow;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tooltips/TooltipOverflow.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { TooltipProps } from './TooltipTypes';
-interface TooltipOverflowProps extends TooltipProps {
-    input?: React.MutableRefObject<HTMLInputElement | null>;
-    maxWidth?: string;
-    width?: string;
-    value?: string;
-}
-declare const TooltipOverflow: ({ label, children, input, withArrow, maxWidth, width, value, size, height, align, position, ...props }: TooltipOverflowProps) => React.JSX.Element;
-export default TooltipOverflow;
+import * as React from 'react';
+import { TooltipProps } from './TooltipTypes';
+interface TooltipOverflowProps extends TooltipProps {
+    input?: React.MutableRefObject<HTMLInputElement | null>;
+    maxWidth?: string;
+    width?: string;
+    value?: string;
+}
+declare const TooltipOverflow: ({ label, children, input, withArrow, maxWidth, width, value, size, height, align, position, ...props }: TooltipOverflowProps) => React.JSX.Element;
+export default TooltipOverflow;

package/dist/Tooltips/TooltipOverflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipOverflow.js","names":["React","useResizeDetector","Tooltip","Size","jsxs","_jsxs","jsx","_jsx","TooltipOverflow","_ref","label","children","input","withArrow","maxWidth","width","value","_ref$size","size","Small","_ref$height","height","_ref$align","align","_ref$position","position","props","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","textOverflowed","setTextOverflowed","_React$useState3","_React$useState4","focused","setFocused","_useResizeDetector","targetRef","customW","customH","useEffect","checkIfOverflowed","_ref2","over","current","offsetWidth","scrollWidth","onFocus","onBlur","removeEventListener","renderedCallback","useCallback","addEventListener","ref","_objectSpread","$align","$height","role","$maxWidth","$width","$size","$withArrow","$position","propTypes","_pt","string"],"sources":["../../src/Tooltips/TooltipOverflow.tsx"],"sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \ninterface TooltipOverflowProps extends TooltipProps {\n    input?: React.MutableRefObject<HTMLInputElement | null>;\n    maxWidth?: string;\n    width?: string;\n    value?: string;\n}\n\n const TooltipOverflow = ({\n   label, children,\n   input,\n   withArrow,\n   maxWidth,\n   width,\n   value,\n   size = Size.Small,\n   height = 'auto',\n   align = 'center', \n   position = 'top',\n   ...props } : TooltipOverflowProps) => {\n\n  const [textOverflowed, setTextOverflowed] = React.useState<boolean>(false);\n  const [focused, setFocused] = React.useState<boolean>(false);\n  const {width: customW, height: customH} = useResizeDetector({ targetRef: input });\n\n  React.useEffect(() => {\n    checkIfOverflowed();\n  }, [customW, customH]);\n\n  const checkIfOverflowed = () => {\n    //adding +3 offset to offsetWidth, because sometimes when there is no overflow, scrollWidth can be equal to offsetWidth + 1\n    const over = (input && !focused && input.current && input.current.offsetWidth + 3 < input.current.scrollWidth) ?? false;\n    setTextOverflowed(over);\n  };\n\n  React.useEffect(() => {\n    checkIfOverflowed();\n  });\n\n  const onFocus = () => {\n    checkIfOverflowed();\n    setFocused(true);\n  };\n\n  const onBlur = () => {\n    setFocused(false);\n  };\n\n  React.useEffect(() => {\n    return () => {\n      if(input?.current)\n      {\n        input?.current.removeEventListener(\"focus\", onFocus);\n        input?.current.removeEventListener(\"blur\", onBlur);\n      }\n    }\n  }, []);\n\n  const renderedCallback = React.useCallback(() => {\n    if(input && input.current)\n    {\n      input.current.addEventListener(\"focus\", onFocus);\n      input.current.addEventListener(\"blur\", onBlur);\n      checkIfOverflowed();\n    }\n  }, []);\n \n    return <div ref={renderedCallback}>{textOverflowed && <Tooltip $align={align}\n               $height={height}\n               role=\"tooltip\"\n               $maxWidth={maxWidth}\n               $width={width}\n               $size={size}\n               $withArrow={withArrow}\n               $position={position}\n               {...props}>\n                <span>\n               {children} </span>\n            </Tooltip> }</div>;\n };\n \n export default TooltipOverflow;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TooltipOverflow.js","names":["React","useResizeDetector","Tooltip","Size","jsxs","_jsxs","jsx","_jsx","TooltipOverflow","_ref","label","children","input","withArrow","maxWidth","width","value","_ref$size","size","Small","_ref$height","height","_ref$align","align","_ref$position","position","props","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","textOverflowed","setTextOverflowed","_React$useState3","_React$useState4","focused","setFocused","_useResizeDetector","targetRef","customW","customH","useEffect","checkIfOverflowed","_ref2","over","current","offsetWidth","scrollWidth","onFocus","onBlur","removeEventListener","renderedCallback","useCallback","addEventListener","ref","_objectSpread","$align","$height","role","$maxWidth","$width","$size","$withArrow","$position","propTypes","_pt","string"],"sources":["../../src/Tooltips/TooltipOverflow.tsx"],"sourcesContent":["\r\nimport * as React from 'react';\r\n\r\nimport { TooltipProps } from './TooltipTypes';\r\nimport { useResizeDetector } from 'react-resize-detector';\r\n\r\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\r\nimport { Size } from '..';\r\n \r\ninterface TooltipOverflowProps extends TooltipProps {\r\n    input?: React.MutableRefObject<HTMLInputElement | null>;\r\n    maxWidth?: string;\r\n    width?: string;\r\n    value?: string;\r\n}\r\n\r\n const TooltipOverflow = ({\r\n   label, children,\r\n   input,\r\n   withArrow,\r\n   maxWidth,\r\n   width,\r\n   value,\r\n   size = Size.Small,\r\n   height = 'auto',\r\n   align = 'center', \r\n   position = 'top',\r\n   ...props } : TooltipOverflowProps) => {\r\n\r\n  const [textOverflowed, setTextOverflowed] = React.useState<boolean>(false);\r\n  const [focused, setFocused] = React.useState<boolean>(false);\r\n  const {width: customW, height: customH} = useResizeDetector({ targetRef: input });\r\n\r\n  React.useEffect(() => {\r\n    checkIfOverflowed();\r\n  }, [customW, customH]);\r\n\r\n  const checkIfOverflowed = () => {\r\n    //adding +3 offset to offsetWidth, because sometimes when there is no overflow, scrollWidth can be equal to offsetWidth + 1\r\n    const over = (input && !focused && input.current && input.current.offsetWidth + 3 < input.current.scrollWidth) ?? false;\r\n    setTextOverflowed(over);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    checkIfOverflowed();\r\n  });\r\n\r\n  const onFocus = () => {\r\n    checkIfOverflowed();\r\n    setFocused(true);\r\n  };\r\n\r\n  const onBlur = () => {\r\n    setFocused(false);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    return () => {\r\n      if(input?.current)\r\n      {\r\n        input?.current.removeEventListener(\"focus\", onFocus);\r\n        input?.current.removeEventListener(\"blur\", onBlur);\r\n      }\r\n    }\r\n  }, []);\r\n\r\n  const renderedCallback = React.useCallback(() => {\r\n    if(input && input.current)\r\n    {\r\n      input.current.addEventListener(\"focus\", onFocus);\r\n      input.current.addEventListener(\"blur\", onBlur);\r\n      checkIfOverflowed();\r\n    }\r\n  }, []);\r\n \r\n    return <div ref={renderedCallback}>{textOverflowed && <Tooltip $align={align}\r\n               $height={height}\r\n               role=\"tooltip\"\r\n               $maxWidth={maxWidth}\r\n               $width={width}\r\n               $size={size}\r\n               $withArrow={withArrow}\r\n               $position={position}\r\n               {...props}>\r\n                <span>\r\n               {children} </span>\r\n            </Tooltip> }</div>;\r\n };\r\n \r\n export default TooltipOverflow;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tooltips/TooltipStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStyles.cjs","names":["_styledComponents","_interopRequireWildcard","require","_types","_styles","_typography","_zIndexes","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","distanceToEdge","size","Size","XSmall","Small","Tooltip","styled","div","_taggedTemplateLiteral2","props","$size","Medium","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentXSStyling","ComponentMStyling","$align","BOXSHADOWS","BOXSHADOW_L2","$width","concat","$height","_props$$maxWidth","$maxWidth","Z_INDEXES","tooltip","$position","$withArrow","exports","defaultProps","TooltipTrigger","triggerType","delay","css","TooltipContainer","$triggerType","$delay","focusStyles"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport { Z_INDEXES } from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';\n};\n\nexport const Tooltip = styled.div<{\n  $withArrow?: boolean;\n  $size?: Size;\n  $height?: string;\n  $maxWidth?: string;\n  $align?: 'start' | 'end' | 'center' | undefined;\n  $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n  $width?: string;\n}>`\n  pointer-events: none;\n  ${(props) => (props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n  ${(props) => (props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n    ${(props) => (props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n    ${(props) => (props.$align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n  box-sizing: border-box;\n\n  padding: ${(props) => (props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px')};\n  border-radius: 2px;\n  ${(props) => (props.$width ? `width: ${props.$width};` : 'width: max-content;')}\n  height: ${(props) => props.$height};\n  max-width: ${(props) => props.$maxWidth ?? '34em'};\n  background: ${props => COLORS.getColor('primary_800', props.theme)};\n  position: absolute;\n  opacity: 0;\n  z-index: ${Z_INDEXES.tooltip};\n  ${(props) => (props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '')}\n\n  ${(props) => (props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${(props) => (props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${(props) =>\n    props.$position == 'left' || props.$position == 'right'\n      ? ''\n      : props.$align == 'start'\n      ? 'left: 0%;'\n      : props.$align == 'end'\n      ? 'right: 0%;'\n      : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${(props) => (!props.$withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${(props) => (props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '')}\n\n    ${(props) => (props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${(props) => (props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${(props) =>\n      props.$position == 'left' || props.$position == 'right'\n        ? ''\n        : props.$align == 'start'\n        ? `left: ${distanceToEdge(props.$size)};`\n        : props.$align == 'end'\n        ? `right: ${distanceToEdge(props.$size)};`\n        : 'left: 50%;'}\n\n    ${(props) => (props.$position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${(props) => (props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent')}\n      ${(props) => (props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent')};\n  }\n\n  & > span {\n    word-wrap: break-word;\n    color: white;\n  }\n`;\n\nTooltip.defaultProps = {\n  $withArrow: false,\n  $size: Size.Small,\n  $height: 'auto',\n  $align: 'center',\n  $position: 'bottom',\n};\n\nexport const TooltipTrigger = (triggerType: 'hover' | 'click', delay?: string) => css`\n  ${triggerType == 'hover'\n    ? `&:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n      opacity: 1;\n      transition: 0.5s;\n    transition-delay: ${delay ?? '0.7s'};\n    }`\n    : `& ${Tooltip} {\n      transition: 0.5s;\n      transition-delay: ${delay ?? '0s'};\n    }\n  \n    &.show ${Tooltip} {\n      opacity: 1;\n    }\n  \n    &.hide ${Tooltip} {\n      opacity: 0;\n    }`}\n`;\n\nexport const TooltipContainer = styled.div<{ $triggerType: 'hover' | 'click', $delay?: string }>`\n  display: inline-block;\n  position: relative;\n\n  ${(props) => TooltipTrigger(props.$triggerType, props.$delay)}\n\n  &:focus {\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TooltipStyles.cjs","names":["_styledComponents","_interopRequireWildcard","require","_types","_styles","_typography","_zIndexes","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","distanceToEdge","size","Size","XSmall","Small","Tooltip","styled","div","_taggedTemplateLiteral2","props","$size","Medium","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentXSStyling","ComponentMStyling","$align","BOXSHADOWS","BOXSHADOW_L2","$width","concat","$height","_props$$maxWidth","$maxWidth","Z_INDEXES","tooltip","$position","$withArrow","exports","defaultProps","TooltipTrigger","triggerType","delay","css","TooltipContainer","$triggerType","$delay","focusStyles"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Size } from '../types';\r\nimport { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';\r\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nconst distanceToEdge = (size: Size | undefined) => {\r\n  return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';\r\n};\r\n\r\nexport const Tooltip = styled.div<{\r\n  $withArrow?: boolean;\r\n  $size?: Size;\r\n  $height?: string;\r\n  $maxWidth?: string;\r\n  $align?: 'start' | 'end' | 'center' | undefined;\r\n  $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\r\n  $width?: string;\r\n}>`\r\n  pointer-events: none;\r\n  ${(props) => (props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n  ${(props) => (props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n    ${(props) => (props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n    ${(props) => (props.$align == 'center' ? 'text-align: center;' : '')}\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  box-sizing: border-box;\r\n\r\n  padding: ${(props) => (props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px')};\r\n  border-radius: 2px;\r\n  ${(props) => (props.$width ? `width: ${props.$width};` : 'width: max-content;')}\r\n  height: ${(props) => props.$height};\r\n  max-width: ${(props) => props.$maxWidth ?? '34em'};\r\n  background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  position: absolute;\r\n  opacity: 0;\r\n  z-index: ${Z_INDEXES.tooltip};\r\n  ${(props) => (props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '')}\r\n\r\n  ${(props) => (props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\r\n    ${(props) => (props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\r\n            \r\n    ${(props) =>\r\n    props.$position == 'left' || props.$position == 'right'\r\n      ? ''\r\n      : props.$align == 'start'\r\n      ? 'left: 0%;'\r\n      : props.$align == 'end'\r\n      ? 'right: 0%;'\r\n      : 'left: 50%; transform: translateX(-50%);'}\r\n\r\n\r\n&::after {\r\n    ${(props) => (!props.$withArrow ? 'display: none;' : '')}\r\n    content: \"\";\r\n    position: absolute;\r\n    ${(props) => (props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '')}\r\n\r\n    ${(props) => (props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n    ${(props) => (props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n\r\n    ${(props) =>\r\n      props.$position == 'left' || props.$position == 'right'\r\n        ? ''\r\n        : props.$align == 'start'\r\n        ? `left: ${distanceToEdge(props.$size)};`\r\n        : props.$align == 'end'\r\n        ? `right: ${distanceToEdge(props.$size)};`\r\n        : 'left: 50%;'}\r\n\r\n    ${(props) => (props.$position == 'left' ? '' : 'margin-left: -5px;')}\r\n    margin: -0.5px;\r\n    border-width: 4px;\r\n    border-style: solid;\r\n    border-color: ${(props) => (props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent')}\r\n      ${(props) => (props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent')};\r\n  }\r\n\r\n  & > span {\r\n    word-wrap: break-word;\r\n    color: white;\r\n  }\r\n`;\r\n\r\nTooltip.defaultProps = {\r\n  $withArrow: false,\r\n  $size: Size.Small,\r\n  $height: 'auto',\r\n  $align: 'center',\r\n  $position: 'bottom',\r\n};\r\n\r\nexport const TooltipTrigger = (triggerType: 'hover' | 'click', delay?: string) => css`\r\n  ${triggerType == 'hover'\r\n    ? `&:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\r\n      opacity: 1;\r\n      transition: 0.5s;\r\n    transition-delay: ${delay ?? '0.7s'};\r\n    }`\r\n    : `& ${Tooltip} {\r\n      transition: 0.5s;\r\n      transition-delay: ${delay ?? '0s'};\r\n    }\r\n  \r\n    &.show ${Tooltip} {\r\n      opacity: 1;\r\n    }\r\n  \r\n    &.hide ${Tooltip} {\r\n      opacity: 0;\r\n    }`}\r\n`;\r\n\r\nexport const TooltipContainer = styled.div<{ $triggerType: 'hover' | 'click', $delay?: string }>`\r\n  display: inline-block;\r\n  position: relative;\r\n\r\n  ${(props) => TooltipTrigger(props.$triggerType, props.$delay)}\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tooltips/TooltipStyles.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { Size } from '../types';
-export declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $withArrow?: boolean | undefined;
-    $size?: Size | undefined;
-    $height?: string | undefined;
-    $maxWidth?: string | undefined;
-    $align?: 'start' | 'end' | 'center' | undefined;
-    $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;
-    $width?: string | undefined;
-}>> & string;
-export declare const TooltipTrigger: (triggerType: 'hover' | 'click', delay?: string) => import("styled-components").RuleSet<object>;
-export declare const TooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $triggerType: 'hover' | 'click';
-    $delay?: string | undefined;
-}>> & string;
+/// <reference types="react" />
+import { Size } from '../types';
+export declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $withArrow?: boolean | undefined;
+    $size?: Size | undefined;
+    $height?: string | undefined;
+    $maxWidth?: string | undefined;
+    $align?: 'start' | 'end' | 'center' | undefined;
+    $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;
+    $width?: string | undefined;
+}>> & string;
+export declare const TooltipTrigger: (triggerType: 'hover' | 'click', delay?: string) => import("styled-components").RuleSet<object>;
+export declare const TooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $triggerType: 'hover' | 'click';
+    $delay?: string | undefined;
+}>> & string;

package/dist/Tooltips/TooltipStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","_templateObject","_taggedTemplateLiteral","props","$size","Medium","Regular","getColor","theme","$align","BOXSHADOW_L2","$width","concat","$height","_props$$maxWidth","$maxWidth","tooltip","$position","$withArrow","defaultProps","TooltipTrigger","triggerType","delay","_templateObject2","TooltipContainer","_templateObject3","$triggerType","$delay"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport { Z_INDEXES } from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';\n};\n\nexport const Tooltip = styled.div<{\n  $withArrow?: boolean;\n  $size?: Size;\n  $height?: string;\n  $maxWidth?: string;\n  $align?: 'start' | 'end' | 'center' | undefined;\n  $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n  $width?: string;\n}>`\n  pointer-events: none;\n  ${(props) => (props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n  ${(props) => (props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n    ${(props) => (props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\n    ${(props) => (props.$align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n  box-sizing: border-box;\n\n  padding: ${(props) => (props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px')};\n  border-radius: 2px;\n  ${(props) => (props.$width ? `width: ${props.$width};` : 'width: max-content;')}\n  height: ${(props) => props.$height};\n  max-width: ${(props) => props.$maxWidth ?? '34em'};\n  background: ${props => COLORS.getColor('primary_800', props.theme)};\n  position: absolute;\n  opacity: 0;\n  z-index: ${Z_INDEXES.tooltip};\n  ${(props) => (props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '')}\n\n  ${(props) => (props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${(props) => (props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${(props) =>\n    props.$position == 'left' || props.$position == 'right'\n      ? ''\n      : props.$align == 'start'\n      ? 'left: 0%;'\n      : props.$align == 'end'\n      ? 'right: 0%;'\n      : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${(props) => (!props.$withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${(props) => (props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '')}\n\n    ${(props) => (props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${(props) => (props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${(props) =>\n      props.$position == 'left' || props.$position == 'right'\n        ? ''\n        : props.$align == 'start'\n        ? `left: ${distanceToEdge(props.$size)};`\n        : props.$align == 'end'\n        ? `right: ${distanceToEdge(props.$size)};`\n        : 'left: 50%;'}\n\n    ${(props) => (props.$position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${(props) => (props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent')}\n      ${(props) => (props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent')};\n  }\n\n  & > span {\n    word-wrap: break-word;\n    color: white;\n  }\n`;\n\nTooltip.defaultProps = {\n  $withArrow: false,\n  $size: Size.Small,\n  $height: 'auto',\n  $align: 'center',\n  $position: 'bottom',\n};\n\nexport const TooltipTrigger = (triggerType: 'hover' | 'click', delay?: string) => css`\n  ${triggerType == 'hover'\n    ? `&:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n      opacity: 1;\n      transition: 0.5s;\n    transition-delay: ${delay ?? '0.7s'};\n    }`\n    : `& ${Tooltip} {\n      transition: 0.5s;\n      transition-delay: ${delay ?? '0s'};\n    }\n  \n    &.show ${Tooltip} {\n      opacity: 1;\n    }\n  \n    &.hide ${Tooltip} {\n      opacity: 0;\n    }`}\n`;\n\nexport const TooltipContainer = styled.div<{ $triggerType: 'hover' | 'click', $delay?: string }>`\n  display: inline-block;\n  position: relative;\n\n  ${(props) => TooltipTrigger(props.$triggerType, props.$delay)}\n\n  &:focus {\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","_templateObject","_taggedTemplateLiteral","props","$size","Medium","Regular","getColor","theme","$align","BOXSHADOW_L2","$width","concat","$height","_props$$maxWidth","$maxWidth","tooltip","$position","$withArrow","defaultProps","TooltipTrigger","triggerType","delay","_templateObject2","TooltipContainer","_templateObject3","$triggerType","$delay"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Size } from '../types';\r\nimport { BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles } from '../styles';\r\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nconst distanceToEdge = (size: Size | undefined) => {\r\n  return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';\r\n};\r\n\r\nexport const Tooltip = styled.div<{\r\n  $withArrow?: boolean;\r\n  $size?: Size;\r\n  $height?: string;\r\n  $maxWidth?: string;\r\n  $align?: 'start' | 'end' | 'center' | undefined;\r\n  $position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\r\n  $width?: string;\r\n}>`\r\n  pointer-events: none;\r\n  ${(props) => (props.$size == Size.Small || props.$size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n  ${(props) => (props.$size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n    ${(props) => (props.$size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme)) : '')}\r\n    ${(props) => (props.$align == 'center' ? 'text-align: center;' : '')}\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  box-sizing: border-box;\r\n\r\n  padding: ${(props) => (props.$size == Size.XSmall ? '4px 8px' : props.$size == Size.Medium ? '8px 12px' : '6px 10px')};\r\n  border-radius: 2px;\r\n  ${(props) => (props.$width ? `width: ${props.$width};` : 'width: max-content;')}\r\n  height: ${(props) => props.$height};\r\n  max-width: ${(props) => props.$maxWidth ?? '34em'};\r\n  background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  position: absolute;\r\n  opacity: 0;\r\n  z-index: ${Z_INDEXES.tooltip};\r\n  ${(props) => (props.$position == 'top' ? 'bottom: 110%;' : props.$position == 'bottom' ? 'top: 110%;' : '')}\r\n\r\n  ${(props) => (props.$position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\r\n    ${(props) => (props.$position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\r\n            \r\n    ${(props) =>\r\n    props.$position == 'left' || props.$position == 'right'\r\n      ? ''\r\n      : props.$align == 'start'\r\n      ? 'left: 0%;'\r\n      : props.$align == 'end'\r\n      ? 'right: 0%;'\r\n      : 'left: 50%; transform: translateX(-50%);'}\r\n\r\n\r\n&::after {\r\n    ${(props) => (!props.$withArrow ? 'display: none;' : '')}\r\n    content: \"\";\r\n    position: absolute;\r\n    ${(props) => (props.$position == 'top' ? 'top: 100%;' : props.$position == 'bottom' ? 'bottom: 100%;' : '')}\r\n\r\n    ${(props) => (props.$position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n    ${(props) => (props.$position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\r\n\r\n    ${(props) =>\r\n      props.$position == 'left' || props.$position == 'right'\r\n        ? ''\r\n        : props.$align == 'start'\r\n        ? `left: ${distanceToEdge(props.$size)};`\r\n        : props.$align == 'end'\r\n        ? `right: ${distanceToEdge(props.$size)};`\r\n        : 'left: 50%;'}\r\n\r\n    ${(props) => (props.$position == 'left' ? '' : 'margin-left: -5px;')}\r\n    margin: -0.5px;\r\n    border-width: 4px;\r\n    border-style: solid;\r\n    border-color: ${(props) => (props.$position == 'top' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'right' ? COLORS.getColor('primary_800', props.theme) : 'transparent')}\r\n      ${(props) => (props.$position == 'bottom' ? COLORS.getColor('primary_800', props.theme) : 'transparent')} ${(props) => (props.$position == 'left' ? COLORS.getColor('primary_800', props.theme) : 'transparent')};\r\n  }\r\n\r\n  & > span {\r\n    word-wrap: break-word;\r\n    color: white;\r\n  }\r\n`;\r\n\r\nTooltip.defaultProps = {\r\n  $withArrow: false,\r\n  $size: Size.Small,\r\n  $height: 'auto',\r\n  $align: 'center',\r\n  $position: 'bottom',\r\n};\r\n\r\nexport const TooltipTrigger = (triggerType: 'hover' | 'click', delay?: string) => css`\r\n  ${triggerType == 'hover'\r\n    ? `&:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\r\n      opacity: 1;\r\n      transition: 0.5s;\r\n    transition-delay: ${delay ?? '0.7s'};\r\n    }`\r\n    : `& ${Tooltip} {\r\n      transition: 0.5s;\r\n      transition-delay: ${delay ?? '0s'};\r\n    }\r\n  \r\n    &.show ${Tooltip} {\r\n      opacity: 1;\r\n    }\r\n  \r\n    &.hide ${Tooltip} {\r\n      opacity: 0;\r\n    }`}\r\n`;\r\n\r\nexport const TooltipContainer = styled.div<{ $triggerType: 'hover' | 'click', $delay?: string }>`\r\n  display: inline-block;\r\n  position: relative;\r\n\r\n  ${(props) => TooltipTrigger(props.$triggerType, props.$delay)}\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tooltips/TooltipTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipTypes.cjs","names":[],"sources":["../../src/Tooltips/TooltipTypes.tsx"],"sourcesContent":["import { Size } from \"../types\";\n\n/**\n * Types for the table.\n */\n export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n\n    label?: string;\n    /** Optional. If set, then there will be an arrow at the edge closest to children components */\n    withArrow?: boolean;\n    /** Optional.  */\n    width?: string;\n    /** Optional. Defaults to 'Small'. */\n    size?: Size;\n    /** Optional. Delay in appearance of the tooltip. Defaults to 0.7s for 'hover' trigger type. */\n    delay?: string;\n    /** Optional. TabIndex property set to TooltipContainer  */\n    tabIndex?: number;\n    /** Optional. Defaults to 'auto'. */\n    height?: string;\n    /** Optional. To which edge of wrapped components tooltip will be aligned. Defaults to 'center'.  */\n    align? : 'start' | 'end' | 'center' | undefined;\n    /** Optional. Defaults to 'bottom'.  */\n    position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\n    children?: React.ReactNode;\n    /** Optional. What should trigger the appearance of the tooltip - hover or click event. */\n    trigger?: 'hover' | 'click';\n    /** Optional. How long tooltip will be visible after appearing to the user in milliseconds. Works only for trigger type 'click'. Defaults to '5000' */\n    hideAfter?: number;\n  }\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TooltipTypes.cjs","names":[],"sources":["../../src/Tooltips/TooltipTypes.tsx"],"sourcesContent":["import { Size } from \"../types\";\r\n\r\n/**\r\n * Types for the table.\r\n */\r\n export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\r\n\r\n    label?: string;\r\n    /** Optional. If set, then there will be an arrow at the edge closest to children components */\r\n    withArrow?: boolean;\r\n    /** Optional.  */\r\n    width?: string;\r\n    /** Optional. Defaults to 'Small'. */\r\n    size?: Size;\r\n    /** Optional. Delay in appearance of the tooltip. Defaults to 0.7s for 'hover' trigger type. */\r\n    delay?: string;\r\n    /** Optional. TabIndex property set to TooltipContainer  */\r\n    tabIndex?: number;\r\n    /** Optional. Defaults to 'auto'. */\r\n    height?: string;\r\n    /** Optional. To which edge of wrapped components tooltip will be aligned. Defaults to 'center'.  */\r\n    align? : 'start' | 'end' | 'center' | undefined;\r\n    /** Optional. Defaults to 'bottom'.  */\r\n    position? : 'top' | 'right' | 'bottom' | 'left' | undefined;\r\n    children?: React.ReactNode;\r\n    /** Optional. What should trigger the appearance of the tooltip - hover or click event. */\r\n    trigger?: 'hover' | 'click';\r\n    /** Optional. How long tooltip will be visible after appearing to the user in milliseconds. Works only for trigger type 'click'. Defaults to '5000' */\r\n    hideAfter?: number;\r\n  }\r\n"],"mappings":"","ignoreList":[]}