@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1

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","disabled","requiredLine","optionalLine","OptionalLineIcon","onLinkClick","forceDeactivate","testId","showNotificationDot","size","Small","endLineIcon","onActiveStateChanged","variant","children","containerOnMouseEnter","containerOnMouseLeave","className","rest","_objectWithoutProperties","_excluded","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":"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","ignoreList":[]}
+{"version":3,"file":"TabLink.js","names":["React","styled","NotificationDot","Size","COLORS","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","useState","HyperLink","useNavigation","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","OptionalLineWrapperWithIcon","div","TopWrapper","TextContainer","StyledNotification","EndLineIcon","OptionalLineWrapper","Wrapper","props","getColor","theme","$disabled","active","hover","TabLink","forwardRef","_ref","ref","href","tabIndex","role","disabled","requiredLine","optionalLine","OptionalLineIcon","onLinkClick","forceDeactivate","testId","showNotificationDot","size","Small","endLineIcon","onActiveStateChanged","variant","children","containerOnMouseEnter","containerOnMouseLeave","className","rest","_objectWithoutProperties","_excluded","activeState","setActiveState","useActiveClassName","setUseActiveClassName","currentPath","isActiveRoute","useEffect","onMouseEnter","onMouseLeave","_objectSpread","target","toString","onMouseDown","onClick","e"],"sources":["../../src/Tabs/TabLink.tsx"],"sourcesContent":["import * as React from 'react';\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\nimport { HyperLink } from '../HyperLink';\r\nimport { useNavigation } from '../Navigation/NavigationProvider';\r\n\r\nexport type 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} & React.AnchorHTMLAttributes<HTMLAnchorElement>;\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  href,\r\n  tabIndex,\r\n  role,\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  const [useActiveClassName, setUseActiveClassName] = useState<string>('');\r\n  const {currentPath, isActiveRoute} = useNavigation();\r\n\r\n  React.useEffect(() => {\r\n    setActiveState(!!isActiveRoute && !!href && isActiveRoute(href, true));\r\n  }, [currentPath]);\r\n\r\n  React.useEffect(() => {\r\n    setUseActiveClassName(`${!forceDeactivate && activeState ? 'active' : ''} ${disabled ? 'disabled':''}`);\r\n  }, [activeState, disabled, forceDeactivate]);\r\n\r\n  React.useEffect(() => {\r\n    onActiveStateChanged && onActiveStateChanged(activeState);\r\n  }, [activeState]);\r\n\r\n  return (\r\n    <Wrapper $disabled={disabled} className={disabled ? 'disabled' : ''} onMouseEnter={containerOnMouseEnter} onMouseLeave={containerOnMouseLeave}>\r\n      <>\r\n        <HyperLink\r\n          variant='styleless'\r\n          target='_self'\r\n          href={forceDeactivate ? 'invalid' : href?.toString() ?? ''}\r\n          //disabled={disabled}\r\n          className={useActiveClassName}\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        </HyperLink>\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":[]}

package/dist/Tabs/Tabs.cjs

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 const getHeight = size => {
@@ -62,7 +60,31 @@ const getBottomMargin = size => {
       return '4px';
   }
 };
-const Nav = _styledComponents.default.nav(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n\n  a {\n    height: ", ";\n  }\n\n  a > div:last-of-type {\n    font-size: ", ";\n    margin: 0 0 8px 16px;\n  }\n  a > div:first-child {\n    font-size: ", ";\n    margin: ", " 0 ", " 16px;\n  }\n  a > div:only-of-type {\n    font-size: ", ";\n    margin: auto 0 auto 16px;\n  }\n\n  @media print {\n    display: none;\n  }\n"])), props => getHeight(props.$size), props => getFontSize(props.$size), props => getFontSize(props.$size), props => getTopMargin(props.$size), props => getBottomMargin(props.$size), props => getFontSize(props.$size));
+const Nav = _styledComponents.default.nav`
+  display: flex;
+  flex-direction: column;
+
+  a {
+    height: ${props => getHeight(props.$size)};
+  }
+
+  a > div:last-of-type {
+    font-size: ${props => getFontSize(props.$size)};
+    margin: 0 0 8px 16px;
+  }
+  a > div:first-child {
+    font-size: ${props => getFontSize(props.$size)};
+    margin: ${props => getTopMargin(props.$size)} 0 ${props => getBottomMargin(props.$size)} 16px;
+  }
+  a > div:only-of-type {
+    font-size: ${props => getFontSize(props.$size)};
+    margin: auto 0 auto 16px;
+  }
+
+  @media print {
+    display: none;
+  }
+`;
 const Tabs = _ref => {
   let {
     children,

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","default","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","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","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":[]}

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;

package/dist/Tabs/Tabs.js

@@ -1,6 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject;
 import * as React from 'react';
 import styled from 'styled-components';
 import { Size } from '../types';
@@ -53,7 +51,31 @@ const getBottomMargin = size => {
       return '4px';
   }
 };
-const Nav = styled.nav(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n\n  a {\n    height: ", ";\n  }\n\n  a > div:last-of-type {\n    font-size: ", ";\n    margin: 0 0 8px 16px;\n  }\n  a > div:first-child {\n    font-size: ", ";\n    margin: ", " 0 ", " 16px;\n  }\n  a > div:only-of-type {\n    font-size: ", ";\n    margin: auto 0 auto 16px;\n  }\n\n  @media print {\n    display: none;\n  }\n"])), props => getHeight(props.$size), props => getFontSize(props.$size), props => getFontSize(props.$size), props => getTopMargin(props.$size), props => getBottomMargin(props.$size), props => getFontSize(props.$size));
+const Nav = styled.nav`
+  display: flex;
+  flex-direction: column;
+
+  a {
+    height: ${props => getHeight(props.$size)};
+  }
+
+  a > div:last-of-type {
+    font-size: ${props => getFontSize(props.$size)};
+    margin: 0 0 8px 16px;
+  }
+  a > div:first-child {
+    font-size: ${props => getFontSize(props.$size)};
+    margin: ${props => getTopMargin(props.$size)} 0 ${props => getBottomMargin(props.$size)} 16px;
+  }
+  a > div:only-of-type {
+    font-size: ${props => getFontSize(props.$size)};
+    margin: auto 0 auto 16px;
+  }
+
+  @media print {
+    display: none;
+  }
+`;
 const Tabs = _ref => {
   let {
     children,

package/dist/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["React","styled","Size","jsx","_jsx","getHeight","size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","nav","_templateObject","_taggedTemplateLiteral","props","$size","Tabs","_ref","children","role","propTypes","_pt","any"],"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":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhC,MAAMC,SAAS,GAAIC,IAAU,IAAK;EAChC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,MAAMC,WAAW,GAAIJ,IAAU,IAAK;EAClC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,MAAME,YAAY,GAAIL,IAAU,IAAK;EACnC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,MAAMG,eAAe,GAAIN,IAAU,IAAK;EACtC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,KAAK;IACd,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,KAAK;IACd;MACE,OAAO,KAAK;EAChB;AACF,CAAC;AAED,MAAMI,GAAG,GAAGZ,MAAM,CAACa,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+XAKPC,KAAK,IAAKZ,SAAS,CAACY,KAAK,CAACC,KAAK,CAAC,EAI7BD,KAAK,IAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC,EAIlCD,KAAK,IAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC,EACrCD,KAAK,IAAKN,YAAY,CAACM,KAAK,CAACC,KAAK,CAAC,EAAOD,KAAK,IAAKL,eAAe,CAACK,KAAK,CAACC,KAAK,CAAC,EAG7ED,KAAK,IAAKP,WAAW,CAACO,KAAK,CAACC,KAAK,CAAC,CAOnD;AAED,MAAMC,IAAwC,GAAGC,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEf;EAAK,CAAC,GAAAc,IAAA;EAAA,oBAClEhB,IAAA,CAACS,GAAG;IAACS,IAAI,EAAC,SAAS;IAACJ,KAAK,EAAEZ,IAAK;IAAAe,QAAA,EAC7BA;EAAQ,CACN,CAAC;AAAA,CACP;AAACF,IAAA,CAAAI,SAAA;EAtFAF,QAAQ,EAAAG,GAAA,CAAAC;AAAA;AAwFV,eAAeN,IAAI","ignoreList":[]}
+{"version":3,"file":"Tabs.js","names":["React","styled","Size","jsx","_jsx","getHeight","size","Small","Medium","Large","getFontSize","getTopMargin","getBottomMargin","Nav","nav","props","$size","Tabs","_ref","children","role","propTypes","_pt","any"],"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":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhC,MAAMC,SAAS,GAAIC,IAAU,IAAK;EAChC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,MAAMC,WAAW,GAAIJ,IAAU,IAAK;EAClC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,MAAM;IACf,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,MAAME,YAAY,GAAIL,IAAU,IAAK;EACnC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,MAAM;IACf,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,MAAM;IACf;MACE,OAAO,MAAM;EACjB;AACF,CAAC;AAED,MAAMG,eAAe,GAAIN,IAAU,IAAK;EACtC,QAAQA,IAAI;IACV,KAAKJ,IAAI,CAACK,KAAK;MACb,OAAO,KAAK;IACd,KAAKL,IAAI,CAACM,MAAM;MACd,OAAO,KAAK;IACd,KAAKN,IAAI,CAACO,KAAK;MACb,OAAO,KAAK;IACd;MACE,OAAO,KAAK;EAChB;AACF,CAAC;AAED,MAAMI,GAAG,GAAGZ,MAAM,CAACa,GAAkB;AACrC;AACA;AACA;AACA;AACA,cAAeC,KAAK,IAAKV,SAAS,CAACU,KAAK,CAACC,KAAK,CAAC;AAC/C;AACA;AACA;AACA,iBAAkBD,KAAK,IAAKL,WAAW,CAACK,KAAK,CAACC,KAAK,CAAC;AACpD;AACA;AACA;AACA,iBAAkBD,KAAK,IAAKL,WAAW,CAACK,KAAK,CAACC,KAAK,CAAC;AACpD,cAAeD,KAAK,IAAKJ,YAAY,CAACI,KAAK,CAACC,KAAK,CAAC,MAAOD,KAAK,IAAKH,eAAe,CAACG,KAAK,CAACC,KAAK,CAAC;AAC/F;AACA;AACA,iBAAkBD,KAAK,IAAKL,WAAW,CAACK,KAAK,CAACC,KAAK,CAAC;AACpD;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,IAAwC,GAAGC,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEb;EAAK,CAAC,GAAAY,IAAA;EAAA,oBAClEd,IAAA,CAACS,GAAG;IAACO,IAAI,EAAC,SAAS;IAACJ,KAAK,EAAEV,IAAK;IAAAa,QAAA,EAC7BA;EAAQ,CACN,CAAC;AAAA,CACP;AAACF,IAAA,CAAAI,SAAA;EAtFAF,QAAQ,EAAAG,GAAA,CAAAC;AAAA;AAwFV,eAAeN,IAAI","ignoreList":[]}

package/dist/Tabs/VerticalTabs.cjs

@@ -19,9 +19,9 @@ const VerticalTabs = _ref => {
     entries
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
-    size: size !== null && size !== void 0 ? size : _types.Size.Large,
-    children: entries === null || entries === void 0 ? void 0 : entries.map(entry => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabLink.default, {
-      to: entry.to,
+    size: size ?? _types.Size.Large,
+    children: entries?.map(entry => /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabLink.default, {
+      href: entry.to,
       requiredLine: entry.requiredLine,
       optionalLine: entry.optionalLine,
       endLineIcon: entry.endLineIcon,

package/dist/Tabs/VerticalTabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.cjs","names":["React","_interopRequireWildcard","require","_Tabs","_interopRequireDefault","_TabLink","_types","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","VerticalTabs","_ref","size","entries","jsx","Size","Large","children","map","entry","to","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","optionalLineIcon","disabled","showNotificationDot","variant","onLinkClick","onClick","propTypes","_propTypes","arrayOf","shape","string","isRequired","node","bool","func","oneOf","_default","exports"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Tabs from './Tabs';\r\nimport TabLink from './TabLink';\r\nimport { BaseProps } from '../icons';\r\nimport { Size } from '../types';\r\n\r\nexport interface VerticalTabEntry {\r\n  /**\r\n   * Required. The main text to be displayed on the tab.\r\n   */\r\n  requiredLine: string;\r\n\r\n  /**\r\n   * Optional. The secondary text to be displayed on the tab link under the required line.\r\n   */\r\n  optionalLine?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.\r\n   */\r\n  optionalLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed at the end of the tab.\r\n   */\r\n  endLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The URL to which the tab links.\r\n   */\r\n  to: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the tab is disabled.\r\n   * If true, the tab will be unclickable and will have a disabled appearance.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional. The handler function to be called when the tab is clicked.\r\n   */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a notification dot should be shown on the tab.\r\n   */\r\n  showNotificationDot?: boolean;\r\n\r\n  /**\r\n   * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'\r\n   */\r\n  variant?: 'critical' | 'positive';\r\n}\r\n\r\nexport interface VerticalTabsProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  entries: VerticalTabEntry[];\r\n}\r\n\r\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\r\n  return (\r\n    <Tabs size={size ?? Size.Large}>\r\n      {entries?.map((entry: VerticalTabEntry) => (\r\n        <TabLink\r\n          key={entry.to}\r\n          to={entry.to}\r\n          requiredLine={entry.requiredLine}\r\n          optionalLine={entry.optionalLine}\r\n          endLineIcon={entry.endLineIcon}\r\n          OptionalLineIcon={entry.optionalLineIcon}\r\n          disabled={entry.disabled}\r\n          showNotificationDot={entry.showNotificationDot}\r\n          size={size}\r\n          variant={entry.variant}\r\n          onLinkClick={(e) => {\r\n            if (entry.onClick) {\r\n              entry.onClick(e);\r\n            }\r\n          }}/>\r\n      ))}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default VerticalTabs;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VerticalTabs.cjs","names":["React","_interopRequireWildcard","require","_Tabs","_interopRequireDefault","_TabLink","_types","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","VerticalTabs","_ref","size","entries","jsx","Size","Large","children","map","entry","href","to","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","optionalLineIcon","disabled","showNotificationDot","variant","onLinkClick","onClick","propTypes","_propTypes","arrayOf","shape","string","isRequired","node","bool","func","oneOf","_default","exports"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Tabs from './Tabs';\r\nimport TabLink from './TabLink';\r\nimport { BaseProps } from '../icons';\r\nimport { Size } from '../types';\r\n\r\nexport interface VerticalTabEntry {\r\n  /**\r\n   * Required. The main text to be displayed on the tab.\r\n   */\r\n  requiredLine: string;\r\n\r\n  /**\r\n   * Optional. The secondary text to be displayed on the tab link under the required line.\r\n   */\r\n  optionalLine?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.\r\n   */\r\n  optionalLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed at the end of the tab.\r\n   */\r\n  endLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The URL to which the tab links.\r\n   */\r\n  to: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the tab is disabled.\r\n   * If true, the tab will be unclickable and will have a disabled appearance.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional. The handler function to be called when the tab is clicked.\r\n   */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a notification dot should be shown on the tab.\r\n   */\r\n  showNotificationDot?: boolean;\r\n\r\n  /**\r\n   * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'\r\n   */\r\n  variant?: 'critical' | 'positive';\r\n}\r\n\r\nexport interface VerticalTabsProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  entries: VerticalTabEntry[];\r\n}\r\n\r\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\r\n  return (\r\n    <Tabs size={size ?? Size.Large}>\r\n      {entries?.map((entry: VerticalTabEntry) => (\r\n        <TabLink\r\n          key={entry.to}\r\n          href={entry.to}\r\n          requiredLine={entry.requiredLine}\r\n          optionalLine={entry.optionalLine}\r\n          endLineIcon={entry.endLineIcon}\r\n          OptionalLineIcon={entry.optionalLineIcon}\r\n          disabled={entry.disabled}\r\n          showNotificationDot={entry.showNotificationDot}\r\n          size={size}\r\n          variant={entry.variant}\r\n          onLinkClick={(e) => {\r\n            if (entry.onClick) {\r\n              entry.onClick(e);\r\n            }\r\n          }}/>\r\n      ))}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default VerticalTabs;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tabs/VerticalTabs.d.ts

@@ -1,47 +1,47 @@
-import * as React from 'react';
-import { Size } from '../types';
-export interface VerticalTabEntry {
-    /**
-     * Required. The main text to be displayed on the tab.
-     */
-    requiredLine: string;
-    /**
-     * Optional. The secondary text to be displayed on the tab link under the required line.
-     */
-    optionalLine?: string;
-    /**
-     * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.
-     */
-    optionalLineIcon?: React.ReactNode;
-    /**
-     * Optional. The icon to be displayed at the end of the tab.
-     */
-    endLineIcon?: React.ReactNode;
-    /**
-     * Required. The URL to which the tab links.
-     */
-    to: string;
-    /**
-     * Optional. A boolean indicating whether the tab is disabled.
-     * If true, the tab will be unclickable and will have a disabled appearance.
-     */
-    disabled?: boolean;
-    /**
-     * Optional. The handler function to be called when the tab is clicked.
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * Optional. A boolean indicating whether a notification dot should be shown on the tab.
-     */
-    showNotificationDot?: boolean;
-    /**
-     * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'
-     */
-    variant?: 'critical' | 'positive';
-}
-export interface VerticalTabsProps {
-    size?: Size.Small | Size.Medium | Size.Large;
-    entries: VerticalTabEntry[];
-}
-declare const VerticalTabs: ({ size, entries }: VerticalTabsProps) => React.JSX.Element;
-export default VerticalTabs;
+import * as React from 'react';
+import { Size } from '../types';
+export interface VerticalTabEntry {
+    /**
+     * Required. The main text to be displayed on the tab.
+     */
+    requiredLine: string;
+    /**
+     * Optional. The secondary text to be displayed on the tab link under the required line.
+     */
+    optionalLine?: string;
+    /**
+     * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.
+     */
+    optionalLineIcon?: React.ReactNode;
+    /**
+     * Optional. The icon to be displayed at the end of the tab.
+     */
+    endLineIcon?: React.ReactNode;
+    /**
+     * Required. The URL to which the tab links.
+     */
+    to: string;
+    /**
+     * Optional. A boolean indicating whether the tab is disabled.
+     * If true, the tab will be unclickable and will have a disabled appearance.
+     */
+    disabled?: boolean;
+    /**
+     * Optional. The handler function to be called when the tab is clicked.
+     */
+    onClick?: (e: React.MouseEvent) => void;
+    /**
+     * Optional. A boolean indicating whether a notification dot should be shown on the tab.
+     */
+    showNotificationDot?: boolean;
+    /**
+     * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'
+     */
+    variant?: 'critical' | 'positive';
+}
+export interface VerticalTabsProps {
+    size?: Size.Small | Size.Medium | Size.Large;
+    entries: VerticalTabEntry[];
+}
+declare const VerticalTabs: ({ size, entries }: VerticalTabsProps) => React.JSX.Element;
+export default VerticalTabs;

package/dist/Tabs/VerticalTabs.js

@@ -10,9 +10,9 @@ const VerticalTabs = _ref => {
     entries
   } = _ref;
   return /*#__PURE__*/_jsx(Tabs, {
-    size: size !== null && size !== void 0 ? size : Size.Large,
-    children: entries === null || entries === void 0 ? void 0 : entries.map(entry => /*#__PURE__*/_jsx(TabLink, {
-      to: entry.to,
+    size: size ?? Size.Large,
+    children: entries?.map(entry => /*#__PURE__*/_jsx(TabLink, {
+      href: entry.to,
       requiredLine: entry.requiredLine,
       optionalLine: entry.optionalLine,
       endLineIcon: entry.endLineIcon,

package/dist/Tabs/VerticalTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.js","names":["React","Tabs","TabLink","Size","jsx","_jsx","VerticalTabs","_ref","size","entries","Large","children","map","entry","to","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","optionalLineIcon","disabled","showNotificationDot","variant","onLinkClick","e","onClick","propTypes","_pt","arrayOf","shape","string","isRequired","node","bool","func","oneOf"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Tabs from './Tabs';\r\nimport TabLink from './TabLink';\r\nimport { BaseProps } from '../icons';\r\nimport { Size } from '../types';\r\n\r\nexport interface VerticalTabEntry {\r\n  /**\r\n   * Required. The main text to be displayed on the tab.\r\n   */\r\n  requiredLine: string;\r\n\r\n  /**\r\n   * Optional. The secondary text to be displayed on the tab link under the required line.\r\n   */\r\n  optionalLine?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.\r\n   */\r\n  optionalLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed at the end of the tab.\r\n   */\r\n  endLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The URL to which the tab links.\r\n   */\r\n  to: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the tab is disabled.\r\n   * If true, the tab will be unclickable and will have a disabled appearance.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional. The handler function to be called when the tab is clicked.\r\n   */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a notification dot should be shown on the tab.\r\n   */\r\n  showNotificationDot?: boolean;\r\n\r\n  /**\r\n   * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'\r\n   */\r\n  variant?: 'critical' | 'positive';\r\n}\r\n\r\nexport interface VerticalTabsProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  entries: VerticalTabEntry[];\r\n}\r\n\r\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\r\n  return (\r\n    <Tabs size={size ?? Size.Large}>\r\n      {entries?.map((entry: VerticalTabEntry) => (\r\n        <TabLink\r\n          key={entry.to}\r\n          to={entry.to}\r\n          requiredLine={entry.requiredLine}\r\n          optionalLine={entry.optionalLine}\r\n          endLineIcon={entry.endLineIcon}\r\n          OptionalLineIcon={entry.optionalLineIcon}\r\n          disabled={entry.disabled}\r\n          showNotificationDot={entry.showNotificationDot}\r\n          size={size}\r\n          variant={entry.variant}\r\n          onLinkClick={(e) => {\r\n            if (entry.onClick) {\r\n              entry.onClick(e);\r\n            }\r\n          }}/>\r\n      ))}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default VerticalTabs;\r\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,OAAO,MAAM,WAAW;AAE/B,SAASC,IAAI,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAuDhC,MAAMC,YAAY,GAAGC,IAAA,IAA0C;EAAA,IAAzC;IAAEC,IAAI;IAAEC;EAA2B,CAAC,GAAAF,IAAA;EACxD,oBACEF,IAAA,CAACJ,IAAI;IAACO,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIL,IAAI,CAACO,KAAM;IAAAC,QAAA,EAC5BF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG,GAAG,CAAEC,KAAuB,iBACpCR,IAAA,CAACH,OAAO;MAENY,EAAE,EAAED,KAAK,CAACC,EAAG;MACbC,YAAY,EAAEF,KAAK,CAACE,YAAa;MACjCC,YAAY,EAAEH,KAAK,CAACG,YAAa;MACjCC,WAAW,EAAEJ,KAAK,CAACI,WAAY;MAC/BC,gBAAgB,EAAEL,KAAK,CAACM,gBAAiB;MACzCC,QAAQ,EAAEP,KAAK,CAACO,QAAS;MACzBC,mBAAmB,EAAER,KAAK,CAACQ,mBAAoB;MAC/Cb,IAAI,EAAEA,IAAK;MACXc,OAAO,EAAET,KAAK,CAACS,OAAQ;MACvBC,WAAW,EAAGC,CAAC,IAAK;QAClB,IAAIX,KAAK,CAACY,OAAO,EAAE;UACjBZ,KAAK,CAACY,OAAO,CAACD,CAAC,CAAC;QAClB;MACF;IAAE,GAdGX,KAAK,CAACC,EAcR,CACN;EAAC,CACE,CAAC;AAEX,CAAC;AAACR,YAAA,CAAAoB,SAAA;EA1BAjB,OAAO,EAAAkB,GAAA,CAAAC,OAAA,CAAAD,GAAA,CAAAE,KAAA;IA9CPd,YAAY,EAAAY,GAAA,CAAAG,MAAA,CAAAC,UAAA;IAKZf,YAAY,EAAAW,GAAA,CAAAG,MAAA;IAKZX,gBAAgB,EAAAQ,GAAA,CAAAK,IAAA;IAKhBf,WAAW,EAAAU,GAAA,CAAAK,IAAA;IAKXlB,EAAE,EAAAa,GAAA,CAAAG,MAAA,CAAAC,UAAA;IAMFX,QAAQ,EAAAO,GAAA,CAAAM,IAAA;IAKRR,OAAO,EAAAE,GAAA,CAAAO,IAAA;IAKPb,mBAAmB,EAAAM,GAAA,CAAAM,IAAA;IAKnBX,OAAO,EAAAK,GAAA,CAAAQ,KAAA,EAAG,UAAU,EAAG,UAAU;EAAA,IAAAJ;AAAA;AAiCnC,eAAezB,YAAY","ignoreList":[]}
+{"version":3,"file":"VerticalTabs.js","names":["React","Tabs","TabLink","Size","jsx","_jsx","VerticalTabs","_ref","size","entries","Large","children","map","entry","href","to","requiredLine","optionalLine","endLineIcon","OptionalLineIcon","optionalLineIcon","disabled","showNotificationDot","variant","onLinkClick","e","onClick","propTypes","_pt","arrayOf","shape","string","isRequired","node","bool","func","oneOf"],"sources":["../../src/Tabs/VerticalTabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Tabs from './Tabs';\r\nimport TabLink from './TabLink';\r\nimport { BaseProps } from '../icons';\r\nimport { Size } from '../types';\r\n\r\nexport interface VerticalTabEntry {\r\n  /**\r\n   * Required. The main text to be displayed on the tab.\r\n   */\r\n  requiredLine: string;\r\n\r\n  /**\r\n   * Optional. The secondary text to be displayed on the tab link under the required line.\r\n   */\r\n  optionalLine?: string;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed next to the secondary text on the tab link under the required line.\r\n   */\r\n  optionalLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Optional. The icon to be displayed at the end of the tab.\r\n   */\r\n  endLineIcon?: React.ReactNode;\r\n\r\n  /**\r\n   * Required. The URL to which the tab links.\r\n   */\r\n  to: string;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether the tab is disabled.\r\n   * If true, the tab will be unclickable and will have a disabled appearance.\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Optional. The handler function to be called when the tab is clicked.\r\n   */\r\n  onClick?: (e: React.MouseEvent) => void;\r\n\r\n  /**\r\n   * Optional. A boolean indicating whether a notification dot should be shown on the tab.\r\n   */\r\n  showNotificationDot?: boolean;\r\n\r\n  /**\r\n   * Optional. The variant of the notification dot. It can be 'critical' or 'positive'. Defaults to 'Critical'\r\n   */\r\n  variant?: 'critical' | 'positive';\r\n}\r\n\r\nexport interface VerticalTabsProps {\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  entries: VerticalTabEntry[];\r\n}\r\n\r\nconst VerticalTabs = ({ size, entries }: VerticalTabsProps) => {\r\n  return (\r\n    <Tabs size={size ?? Size.Large}>\r\n      {entries?.map((entry: VerticalTabEntry) => (\r\n        <TabLink\r\n          key={entry.to}\r\n          href={entry.to}\r\n          requiredLine={entry.requiredLine}\r\n          optionalLine={entry.optionalLine}\r\n          endLineIcon={entry.endLineIcon}\r\n          OptionalLineIcon={entry.optionalLineIcon}\r\n          disabled={entry.disabled}\r\n          showNotificationDot={entry.showNotificationDot}\r\n          size={size}\r\n          variant={entry.variant}\r\n          onLinkClick={(e) => {\r\n            if (entry.onClick) {\r\n              entry.onClick(e);\r\n            }\r\n          }}/>\r\n      ))}\r\n    </Tabs>\r\n  );\r\n};\r\n\r\nexport default VerticalTabs;\r\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,OAAO,MAAM,WAAW;AAE/B,SAASC,IAAI,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAuDhC,MAAMC,YAAY,GAAGC,IAAA,IAA0C;EAAA,IAAzC;IAAEC,IAAI;IAAEC;EAA2B,CAAC,GAAAF,IAAA;EACxD,oBACEF,IAAA,CAACJ,IAAI;IAACO,IAAI,EAAEA,IAAI,IAAIL,IAAI,CAACO,KAAM;IAAAC,QAAA,EAC5BF,OAAO,EAAEG,GAAG,CAAEC,KAAuB,iBACpCR,IAAA,CAACH,OAAO;MAENY,IAAI,EAAED,KAAK,CAACE,EAAG;MACfC,YAAY,EAAEH,KAAK,CAACG,YAAa;MACjCC,YAAY,EAAEJ,KAAK,CAACI,YAAa;MACjCC,WAAW,EAAEL,KAAK,CAACK,WAAY;MAC/BC,gBAAgB,EAAEN,KAAK,CAACO,gBAAiB;MACzCC,QAAQ,EAAER,KAAK,CAACQ,QAAS;MACzBC,mBAAmB,EAAET,KAAK,CAACS,mBAAoB;MAC/Cd,IAAI,EAAEA,IAAK;MACXe,OAAO,EAAEV,KAAK,CAACU,OAAQ;MACvBC,WAAW,EAAGC,CAAC,IAAK;QAClB,IAAIZ,KAAK,CAACa,OAAO,EAAE;UACjBb,KAAK,CAACa,OAAO,CAACD,CAAC,CAAC;QAClB;MACF;IAAE,GAdGZ,KAAK,CAACE,EAcR,CACN;EAAC,CACE,CAAC;AAEX,CAAC;AAACT,YAAA,CAAAqB,SAAA;EA1BAlB,OAAO,EAAAmB,GAAA,CAAAC,OAAA,CAAAD,GAAA,CAAAE,KAAA;IA9CPd,YAAY,EAAAY,GAAA,CAAAG,MAAA,CAAAC,UAAA;IAKZf,YAAY,EAAAW,GAAA,CAAAG,MAAA;IAKZX,gBAAgB,EAAAQ,GAAA,CAAAK,IAAA;IAKhBf,WAAW,EAAAU,GAAA,CAAAK,IAAA;IAKXlB,EAAE,EAAAa,GAAA,CAAAG,MAAA,CAAAC,UAAA;IAMFX,QAAQ,EAAAO,GAAA,CAAAM,IAAA;IAKRR,OAAO,EAAAE,GAAA,CAAAO,IAAA;IAKPb,mBAAmB,EAAAM,GAAA,CAAAM,IAAA;IAKnBX,OAAO,EAAAK,GAAA,CAAAQ,KAAA,EAAG,UAAU,EAAG,UAAU;EAAA,IAAAJ;AAAA;AAiCnC,eAAe1B,YAAY","ignoreList":[]}

package/dist/Tabs/index.d.ts

@@ -1,5 +1,5 @@
-import VerticalTabs from './VerticalTabs';
-import HorizontalTabs from './HorizontalTabs';
-export type { VerticalTabEntry, VerticalTabsProps } from './VerticalTabs';
-export type { HorizontalTab } from './HorizontalTabs';
-export { VerticalTabs, HorizontalTabs };
+import VerticalTabs from './VerticalTabs';
+import HorizontalTabs from './HorizontalTabs';
+export type { VerticalTabEntry, VerticalTabsProps } from './VerticalTabs';
+export type { HorizontalTab } from './HorizontalTabs';
+export { VerticalTabs, HorizontalTabs };

package/dist/Tag/Tag.cjs

@@ -7,21 +7,71 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _ = require("..");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["label", "icon", "variant", "className"];
-var _templateObject, _templateObject2, _templateObject3;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 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) { (0, _defineProperty2.default)(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; }
-const Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: 4px;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  border-radius: 2px;\n  box-sizing: border-box;\n\n  &.neutral {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.positive {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.warning {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.critical {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent1 {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent2 {\n    background-color: ", ";\n    color: ", ";\n  }\n\n"])), props => props.$isLabelPresent ? '64px' : '', props => _.COLORS.getColor('neutral_100', props.theme), props => _.COLORS.getColor('neutral_600', props.theme), props => _.COLORS.getColor('correct_100', props.theme), props => _.COLORS.getColor('correct_600', props.theme), props => _.COLORS.getColor('warning_100', props.theme), props => _.COLORS.getColor('warning_600', props.theme), props => _.COLORS.getColor('critical_100', props.theme), props => _.COLORS.getColor('critical_600', props.theme), props => _.COLORS.getColor('accent1_100', props.theme), props => _.COLORS.getColor('accent1_600', props.theme), props => _.COLORS.getColor('accent2_100', props.theme), props => _.COLORS.getColor('accent2_600', props.theme));
-const IconContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])));
-const TextContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  height: 16px;\n  padding: 0 4px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ", "\n"])), (0, _.ComponentXSStyling)(_.ComponentTextStyle.Bold, null));
+const Container = _styledComponents.default.div`
+  display: flex;
+  padding: 4px;
+  height: 24px;
+  width: calc(100%);
+  max-width: fit-content;
+  align-items: center;
+  justify-content: center;
+  min-width: ${props => props.$isLabelPresent ? '64px' : ''};
+  border-radius: 2px;
+  box-sizing: border-box;
+
+  &.neutral {
+    background-color: ${props => _.COLORS.getColor('neutral_100', props.theme)};
+    color: ${props => _.COLORS.getColor('neutral_600', props.theme)};
+  }
+  &.positive {
+    background-color: ${props => _.COLORS.getColor('correct_100', props.theme)};
+    color: ${props => _.COLORS.getColor('correct_600', props.theme)};
+  }
+  &.warning {
+    background-color: ${props => _.COLORS.getColor('warning_100', props.theme)};
+    color: ${props => _.COLORS.getColor('warning_600', props.theme)};
+  }
+  &.critical {
+    background-color: ${props => _.COLORS.getColor('critical_100', props.theme)};
+    color: ${props => _.COLORS.getColor('critical_600', props.theme)};
+  }
+  &.accent1 {
+    background-color: ${props => _.COLORS.getColor('accent1_100', props.theme)};
+    color: ${props => _.COLORS.getColor('accent1_600', props.theme)};
+  }
+  &.accent2 {
+    background-color: ${props => _.COLORS.getColor('accent2_100', props.theme)};
+    color: ${props => _.COLORS.getColor('accent2_600', props.theme)};
+  }
+
+`;
+const IconContainer = _styledComponents.default.div`
+  display: flex;
+  width: 16px;
+  height: 16px;
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+`;
+const TextContainer = _styledComponents.default.div`
+  height: 16px;
+  padding: 0 4px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;  
+  ${(0, _.ComponentXSStyling)(_.ComponentTextStyle.Bold, null)}
+`;
 const Tag = _ref => {
   let {
       label,
@@ -30,7 +80,7 @@ const Tag = _ref => {
       className
     } = _ref,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  const cls = "".concat(className !== null && className !== void 0 ? className : '', " ").concat(variant);
+  const cls = `${className ?? ''} ${variant}`;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({
     $variant: variant,
     $isLabelPresent: !!label,

package/dist/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","Container","styled","div","_taggedTemplateLiteral2","props","$isLabelPresent","COLORS","getColor","theme","IconContainer","TextContainer","ComponentXSStyling","ComponentTextStyle","Bold","Tag","_ref","label","icon","variant","className","rest","_objectWithoutProperties2","cls","concat","jsxs","$variant","children","jsx","$icon","propTypes","_propTypes","string","node","oneOf","_default","exports"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\n\r\nconst Container = styled.div<{$variant: TagVariants, $isLabelPresent: boolean}>`\r\n  display: flex;\r\n  padding: 4px;\r\n  height: 24px;\r\n  width: calc(100%);\r\n  max-width: fit-content;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: ${props=>props.$isLabelPresent ? '64px' : ''};\r\n  border-radius: 2px;\r\n  box-sizing: border-box;\r\n\r\n  &.neutral {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n  &.positive {\r\n    background-color: ${props => COLORS.getColor('correct_100', props.theme)};\r\n    color: ${props => COLORS.getColor('correct_600', props.theme)};\r\n  }\r\n  &.warning {\r\n    background-color: ${props => COLORS.getColor('warning_100', props.theme)};\r\n    color: ${props => COLORS.getColor('warning_600', props.theme)};\r\n  }\r\n  &.critical {\r\n    background-color: ${props => COLORS.getColor('critical_100', props.theme)};\r\n    color: ${props => COLORS.getColor('critical_600', props.theme)};\r\n  }\r\n  &.accent1 {\r\n    background-color: ${props => COLORS.getColor('accent1_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n  &.accent2 {\r\n    background-color: ${props => COLORS.getColor('accent2_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent2_600', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nconst IconContainer = styled.div<{$variant: TagVariants}>`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{$variant: TagVariants, $icon: React.ReactNode}>`\r\n  height: 16px;\r\n  padding: 0 4px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;  \r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\n\r\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\r\n\r\nexport type TagProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Optional. Label to be shown in the Tag. */\r\n  label?: string;\r\n  /** Optional. Icon to be shown in the tag. */\r\n  icon?: React.ReactNode;\r\n  /** Optional. Style Variant of the Tag. Defaults to 'neutral' */\r\n  variant?: TagVariants;\r\n}\r\n\r\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\r\n  const cls = `${className ?? ''} ${variant}`;\r\n  return (   \r\n    <Container $variant={variant} $isLabelPresent={!!label} className={cls} {...rest}>\r\n      {icon && <IconContainer $variant={variant} data-testid={'iconContainer'}>\r\n          {icon}\r\n        </IconContainer>\r\n      }\r\n      {label && <TextContainer $variant={variant} $icon={icon}>\r\n          {label}\r\n        </TextContainer>\r\n      }\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Tag;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tag.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","Container","styled","div","props","$isLabelPresent","COLORS","getColor","theme","IconContainer","TextContainer","ComponentXSStyling","ComponentTextStyle","Bold","Tag","_ref","label","icon","variant","className","rest","_objectWithoutProperties2","cls","jsxs","$variant","children","jsx","$icon","propTypes","_propTypes","string","node","oneOf","_default","exports"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\n\r\nconst Container = styled.div<{$variant: TagVariants, $isLabelPresent: boolean}>`\r\n  display: flex;\r\n  padding: 4px;\r\n  height: 24px;\r\n  width: calc(100%);\r\n  max-width: fit-content;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: ${props=>props.$isLabelPresent ? '64px' : ''};\r\n  border-radius: 2px;\r\n  box-sizing: border-box;\r\n\r\n  &.neutral {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n  &.positive {\r\n    background-color: ${props => COLORS.getColor('correct_100', props.theme)};\r\n    color: ${props => COLORS.getColor('correct_600', props.theme)};\r\n  }\r\n  &.warning {\r\n    background-color: ${props => COLORS.getColor('warning_100', props.theme)};\r\n    color: ${props => COLORS.getColor('warning_600', props.theme)};\r\n  }\r\n  &.critical {\r\n    background-color: ${props => COLORS.getColor('critical_100', props.theme)};\r\n    color: ${props => COLORS.getColor('critical_600', props.theme)};\r\n  }\r\n  &.accent1 {\r\n    background-color: ${props => COLORS.getColor('accent1_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n  &.accent2 {\r\n    background-color: ${props => COLORS.getColor('accent2_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent2_600', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nconst IconContainer = styled.div<{$variant: TagVariants}>`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{$variant: TagVariants, $icon: React.ReactNode}>`\r\n  height: 16px;\r\n  padding: 0 4px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;  \r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\n\r\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\r\n\r\nexport type TagProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Optional. Label to be shown in the Tag. */\r\n  label?: string;\r\n  /** Optional. Icon to be shown in the tag. */\r\n  icon?: React.ReactNode;\r\n  /** Optional. Style Variant of the Tag. Defaults to 'neutral' */\r\n  variant?: TagVariants;\r\n}\r\n\r\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\r\n  const cls = `${className ?? ''} ${variant}`;\r\n  return (   \r\n    <Container $variant={variant} $isLabelPresent={!!label} className={cls} {...rest}>\r\n      {icon && <IconContainer $variant={variant} data-testid={'iconContainer'}>\r\n          {icon}\r\n        </IconContainer>\r\n      }\r\n      {label && <TextContainer $variant={variant} $icon={icon}>\r\n          {label}\r\n        </TextContainer>\r\n      }\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Tag;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tag/Tag.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-export type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';
-export type TagProps = React.HTMLAttributes<HTMLDivElement> & {
-    /** Optional. Label to be shown in the Tag. */
-    label?: string;
-    /** Optional. Icon to be shown in the tag. */
-    icon?: React.ReactNode;
-    /** Optional. Style Variant of the Tag. Defaults to 'neutral' */
-    variant?: TagVariants;
-};
-declare const Tag: React.FunctionComponent<TagProps>;
-export default Tag;
+import * as React from 'react';
+export type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';
+export type TagProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Optional. Label to be shown in the Tag. */
+    label?: string;
+    /** Optional. Icon to be shown in the tag. */
+    icon?: React.ReactNode;
+    /** Optional. Style Variant of the Tag. Defaults to 'neutral' */
+    variant?: TagVariants;
+};
+declare const Tag: React.FunctionComponent<TagProps>;
+export default Tag;