@laerdal/life-react-components 5.0.7-dev.6 → 5.0.8-dev.1

package/dist/Tabs/HorizontalTabs.cjs

@@ -20,14 +20,14 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["size", "tabs", "sideFill", "fullWidth", "onTabChange", "variant"],
   _excluded2 = ["value", "selected", "to", "disabled", "className"];
 var _templateObject, _templateObject2, _templateObject3;
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
-/**
- * Import third-party libraries.
+/**
+ * Import third-party libraries.
  */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -82,9 +82,9 @@ var HorizontalTabs = function HorizontalTabs(_ref) {
     onTabChange = _ref.onTabChange,
     variant = _ref.variant,
     rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  /**
-   * Informs parent component of tab change and clears focus.
-   * @param to - A link to which user should be navigated.
+  /**
+   * Informs parent component of tab change and clears focus.
+   * @param to - A link to which user should be navigated.
    */
   var doTabChange = function doTabChange(to) {
     // Let's inform parent component

package/dist/Tabs/HorizontalTabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabs.cjs","names":["React","_interopRequireWildcard","require","_types","_styles","_styledComponents","_interopRequireDefault","_common","_jsxRuntime","_excluded","_excluded2","_templateObject","_templateObject2","_templateObject3","_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","HorizontalTabContainer","styled","div","_taggedTemplateLiteral2","focusStyles","TabSideFill","props","COLORS","getColor","theme","TabButton","button","Z_INDEXES","active","Size","XSmall","ComponentXSStyling","ComponentTextStyle","Regular","Small","ComponentSStyling","Medium","ComponentMStyling","Large","ComponentLStyling","HorizontalTabs","_ref","size","tabs","sideFill","fullWidth","onTabChange","variant","rest","_objectWithoutProperties2","doTabChange","to","document","activeElement","HTMLElement","blur","_React$useState","useState","_React$useState2","_slicedToArray2","focused","setFocused","_React$useState3","_React$useState4","currentTab","setCurrentTab","useEffect","selectedTab","find","x","selected","disabled","tabListBlur","tabListFocus","changeTabInternal","tab","tabListKeyDown","key","preventDefault","j","nextIndex","jsxs","tabIndex","onBlur","onFocus","onKeyDown","role","children","jsx","className","concat","map","index","value","onMouseDown","defaultOnMouseDownHandler","style","width","onClick","propTypes","_propTypes","arrayOf","shape","oneOfType","string","node","isRequired","bool","func","oneOf","_default","exports"],"sources":["../../src/Tabs/HorizontalTabs.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\nimport {Size} from '../types';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport Colors from \"../styles/colors\";\r\n\r\n// Add custom styles\r\nconst HorizontalTabContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  position: relative;\r\n  flex-direction: row;\r\n\r\n  &:focus {\r\n    ${focusStyles};\r\n  }\r\n\r\n`;\r\n\r\nconst TabSideFill = styled.div`\r\n  position: absolute;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  bottom: 0;\r\n  width: 100%;\r\n\r\n  &.fill {\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n`;\r\n\r\nconst TabButton = styled.button`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  border: none;\r\n  background-color: transparent;\r\n  position: relative;\r\n  cursor: pointer;\r\n  display: flex;\r\n  box-sizing: border-box;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 0;\r\n\r\n  &[aria-selected=\"true\"] {\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.floating {\r\n    border-radius: 2px;\r\n  }\r\n  \r\n  &.selected {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.selected.floating {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  }\r\n\r\n  &.default {\r\n    border-left: 1px solid transparent;\r\n    border-right: 1px solid transparent;\r\n  }\r\n  \r\n  &.default.selected {\r\n    border-left: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-right: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &.selected:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -1px;\r\n    right: -1px;\r\n    height: 2px;\r\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n  }\r\n\r\n  &.selected.floating:after {\r\n    top: unset;\r\n    bottom: 1px;\r\n    left: 1px;\r\n    right: 1px;\r\n    height: 2px;\r\n    border-radius: 2px;\r\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n  }\r\n\r\n\r\n  &:hover, &:hover.selected {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:hover:after {\r\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:active, &:active.selected {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    outline: none;\r\n  }\r\n\r\n  &:active:after {\r\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background: transparent;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  // Sizes\r\n  &.${Size.XSmall} {\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    padding: 0px 16px;\r\n    height: 32px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  &.${Size.Small} {\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    padding: 0px 16px;\r\n    height: 40px;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  &.${Size.Medium} {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    height: 48px;\r\n    min-width: 96px;\r\n    padding: 0 16px;\r\n  }\r\n\r\n  &.${Size.Large} {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    height: 56px;\r\n    min-width: 144px;\r\n    padding: 0 16px;\r\n  }\r\n`;\r\n\r\n// Add component-specific types\r\nexport interface HorizontalTabProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** Required. Size of the Tabs */\r\n  size: Size.XSmall | Size.Small | Size.Medium | Size.Large;\r\n  /** Required: Array of Tabs to show */\r\n  tabs: HorizontalTab[];\r\n  /** Optional. For 'default' variant of tabs if this flag is set, then white background will be added to the tabs  */\r\n  sideFill?: boolean;\r\n  /** Optional. If set, then whole width of the parent container will be equally split between Tabs, otherwise each tab will take width \r\n   * required for its content.\r\n   */\r\n  fullWidth?: boolean;\r\n  /** Required. Handler to be called when user tries to change the tab */\r\n  onTabChange: (to: string) => void;\r\n  /** Optional. Display variant of the tabs. If not set, then 'default' is used */\r\n  variant?: 'default' | 'floating';\r\n}\r\n\r\nexport interface HorizontalTab extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'style'> {\r\n  /** Required. Value of the tab */\r\n  value: string | React.ReactNode;\r\n  /** Required. State of the tab, selected or not. Use it to set initial state of the tabs. */\r\n  selected: boolean;\r\n  /** Required. URL related with the Tab */\r\n  to: string;\r\n}\r\n\r\nconst HorizontalTabs = ({size, tabs, sideFill, fullWidth, onTabChange, variant, ...rest}: HorizontalTabProps) => {\r\n  /**\r\n   * Informs parent component of tab change and clears focus.\r\n   * @param to - A link to which user should be navigated.\r\n   */\r\n  const doTabChange = (to: string): void => {\r\n    // Let's inform parent component\r\n    onTabChange(to);\r\n\r\n    // Let's clear focus\r\n    if (document.activeElement instanceof HTMLElement) {\r\n      document.activeElement!.blur();\r\n    }\r\n  };\r\n\r\n  const [focused, setFocused] = React.useState<boolean>(false);\r\n  const [currentTab, setCurrentTab] = React.useState<string>();\r\n\r\n  React.useEffect(() => {\r\n    const selectedTab = tabs.find(x => x.selected && !x.disabled);\r\n    if (selectedTab)\r\n      setCurrentTab(selectedTab.to);\r\n  }, [tabs]);\r\n\r\n  const tabListBlur = () => setFocused(false);\r\n\r\n  const tabListFocus = (e: React.FocusEvent<HTMLDivElement, Element>) => setFocused(true);\r\n\r\n  const changeTabInternal = (tab: HorizontalTab) => {\r\n    tab.selected = true;\r\n    tabs.forEach(x => {\r\n      if (x.to != tab.to)\r\n        x.selected = false;\r\n    });\r\n    setCurrentTab(tab.to);\r\n    onTabChange(tab.to);\r\n  }\r\n\r\n  const tabListKeyDown = (e: React.KeyboardEvent) => {\r\n    if (focused && (e.key === 'ArrowLeft' || e.key === 'ArrowRight')) {\r\n      e.preventDefault();\r\n      if (e.key === 'ArrowRight') {\r\n        tabs.forEach((x, i) => {\r\n          if (x.to != currentTab)\r\n            return;\r\n\r\n          for (let j = 1; j < tabs.length - 1; j++) {\r\n            let nextIndex = j + i;\r\n            if (nextIndex > tabs.length - 1)\r\n              nextIndex = nextIndex - tabs.length;\r\n            if (tabs[nextIndex].disabled)\r\n              continue;\r\n            changeTabInternal(tabs[nextIndex]);\r\n            break;\r\n          }\r\n        });\r\n      }\r\n\r\n      if (e.key === 'ArrowLeft') {\r\n        tabs.forEach((x, i) => {\r\n          if (x.to != currentTab)\r\n            return;\r\n\r\n          for (let j = 1; j < tabs.length - 1; j++) {\r\n            let nextIndex = i - j;\r\n            if (nextIndex < 0)\r\n              nextIndex = nextIndex + tabs.length;\r\n            if (tabs[nextIndex].disabled)\r\n              continue;\r\n            changeTabInternal(tabs[nextIndex]);\r\n            break;\r\n          }\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  return (\r\n    <HorizontalTabContainer tabIndex={0} onBlur={tabListBlur} onFocus={tabListFocus} onKeyDown={tabListKeyDown}\r\n                            role=\"tablist\" data-testid={'horizontal-tabs-container'} {...rest}>\r\n      {\r\n        variant !== 'floating' && <TabSideFill tabIndex={-1} className={`${sideFill ? 'fill' : ''}`}/>\r\n      }\r\n      {tabs.map((tab: HorizontalTab, index: number) => {\r\n        const {value, selected, to, disabled, className, ...rest} = tab;\r\n        return (\r\n          <TabButton\r\n            role=\"tab\"\r\n            data-testid={`tab_${value}`}\r\n            key={`${tab}_${index}`}\r\n            aria-selected={selected}\r\n            aria-expanded={selected}\r\n            tabIndex={-1}\r\n            onMouseDown={defaultOnMouseDownHandler}\r\n            style={fullWidth ? {width: `${100 / tabs.length}%`} : {}}\r\n            disabled={disabled}\r\n            className={`${className || ''} ${size} ${variant || 'default'} ${tab.selected ? 'selected' : ''}`}\r\n            onClick={() => !disabled && changeTabInternal(tab)}\r\n            {...rest}>\r\n            {tab.value}\r\n          </TabButton>\r\n        );\r\n      })}\r\n    </HorizontalTabContainer>\r\n  );\r\n};\r\n\r\nexport default HorizontalTabs;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HorizontalTabs.cjs","names":["React","_interopRequireWildcard","require","_types","_styles","_styledComponents","_interopRequireDefault","_common","_jsxRuntime","_excluded","_excluded2","_templateObject","_templateObject2","_templateObject3","_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","HorizontalTabContainer","styled","div","_taggedTemplateLiteral2","focusStyles","TabSideFill","props","COLORS","getColor","theme","TabButton","button","Z_INDEXES","active","Size","XSmall","ComponentXSStyling","ComponentTextStyle","Regular","Small","ComponentSStyling","Medium","ComponentMStyling","Large","ComponentLStyling","HorizontalTabs","_ref","size","tabs","sideFill","fullWidth","onTabChange","variant","rest","_objectWithoutProperties2","doTabChange","to","document","activeElement","HTMLElement","blur","_React$useState","useState","_React$useState2","_slicedToArray2","focused","setFocused","_React$useState3","_React$useState4","currentTab","setCurrentTab","useEffect","selectedTab","find","x","selected","disabled","tabListBlur","tabListFocus","changeTabInternal","tab","tabListKeyDown","key","preventDefault","j","nextIndex","jsxs","tabIndex","onBlur","onFocus","onKeyDown","role","children","jsx","className","concat","map","index","value","onMouseDown","defaultOnMouseDownHandler","style","width","onClick","propTypes","_propTypes","arrayOf","shape","oneOfType","string","node","isRequired","bool","func","oneOf","_default","exports"],"sources":["../../src/Tabs/HorizontalTabs.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\nimport {Size} from '../types';\n\n/**\n * Import custom styles.\n */\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\nimport Colors from \"../styles/colors\";\n\n// Add custom styles\nconst HorizontalTabContainer = styled.div`\n  width: 100%;\n  display: flex;\n  position: relative;\n  flex-direction: row;\n\n  &:focus {\n    ${focusStyles};\n  }\n\n`;\n\nconst TabSideFill = styled.div`\n  position: absolute;\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n  bottom: 0;\n  width: 100%;\n\n  &.fill {\n    background: ${props => COLORS.getColor('white', props.theme)};\n  }\n`;\n\nconst TabButton = styled.button`\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  border: none;\n  background-color: transparent;\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n\n  &[aria-selected=\"true\"] {\n    z-index: ${Z_INDEXES.active};\n  }\n\n  &.floating {\n    border-radius: 2px;\n  }\n  \n  &.selected {\n    background-color: ${props => COLORS.getColor('white', props.theme)};\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\n  }\n\n  &.selected.floating {\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\n  }\n\n  &.default {\n    border-left: 1px solid transparent;\n    border-right: 1px solid transparent;\n  }\n  \n  &.default.selected {\n    border-left: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n    border-right: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n  }\n\n  &.selected:after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -1px;\n    right: -1px;\n    height: 2px;\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n  }\n\n  &.selected.floating:after {\n    top: unset;\n    bottom: 1px;\n    left: 1px;\n    right: 1px;\n    height: 2px;\n    border-radius: 2px;\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n  }\n\n\n  &:hover, &:hover.selected {\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  &:hover:after {\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  &:active, &:active.selected {\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\n    outline: none;\n  }\n\n  &:active:after {\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  &:disabled {\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\n    background: transparent;\n    cursor: not-allowed;\n  }\n\n  // Sizes\n  &.${Size.XSmall} {\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    padding: 0px 16px;\n    height: 32px;\n    margin-top: 16px;\n  }\n\n  &.${Size.Small} {\n    ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    padding: 0px 16px;\n    height: 40px;\n    margin-top: 8px;\n  }\n\n  &.${Size.Medium} {\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    height: 48px;\n    min-width: 96px;\n    padding: 0 16px;\n  }\n\n  &.${Size.Large} {\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    height: 56px;\n    min-width: 144px;\n    padding: 0 16px;\n  }\n`;\n\n// Add component-specific types\nexport interface HorizontalTabProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Required. Size of the Tabs */\n  size: Size.XSmall | Size.Small | Size.Medium | Size.Large;\n  /** Required: Array of Tabs to show */\n  tabs: HorizontalTab[];\n  /** Optional. For 'default' variant of tabs if this flag is set, then white background will be added to the tabs  */\n  sideFill?: boolean;\n  /** Optional. If set, then whole width of the parent container will be equally split between Tabs, otherwise each tab will take width \n   * required for its content.\n   */\n  fullWidth?: boolean;\n  /** Required. Handler to be called when user tries to change the tab */\n  onTabChange: (to: string) => void;\n  /** Optional. Display variant of the tabs. If not set, then 'default' is used */\n  variant?: 'default' | 'floating';\n}\n\nexport interface HorizontalTab extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'style'> {\n  /** Required. Value of the tab */\n  value: string | React.ReactNode;\n  /** Required. State of the tab, selected or not. Use it to set initial state of the tabs. */\n  selected: boolean;\n  /** Required. URL related with the Tab */\n  to: string;\n}\n\nconst HorizontalTabs = ({size, tabs, sideFill, fullWidth, onTabChange, variant, ...rest}: HorizontalTabProps) => {\n  /**\n   * Informs parent component of tab change and clears focus.\n   * @param to - A link to which user should be navigated.\n   */\n  const doTabChange = (to: string): void => {\n    // Let's inform parent component\n    onTabChange(to);\n\n    // Let's clear focus\n    if (document.activeElement instanceof HTMLElement) {\n      document.activeElement!.blur();\n    }\n  };\n\n  const [focused, setFocused] = React.useState<boolean>(false);\n  const [currentTab, setCurrentTab] = React.useState<string>();\n\n  React.useEffect(() => {\n    const selectedTab = tabs.find(x => x.selected && !x.disabled);\n    if (selectedTab)\n      setCurrentTab(selectedTab.to);\n  }, [tabs]);\n\n  const tabListBlur = () => setFocused(false);\n\n  const tabListFocus = (e: React.FocusEvent<HTMLDivElement, Element>) => setFocused(true);\n\n  const changeTabInternal = (tab: HorizontalTab) => {\n    tab.selected = true;\n    tabs.forEach(x => {\n      if (x.to != tab.to)\n        x.selected = false;\n    });\n    setCurrentTab(tab.to);\n    onTabChange(tab.to);\n  }\n\n  const tabListKeyDown = (e: React.KeyboardEvent) => {\n    if (focused && (e.key === 'ArrowLeft' || e.key === 'ArrowRight')) {\n      e.preventDefault();\n      if (e.key === 'ArrowRight') {\n        tabs.forEach((x, i) => {\n          if (x.to != currentTab)\n            return;\n\n          for (let j = 1; j < tabs.length - 1; j++) {\n            let nextIndex = j + i;\n            if (nextIndex > tabs.length - 1)\n              nextIndex = nextIndex - tabs.length;\n            if (tabs[nextIndex].disabled)\n              continue;\n            changeTabInternal(tabs[nextIndex]);\n            break;\n          }\n        });\n      }\n\n      if (e.key === 'ArrowLeft') {\n        tabs.forEach((x, i) => {\n          if (x.to != currentTab)\n            return;\n\n          for (let j = 1; j < tabs.length - 1; j++) {\n            let nextIndex = i - j;\n            if (nextIndex < 0)\n              nextIndex = nextIndex + tabs.length;\n            if (tabs[nextIndex].disabled)\n              continue;\n            changeTabInternal(tabs[nextIndex]);\n            break;\n          }\n        });\n      }\n    }\n  };\n\n  return (\n    <HorizontalTabContainer tabIndex={0} onBlur={tabListBlur} onFocus={tabListFocus} onKeyDown={tabListKeyDown}\n                            role=\"tablist\" data-testid={'horizontal-tabs-container'} {...rest}>\n      {\n        variant !== 'floating' && <TabSideFill tabIndex={-1} className={`${sideFill ? 'fill' : ''}`}/>\n      }\n      {tabs.map((tab: HorizontalTab, index: number) => {\n        const {value, selected, to, disabled, className, ...rest} = tab;\n        return (\n          <TabButton\n            role=\"tab\"\n            data-testid={`tab_${value}`}\n            key={`${tab}_${index}`}\n            aria-selected={selected}\n            aria-expanded={selected}\n            tabIndex={-1}\n            onMouseDown={defaultOnMouseDownHandler}\n            style={fullWidth ? {width: `${100 / tabs.length}%`} : {}}\n            disabled={disabled}\n            className={`${className || ''} ${size} ${variant || 'default'} ${tab.selected ? 'selected' : ''}`}\n            onClick={() => !disabled && changeTabInternal(tab)}\n            {...rest}>\n            {tab.value}\n          </TabButton>\n        );\n      })}\n    </HorizontalTabContainer>\n  );\n};\n\nexport default HorizontalTabs;\n"],"mappings":"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","ignoreList":[]}

package/dist/Tabs/HorizontalTabs.d.ts

@@ -1,31 +1,31 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-import { Size } from '../types';
-export interface HorizontalTabProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Required. Size of the Tabs */
-    size: Size.XSmall | Size.Small | Size.Medium | Size.Large;
-    /** Required: Array of Tabs to show */
-    tabs: HorizontalTab[];
-    /** Optional. For 'default' variant of tabs if this flag is set, then white background will be added to the tabs  */
-    sideFill?: boolean;
-    /** Optional. If set, then whole width of the parent container will be equally split between Tabs, otherwise each tab will take width
-     * required for its content.
-     */
-    fullWidth?: boolean;
-    /** Required. Handler to be called when user tries to change the tab */
-    onTabChange: (to: string) => void;
-    /** Optional. Display variant of the tabs. If not set, then 'default' is used */
-    variant?: 'default' | 'floating';
-}
-export interface HorizontalTab extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'style'> {
-    /** Required. Value of the tab */
-    value: string | React.ReactNode;
-    /** Required. State of the tab, selected or not. Use it to set initial state of the tabs. */
-    selected: boolean;
-    /** Required. URL related with the Tab */
-    to: string;
-}
-declare const HorizontalTabs: ({ size, tabs, sideFill, fullWidth, onTabChange, variant, ...rest }: HorizontalTabProps) => React.JSX.Element;
-export default HorizontalTabs;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+import { Size } from '../types';
+export interface HorizontalTabProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Required. Size of the Tabs */
+    size: Size.XSmall | Size.Small | Size.Medium | Size.Large;
+    /** Required: Array of Tabs to show */
+    tabs: HorizontalTab[];
+    /** Optional. For 'default' variant of tabs if this flag is set, then white background will be added to the tabs  */
+    sideFill?: boolean;
+    /** Optional. If set, then whole width of the parent container will be equally split between Tabs, otherwise each tab will take width
+     * required for its content.
+     */
+    fullWidth?: boolean;
+    /** Required. Handler to be called when user tries to change the tab */
+    onTabChange: (to: string) => void;
+    /** Optional. Display variant of the tabs. If not set, then 'default' is used */
+    variant?: 'default' | 'floating';
+}
+export interface HorizontalTab extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'style'> {
+    /** Required. Value of the tab */
+    value: string | React.ReactNode;
+    /** Required. State of the tab, selected or not. Use it to set initial state of the tabs. */
+    selected: boolean;
+    /** Required. URL related with the Tab */
+    to: string;
+}
+declare const HorizontalTabs: ({ size, tabs, sideFill, fullWidth, onTabChange, variant, ...rest }: HorizontalTabProps) => React.JSX.Element;
+export default HorizontalTabs;

package/dist/Tabs/HorizontalTabs.js

@@ -8,19 +8,19 @@ var _excluded = ["size", "tabs", "sideFill", "fullWidth", "onTabChange", "varian
 var _templateObject, _templateObject2, _templateObject3;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
 import * as React from 'react';
 import { Size } from '../types';
 
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
 import { COLORS, ComponentTextStyle, focusStyles } from '../styles';
 
-/**
- * Import third-party libraries.
+/**
+ * Import third-party libraries.
  */
 import styled from 'styled-components';
 import { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles';
@@ -77,9 +77,9 @@ var HorizontalTabs = function HorizontalTabs(_ref) {
     onTabChange = _ref.onTabChange,
     variant = _ref.variant,
     rest = _objectWithoutProperties(_ref, _excluded);
-  /**
-   * Informs parent component of tab change and clears focus.
-   * @param to - A link to which user should be navigated.
+  /**
+   * Informs parent component of tab change and clears focus.
+   * @param to - A link to which user should be navigated.
    */
   var doTabChange = function doTabChange(to) {
     // Let's inform parent component

package/dist/Tabs/HorizontalTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabs.js","names":["React","Size","COLORS","ComponentTextStyle","focusStyles","styled","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","HorizontalTabContainer","div","_templateObject","_taggedTemplateLiteral","TabSideFill","_templateObject2","props","getColor","theme","TabButton","button","_templateObject3","active","XSmall","Regular","Small","Medium","Large","HorizontalTabs","_ref","size","tabs","sideFill","fullWidth","onTabChange","variant","rest","_objectWithoutProperties","_excluded","doTabChange","to","document","activeElement","HTMLElement","blur","_React$useState","useState","_React$useState2","_slicedToArray","focused","setFocused","_React$useState3","_React$useState4","currentTab","setCurrentTab","useEffect","selectedTab","find","x","selected","disabled","tabListBlur","tabListFocus","e","changeTabInternal","tab","forEach","tabListKeyDown","key","preventDefault","i","j","length","nextIndex","_objectSpread","tabIndex","onBlur","onFocus","onKeyDown","role","children","className","concat","map","index","value","_excluded2","onMouseDown","style","width","onClick","propTypes","_pt","arrayOf","shape","oneOfType","string","node","isRequired","bool","func","oneOf"],"sources":["../../src/Tabs/HorizontalTabs.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\nimport {Size} from '../types';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport Colors from \"../styles/colors\";\r\n\r\n// Add custom styles\r\nconst HorizontalTabContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  position: relative;\r\n  flex-direction: row;\r\n\r\n  &:focus {\r\n    ${focusStyles};\r\n  }\r\n\r\n`;\r\n\r\nconst TabSideFill = styled.div`\r\n  position: absolute;\r\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  bottom: 0;\r\n  width: 100%;\r\n\r\n  &.fill {\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n`;\r\n\r\nconst TabButton = styled.button`\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  border: none;\r\n  background-color: transparent;\r\n  position: relative;\r\n  cursor: pointer;\r\n  display: flex;\r\n  box-sizing: border-box;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 0;\r\n\r\n  &[aria-selected=\"true\"] {\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.floating {\r\n    border-radius: 2px;\r\n  }\r\n  \r\n  &.selected {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.selected.floating {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n  }\r\n\r\n  &.default {\r\n    border-left: 1px solid transparent;\r\n    border-right: 1px solid transparent;\r\n  }\r\n  \r\n  &.default.selected {\r\n    border-left: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-right: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &.selected:after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -1px;\r\n    right: -1px;\r\n    height: 2px;\r\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n  }\r\n\r\n  &.selected.floating:after {\r\n    top: unset;\r\n    bottom: 1px;\r\n    left: 1px;\r\n    right: 1px;\r\n    height: 2px;\r\n    border-radius: 2px;\r\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n  }\r\n\r\n\r\n  &:hover, &:hover.selected {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:hover:after {\r\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:active, &:active.selected {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    outline: none;\r\n  }\r\n\r\n  &:active:after {\r\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:disabled {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    background: transparent;\r\n    cursor: not-allowed;\r\n  }\r\n\r\n  // Sizes\r\n  &.${Size.XSmall} {\r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\r\n    padding: 0px 16px;\r\n    height: 32px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  &.${Size.Small} {\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    padding: 0px 16px;\r\n    height: 40px;\r\n    margin-top: 8px;\r\n  }\r\n\r\n  &.${Size.Medium} {\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    height: 48px;\r\n    min-width: 96px;\r\n    padding: 0 16px;\r\n  }\r\n\r\n  &.${Size.Large} {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    height: 56px;\r\n    min-width: 144px;\r\n    padding: 0 16px;\r\n  }\r\n`;\r\n\r\n// Add component-specific types\r\nexport interface HorizontalTabProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** Required. Size of the Tabs */\r\n  size: Size.XSmall | Size.Small | Size.Medium | Size.Large;\r\n  /** Required: Array of Tabs to show */\r\n  tabs: HorizontalTab[];\r\n  /** Optional. For 'default' variant of tabs if this flag is set, then white background will be added to the tabs  */\r\n  sideFill?: boolean;\r\n  /** Optional. If set, then whole width of the parent container will be equally split between Tabs, otherwise each tab will take width \r\n   * required for its content.\r\n   */\r\n  fullWidth?: boolean;\r\n  /** Required. Handler to be called when user tries to change the tab */\r\n  onTabChange: (to: string) => void;\r\n  /** Optional. Display variant of the tabs. If not set, then 'default' is used */\r\n  variant?: 'default' | 'floating';\r\n}\r\n\r\nexport interface HorizontalTab extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'style'> {\r\n  /** Required. Value of the tab */\r\n  value: string | React.ReactNode;\r\n  /** Required. State of the tab, selected or not. Use it to set initial state of the tabs. */\r\n  selected: boolean;\r\n  /** Required. URL related with the Tab */\r\n  to: string;\r\n}\r\n\r\nconst HorizontalTabs = ({size, tabs, sideFill, fullWidth, onTabChange, variant, ...rest}: HorizontalTabProps) => {\r\n  /**\r\n   * Informs parent component of tab change and clears focus.\r\n   * @param to - A link to which user should be navigated.\r\n   */\r\n  const doTabChange = (to: string): void => {\r\n    // Let's inform parent component\r\n    onTabChange(to);\r\n\r\n    // Let's clear focus\r\n    if (document.activeElement instanceof HTMLElement) {\r\n      document.activeElement!.blur();\r\n    }\r\n  };\r\n\r\n  const [focused, setFocused] = React.useState<boolean>(false);\r\n  const [currentTab, setCurrentTab] = React.useState<string>();\r\n\r\n  React.useEffect(() => {\r\n    const selectedTab = tabs.find(x => x.selected && !x.disabled);\r\n    if (selectedTab)\r\n      setCurrentTab(selectedTab.to);\r\n  }, [tabs]);\r\n\r\n  const tabListBlur = () => setFocused(false);\r\n\r\n  const tabListFocus = (e: React.FocusEvent<HTMLDivElement, Element>) => setFocused(true);\r\n\r\n  const changeTabInternal = (tab: HorizontalTab) => {\r\n    tab.selected = true;\r\n    tabs.forEach(x => {\r\n      if (x.to != tab.to)\r\n        x.selected = false;\r\n    });\r\n    setCurrentTab(tab.to);\r\n    onTabChange(tab.to);\r\n  }\r\n\r\n  const tabListKeyDown = (e: React.KeyboardEvent) => {\r\n    if (focused && (e.key === 'ArrowLeft' || e.key === 'ArrowRight')) {\r\n      e.preventDefault();\r\n      if (e.key === 'ArrowRight') {\r\n        tabs.forEach((x, i) => {\r\n          if (x.to != currentTab)\r\n            return;\r\n\r\n          for (let j = 1; j < tabs.length - 1; j++) {\r\n            let nextIndex = j + i;\r\n            if (nextIndex > tabs.length - 1)\r\n              nextIndex = nextIndex - tabs.length;\r\n            if (tabs[nextIndex].disabled)\r\n              continue;\r\n            changeTabInternal(tabs[nextIndex]);\r\n            break;\r\n          }\r\n        });\r\n      }\r\n\r\n      if (e.key === 'ArrowLeft') {\r\n        tabs.forEach((x, i) => {\r\n          if (x.to != currentTab)\r\n            return;\r\n\r\n          for (let j = 1; j < tabs.length - 1; j++) {\r\n            let nextIndex = i - j;\r\n            if (nextIndex < 0)\r\n              nextIndex = nextIndex + tabs.length;\r\n            if (tabs[nextIndex].disabled)\r\n              continue;\r\n            changeTabInternal(tabs[nextIndex]);\r\n            break;\r\n          }\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  return (\r\n    <HorizontalTabContainer tabIndex={0} onBlur={tabListBlur} onFocus={tabListFocus} onKeyDown={tabListKeyDown}\r\n                            role=\"tablist\" data-testid={'horizontal-tabs-container'} {...rest}>\r\n      {\r\n        variant !== 'floating' && <TabSideFill tabIndex={-1} className={`${sideFill ? 'fill' : ''}`}/>\r\n      }\r\n      {tabs.map((tab: HorizontalTab, index: number) => {\r\n        const {value, selected, to, disabled, className, ...rest} = tab;\r\n        return (\r\n          <TabButton\r\n            role=\"tab\"\r\n            data-testid={`tab_${value}`}\r\n            key={`${tab}_${index}`}\r\n            aria-selected={selected}\r\n            aria-expanded={selected}\r\n            tabIndex={-1}\r\n            onMouseDown={defaultOnMouseDownHandler}\r\n            style={fullWidth ? {width: `${100 / tabs.length}%`} : {}}\r\n            disabled={disabled}\r\n            className={`${className || ''} ${size} ${variant || 'default'} ${tab.selected ? 'selected' : ''}`}\r\n            onClick={() => !disabled && changeTabInternal(tab)}\r\n            {...rest}>\r\n            {tab.value}\r\n          </TabButton>\r\n        );\r\n      })}\r\n    </HorizontalTabContainer>\r\n  );\r\n};\r\n\r\nexport default HorizontalTabs;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HorizontalTabs.js","names":["React","Size","COLORS","ComponentTextStyle","focusStyles","styled","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","HorizontalTabContainer","div","_templateObject","_taggedTemplateLiteral","TabSideFill","_templateObject2","props","getColor","theme","TabButton","button","_templateObject3","active","XSmall","Regular","Small","Medium","Large","HorizontalTabs","_ref","size","tabs","sideFill","fullWidth","onTabChange","variant","rest","_objectWithoutProperties","_excluded","doTabChange","to","document","activeElement","HTMLElement","blur","_React$useState","useState","_React$useState2","_slicedToArray","focused","setFocused","_React$useState3","_React$useState4","currentTab","setCurrentTab","useEffect","selectedTab","find","x","selected","disabled","tabListBlur","tabListFocus","e","changeTabInternal","tab","forEach","tabListKeyDown","key","preventDefault","i","j","length","nextIndex","_objectSpread","tabIndex","onBlur","onFocus","onKeyDown","role","children","className","concat","map","index","value","_excluded2","onMouseDown","style","width","onClick","propTypes","_pt","arrayOf","shape","oneOfType","string","node","isRequired","bool","func","oneOf"],"sources":["../../src/Tabs/HorizontalTabs.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\nimport {Size} from '../types';\n\n/**\n * Import custom styles.\n */\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {defaultOnMouseDownHandler} from '../common';\nimport Colors from \"../styles/colors\";\n\n// Add custom styles\nconst HorizontalTabContainer = styled.div`\n  width: 100%;\n  display: flex;\n  position: relative;\n  flex-direction: row;\n\n  &:focus {\n    ${focusStyles};\n  }\n\n`;\n\nconst TabSideFill = styled.div`\n  position: absolute;\n  border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n  bottom: 0;\n  width: 100%;\n\n  &.fill {\n    background: ${props => COLORS.getColor('white', props.theme)};\n  }\n`;\n\nconst TabButton = styled.button`\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  border: none;\n  background-color: transparent;\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n\n  &[aria-selected=\"true\"] {\n    z-index: ${Z_INDEXES.active};\n  }\n\n  &.floating {\n    border-radius: 2px;\n  }\n  \n  &.selected {\n    background-color: ${props => COLORS.getColor('white', props.theme)};\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\n  }\n\n  &.selected.floating {\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\n  }\n\n  &.default {\n    border-left: 1px solid transparent;\n    border-right: 1px solid transparent;\n  }\n  \n  &.default.selected {\n    border-left: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n    border-right: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\n  }\n\n  &.selected:after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: -1px;\n    right: -1px;\n    height: 2px;\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n  }\n\n  &.selected.floating:after {\n    top: unset;\n    bottom: 1px;\n    left: 1px;\n    right: 1px;\n    height: 2px;\n    border-radius: 2px;\n    background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n  }\n\n\n  &:hover, &:hover.selected {\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  &:hover:after {\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  &:active, &:active.selected {\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\n    outline: none;\n  }\n\n  &:active:after {\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  &:disabled {\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\n    background: transparent;\n    cursor: not-allowed;\n  }\n\n  // Sizes\n  &.${Size.XSmall} {\n    ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    padding: 0px 16px;\n    height: 32px;\n    margin-top: 16px;\n  }\n\n  &.${Size.Small} {\n    ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    padding: 0px 16px;\n    height: 40px;\n    margin-top: 8px;\n  }\n\n  &.${Size.Medium} {\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    height: 48px;\n    min-width: 96px;\n    padding: 0 16px;\n  }\n\n  &.${Size.Large} {\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    height: 56px;\n    min-width: 144px;\n    padding: 0 16px;\n  }\n`;\n\n// Add component-specific types\nexport interface HorizontalTabProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Required. Size of the Tabs */\n  size: Size.XSmall | Size.Small | Size.Medium | Size.Large;\n  /** Required: Array of Tabs to show */\n  tabs: HorizontalTab[];\n  /** Optional. For 'default' variant of tabs if this flag is set, then white background will be added to the tabs  */\n  sideFill?: boolean;\n  /** Optional. If set, then whole width of the parent container will be equally split between Tabs, otherwise each tab will take width \n   * required for its content.\n   */\n  fullWidth?: boolean;\n  /** Required. Handler to be called when user tries to change the tab */\n  onTabChange: (to: string) => void;\n  /** Optional. Display variant of the tabs. If not set, then 'default' is used */\n  variant?: 'default' | 'floating';\n}\n\nexport interface HorizontalTab extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'style'> {\n  /** Required. Value of the tab */\n  value: string | React.ReactNode;\n  /** Required. State of the tab, selected or not. Use it to set initial state of the tabs. */\n  selected: boolean;\n  /** Required. URL related with the Tab */\n  to: string;\n}\n\nconst HorizontalTabs = ({size, tabs, sideFill, fullWidth, onTabChange, variant, ...rest}: HorizontalTabProps) => {\n  /**\n   * Informs parent component of tab change and clears focus.\n   * @param to - A link to which user should be navigated.\n   */\n  const doTabChange = (to: string): void => {\n    // Let's inform parent component\n    onTabChange(to);\n\n    // Let's clear focus\n    if (document.activeElement instanceof HTMLElement) {\n      document.activeElement!.blur();\n    }\n  };\n\n  const [focused, setFocused] = React.useState<boolean>(false);\n  const [currentTab, setCurrentTab] = React.useState<string>();\n\n  React.useEffect(() => {\n    const selectedTab = tabs.find(x => x.selected && !x.disabled);\n    if (selectedTab)\n      setCurrentTab(selectedTab.to);\n  }, [tabs]);\n\n  const tabListBlur = () => setFocused(false);\n\n  const tabListFocus = (e: React.FocusEvent<HTMLDivElement, Element>) => setFocused(true);\n\n  const changeTabInternal = (tab: HorizontalTab) => {\n    tab.selected = true;\n    tabs.forEach(x => {\n      if (x.to != tab.to)\n        x.selected = false;\n    });\n    setCurrentTab(tab.to);\n    onTabChange(tab.to);\n  }\n\n  const tabListKeyDown = (e: React.KeyboardEvent) => {\n    if (focused && (e.key === 'ArrowLeft' || e.key === 'ArrowRight')) {\n      e.preventDefault();\n      if (e.key === 'ArrowRight') {\n        tabs.forEach((x, i) => {\n          if (x.to != currentTab)\n            return;\n\n          for (let j = 1; j < tabs.length - 1; j++) {\n            let nextIndex = j + i;\n            if (nextIndex > tabs.length - 1)\n              nextIndex = nextIndex - tabs.length;\n            if (tabs[nextIndex].disabled)\n              continue;\n            changeTabInternal(tabs[nextIndex]);\n            break;\n          }\n        });\n      }\n\n      if (e.key === 'ArrowLeft') {\n        tabs.forEach((x, i) => {\n          if (x.to != currentTab)\n            return;\n\n          for (let j = 1; j < tabs.length - 1; j++) {\n            let nextIndex = i - j;\n            if (nextIndex < 0)\n              nextIndex = nextIndex + tabs.length;\n            if (tabs[nextIndex].disabled)\n              continue;\n            changeTabInternal(tabs[nextIndex]);\n            break;\n          }\n        });\n      }\n    }\n  };\n\n  return (\n    <HorizontalTabContainer tabIndex={0} onBlur={tabListBlur} onFocus={tabListFocus} onKeyDown={tabListKeyDown}\n                            role=\"tablist\" data-testid={'horizontal-tabs-container'} {...rest}>\n      {\n        variant !== 'floating' && <TabSideFill tabIndex={-1} className={`${sideFill ? 'fill' : ''}`}/>\n      }\n      {tabs.map((tab: HorizontalTab, index: number) => {\n        const {value, selected, to, disabled, className, ...rest} = tab;\n        return (\n          <TabButton\n            role=\"tab\"\n            data-testid={`tab_${value}`}\n            key={`${tab}_${index}`}\n            aria-selected={selected}\n            aria-expanded={selected}\n            tabIndex={-1}\n            onMouseDown={defaultOnMouseDownHandler}\n            style={fullWidth ? {width: `${100 / tabs.length}%`} : {}}\n            disabled={disabled}\n            className={`${className || ''} ${size} ${variant || 'default'} ${tab.selected ? 'selected' : ''}`}\n            onClick={() => !disabled && changeTabInternal(tab)}\n            {...rest}>\n            {tab.value}\n          </TabButton>\n        );\n      })}\n    </HorizontalTabContainer>\n  );\n};\n\nexport default HorizontalTabs;\n"],"mappings":"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","ignoreList":[]}

package/dist/Tabs/TabLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabLink.cjs","names":["React","_interopRequireWildcard","require","_reactRouterDom","_styledComponents","_interopRequireDefault","_NotificationDot","_types","_styles","_zIndexes","_common","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_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","OptionalLineWrapperWithIcon","styled","div","_taggedTemplateLiteral2","TopWrapper","TextContainer","StyledNotification","EndLineIcon","OptionalLineWrapper","Wrapper","props","COLORS","getColor","theme","$disabled","focusStyles","Z_INDEXES","active","hover","TabLink","forwardRef","_ref","ref","to","_ref$disabled","disabled","requiredLine","optionalLine","OptionalLineIcon","onLinkClick","forceDeactivate","testId","_ref$showNotification","showNotificationDot","_ref$size","size","Size","Small","endLineIcon","onActiveStateChanged","_ref$variant","variant","children","containerOnMouseEnter","containerOnMouseLeave","className","rest","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","activeState","setActiveState","jsx","onMouseEnter","onMouseLeave","jsxs","Fragment","NavLink","toString","_ref2","isActive","onMouseDown","defaultOnMouseDownHandler","tabIndex","role","onClick","NotificationDot","_default","exports"],"sources":["../../src/Tabs/TabLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { NavLink, NavLinkProps } from 'react-router-dom';\r\nimport styled from 'styled-components';\r\nimport { NotificationDot } from '../NotificationDot';\r\nimport { Size } from '../types';\r\nimport { COLORS, focusStyles } from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport { useState } from 'react';\r\n\r\ntype TabLinkProps = {\r\n  disabled?: boolean;\r\n  forceDeactivate?: boolean;\r\n  requiredLine: string;\r\n  optionalLine?: string;\r\n  OptionalLineIcon?: React.ReactNode; //React.FunctionComponent<BaseProps>;\r\n  endLineIcon?: React.ReactNode;\r\n  onLinkClick?: (e: React.MouseEvent) => void;\r\n  testId?: string;\r\n  onActiveStateChanged?: (state: boolean) => void;\r\n  showNotificationDot?: boolean;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  variant?: 'positive' | 'critical';\r\n  containerOnMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\r\n  containerOnMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\r\n} & NavLinkProps;\r\n\r\nconst OptionalLineWrapperWithIcon = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  span {\r\n    margin: 0 0 0 4px !important;\r\n    font-size: 12px;\r\n    line-height: 16px;\r\n  }\r\n`;\r\n\r\nconst TopWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  span:not(:only-child) {\r\n    width: calc(100% - 32px);\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n  width: 100%;\r\n  margin: auto 0 auto 16px !important;\r\n`;\r\n\r\nconst StyledNotification = styled.div`\r\n  margin: 0 15px 0 0 !important;\r\n`;\r\n\r\nconst EndLineIcon = styled.div`\r\n  margin: 0 15px 0 0 !important;\r\n`;\r\n\r\nconst OptionalLineWrapper = styled.div`\r\n  font-size: 12px;\r\n`;\r\n//replaced styledTabLink because 'className' and 'styled' functions for some reason were not being executed\r\nconst Wrapper = styled.div<{ $disabled: boolean }>`\r\n  position: relative;\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    a {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n\r\n    font-size: 16px;\r\n    line-height: 120%;\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n\r\n    background-color: ${(props) => (props.$disabled ? COLORS.getColor('neutral_100', props.theme) : 'transparent')};\r\n    cursor: ${(props) => (props.$disabled ? 'not-allowed' : 'pointer')};\r\n    border-left: 1px solid transparent;\r\n    text-decoration: none;\r\n    position: relative;\r\n    border-radius: 2px;\r\n\r\n    &:not(:last-child) {\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    &:focus {\r\n      ${focusStyles}\r\n    }\r\n\r\n    &.active {\r\n      z-index: ${Z_INDEXES.active};\r\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    }\r\n\r\n    &.active:hover, &.active.dropdown-hover {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n\r\n    &:hover, &.dropdown-hover {\r\n      z-index: ${Z_INDEXES.hover};\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n\r\n    &:active {\r\n      z-index: ${Z_INDEXES.active};\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n\r\n    &.active {\r\n      &::after {\r\n        position: absolute;\r\n        content: ' ';\r\n        width: 4px;\r\n        top: 6px;\r\n        bottom: 6px;\r\n        left: 3px;\r\n        background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n\r\n        border-radius: 4px;\r\n      }\r\n    }\r\n\r\n    &.active:hover, &.active.dropdown-hover {\r\n      &::after {\r\n        background-color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n      }\r\n    }\r\n\r\n    &.active:active {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n      &::after {\r\n        background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n\r\n    &.disabled {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n\r\n      span {\r\n        color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      }\r\n\r\n      &::after {\r\n        background-color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst TabLink = React.forwardRef<HTMLAnchorElement, TabLinkProps>(({\r\n  to,\r\n  disabled = false,\r\n  requiredLine,\r\n  optionalLine,\r\n  OptionalLineIcon,\r\n  onLinkClick,\r\n  forceDeactivate,\r\n  testId,\r\n  showNotificationDot = false,\r\n  size = Size.Small,\r\n  endLineIcon,\r\n  onActiveStateChanged,\r\n  variant = 'critical',\r\n  children,\r\n  containerOnMouseEnter,\r\n  containerOnMouseLeave,\r\n  className,\r\n  ...rest\r\n}: TabLinkProps, ref) => {\r\n  \r\n  const [activeState, setActiveState] = useState<boolean>(false);\r\n\r\n  return (\r\n    <Wrapper $disabled={disabled} className={disabled ? 'disabled' : ''} onMouseEnter={containerOnMouseEnter} onMouseLeave={containerOnMouseLeave}>\r\n      <>\r\n        <NavLink\r\n          to={forceDeactivate ? 'invalid' : to.toString()}\r\n          //disabled={disabled}\r\n          className={({ isActive }) => {\r\n            onActiveStateChanged && onActiveStateChanged(activeState);\r\n            if (forceDeactivate) {\r\n              if (disabled) return 'disabled';\r\n              else return '';\r\n            }\r\n\r\n            if (isActive != activeState) setActiveState(isActive);\r\n\r\n            return (isActive ? 'active ' : '') + (disabled ? 'disabled' : '');\r\n          }}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          tabIndex={disabled ? -1 : 0}\r\n          role=\"tab\"\r\n          aria-selected={activeState}\r\n          onClick={(e: React.MouseEvent) => !disabled && onLinkClick && onLinkClick(e)}\r\n          ref={ref}\r\n          data-testid={testId}\r\n          {...rest}>\r\n          <TextContainer>\r\n            <TopWrapper>\r\n              <span>{requiredLine}</span>\r\n            </TopWrapper>\r\n            {optionalLine && OptionalLineIcon ? (\r\n              <OptionalLineWrapperWithIcon>\r\n                {OptionalLineIcon}\r\n                {!!optionalLine && <span>{optionalLine}</span>}\r\n              </OptionalLineWrapperWithIcon>\r\n            ) : optionalLine ? (\r\n              <OptionalLineWrapper>\r\n                <span>{optionalLine}</span>\r\n              </OptionalLineWrapper>\r\n            ) : (\r\n              <></>\r\n            )}\r\n          </TextContainer>\r\n          <StyledNotification>{showNotificationDot && <NotificationDot testId=\"NotificationDot\" size={size} variant={variant} />}</StyledNotification>\r\n          {endLineIcon && <EndLineIcon>{endLineIcon}</EndLineIcon>}\r\n        </NavLink>\r\n        {children}\r\n      </>\r\n    </Wrapper>\r\n  );\r\n});\r\n\r\nexport default TabLink;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabLink.cjs","names":["React","_interopRequireWildcard","require","_reactRouterDom","_styledComponents","_interopRequireDefault","_NotificationDot","_types","_styles","_zIndexes","_common","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_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","OptionalLineWrapperWithIcon","styled","div","_taggedTemplateLiteral2","TopWrapper","TextContainer","StyledNotification","EndLineIcon","OptionalLineWrapper","Wrapper","props","COLORS","getColor","theme","$disabled","focusStyles","Z_INDEXES","active","hover","TabLink","forwardRef","_ref","ref","to","_ref$disabled","disabled","requiredLine","optionalLine","OptionalLineIcon","onLinkClick","forceDeactivate","testId","_ref$showNotification","showNotificationDot","_ref$size","size","Size","Small","endLineIcon","onActiveStateChanged","_ref$variant","variant","children","containerOnMouseEnter","containerOnMouseLeave","className","rest","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","activeState","setActiveState","jsx","onMouseEnter","onMouseLeave","jsxs","Fragment","NavLink","toString","_ref2","isActive","onMouseDown","defaultOnMouseDownHandler","tabIndex","role","onClick","NotificationDot","_default","exports"],"sources":["../../src/Tabs/TabLink.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavLink, NavLinkProps } from 'react-router-dom';\nimport styled from 'styled-components';\nimport { NotificationDot } from '../NotificationDot';\nimport { Size } from '../types';\nimport { COLORS, focusStyles } from '../styles';\nimport { Z_INDEXES } from '../styles/z-indexes';\nimport { defaultOnMouseDownHandler } from '../common';\nimport { useState } from 'react';\n\ntype TabLinkProps = {\n  disabled?: boolean;\n  forceDeactivate?: boolean;\n  requiredLine: string;\n  optionalLine?: string;\n  OptionalLineIcon?: React.ReactNode; //React.FunctionComponent<BaseProps>;\n  endLineIcon?: React.ReactNode;\n  onLinkClick?: (e: React.MouseEvent) => void;\n  testId?: string;\n  onActiveStateChanged?: (state: boolean) => void;\n  showNotificationDot?: boolean;\n  size?: Size.Small | Size.Medium | Size.Large;\n  variant?: 'positive' | 'critical';\n  containerOnMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  containerOnMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n} & NavLinkProps;\n\nconst OptionalLineWrapperWithIcon = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  span {\n    margin: 0 0 0 4px !important;\n    font-size: 12px;\n    line-height: 16px;\n  }\n`;\n\nconst TopWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  span:not(:only-child) {\n    width: calc(100% - 32px);\n  }\n`;\n\nconst TextContainer = styled.div`\n  width: 100%;\n  margin: auto 0 auto 16px !important;\n`;\n\nconst StyledNotification = styled.div`\n  margin: 0 15px 0 0 !important;\n`;\n\nconst EndLineIcon = styled.div`\n  margin: 0 15px 0 0 !important;\n`;\n\nconst OptionalLineWrapper = styled.div`\n  font-size: 12px;\n`;\n//replaced styledTabLink because 'className' and 'styled' functions for some reason were not being executed\nconst Wrapper = styled.div<{ $disabled: boolean }>`\n  position: relative;\n  &.disabled {\n    cursor: not-allowed;\n\n    a {\n      pointer-events: none;\n    }\n  }\n\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    font-size: 16px;\n    line-height: 120%;\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n\n    background-color: ${(props) => (props.$disabled ? COLORS.getColor('neutral_100', props.theme) : 'transparent')};\n    cursor: ${(props) => (props.$disabled ? 'not-allowed' : 'pointer')};\n    border-left: 1px solid transparent;\n    text-decoration: none;\n    position: relative;\n    border-radius: 2px;\n\n    &:not(:last-child) {\n      margin-bottom: 4px;\n    }\n\n    &:focus {\n      ${focusStyles}\n    }\n\n    &.active {\n      z-index: ${Z_INDEXES.active};\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\n    }\n\n    &.active:hover, &.active.dropdown-hover {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    }\n\n    &:hover, &.dropdown-hover {\n      z-index: ${Z_INDEXES.hover};\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\n    }\n\n    &:active {\n      z-index: ${Z_INDEXES.active};\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n\n    &.active {\n      &::after {\n        position: absolute;\n        content: ' ';\n        width: 4px;\n        top: 6px;\n        bottom: 6px;\n        left: 3px;\n        background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n\n        border-radius: 4px;\n      }\n    }\n\n    &.active:hover, &.active.dropdown-hover {\n      &::after {\n        background-color: ${props => COLORS.getColor('primary_600', props.theme)};\n      }\n    }\n\n    &.active:active {\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n\n      &::after {\n        background-color: ${props => COLORS.getColor('primary_800', props.theme)};\n      }\n    }\n\n    &.disabled {\n      background-color: ${props => COLORS.getColor('white', props.theme)};\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\n\n      span {\n        color: ${props => COLORS.getColor('neutral_300', props.theme)};\n      }\n\n      &::after {\n        background-color: ${props => COLORS.getColor('neutral_300', props.theme)};\n      }\n    }\n  }\n`;\n\nconst TabLink = React.forwardRef<HTMLAnchorElement, TabLinkProps>(({\n  to,\n  disabled = false,\n  requiredLine,\n  optionalLine,\n  OptionalLineIcon,\n  onLinkClick,\n  forceDeactivate,\n  testId,\n  showNotificationDot = false,\n  size = Size.Small,\n  endLineIcon,\n  onActiveStateChanged,\n  variant = 'critical',\n  children,\n  containerOnMouseEnter,\n  containerOnMouseLeave,\n  className,\n  ...rest\n}: TabLinkProps, ref) => {\n  \n  const [activeState, setActiveState] = useState<boolean>(false);\n\n  return (\n    <Wrapper $disabled={disabled} className={disabled ? 'disabled' : ''} onMouseEnter={containerOnMouseEnter} onMouseLeave={containerOnMouseLeave}>\n      <>\n        <NavLink\n          to={forceDeactivate ? 'invalid' : to.toString()}\n          //disabled={disabled}\n          className={({ isActive }) => {\n            onActiveStateChanged && onActiveStateChanged(activeState);\n            if (forceDeactivate) {\n              if (disabled) return 'disabled';\n              else return '';\n            }\n\n            if (isActive != activeState) setActiveState(isActive);\n\n            return (isActive ? 'active ' : '') + (disabled ? 'disabled' : '');\n          }}\n          onMouseDown={defaultOnMouseDownHandler}\n          tabIndex={disabled ? -1 : 0}\n          role=\"tab\"\n          aria-selected={activeState}\n          onClick={(e: React.MouseEvent) => !disabled && onLinkClick && onLinkClick(e)}\n          ref={ref}\n          data-testid={testId}\n          {...rest}>\n          <TextContainer>\n            <TopWrapper>\n              <span>{requiredLine}</span>\n            </TopWrapper>\n            {optionalLine && OptionalLineIcon ? (\n              <OptionalLineWrapperWithIcon>\n                {OptionalLineIcon}\n                {!!optionalLine && <span>{optionalLine}</span>}\n              </OptionalLineWrapperWithIcon>\n            ) : optionalLine ? (\n              <OptionalLineWrapper>\n                <span>{optionalLine}</span>\n              </OptionalLineWrapper>\n            ) : (\n              <></>\n            )}\n          </TextContainer>\n          <StyledNotification>{showNotificationDot && <NotificationDot testId=\"NotificationDot\" size={size} variant={variant} />}</StyledNotification>\n          {endLineIcon && <EndLineIcon>{endLineIcon}</EndLineIcon>}\n        </NavLink>\n        {children}\n      </>\n    </Wrapper>\n  );\n});\n\nexport default TabLink;\n"],"mappings":"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","ignoreList":[]}

package/dist/Tabs/TabLink.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { NavLinkProps } from 'react-router-dom';
-import { Size } from '../types';
-declare const TabLink: React.ForwardRefExoticComponent<{
-    disabled?: boolean | undefined;
-    forceDeactivate?: boolean | undefined;
-    requiredLine: string;
-    optionalLine?: string | undefined;
-    OptionalLineIcon?: React.ReactNode;
-    endLineIcon?: React.ReactNode;
-    onLinkClick?: ((e: React.MouseEvent) => void) | undefined;
-    testId?: string | undefined;
-    onActiveStateChanged?: ((state: boolean) => void) | undefined;
-    showNotificationDot?: boolean | undefined;
-    size?: Size.Small | Size.Medium | Size.Large | undefined;
-    variant?: "critical" | "positive" | undefined;
-    containerOnMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
-    containerOnMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
-} & NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
-export default TabLink;
+import * as React from 'react';
+import { NavLinkProps } from 'react-router-dom';
+import { Size } from '../types';
+declare const TabLink: React.ForwardRefExoticComponent<{
+    disabled?: boolean | undefined;
+    forceDeactivate?: boolean | undefined;
+    requiredLine: string;
+    optionalLine?: string | undefined;
+    OptionalLineIcon?: React.ReactNode;
+    endLineIcon?: React.ReactNode;
+    onLinkClick?: ((e: React.MouseEvent) => void) | undefined;
+    testId?: string | undefined;
+    onActiveStateChanged?: ((state: boolean) => void) | undefined;
+    showNotificationDot?: boolean | undefined;
+    size?: Size.Small | Size.Medium | Size.Large | undefined;
+    variant?: "critical" | "positive" | undefined;
+    containerOnMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    containerOnMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+} & NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default TabLink;

package/dist/Tabs/TabLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabLink.js","names":["React","NavLink","styled","NotificationDot","Size","COLORS","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","useState","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","OptionalLineWrapperWithIcon","div","_templateObject","_taggedTemplateLiteral","TopWrapper","_templateObject2","TextContainer","_templateObject3","StyledNotification","_templateObject4","EndLineIcon","_templateObject5","OptionalLineWrapper","_templateObject6","Wrapper","_templateObject7","props","getColor","theme","$disabled","active","hover","TabLink","forwardRef","_ref","ref","to","_ref$disabled","disabled","requiredLine","optionalLine","OptionalLineIcon","onLinkClick","forceDeactivate","testId","_ref$showNotification","showNotificationDot","_ref$size","size","Small","endLineIcon","onActiveStateChanged","_ref$variant","variant","children","containerOnMouseEnter","containerOnMouseLeave","className","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","activeState","setActiveState","onMouseEnter","onMouseLeave","_objectSpread","toString","_ref2","isActive","onMouseDown","tabIndex","role","onClick","e"],"sources":["../../src/Tabs/TabLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { NavLink, NavLinkProps } from 'react-router-dom';\r\nimport styled from 'styled-components';\r\nimport { NotificationDot } from '../NotificationDot';\r\nimport { Size } from '../types';\r\nimport { COLORS, focusStyles } from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\nimport { defaultOnMouseDownHandler } from '../common';\r\nimport { useState } from 'react';\r\n\r\ntype TabLinkProps = {\r\n  disabled?: boolean;\r\n  forceDeactivate?: boolean;\r\n  requiredLine: string;\r\n  optionalLine?: string;\r\n  OptionalLineIcon?: React.ReactNode; //React.FunctionComponent<BaseProps>;\r\n  endLineIcon?: React.ReactNode;\r\n  onLinkClick?: (e: React.MouseEvent) => void;\r\n  testId?: string;\r\n  onActiveStateChanged?: (state: boolean) => void;\r\n  showNotificationDot?: boolean;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  variant?: 'positive' | 'critical';\r\n  containerOnMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\r\n  containerOnMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\r\n} & NavLinkProps;\r\n\r\nconst OptionalLineWrapperWithIcon = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  span {\r\n    margin: 0 0 0 4px !important;\r\n    font-size: 12px;\r\n    line-height: 16px;\r\n  }\r\n`;\r\n\r\nconst TopWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  span:not(:only-child) {\r\n    width: calc(100% - 32px);\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div`\r\n  width: 100%;\r\n  margin: auto 0 auto 16px !important;\r\n`;\r\n\r\nconst StyledNotification = styled.div`\r\n  margin: 0 15px 0 0 !important;\r\n`;\r\n\r\nconst EndLineIcon = styled.div`\r\n  margin: 0 15px 0 0 !important;\r\n`;\r\n\r\nconst OptionalLineWrapper = styled.div`\r\n  font-size: 12px;\r\n`;\r\n//replaced styledTabLink because 'className' and 'styled' functions for some reason were not being executed\r\nconst Wrapper = styled.div<{ $disabled: boolean }>`\r\n  position: relative;\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    a {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  a {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n\r\n    font-size: 16px;\r\n    line-height: 120%;\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n\r\n    background-color: ${(props) => (props.$disabled ? COLORS.getColor('neutral_100', props.theme) : 'transparent')};\r\n    cursor: ${(props) => (props.$disabled ? 'not-allowed' : 'pointer')};\r\n    border-left: 1px solid transparent;\r\n    text-decoration: none;\r\n    position: relative;\r\n    border-radius: 2px;\r\n\r\n    &:not(:last-child) {\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    &:focus {\r\n      ${focusStyles}\r\n    }\r\n\r\n    &.active {\r\n      z-index: ${Z_INDEXES.active};\r\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    }\r\n\r\n    &.active:hover, &.active.dropdown-hover {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    }\r\n\r\n    &:hover, &.dropdown-hover {\r\n      z-index: ${Z_INDEXES.hover};\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n    }\r\n\r\n    &:active {\r\n      z-index: ${Z_INDEXES.active};\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n\r\n    &.active {\r\n      &::after {\r\n        position: absolute;\r\n        content: ' ';\r\n        width: 4px;\r\n        top: 6px;\r\n        bottom: 6px;\r\n        left: 3px;\r\n        background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n\r\n        border-radius: 4px;\r\n      }\r\n    }\r\n\r\n    &.active:hover, &.active.dropdown-hover {\r\n      &::after {\r\n        background-color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n      }\r\n    }\r\n\r\n    &.active:active {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n      &::after {\r\n        background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n\r\n    &.disabled {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n\r\n      span {\r\n        color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      }\r\n\r\n      &::after {\r\n        background-color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst TabLink = React.forwardRef<HTMLAnchorElement, TabLinkProps>(({\r\n  to,\r\n  disabled = false,\r\n  requiredLine,\r\n  optionalLine,\r\n  OptionalLineIcon,\r\n  onLinkClick,\r\n  forceDeactivate,\r\n  testId,\r\n  showNotificationDot = false,\r\n  size = Size.Small,\r\n  endLineIcon,\r\n  onActiveStateChanged,\r\n  variant = 'critical',\r\n  children,\r\n  containerOnMouseEnter,\r\n  containerOnMouseLeave,\r\n  className,\r\n  ...rest\r\n}: TabLinkProps, ref) => {\r\n  \r\n  const [activeState, setActiveState] = useState<boolean>(false);\r\n\r\n  return (\r\n    <Wrapper $disabled={disabled} className={disabled ? 'disabled' : ''} onMouseEnter={containerOnMouseEnter} onMouseLeave={containerOnMouseLeave}>\r\n      <>\r\n        <NavLink\r\n          to={forceDeactivate ? 'invalid' : to.toString()}\r\n          //disabled={disabled}\r\n          className={({ isActive }) => {\r\n            onActiveStateChanged && onActiveStateChanged(activeState);\r\n            if (forceDeactivate) {\r\n              if (disabled) return 'disabled';\r\n              else return '';\r\n            }\r\n\r\n            if (isActive != activeState) setActiveState(isActive);\r\n\r\n            return (isActive ? 'active ' : '') + (disabled ? 'disabled' : '');\r\n          }}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          tabIndex={disabled ? -1 : 0}\r\n          role=\"tab\"\r\n          aria-selected={activeState}\r\n          onClick={(e: React.MouseEvent) => !disabled && onLinkClick && onLinkClick(e)}\r\n          ref={ref}\r\n          data-testid={testId}\r\n          {...rest}>\r\n          <TextContainer>\r\n            <TopWrapper>\r\n              <span>{requiredLine}</span>\r\n            </TopWrapper>\r\n            {optionalLine && OptionalLineIcon ? (\r\n              <OptionalLineWrapperWithIcon>\r\n                {OptionalLineIcon}\r\n                {!!optionalLine && <span>{optionalLine}</span>}\r\n              </OptionalLineWrapperWithIcon>\r\n            ) : optionalLine ? (\r\n              <OptionalLineWrapper>\r\n                <span>{optionalLine}</span>\r\n              </OptionalLineWrapper>\r\n            ) : (\r\n              <></>\r\n            )}\r\n          </TextContainer>\r\n          <StyledNotification>{showNotificationDot && <NotificationDot testId=\"NotificationDot\" size={size} variant={variant} />}</StyledNotification>\r\n          {endLineIcon && <EndLineIcon>{endLineIcon}</EndLineIcon>}\r\n        </NavLink>\r\n        {children}\r\n      </>\r\n    </Wrapper>\r\n  );\r\n});\r\n\r\nexport default TabLink;\r\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,QAAsB,kBAAkB;AACxD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,MAAM,EAAEC,WAAW,QAAQ,WAAW;AAC/C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,yBAAyB,QAAQ,WAAW;AACrD,SAASC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAmBjC,IAAMC,2BAA2B,GAAGd,MAAM,CAACe,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,sJAS7C;AAED,IAAMC,UAAU,GAAGlB,MAAM,CAACe,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,qHAO5B;AAED,IAAMG,aAAa,GAAGpB,MAAM,CAACe,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,kEAG/B;AAED,IAAMK,kBAAkB,GAAGtB,MAAM,CAACe,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,4CAEpC;AAED,IAAMO,WAAW,GAAGxB,MAAM,CAACe,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,4CAE7B;AAED,IAAMS,mBAAmB,GAAG1B,MAAM,CAACe,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,8BAErC;AACD;AACA,IAAMW,OAAO,GAAG5B,MAAM,CAACe,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,mkDAiBb,UAAAa,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAEzC,UAACF,KAAK;EAAA,OAAMA,KAAK,CAACG,SAAS,GAAG9B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,EACpG,UAACF,KAAK;EAAA,OAAMA,KAAK,CAACG,SAAS,GAAG,aAAa,GAAG,SAAS;AAAA,CAAC,EAW9D7B,WAAW,EAIFC,SAAS,CAAC6B,MAAM,EACP,UAAAJ,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAInD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAI5D3B,SAAS,CAAC8B,KAAK,EACN,UAAAL,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAC9D,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAIlD3B,SAAS,CAAC6B,MAAM,EACP,UAAAJ,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAC/D,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAWvC,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAQpD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKtD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAGlD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKtD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACzD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAGlD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAIzC,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAI/E;AAED,IAAMI,OAAO,gBAAGtC,KAAK,CAACuC,UAAU,CAAkC,UAAAC,IAAA,EAmBjDC,GAAG,EAAK;EAAA,IAlBvBC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAAC,aAAA,GAAAH,IAAA,CACFI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,eAAe,GAAAT,IAAA,CAAfS,eAAe;IACfC,MAAM,GAAAV,IAAA,CAANU,MAAM;IAAAC,qBAAA,GAAAX,IAAA,CACNY,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,SAAA,GAAAb,IAAA,CAC3Bc,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGjD,IAAI,CAACmD,KAAK,GAAAF,SAAA;IACjBG,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXC,oBAAoB,GAAAjB,IAAA,CAApBiB,oBAAoB;IAAAC,YAAA,GAAAlB,IAAA,CACpBmB,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,UAAU,GAAAA,YAAA;IACpBE,QAAQ,GAAApB,IAAA,CAARoB,QAAQ;IACRC,qBAAqB,GAAArB,IAAA,CAArBqB,qBAAqB;IACrBC,qBAAqB,GAAAtB,IAAA,CAArBsB,qBAAqB;IACrBC,SAAS,GAAAvB,IAAA,CAATuB,SAAS;IACNC,IAAI,GAAAC,wBAAA,CAAAzB,IAAA,EAAA0B,SAAA;EAGP,IAAAC,SAAA,GAAsC1D,QAAQ,CAAU,KAAK,CAAC;IAAA2D,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAvDG,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAElC,oBACEzD,IAAA,CAACmB,OAAO;IAACK,SAAS,EAAES,QAAS;IAACmB,SAAS,EAAEnB,QAAQ,GAAG,UAAU,GAAG,EAAG;IAAC4B,YAAY,EAAEX,qBAAsB;IAACY,YAAY,EAAEX,qBAAsB;IAAAF,QAAA,eAC5I/C,KAAA,CAAAE,SAAA;MAAA6C,QAAA,gBACE/C,KAAA,CAACZ,OAAO,EAAAyE,aAAA,CAAAA,aAAA;QACNhC,EAAE,EAAEO,eAAe,GAAG,SAAS,GAAGP,EAAE,CAACiC,QAAQ,CAAC;QAC9C;QAAA;QACAZ,SAAS,EAAE,SAAAA,UAAAa,KAAA,EAAkB;UAAA,IAAfC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;UACpBpB,oBAAoB,IAAIA,oBAAoB,CAACa,WAAW,CAAC;UACzD,IAAIrB,eAAe,EAAE;YACnB,IAAIL,QAAQ,EAAE,OAAO,UAAU,CAAC,KAC3B,OAAO,EAAE;UAChB;UAEA,IAAIiC,QAAQ,IAAIP,WAAW,EAAEC,cAAc,CAACM,QAAQ,CAAC;UAErD,OAAO,CAACA,QAAQ,GAAG,SAAS,GAAG,EAAE,KAAKjC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAC;QACnE,CAAE;QACFkC,WAAW,EAAEtE,yBAA0B;QACvCuE,QAAQ,EAAEnC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;QAC5BoC,IAAI,EAAC,KAAK;QACV,iBAAeV,WAAY;QAC3BW,OAAO,EAAE,SAAAA,QAACC,CAAmB;UAAA,OAAK,CAACtC,QAAQ,IAAII,WAAW,IAAIA,WAAW,CAACkC,CAAC,CAAC;QAAA,CAAC;QAC7EzC,GAAG,EAAEA,GAAI;QACT,eAAaS;MAAO,GAChBc,IAAI;QAAAJ,QAAA,gBACR/C,KAAA,CAACS,aAAa;UAAAsC,QAAA,gBACZjD,IAAA,CAACS,UAAU;YAAAwC,QAAA,eACTjD,IAAA;cAAAiD,QAAA,EAAOf;YAAY,CAAO;UAAC,CACjB,CAAC,EACZC,YAAY,IAAIC,gBAAgB,gBAC/BlC,KAAA,CAACG,2BAA2B;YAAA4C,QAAA,GACzBb,gBAAgB,EAChB,CAAC,CAACD,YAAY,iBAAInC,IAAA;cAAAiD,QAAA,EAAOd;YAAY,CAAO,CAAC;UAAA,CACnB,CAAC,GAC5BA,YAAY,gBACdnC,IAAA,CAACiB,mBAAmB;YAAAgC,QAAA,eAClBjD,IAAA;cAAAiD,QAAA,EAAOd;YAAY,CAAO;UAAC,CACR,CAAC,gBAEtBnC,IAAA,CAAAI,SAAA,IAAI,CACL;QAAA,CACY,CAAC,eAChBJ,IAAA,CAACa,kBAAkB;UAAAoC,QAAA,EAAER,mBAAmB,iBAAIzC,IAAA,CAACR,eAAe;YAAC+C,MAAM,EAAC,iBAAiB;YAACI,IAAI,EAAEA,IAAK;YAACK,OAAO,EAAEA;UAAQ,CAAE;QAAC,CAAqB,CAAC,EAC3IH,WAAW,iBAAI7C,IAAA,CAACe,WAAW;UAAAkC,QAAA,EAAEJ;QAAW,CAAc,CAAC;MAAA,EACjD,CAAC,EACTI,QAAQ;IAAA,CACT;EAAC,CACI,CAAC;AAEd,CAAC,CAAC;AAEF,eAAetB,OAAO","ignoreList":[]}
+{"version":3,"file":"TabLink.js","names":["React","NavLink","styled","NotificationDot","Size","COLORS","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","useState","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","OptionalLineWrapperWithIcon","div","_templateObject","_taggedTemplateLiteral","TopWrapper","_templateObject2","TextContainer","_templateObject3","StyledNotification","_templateObject4","EndLineIcon","_templateObject5","OptionalLineWrapper","_templateObject6","Wrapper","_templateObject7","props","getColor","theme","$disabled","active","hover","TabLink","forwardRef","_ref","ref","to","_ref$disabled","disabled","requiredLine","optionalLine","OptionalLineIcon","onLinkClick","forceDeactivate","testId","_ref$showNotification","showNotificationDot","_ref$size","size","Small","endLineIcon","onActiveStateChanged","_ref$variant","variant","children","containerOnMouseEnter","containerOnMouseLeave","className","rest","_objectWithoutProperties","_excluded","_useState","_useState2","_slicedToArray","activeState","setActiveState","onMouseEnter","onMouseLeave","_objectSpread","toString","_ref2","isActive","onMouseDown","tabIndex","role","onClick","e"],"sources":["../../src/Tabs/TabLink.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NavLink, NavLinkProps } from 'react-router-dom';\nimport styled from 'styled-components';\nimport { NotificationDot } from '../NotificationDot';\nimport { Size } from '../types';\nimport { COLORS, focusStyles } from '../styles';\nimport { Z_INDEXES } from '../styles/z-indexes';\nimport { defaultOnMouseDownHandler } from '../common';\nimport { useState } from 'react';\n\ntype TabLinkProps = {\n  disabled?: boolean;\n  forceDeactivate?: boolean;\n  requiredLine: string;\n  optionalLine?: string;\n  OptionalLineIcon?: React.ReactNode; //React.FunctionComponent<BaseProps>;\n  endLineIcon?: React.ReactNode;\n  onLinkClick?: (e: React.MouseEvent) => void;\n  testId?: string;\n  onActiveStateChanged?: (state: boolean) => void;\n  showNotificationDot?: boolean;\n  size?: Size.Small | Size.Medium | Size.Large;\n  variant?: 'positive' | 'critical';\n  containerOnMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  containerOnMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n} & NavLinkProps;\n\nconst OptionalLineWrapperWithIcon = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  span {\n    margin: 0 0 0 4px !important;\n    font-size: 12px;\n    line-height: 16px;\n  }\n`;\n\nconst TopWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  span:not(:only-child) {\n    width: calc(100% - 32px);\n  }\n`;\n\nconst TextContainer = styled.div`\n  width: 100%;\n  margin: auto 0 auto 16px !important;\n`;\n\nconst StyledNotification = styled.div`\n  margin: 0 15px 0 0 !important;\n`;\n\nconst EndLineIcon = styled.div`\n  margin: 0 15px 0 0 !important;\n`;\n\nconst OptionalLineWrapper = styled.div`\n  font-size: 12px;\n`;\n//replaced styledTabLink because 'className' and 'styled' functions for some reason were not being executed\nconst Wrapper = styled.div<{ $disabled: boolean }>`\n  position: relative;\n  &.disabled {\n    cursor: not-allowed;\n\n    a {\n      pointer-events: none;\n    }\n  }\n\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    font-size: 16px;\n    line-height: 120%;\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n\n    background-color: ${(props) => (props.$disabled ? COLORS.getColor('neutral_100', props.theme) : 'transparent')};\n    cursor: ${(props) => (props.$disabled ? 'not-allowed' : 'pointer')};\n    border-left: 1px solid transparent;\n    text-decoration: none;\n    position: relative;\n    border-radius: 2px;\n\n    &:not(:last-child) {\n      margin-bottom: 4px;\n    }\n\n    &:focus {\n      ${focusStyles}\n    }\n\n    &.active {\n      z-index: ${Z_INDEXES.active};\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\n    }\n\n    &.active:hover, &.active.dropdown-hover {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    }\n\n    &:hover, &.dropdown-hover {\n      z-index: ${Z_INDEXES.hover};\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n      color: ${props => COLORS.getColor('primary_600', props.theme)};\n    }\n\n    &:active {\n      z-index: ${Z_INDEXES.active};\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n\n    &.active {\n      &::after {\n        position: absolute;\n        content: ' ';\n        width: 4px;\n        top: 6px;\n        bottom: 6px;\n        left: 3px;\n        background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n\n        border-radius: 4px;\n      }\n    }\n\n    &.active:hover, &.active.dropdown-hover {\n      &::after {\n        background-color: ${props => COLORS.getColor('primary_600', props.theme)};\n      }\n    }\n\n    &.active:active {\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n\n      &::after {\n        background-color: ${props => COLORS.getColor('primary_800', props.theme)};\n      }\n    }\n\n    &.disabled {\n      background-color: ${props => COLORS.getColor('white', props.theme)};\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\n\n      span {\n        color: ${props => COLORS.getColor('neutral_300', props.theme)};\n      }\n\n      &::after {\n        background-color: ${props => COLORS.getColor('neutral_300', props.theme)};\n      }\n    }\n  }\n`;\n\nconst TabLink = React.forwardRef<HTMLAnchorElement, TabLinkProps>(({\n  to,\n  disabled = false,\n  requiredLine,\n  optionalLine,\n  OptionalLineIcon,\n  onLinkClick,\n  forceDeactivate,\n  testId,\n  showNotificationDot = false,\n  size = Size.Small,\n  endLineIcon,\n  onActiveStateChanged,\n  variant = 'critical',\n  children,\n  containerOnMouseEnter,\n  containerOnMouseLeave,\n  className,\n  ...rest\n}: TabLinkProps, ref) => {\n  \n  const [activeState, setActiveState] = useState<boolean>(false);\n\n  return (\n    <Wrapper $disabled={disabled} className={disabled ? 'disabled' : ''} onMouseEnter={containerOnMouseEnter} onMouseLeave={containerOnMouseLeave}>\n      <>\n        <NavLink\n          to={forceDeactivate ? 'invalid' : to.toString()}\n          //disabled={disabled}\n          className={({ isActive }) => {\n            onActiveStateChanged && onActiveStateChanged(activeState);\n            if (forceDeactivate) {\n              if (disabled) return 'disabled';\n              else return '';\n            }\n\n            if (isActive != activeState) setActiveState(isActive);\n\n            return (isActive ? 'active ' : '') + (disabled ? 'disabled' : '');\n          }}\n          onMouseDown={defaultOnMouseDownHandler}\n          tabIndex={disabled ? -1 : 0}\n          role=\"tab\"\n          aria-selected={activeState}\n          onClick={(e: React.MouseEvent) => !disabled && onLinkClick && onLinkClick(e)}\n          ref={ref}\n          data-testid={testId}\n          {...rest}>\n          <TextContainer>\n            <TopWrapper>\n              <span>{requiredLine}</span>\n            </TopWrapper>\n            {optionalLine && OptionalLineIcon ? (\n              <OptionalLineWrapperWithIcon>\n                {OptionalLineIcon}\n                {!!optionalLine && <span>{optionalLine}</span>}\n              </OptionalLineWrapperWithIcon>\n            ) : optionalLine ? (\n              <OptionalLineWrapper>\n                <span>{optionalLine}</span>\n              </OptionalLineWrapper>\n            ) : (\n              <></>\n            )}\n          </TextContainer>\n          <StyledNotification>{showNotificationDot && <NotificationDot testId=\"NotificationDot\" size={size} variant={variant} />}</StyledNotification>\n          {endLineIcon && <EndLineIcon>{endLineIcon}</EndLineIcon>}\n        </NavLink>\n        {children}\n      </>\n    </Wrapper>\n  );\n});\n\nexport default TabLink;\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,QAAsB,kBAAkB;AACxD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,MAAM,EAAEC,WAAW,QAAQ,WAAW;AAC/C,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,yBAAyB,QAAQ,WAAW;AACrD,SAASC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAmBjC,IAAMC,2BAA2B,GAAGd,MAAM,CAACe,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,sJAS7C;AAED,IAAMC,UAAU,GAAGlB,MAAM,CAACe,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,qHAO5B;AAED,IAAMG,aAAa,GAAGpB,MAAM,CAACe,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,kEAG/B;AAED,IAAMK,kBAAkB,GAAGtB,MAAM,CAACe,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,4CAEpC;AAED,IAAMO,WAAW,GAAGxB,MAAM,CAACe,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,4CAE7B;AAED,IAAMS,mBAAmB,GAAG1B,MAAM,CAACe,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,8BAErC;AACD;AACA,IAAMW,OAAO,GAAG5B,MAAM,CAACe,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,mkDAiBb,UAAAa,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAEzC,UAACF,KAAK;EAAA,OAAMA,KAAK,CAACG,SAAS,GAAG9B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,GAAG,aAAa;AAAA,CAAC,EACpG,UAACF,KAAK;EAAA,OAAMA,KAAK,CAACG,SAAS,GAAG,aAAa,GAAG,SAAS;AAAA,CAAC,EAW9D7B,WAAW,EAIFC,SAAS,CAAC6B,MAAM,EACP,UAAAJ,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAInD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAI5D3B,SAAS,CAAC8B,KAAK,EACN,UAAAL,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAC9D,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAIlD3B,SAAS,CAAC6B,MAAM,EACP,UAAAJ,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAC/D,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAWvC,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAQpD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKtD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAGlD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKtD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACzD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAGlD,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAIzC,UAAAF,KAAK;EAAA,OAAI3B,MAAM,CAAC4B,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAI/E;AAED,IAAMI,OAAO,gBAAGtC,KAAK,CAACuC,UAAU,CAAkC,UAAAC,IAAA,EAmBjDC,GAAG,EAAK;EAAA,IAlBvBC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAAC,aAAA,GAAAH,IAAA,CACFI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,gBAAgB,GAAAP,IAAA,CAAhBO,gBAAgB;IAChBC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,eAAe,GAAAT,IAAA,CAAfS,eAAe;IACfC,MAAM,GAAAV,IAAA,CAANU,MAAM;IAAAC,qBAAA,GAAAX,IAAA,CACNY,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,SAAA,GAAAb,IAAA,CAC3Bc,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGjD,IAAI,CAACmD,KAAK,GAAAF,SAAA;IACjBG,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXC,oBAAoB,GAAAjB,IAAA,CAApBiB,oBAAoB;IAAAC,YAAA,GAAAlB,IAAA,CACpBmB,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,UAAU,GAAAA,YAAA;IACpBE,QAAQ,GAAApB,IAAA,CAARoB,QAAQ;IACRC,qBAAqB,GAAArB,IAAA,CAArBqB,qBAAqB;IACrBC,qBAAqB,GAAAtB,IAAA,CAArBsB,qBAAqB;IACrBC,SAAS,GAAAvB,IAAA,CAATuB,SAAS;IACNC,IAAI,GAAAC,wBAAA,CAAAzB,IAAA,EAAA0B,SAAA;EAGP,IAAAC,SAAA,GAAsC1D,QAAQ,CAAU,KAAK,CAAC;IAAA2D,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAvDG,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAElC,oBACEzD,IAAA,CAACmB,OAAO;IAACK,SAAS,EAAES,QAAS;IAACmB,SAAS,EAAEnB,QAAQ,GAAG,UAAU,GAAG,EAAG;IAAC4B,YAAY,EAAEX,qBAAsB;IAACY,YAAY,EAAEX,qBAAsB;IAAAF,QAAA,eAC5I/C,KAAA,CAAAE,SAAA;MAAA6C,QAAA,gBACE/C,KAAA,CAACZ,OAAO,EAAAyE,aAAA,CAAAA,aAAA;QACNhC,EAAE,EAAEO,eAAe,GAAG,SAAS,GAAGP,EAAE,CAACiC,QAAQ,CAAC;QAC9C;QAAA;QACAZ,SAAS,EAAE,SAAAA,UAAAa,KAAA,EAAkB;UAAA,IAAfC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;UACpBpB,oBAAoB,IAAIA,oBAAoB,CAACa,WAAW,CAAC;UACzD,IAAIrB,eAAe,EAAE;YACnB,IAAIL,QAAQ,EAAE,OAAO,UAAU,CAAC,KAC3B,OAAO,EAAE;UAChB;UAEA,IAAIiC,QAAQ,IAAIP,WAAW,EAAEC,cAAc,CAACM,QAAQ,CAAC;UAErD,OAAO,CAACA,QAAQ,GAAG,SAAS,GAAG,EAAE,KAAKjC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAC;QACnE,CAAE;QACFkC,WAAW,EAAEtE,yBAA0B;QACvCuE,QAAQ,EAAEnC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;QAC5BoC,IAAI,EAAC,KAAK;QACV,iBAAeV,WAAY;QAC3BW,OAAO,EAAE,SAAAA,QAACC,CAAmB;UAAA,OAAK,CAACtC,QAAQ,IAAII,WAAW,IAAIA,WAAW,CAACkC,CAAC,CAAC;QAAA,CAAC;QAC7EzC,GAAG,EAAEA,GAAI;QACT,eAAaS;MAAO,GAChBc,IAAI;QAAAJ,QAAA,gBACR/C,KAAA,CAACS,aAAa;UAAAsC,QAAA,gBACZjD,IAAA,CAACS,UAAU;YAAAwC,QAAA,eACTjD,IAAA;cAAAiD,QAAA,EAAOf;YAAY,CAAO;UAAC,CACjB,CAAC,EACZC,YAAY,IAAIC,gBAAgB,gBAC/BlC,KAAA,CAACG,2BAA2B;YAAA4C,QAAA,GACzBb,gBAAgB,EAChB,CAAC,CAACD,YAAY,iBAAInC,IAAA;cAAAiD,QAAA,EAAOd;YAAY,CAAO,CAAC;UAAA,CACnB,CAAC,GAC5BA,YAAY,gBACdnC,IAAA,CAACiB,mBAAmB;YAAAgC,QAAA,eAClBjD,IAAA;cAAAiD,QAAA,EAAOd;YAAY,CAAO;UAAC,CACR,CAAC,gBAEtBnC,IAAA,CAAAI,SAAA,IAAI,CACL;QAAA,CACY,CAAC,eAChBJ,IAAA,CAACa,kBAAkB;UAAAoC,QAAA,EAAER,mBAAmB,iBAAIzC,IAAA,CAACR,eAAe;YAAC+C,MAAM,EAAC,iBAAiB;YAACI,IAAI,EAAEA,IAAK;YAACK,OAAO,EAAEA;UAAQ,CAAE;QAAC,CAAqB,CAAC,EAC3IH,WAAW,iBAAI7C,IAAA,CAACe,WAAW;UAAAkC,QAAA,EAAEJ;QAAW,CAAc,CAAC;MAAA,EACjD,CAAC,EACTI,QAAQ;IAAA,CACT;EAAC,CACI,CAAC;AAEd,CAAC,CAAC;AAEF,eAAetB,OAAO","ignoreList":[]}

package/dist/Tabs/Tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_types","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getHeight","size","Size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","styled","nav","_taggedTemplateLiteral2","props","$size","Tabs","_ref","children","jsx","role","propTypes","_propTypes","any","_default","exports"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Size } from '../types';\r\n\r\ntype TabsProps = {\r\n  children?: any;\r\n  size: Size;\r\n};\r\n\r\nconst getHeight = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '48px';\r\n    case Size.Medium:\r\n      return '56px';\r\n    case Size.Large:\r\n      return '64px';\r\n    default:\r\n      return '48px';\r\n  }\r\n};\r\n\r\nconst getFontSize = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '16px';\r\n    case Size.Medium:\r\n      return '18px';\r\n    case Size.Large:\r\n      return '20px';\r\n    default:\r\n      return '20px';\r\n  }\r\n};\r\n\r\nconst getTopMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '6px';\r\n    case Size.Medium:\r\n      return '10px';\r\n    case Size.Large:\r\n      return '12px';\r\n    default:\r\n      return '12px';\r\n  }\r\n};\r\n\r\nconst getBottomMargin = (size: Size) => {\r\n  switch (size) {\r\n    case Size.Small:\r\n      return '2px';\r\n    case Size.Medium:\r\n      return '3px';\r\n    case Size.Large:\r\n      return '4px';\r\n    default:\r\n      return '4px';\r\n  }\r\n};\r\n\r\nconst Nav = styled.nav<{$size: Size}>`\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  a {\r\n    height: ${(props) => getHeight(props.$size)};\r\n  }\r\n\r\n  a > div:last-of-type {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: 0 0 8px 16px;\r\n  }\r\n  a > div:first-child {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: ${(props) => getTopMargin(props.$size)} 0 ${(props) => getBottomMargin(props.$size)} 16px;\r\n  }\r\n  a > div:only-of-type {\r\n    font-size: ${(props) => getFontSize(props.$size)};\r\n    margin: auto 0 auto 16px;\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\r\n  <Nav role=\"tablist\" $size={size}>\r\n    {children}\r\n  </Nav>\r\n);\r\n\r\nexport default Tabs;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tabs.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_types","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getHeight","size","Size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","styled","nav","_taggedTemplateLiteral2","props","$size","Tabs","_ref","children","jsx","role","propTypes","_propTypes","any","_default","exports"],"sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Size } from '../types';\n\ntype TabsProps = {\n  children?: any;\n  size: Size;\n};\n\nconst getHeight = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '48px';\n    case Size.Medium:\n      return '56px';\n    case Size.Large:\n      return '64px';\n    default:\n      return '48px';\n  }\n};\n\nconst getFontSize = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '16px';\n    case Size.Medium:\n      return '18px';\n    case Size.Large:\n      return '20px';\n    default:\n      return '20px';\n  }\n};\n\nconst getTopMargin = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '6px';\n    case Size.Medium:\n      return '10px';\n    case Size.Large:\n      return '12px';\n    default:\n      return '12px';\n  }\n};\n\nconst getBottomMargin = (size: Size) => {\n  switch (size) {\n    case Size.Small:\n      return '2px';\n    case Size.Medium:\n      return '3px';\n    case Size.Large:\n      return '4px';\n    default:\n      return '4px';\n  }\n};\n\nconst Nav = styled.nav<{$size: Size}>`\n  display: flex;\n  flex-direction: column;\n\n  a {\n    height: ${(props) => getHeight(props.$size)};\n  }\n\n  a > div:last-of-type {\n    font-size: ${(props) => getFontSize(props.$size)};\n    margin: 0 0 8px 16px;\n  }\n  a > div:first-child {\n    font-size: ${(props) => getFontSize(props.$size)};\n    margin: ${(props) => getTopMargin(props.$size)} 0 ${(props) => getBottomMargin(props.$size)} 16px;\n  }\n  a > div:only-of-type {\n    font-size: ${(props) => getFontSize(props.$size)};\n    margin: auto 0 auto 16px;\n  }\n\n  @media print {\n    display: none;\n  }\n`;\n\nconst Tabs: React.FunctionComponent<TabsProps> = ({ children, size }) => (\n  <Nav role=\"tablist\" $size={size}>\n    {children}\n  </Nav>\n);\n\nexport default Tabs;\n"],"mappings":"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","ignoreList":[]}

package/dist/Tabs/Tabs.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { Size } from '../types';
-type TabsProps = {
-    children?: any;
-    size: Size;
-};
-declare const Tabs: React.FunctionComponent<TabsProps>;
-export default Tabs;
+import * as React from 'react';
+import { Size } from '../types';
+type TabsProps = {
+    children?: any;
+    size: Size;
+};
+declare const Tabs: React.FunctionComponent<TabsProps>;
+export default Tabs;