@razorpay/blade 11.19.1 → 11.21.0

package/build/lib/web/production/components/SideNav/SideNavSection.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavSection.web.js","sources":["../../../../../../src/components/SideNav/SideNavSection.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { SideNavSectionProps } from './types';\nimport { classes } from './tokens';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { ChevronDownIcon, ChevronUpIcon } from '~components/Icons';\nimport { makeBorderSize } from '~utils';\nimport { BaseLink } from '~components/Link/BaseLink';\n\nconst SideNavTitleDivider = styled(BaseBox)(({ theme }) => {\n  return {\n    height: makeBorderSize(theme.border.width.thicker),\n    width: '100%',\n    background: `linear-gradient(90deg, ${theme.colors.transparent} 0%, ${theme.colors.surface.border.gray.muted} 50%, ${theme.colors.transparent} 100%)`,\n  };\n});\n\nconst FullWidthLink = styled(BaseLink)(() => {\n  return {\n    width: '100%',\n  };\n});\n\nconst ShowMoreLink = ({\n  collapsedItemsCount,\n}: {\n  collapsedItemsCount: number;\n}): React.ReactElement => {\n  const { isExpanded, onExpandChange } = useCollapsible();\n  const toggleCollapse = (): void => onExpandChange(!isExpanded);\n  const linkProps = {\n    size: 'small',\n    color: 'neutral',\n    variant: 'button',\n    onClick: toggleCollapse,\n    marginY: 'spacing.2',\n  } as const;\n\n  return (\n    <>\n      <BaseBox className={classes.SHOW_WHEN_COLLAPSED} width=\"100%\" justifyContent=\"center\">\n        <FullWidthLink\n          {...linkProps}\n          marginX=\"spacing.4\"\n          icon={isExpanded ? ChevronUpIcon : undefined}\n          iconPosition=\"right\"\n        >\n          {isExpanded ? `` : `+${collapsedItemsCount}`}\n        </FullWidthLink>\n      </BaseBox>\n      <BaseBox className={classes.HIDE_WHEN_COLLAPSED} width=\"100%\">\n        <FullWidthLink\n          {...linkProps}\n          marginX=\"spacing.4\"\n          icon={isExpanded ? ChevronUpIcon : ChevronDownIcon}\n          iconPosition=\"right\"\n        >\n          {isExpanded ? 'Show Less' : `+${collapsedItemsCount} More`}\n        </FullWidthLink>\n      </BaseBox>\n    </>\n  );\n};\n\nconst StyledSectionTitleContainer = styled(BaseBox)((_props) => {\n  return {\n    [`.${classes.COLLAPSED}:not(.${classes.TRANSITIONING}) & p`]: {\n      // We only make it opacity 0 to maintain the height of the title in collapsed state\n      opacity: 0,\n    },\n  };\n});\n\nconst SideNavSection = ({\n  children,\n  title,\n  defaultIsExpanded,\n  maxVisibleItems,\n  onExpandChange,\n}: SideNavSectionProps): React.ReactElement => {\n  const totalItemsCount = React.Children.count(children);\n  const collapsedItemsCount = maxVisibleItems ? totalItemsCount - maxVisibleItems : undefined;\n\n  return (\n    <Box paddingY=\"spacing.3\">\n      {title ? (\n        <StyledSectionTitleContainer position=\"relative\" padding={['spacing.2', 'spacing.4']}>\n          <Text\n            size=\"xsmall\"\n            weight=\"medium\"\n            truncateAfterLines={1}\n            color=\"surface.text.gray.muted\"\n          >\n            {title?.toUpperCase()}\n          </Text>\n          <BaseBox\n            className={classes.SHOW_WHEN_COLLAPSED}\n            position=\"absolute\"\n            top=\"50%\"\n            margin=\"auto\"\n            left=\"spacing.0\"\n            right=\"spacing.0\"\n            transform=\"translateY(-50%)\"\n          >\n            <SideNavTitleDivider />\n          </BaseBox>\n        </StyledSectionTitleContainer>\n      ) : null}\n\n      <Box>{maxVisibleItems ? children.slice(0, maxVisibleItems) : children}</Box>\n      {maxVisibleItems ? (\n        <Collapsible\n          direction=\"top\"\n          _dangerouslyDisableValidations={true}\n          _shouldApplyWidthRestrictions={false}\n          onExpandChange={onExpandChange}\n          defaultIsExpanded={defaultIsExpanded}\n        >\n          <ShowMoreLink collapsedItemsCount={collapsedItemsCount!} />\n          <CollapsibleBody width=\"100%\" _hasMargin={false}>\n            {children.slice(maxVisibleItems)}\n          </CollapsibleBody>\n        </Collapsible>\n      ) : null}\n    </Box>\n  );\n};\n\nexport { SideNavSection };\n"],"names":["SideNavTitleDivider","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","height","makeBorderSize","border","width","thicker","background","concat","colors","transparent","surface","gray","muted","FullWidthLink","BaseLink","ShowMoreLink","_ref2","collapsedItemsCount","_useCollapsible","useCollapsible","isExpanded","onExpandChange","toggleCollapse","linkProps","size","color","variant","onClick","marginY","_jsxs","_Fragment","children","_jsx","className","classes","SHOW_WHEN_COLLAPSED","justifyContent","_objectSpread","marginX","icon","ChevronUpIcon","undefined","iconPosition","HIDE_WHEN_COLLAPSED","ChevronDownIcon","StyledSectionTitleContainer","_props","_defineProperty","COLLAPSED","TRANSITIONING","opacity","SideNavSection","_ref4","title","defaultIsExpanded","maxVisibleItems","totalItemsCount","React","Children","count","Box","paddingY","position","padding","Text","weight","truncateAfterLines","toUpperCase","top","margin","left","right","transform","slice","Collapsible","direction","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin"],"mappings":"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"}

package/build/lib/web/production/components/SideNav/index.js

@@ -0,0 +1,8 @@
+export { SideNav } from './SideNav.web.js';
+export { SideNavLink } from './SideNavItems/SideNavLink.web.js';
+export { SideNavLevel } from './SideNavLevel.web.js';
+export { SideNavSection } from './SideNavSection.web.js';
+export { SideNavItem } from './SideNavItems/SideNavItem.web.js';
+export { SideNavFooter } from './SideNavFooter.web.js';
+export { SideNavBody } from './SideNavBody.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/production/components/SideNav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/lib/web/production/components/SideNav/tokens.js

@@ -0,0 +1,33 @@
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
+import { size } from '../../tokens/global/size.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
+
+var classes = {
+  SHOW_WHEN_COLLAPSED: 'show-when-collapsed',
+  HIDE_WHEN_COLLAPSED: 'hide-when-collapsed',
+  COLLAPSED: 'collapsed',
+  TRANSITIONING: 'transitioning',
+  L1_ITEM_WRAPPER: 'l1-item-wrapper',
+  SHOW_ON_LINK_HOVER: 'show-on-link-hover',
+  STYLED_NAV_LINK: 'styled-nav-link'
+};
+var SKIP_NAV_ID = 'blade-side-nav-skip';
+var COLLAPSED_L1_WIDTH = size['56'];
+var EXPANDED_L1_WIDTH = size['264'];
+var NAV_ITEM_HEIGHT = size['40'];
+
+// This is the delay after which transition cleanup happens for rare cases where transitionEnd is not triggered
+var TRANSITION_CLEANUP_DELAY = 300; // A little more than the duration of transition end
+
+var HOVER_AGAIN_DELAY = 500;
+
+// Delay between mouse out from L1 and L1 collapsing again
+var L1_EXIT_HOVER_DELAY = 150;
+var getNavItemTransition = function getNavItemTransition(_ref) {
+  var motion = _ref.motion;
+  return "background-color ".concat(makeMotionTime(motion.duration['2xquick']), " ").concat(motion.easing.standard.effective);
+};
+
+export { COLLAPSED_L1_WIDTH, EXPANDED_L1_WIDTH, HOVER_AGAIN_DELAY, L1_EXIT_HOVER_DELAY, NAV_ITEM_HEIGHT, SKIP_NAV_ID, TRANSITION_CLEANUP_DELAY, classes, getNavItemTransition };
+//# sourceMappingURL=tokens.js.map

package/build/lib/web/production/components/SideNav/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/SideNav/tokens.ts"],"sourcesContent":["import type { Theme } from '~components/BladeProvider';\nimport { size } from '~tokens/global';\nimport { makeMotionTime } from '~utils';\n\nconst classes = {\n  SHOW_WHEN_COLLAPSED: 'show-when-collapsed',\n  HIDE_WHEN_COLLAPSED: 'hide-when-collapsed',\n  COLLAPSED: 'collapsed',\n  TRANSITIONING: 'transitioning',\n  L1_ITEM_WRAPPER: 'l1-item-wrapper',\n  SHOW_ON_LINK_HOVER: 'show-on-link-hover',\n  STYLED_NAV_LINK: 'styled-nav-link',\n} as const;\n\nconst SKIP_NAV_ID = 'blade-side-nav-skip';\n\nconst COLLAPSED_L1_WIDTH = size['56'];\nconst EXPANDED_L1_WIDTH = size['264'];\nconst NAV_ITEM_HEIGHT = size['40'];\n\n// This is the delay after which transition cleanup happens for rare cases where transitionEnd is not triggered\nconst TRANSITION_CLEANUP_DELAY = 300; // A little more than the duration of transition end\n\nconst HOVER_AGAIN_DELAY = 500;\n\n// Delay between mouse out from L1 and L1 collapsing again\nconst L1_EXIT_HOVER_DELAY = 150;\n\nconst getNavItemTransition = ({ motion }: Theme): string => {\n  return `background-color ${makeMotionTime(motion.duration['2xquick'])} ${\n    motion.easing.standard.effective\n  }`;\n};\n\nexport {\n  SKIP_NAV_ID,\n  classes,\n  COLLAPSED_L1_WIDTH,\n  EXPANDED_L1_WIDTH,\n  NAV_ITEM_HEIGHT,\n  TRANSITION_CLEANUP_DELAY,\n  HOVER_AGAIN_DELAY,\n  getNavItemTransition,\n  L1_EXIT_HOVER_DELAY,\n};\n"],"names":["classes","SHOW_WHEN_COLLAPSED","HIDE_WHEN_COLLAPSED","COLLAPSED","TRANSITIONING","L1_ITEM_WRAPPER","SHOW_ON_LINK_HOVER","STYLED_NAV_LINK","SKIP_NAV_ID","COLLAPSED_L1_WIDTH","size","EXPANDED_L1_WIDTH","NAV_ITEM_HEIGHT","TRANSITION_CLEANUP_DELAY","HOVER_AGAIN_DELAY","L1_EXIT_HOVER_DELAY","getNavItemTransition","_ref","motion","concat","makeMotionTime","duration","easing","standard","effective"],"mappings":";;;;;AAIA,IAAMA,OAAO,GAAG;AACdC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,kBAAkB,EAAE,oBAAoB;AACxCC,EAAAA,eAAe,EAAE,iBAAA;AACnB,EAAU;AAEJC,IAAAA,WAAW,GAAG,sBAAqB;AAEzC,IAAMC,kBAAkB,GAAGC,IAAI,CAAC,IAAI,EAAC;AACrC,IAAMC,iBAAiB,GAAGD,IAAI,CAAC,KAAK,EAAC;AACrC,IAAME,eAAe,GAAGF,IAAI,CAAC,IAAI,EAAC;;AAElC;AACA,IAAMG,wBAAwB,GAAG,IAAI;;AAE/BC,IAAAA,iBAAiB,GAAG,IAAG;;AAE7B;AACMC,IAAAA,mBAAmB,GAAG,IAAG;AAE/B,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAAkC;AAAA,EAAA,IAA5BC,MAAM,GAAAD,IAAA,CAANC,MAAM,CAAA;EACpC,OAAAC,mBAAAA,CAAAA,MAAA,CAA2BC,cAAc,CAACF,MAAM,CAACG,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAAF,GAAAA,CAAAA,CAAAA,MAAA,CACnED,MAAM,CAACI,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAA,CAAA;AAEpC;;;;"}

package/build/lib/web/production/components/SkipNav/SkipNav.web.js

@@ -4,8 +4,10 @@ import styled from 'styled-components';
 import '../../utils/metaAttribute/index.js';
 import { screenReaderStyles } from '../VisuallyHidden/ScreenReaderStyles.js';
 import '../Link/BaseLink/index.js';
+import '../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
 import BaseLink from '../Link/BaseLink/BaseLink.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 
@@ -16,12 +18,15 @@ var StyledLink = /*#__PURE__*/styled(BaseLink).withConfig({
   displayName: "SkipNavweb__StyledLink",
   componentId: "sc-1k2s86v-0"
 })(function (_ref) {
-  var theme = _ref.theme;
+  var theme = _ref.theme,
+    _hasBackground = _ref._hasBackground;
   return _objectSpread(_objectSpread({}, screenReaderStyles), {}, {
     top: theme.spacing[5],
     left: theme.spacing[5],
+    backgroundColor: _hasBackground ? theme.colors.surface.background.gray.intense : undefined,
+    zIndex: _hasBackground ? 1 : undefined,
     ':focus': {
-      padding: theme.spacing[2],
+      padding: makeSpace(theme.spacing[2]),
       clip: 'auto',
       clipPath: 'unset',
       width: 'auto',
@@ -33,9 +38,12 @@ var SkipNavLink = function SkipNavLink(_ref2) {
   var _ref2$id = _ref2.id,
     id = _ref2$id === void 0 ? fallbackId : _ref2$id,
     _ref2$children = _ref2.children,
-    children = _ref2$children === void 0 ? 'Skip to content' : _ref2$children;
+    children = _ref2$children === void 0 ? 'Skip to content' : _ref2$children,
+    _ref2$_hasBackground = _ref2._hasBackground,
+    _hasBackground = _ref2$_hasBackground === void 0 ? false : _ref2$_hasBackground;
   return /*#__PURE__*/jsx(StyledLink, {
     href: "#".concat(id),
+    _hasBackground: _hasBackground,
     children: children
   });
 };

package/build/lib/web/production/components/SkipNav/SkipNav.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkipNav.web.js","sources":["../../../../../../src/components/SkipNav/SkipNav.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { screenReaderStyles } from '~components/VisuallyHidden/ScreenReaderStyles';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport type { StringChildrenType, TestID } from '~utils/types';\n\nconst fallbackId = 'blade-skip-nav';\ntype SkipNavLinkProps = {\n  id?: string;\n  children?: StringChildrenType;\n};\n\nconst StyledLink = styled(BaseLink)(({ theme }) => ({\n  ...screenReaderStyles,\n  top: theme.spacing[5],\n  left: theme.spacing[5],\n  ':focus': {\n    padding: theme.spacing[2],\n    clip: 'auto',\n    clipPath: 'unset',\n    width: 'auto',\n    height: 'auto',\n  },\n}));\n\nconst SkipNavLink = ({\n  id = fallbackId,\n  children = 'Skip to content',\n}: SkipNavLinkProps): React.ReactElement => {\n  return <StyledLink href={`#${id}`}>{children}</StyledLink>;\n};\n\ntype SkipNavContentProps = {\n  id?: string;\n} & TestID;\n\nconst SkipNavContent = ({\n  id = fallbackId,\n  testID = 'skipnav-content',\n}: SkipNavContentProps): React.ReactElement => {\n  return (\n    <div\n      tabIndex={-1}\n      id={id}\n      style={{ outline: 0 }}\n      {...metaAttribute({ name: MetaConstants.SkipNav, testID })}\n    />\n  );\n};\n\nexport { SkipNavLink, SkipNavContent };\n"],"names":["fallbackId","StyledLink","styled","BaseLink","withConfig","displayName","componentId","_ref","theme","_objectSpread","screenReaderStyles","top","spacing","left","padding","clip","clipPath","width","height","SkipNavLink","_ref2","_ref2$id","id","_ref2$children","children","_jsx","href","concat","SkipNavContent","_ref3","_ref3$id","_ref3$testID","testID","tabIndex","style","outline","metaAttribute","name","MetaConstants","SkipNav"],"mappings":";;;;;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,gBAAgB,CAAA;AAMnC,IAAMC,UAAU,gBAAGC,MAAM,CAACC,QAAQ,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;AAAA,EAAA,OAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACvCC,kBAAkB,CAAA,EAAA,EAAA,EAAA;AACrBC,IAAAA,GAAG,EAAEH,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC;AACrBC,IAAAA,IAAI,EAAEL,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC;AACtB,IAAA,QAAQ,EAAE;AACRE,MAAAA,OAAO,EAAEN,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC;AACzBG,MAAAA,IAAI,EAAE,MAAM;AACZC,MAAAA,QAAQ,EAAE,OAAO;AACjBC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,MAAM,EAAE,MAAA;AACV,KAAA;AAAC,GAAA,CAAA,CAAA;AAAA,CACD,CAAC,CAAA;AAEH,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAG2B;AAAA,EAAA,IAAAC,QAAA,GAAAD,KAAA,CAF1CE,EAAE;AAAFA,IAAAA,EAAE,GAAAD,QAAA,KAAGrB,KAAAA,CAAAA,GAAAA,UAAU,GAAAqB,QAAA;IAAAE,cAAA,GAAAH,KAAA,CACfI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,iBAAiB,GAAAA,cAAA,CAAA;EAE5B,oBAAOE,GAAA,CAACxB,UAAU,EAAA;AAACyB,IAAAA,IAAI,EAAAC,GAAAA,CAAAA,MAAA,CAAML,EAAE,CAAG;AAAAE,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAAa,CAAC,CAAA;AAC5D,EAAC;AAMD,IAAMI,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAG2B;AAAA,EAAA,IAAAC,QAAA,GAAAD,KAAA,CAF7CP,EAAE;AAAFA,IAAAA,EAAE,GAAAQ,QAAA,KAAG9B,KAAAA,CAAAA,GAAAA,UAAU,GAAA8B,QAAA;IAAAC,YAAA,GAAAF,KAAA,CACfG,MAAM;AAANA,IAAAA,MAAM,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,iBAAiB,GAAAA,YAAA,CAAA;EAE1B,oBACEN,GAAA,QAAAhB,aAAA,CAAA;IACEwB,QAAQ,EAAE,CAAC,CAAE;AACbX,IAAAA,EAAE,EAAEA,EAAG;AACPY,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,CAAA;AAAE,KAAA;AAAE,GAAA,EAClBC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,OAAO;AAAEP,IAAAA,MAAM,EAANA,MAAAA;GAAQ,CAAC,CAC3D,CAAC,CAAA;AAEN;;;;"}
+{"version":3,"file":"SkipNav.web.js","sources":["../../../../../../src/components/SkipNav/SkipNav.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { screenReaderStyles } from '~components/VisuallyHidden/ScreenReaderStyles';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport { makeSpace } from '~utils';\n\nconst fallbackId = 'blade-skip-nav';\ntype SkipNavLinkProps = {\n  id?: string;\n  children?: StringChildrenType;\n  /**\n   * **Internal**\n   *\n   * Adds background to link. Used internally in SideNav\n   */\n  _hasBackground?: boolean;\n};\n\nconst StyledLink = styled(BaseLink)<Pick<SkipNavLinkProps, '_hasBackground'>>(\n  ({ theme, _hasBackground }) => ({\n    ...screenReaderStyles,\n    top: theme.spacing[5],\n    left: theme.spacing[5],\n    backgroundColor: _hasBackground ? theme.colors.surface.background.gray.intense : undefined,\n    zIndex: _hasBackground ? 1 : undefined,\n    ':focus': {\n      padding: makeSpace(theme.spacing[2]),\n      clip: 'auto',\n      clipPath: 'unset',\n      width: 'auto',\n      height: 'auto',\n    },\n  }),\n);\n\nconst SkipNavLink = ({\n  id = fallbackId,\n  children = 'Skip to content',\n  _hasBackground = false,\n}: SkipNavLinkProps): React.ReactElement => {\n  return (\n    <StyledLink href={`#${id}`} _hasBackground={_hasBackground}>\n      {children}\n    </StyledLink>\n  );\n};\n\ntype SkipNavContentProps = {\n  id?: string;\n} & TestID;\n\nconst SkipNavContent = ({\n  id = fallbackId,\n  testID = 'skipnav-content',\n}: SkipNavContentProps): React.ReactElement => {\n  return (\n    <div\n      tabIndex={-1}\n      id={id}\n      style={{ outline: 0 }}\n      {...metaAttribute({ name: MetaConstants.SkipNav, testID })}\n    />\n  );\n};\n\nexport { SkipNavLink, SkipNavContent };\n"],"names":["fallbackId","StyledLink","styled","BaseLink","withConfig","displayName","componentId","_ref","theme","_hasBackground","_objectSpread","screenReaderStyles","top","spacing","left","backgroundColor","colors","surface","background","gray","intense","undefined","zIndex","padding","makeSpace","clip","clipPath","width","height","SkipNavLink","_ref2","_ref2$id","id","_ref2$children","children","_ref2$_hasBackground","_jsx","href","concat","SkipNavContent","_ref3","_ref3$id","_ref3$testID","testID","tabIndex","style","outline","metaAttribute","name","MetaConstants","SkipNav"],"mappings":";;;;;;;;;;;;;;;AAQA,IAAMA,UAAU,GAAG,gBAAgB,CAAA;AAYnC,IAAMC,UAAU,gBAAGC,MAAM,CAACC,QAAQ,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CACjC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,cAAc,GAAAF,IAAA,CAAdE,cAAc,CAAA;AAAA,EAAA,OAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EACnBC,kBAAkB,CAAA,EAAA,EAAA,EAAA;AACrBC,IAAAA,GAAG,EAAEJ,KAAK,CAACK,OAAO,CAAC,CAAC,CAAC;AACrBC,IAAAA,IAAI,EAAEN,KAAK,CAACK,OAAO,CAAC,CAAC,CAAC;AACtBE,IAAAA,eAAe,EAAEN,cAAc,GAAGD,KAAK,CAACQ,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,IAAI,CAACC,OAAO,GAAGC,SAAS;AAC1FC,IAAAA,MAAM,EAAEb,cAAc,GAAG,CAAC,GAAGY,SAAS;AACtC,IAAA,QAAQ,EAAE;MACRE,OAAO,EAAEC,SAAS,CAAChB,KAAK,CAACK,OAAO,CAAC,CAAC,CAAC,CAAC;AACpCY,MAAAA,IAAI,EAAE,MAAM;AACZC,MAAAA,QAAQ,EAAE,OAAO;AACjBC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,MAAM,EAAE,MAAA;AACV,KAAA;AAAC,GAAA,CAAA,CAAA;AAAA,CACD,CACH,CAAA;AAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAI2B;AAAA,EAAA,IAAAC,QAAA,GAAAD,KAAA,CAH1CE,EAAE;AAAFA,IAAAA,EAAE,GAAAD,QAAA,KAAG/B,KAAAA,CAAAA,GAAAA,UAAU,GAAA+B,QAAA;IAAAE,cAAA,GAAAH,KAAA,CACfI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,iBAAiB,GAAAA,cAAA;IAAAE,oBAAA,GAAAL,KAAA,CAC5BrB,cAAc;AAAdA,IAAAA,cAAc,GAAA0B,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA,CAAA;EAEtB,oBACEC,GAAA,CAACnC,UAAU,EAAA;AAACoC,IAAAA,IAAI,EAAAC,GAAAA,CAAAA,MAAA,CAAMN,EAAE,CAAG;AAACvB,IAAAA,cAAc,EAAEA,cAAe;AAAAyB,IAAAA,QAAA,EACxDA,QAAAA;AAAQ,GACC,CAAC,CAAA;AAEjB,EAAC;AAMD,IAAMK,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAG2B;AAAA,EAAA,IAAAC,QAAA,GAAAD,KAAA,CAF7CR,EAAE;AAAFA,IAAAA,EAAE,GAAAS,QAAA,KAAGzC,KAAAA,CAAAA,GAAAA,UAAU,GAAAyC,QAAA;IAAAC,YAAA,GAAAF,KAAA,CACfG,MAAM;AAANA,IAAAA,MAAM,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,iBAAiB,GAAAA,YAAA,CAAA;EAE1B,oBACEN,GAAA,QAAA1B,aAAA,CAAA;IACEkC,QAAQ,EAAE,CAAC,CAAE;AACbZ,IAAAA,EAAE,EAAEA,EAAG;AACPa,IAAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE,CAAA;AAAE,KAAA;AAAE,GAAA,EAClBC,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,OAAO;AAAEP,IAAAA,MAAM,EAANA,MAAAA;GAAQ,CAAC,CAC3D,CAAC,CAAA;AAEN;;;;"}

package/build/lib/web/production/components/Typography/BaseText/getBaseTextStyles.js

@@ -31,7 +31,7 @@ var getBaseTextStyles = function getBaseTextStyles(_ref) {
     textAlign = _ref.textAlign,
     opacity = _ref.opacity,
     theme = _ref.theme;
-  var textColor = getIn(theme.colors, color);
+  var textColor = color === 'currentColor' ? 'currentColor' : getIn(theme.colors, color);
   var themeFontFamily = theme.typography.fonts.family[fontFamily];
   var themeFontSize = makeTypographySize(theme.typography.fonts.size[fontSize]);
   var themeFontWeight = theme.typography.fonts.weight[fontWeight];

package/build/lib/web/production/components/Typography/BaseText/getBaseTextStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"getBaseTextStyles.js","sources":["../../../../../../../src/components/Typography/BaseText/getBaseTextStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBaseTextProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport { isReactNative } from '~utils';\nimport { makeLetterSpacing } from '~utils/makeLetterSpacing';\n\nconst getBaseTextStyles = ({\n  color = 'surface.text.gray.normal',\n  fontFamily = 'text',\n  fontSize = 200,\n  fontWeight = 'regular',\n  fontStyle = 'normal',\n  textDecorationLine = 'none',\n  numberOfLines,\n  wordBreak,\n  lineHeight = 100,\n  letterSpacing = 100,\n  textAlign,\n  opacity,\n  theme,\n}: StyledBaseTextProps): CSSObject => {\n  const textColor = getIn(theme.colors, color);\n  const themeFontFamily = theme.typography.fonts.family[fontFamily];\n  const themeFontSize = makeTypographySize(theme.typography.fonts.size[fontSize]);\n  const themeFontWeight = theme.typography.fonts.weight[fontWeight];\n  const themeLineHeight = makeTypographySize(theme.typography.lineHeights[lineHeight]);\n  const themeLetterSpacing = makeLetterSpacing(\n    theme.typography.letterSpacings[letterSpacing],\n    theme.typography.fonts.size[fontSize],\n  );\n  let truncateStyles: CSSObject = {};\n  let wordBreakStyles: CSSObject = {};\n  if (numberOfLines !== undefined) {\n    if (isReactNative()) {\n      truncateStyles = {};\n    } else {\n      truncateStyles = {\n        overflow: 'hidden',\n        display: '-webkit-box',\n        'line-clamp': `${numberOfLines}`,\n        '-webkit-line-clamp': `${numberOfLines}`,\n        '-webkit-box-orient': 'vertical',\n        overflowWrap: 'break-word',\n      };\n    }\n  }\n  if (wordBreak !== undefined) {\n    if (isReactNative()) {\n      wordBreakStyles = {};\n    } else {\n      wordBreakStyles = {\n        wordBreak,\n      };\n    }\n  }\n\n  return {\n    color: textColor,\n    fontFamily: themeFontFamily,\n    fontSize: themeFontSize,\n    fontWeight: themeFontWeight,\n    fontStyle,\n    textDecorationLine,\n    ...(textDecorationLine !== 'none' && {\n      textDecorationColor: textColor,\n    }),\n    lineHeight: themeLineHeight,\n    letterSpacing: themeLetterSpacing,\n    textAlign,\n    margin: 0,\n    padding: 0,\n    opacity,\n    ...truncateStyles,\n    ...wordBreakStyles,\n  };\n};\n\nexport default getBaseTextStyles;\n"],"names":["getBaseTextStyles","_ref","_ref$color","color","_ref$fontFamily","fontFamily","_ref$fontSize","fontSize","_ref$fontWeight","fontWeight","_ref$fontStyle","fontStyle","_ref$textDecorationLi","textDecorationLine","numberOfLines","wordBreak","_ref$lineHeight","lineHeight","_ref$letterSpacing","letterSpacing","textAlign","opacity","theme","textColor","getIn","colors","themeFontFamily","typography","fonts","family","themeFontSize","makeTypographySize","size","themeFontWeight","weight","themeLineHeight","lineHeights","themeLetterSpacing","makeLetterSpacing","letterSpacings","truncateStyles","wordBreakStyles","undefined","isReactNative","overflow","display","concat","overflowWrap","_objectSpread","textDecorationColor","margin","padding"],"mappings":"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"}
+{"version":3,"file":"getBaseTextStyles.js","sources":["../../../../../../../src/components/Typography/BaseText/getBaseTextStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { StyledBaseTextProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { makeTypographySize } from '~utils/makeTypographySize';\nimport { isReactNative } from '~utils';\nimport { makeLetterSpacing } from '~utils/makeLetterSpacing';\n\nconst getBaseTextStyles = ({\n  color = 'surface.text.gray.normal',\n  fontFamily = 'text',\n  fontSize = 200,\n  fontWeight = 'regular',\n  fontStyle = 'normal',\n  textDecorationLine = 'none',\n  numberOfLines,\n  wordBreak,\n  lineHeight = 100,\n  letterSpacing = 100,\n  textAlign,\n  opacity,\n  theme,\n}: StyledBaseTextProps): CSSObject => {\n  const textColor = color === 'currentColor' ? 'currentColor' : getIn(theme.colors, color);\n  const themeFontFamily = theme.typography.fonts.family[fontFamily];\n  const themeFontSize = makeTypographySize(theme.typography.fonts.size[fontSize]);\n  const themeFontWeight = theme.typography.fonts.weight[fontWeight];\n  const themeLineHeight = makeTypographySize(theme.typography.lineHeights[lineHeight]);\n  const themeLetterSpacing = makeLetterSpacing(\n    theme.typography.letterSpacings[letterSpacing],\n    theme.typography.fonts.size[fontSize],\n  );\n  let truncateStyles: CSSObject = {};\n  let wordBreakStyles: CSSObject = {};\n  if (numberOfLines !== undefined) {\n    if (isReactNative()) {\n      truncateStyles = {};\n    } else {\n      truncateStyles = {\n        overflow: 'hidden',\n        display: '-webkit-box',\n        'line-clamp': `${numberOfLines}`,\n        '-webkit-line-clamp': `${numberOfLines}`,\n        '-webkit-box-orient': 'vertical',\n        overflowWrap: 'break-word',\n      };\n    }\n  }\n  if (wordBreak !== undefined) {\n    if (isReactNative()) {\n      wordBreakStyles = {};\n    } else {\n      wordBreakStyles = {\n        wordBreak,\n      };\n    }\n  }\n\n  return {\n    color: textColor,\n    fontFamily: themeFontFamily,\n    fontSize: themeFontSize,\n    fontWeight: themeFontWeight,\n    fontStyle,\n    textDecorationLine,\n    ...(textDecorationLine !== 'none' && {\n      textDecorationColor: textColor,\n    }),\n    lineHeight: themeLineHeight,\n    letterSpacing: themeLetterSpacing,\n    textAlign,\n    margin: 0,\n    padding: 0,\n    opacity,\n    ...truncateStyles,\n    ...wordBreakStyles,\n  };\n};\n\nexport default getBaseTextStyles;\n"],"names":["getBaseTextStyles","_ref","_ref$color","color","_ref$fontFamily","fontFamily","_ref$fontSize","fontSize","_ref$fontWeight","fontWeight","_ref$fontStyle","fontStyle","_ref$textDecorationLi","textDecorationLine","numberOfLines","wordBreak","_ref$lineHeight","lineHeight","_ref$letterSpacing","letterSpacing","textAlign","opacity","theme","textColor","getIn","colors","themeFontFamily","typography","fonts","family","themeFontSize","makeTypographySize","size","themeFontWeight","weight","themeLineHeight","lineHeights","themeLetterSpacing","makeLetterSpacing","letterSpacings","truncateStyles","wordBreakStyles","undefined","isReactNative","overflow","display","concat","overflowWrap","_objectSpread","textDecorationColor","margin","padding"],"mappings":"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"}

package/build/lib/web/production/components/index.js

@@ -38,6 +38,7 @@ import './Modal/index.js';
 import './Popover/index.js';
 import './ProgressBar/index.js';
 import './Radio/index.js';
+import './SideNav/index.js';
 import './Skeleton/index.js';
 import './SkipNav/index.web.js';
 import './Spinner/index.js';
@@ -92,7 +93,7 @@ export { CollapsibleBody } from './Collapsible/CollapsibleBody.js';
 export { Counter } from './Counter/Counter.js';
 export { Divider } from './Divider/Divider.js';
 export { Drawer } from './Drawer/Drawer.web.js';
-export { DrawerBody, DrawerHeader } from './Drawer/DrawerSubcomponents.web.js';
+export { DrawerBody, DrawerHeader, drawerPadding } from './Drawer/DrawerSubcomponents.web.js';
 export { DatePicker } from './DatePicker/DatePicker.web.js';
 export { Dropdown } from './Dropdown/Dropdown.js';
 export { DropdownOverlay } from './Dropdown/DropdownOverlay.web.js';
@@ -468,6 +469,13 @@ export { PopoverInteractiveWrapper } from './Popover/PopoverInteractiveWrapper.w
 export { ProgressBar } from './ProgressBar/ProgressBar.js';
 export { Radio } from './Radio/Radio.js';
 export { RadioGroup } from './Radio/RadioGroup/RadioGroup.js';
+export { SideNav } from './SideNav/SideNav.web.js';
+export { SideNavLink } from './SideNav/SideNavItems/SideNavLink.web.js';
+export { SideNavLevel } from './SideNav/SideNavLevel.web.js';
+export { SideNavSection } from './SideNav/SideNavSection.web.js';
+export { SideNavItem } from './SideNav/SideNavItems/SideNavItem.web.js';
+export { SideNavFooter } from './SideNav/SideNavFooter.web.js';
+export { SideNavBody } from './SideNav/SideNavBody.web.js';
 export { Skeleton } from './Skeleton/Skeleton.js';
 export { SkipNavContent, SkipNavLink } from './SkipNav/SkipNav.web.js';
 export { Spinner } from './Spinner/Spinner/Spinner.js';

package/build/lib/web/production/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/lib/web/production/tokens/global/size.js

@@ -52,6 +52,8 @@ var size = {
   44: 44,
   /** 48 px */
   48: 48,
+  /** 52 px */
+  52: 52,
   /** 56 px */
   56: 56,
   /** 60 px */
@@ -74,6 +76,10 @@ var size = {
   200: 200,
   /** 240 px */
   240: 240,
+  /** 256 px */
+  256: 256,
+  /** 264 px */
+  264: 264,
   /** 300 px */
   300: 300,
   /** 314 px */

package/build/lib/web/production/tokens/global/size.js.map

@@ -1 +1 @@
-{"version":3,"file":"size.js","sources":["../../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 14 px */\n  14: 14,\n  /** 15 px */\n  15: 15,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  30: 30,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 56 px */\n  56: 56,\n  /** 60 px */\n  60: 60,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAAA;AACA;AACA;AACO,IAAMA,IAAI,GAAG;AAClB;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,IAAI,EAAE,IAAI;AACV;AACA,EAAA,IAAI,EAAE,IAAA;AACR;;;;"}
+{"version":3,"file":"size.js","sources":["../../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 14 px */\n  14: 14,\n  /** 15 px */\n  15: 15,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  30: 30,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 52 px */\n  52: 52,\n  /** 56 px */\n  56: 56,\n  /** 60 px */\n  60: 60,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 256 px */\n  256: 256,\n  /** 264 px */\n  264: 264,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAAA;AACA;AACA;AACO,IAAMA,IAAI,GAAG;AAClB;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,IAAI,EAAE,IAAI;AACV;AACA,EAAA,IAAI,EAAE,IAAA;AACR;;;;"}

package/build/lib/web/production/utils/metaAttribute/metaConstants.js

@@ -65,6 +65,7 @@ var MetaConstants = {
   RadioLabel: 'radio-label',
   SkipNav: 'skipnav',
   Spinner: 'spinner',
+  SideNav: 'sidenav',
   SelectInput: 'select-input',
   Tag: 'tag',
   Tooltip: 'tooltip',

package/build/lib/web/production/utils/metaAttribute/metaConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem"],"mappings":"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"}
+{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n  Accordion: 'accordion',\n  AccordionButton: 'accordion-button',\n  AccordionItem: 'accordion-item',\n  AccordionItemHeader: 'accordion-item-header',\n  AccordionItemBody: 'accordion-item-body',\n  ActionList: 'action-list',\n  ActionListItem: 'action-list-item',\n  ActionListSection: 'action-list-section',\n  Alert: 'alert',\n  Amount: 'amount',\n  AutoComplete: 'autocomplete',\n  Avatar: 'avatar',\n  AvatarGroup: 'avatar-group',\n  Badge: 'badge',\n  Box: 'box',\n  BaseBox: 'base-box',\n  BaseText: 'base-text',\n  Button: 'button',\n  ButtonGroup: 'button-group',\n  Breadcrumb: 'breadcrumb',\n  BreadcrumbItem: 'breadcrumb-item',\n  Carousel: 'carousel',\n  Checkbox: 'checkbox',\n  CheckboxGroup: 'checkbox-group',\n  CheckboxLabel: 'checkbox-label',\n  Chip: 'chip',\n  ChipGroup: 'chip-group',\n  ChipLabel: 'chip-label',\n  Code: 'code',\n  Component: 'blade-component',\n  Counter: 'counter',\n  Display: 'display',\n  Divider: 'divider',\n  Drawer: 'drawer',\n  Dropdown: 'dropdown',\n  DropdownOverlay: 'dropdown-overlay',\n  DropdownFooter: 'dropdown-footer',\n  DropdownHeader: 'dropdown-header',\n  DatePicker: 'datepicker',\n  Calendar: 'calendar',\n  FileUpload: 'file-upload',\n  FileUploadItem: 'file-upload-item',\n  FileUploadLabel: 'file-upload-label',\n  Icon: 'icon',\n  IconButton: 'icon-button',\n  Indicator: 'indicator',\n  Link: 'link',\n  List: 'list',\n  ListItem: 'list-item',\n  ListItemCode: 'list-item-code',\n  ListItemLink: 'list-item-link',\n  ListItemText: 'list-item-text',\n  OTPInput: 'otp-input',\n  PasswordInput: 'password-input',\n  SearchInput: 'search-input',\n  TextArea: 'textarea',\n  TextInput: 'textinput',\n  PhoneNumberInput: 'phone-number-input',\n  Toast: 'toast',\n  ToastContainer: 'toast-container',\n  ProgressBar: 'progress-bar',\n  Radio: 'radio',\n  RadioGroup: 'radio-group',\n  RadioLabel: 'radio-label',\n  SkipNav: 'skipnav',\n  Spinner: 'spinner',\n  SideNav: 'sidenav',\n  SelectInput: 'select-input',\n  Tag: 'tag',\n  Tooltip: 'tooltip',\n  TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n  Tabs: 'tabs',\n  TabList: 'tab-list',\n  TabItem: 'tab-item',\n  TabPanel: 'tab-panel',\n  TabIndicator: 'tab-indicator',\n  Table: 'table',\n  TableBody: 'table-body',\n  TableRow: 'table-row',\n  TableCell: 'table-cell',\n  TableHeader: 'table-header',\n  TableHeaderRow: 'table-header-row',\n  TableHeaderCell: 'table-header-cell',\n  TableFooter: 'table-footer',\n  TableFooterRow: 'table-footer-row',\n  TableFooterCell: 'table-footer-cell',\n  TableElement: 'table-element',\n  TourPopover: 'tour-popover',\n  TourMask: 'tour-mask',\n  Popover: 'popover',\n  PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n  BottomSheet: 'bottom-sheet',\n  BottomSheetBody: 'bottom-sheet-body',\n  BottomSheetHeader: 'bottom-sheet-header',\n  BottomSheetFooter: 'bottom-sheet-footer',\n  BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n  Card: 'card',\n  CardBody: 'card-body',\n  CardHeader: 'card-header',\n  CardFooter: 'card-footer',\n  Collapsible: 'collapsible',\n  CollapsibleBody: 'collapsible-body',\n  CollapsibleButton: 'collapsible-button',\n  CollapsibleLink: 'collapsible-link',\n  Modal: 'modal',\n  ModalBody: 'modal-body',\n  ModalHeader: 'modal-header',\n  ModalFooter: 'modal-footer',\n  ModalBackdrop: 'modal-backdrop',\n  ModalScrollOverlay: 'modal-scroll-overlay',\n  VisuallyHidden: 'visually-hidden',\n  FormLabel: 'form-label',\n  Switch: 'switch',\n  SwitchLabel: 'switch-label',\n  StyledBaseInput: 'styled-base-input',\n  Skeleton: 'skeleton',\n  StepGroup: 'step-group',\n  StepItem: 'step-item',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Avatar","AvatarGroup","Badge","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","DatePicker","Calendar","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","SearchInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SideNav","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem"],"mappings":"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"}