@salutejs/plasma-new-hope 0.335.0-canary.2198.17378237458.0 → 0.335.0-canary.2203.17432366342.0

package/cjs/components/NavigationDrawer/NavigationDrawer.js

@@ -0,0 +1,86 @@
+require('./NavigationDrawer_x642ct.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var cls = require('classnames');
+var react = require('@linaria/react');
+var base$1 = require('./variations/_view/base.js');
+var base = require('./variations/_size/base.js');
+var NavigationDrawer_styles = require('./NavigationDrawer.styles.js');
+var NavigationDrawer_tokens = require('./NavigationDrawer.tokens.js');
+var Section = require('./ui/Section/Section.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
+
+var _excluded = ["opened", "header", "sections", "footer", "withContentLeft", "mode", "onHide", "children"];
+var Wrapper = /*#__PURE__*/react.styled('div')({
+  name: "Wrapper",
+  "class": "w7rhr0c",
+  propsAsIs: false
+});
+var navigationDrawerRoot = function navigationDrawerRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var _props$opened = props.opened,
+      opened = _props$opened === void 0 ? true : _props$opened,
+      header = props.header,
+      sections = props.sections,
+      footer = props.footer,
+      _props$withContentLef = props.withContentLeft,
+      withContentLeft = _props$withContentLef === void 0 ? true : _props$withContentLef,
+      _props$mode = props.mode,
+      mode = _props$mode === void 0 ? 'static' : _props$mode,
+      onHide = props.onHide,
+      children = props.children,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    var isOpen = opened || !withContentLeft;
+    var isOverlay = mode === 'overlay' || mode === 'drawer';
+    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+      ref: ref
+    }, rest), /*#__PURE__*/React__default.default.createElement(Wrapper, {
+      className: cls__default.default(NavigationDrawer_tokens.classes.navigationDrawerSidebar, isOverlay && NavigationDrawer_tokens.classes.navigationDrawerSidebarOverlay, !isOpen && NavigationDrawer_tokens.classes.navigationDrawerSidebarClosed)
+    }, header, sections.map(function (_ref, index) {
+      var items = _ref.items,
+        label = _ref.label,
+        hasDivider = _ref.hasDivider;
+      return /*#__PURE__*/React__default.default.createElement(Section.Section, {
+        key: index,
+        items: items,
+        label: label,
+        withContentLeft: withContentLeft,
+        isOpen: isOpen,
+        hasDivider: hasDivider
+      });
+    }), footer && /*#__PURE__*/React__default.default.createElement(NavigationDrawer_styles.Footer, null, footer)), mode === 'overlay' && opened && /*#__PURE__*/React__default.default.createElement(NavigationDrawer_styles.Overlay, {
+      onClick: onHide
+    }), /*#__PURE__*/React__default.default.createElement(NavigationDrawer_styles.Content, {
+      className: cls__default.default(isOverlay && NavigationDrawer_tokens.classes.navigationDrawerContentOverlay)
+    }, children));
+  });
+};
+var navigationDrawerConfig = {
+  name: 'NavigationDrawer',
+  tag: 'div',
+  layout: navigationDrawerRoot,
+  base: NavigationDrawer_styles.base,
+  variations: {
+    size: {
+      css: base.base
+    },
+    view: {
+      css: base$1.base
+    }
+  },
+  defaults: {
+    view: 'default'
+  }
+};
+
+exports.navigationDrawerConfig = navigationDrawerConfig;
+exports.navigationDrawerRoot = navigationDrawerRoot;
+//# sourceMappingURL=NavigationDrawer.js.map

package/cjs/components/NavigationDrawer/NavigationDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationDrawer.js","sources":["../../../src/components/NavigationDrawer/NavigationDrawer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\nimport { styled } from '@linaria/react';\n\nimport { RootProps } from '../../engines';\n\nimport { NavigationDrawerProps } from './NavigationDrawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base, Content, Footer, Overlay } from './NavigationDrawer.styles';\nimport { Section } from './ui/Section';\nimport { classes } from './NavigationDrawer.tokens';\n\nconst Wrapper = styled.div``;\n\nexport const navigationDrawerRoot = (\n    Root: RootProps<\n        HTMLDivElement,\n        Omit<NavigationDrawerProps, 'opened' | 'header' | 'sections' | 'footer' | 'withContentLeft' | 'mode' | 'onHide'>\n    >,\n) => {\n    return forwardRef<HTMLDivElement, NavigationDrawerProps>((props, ref) => {\n        const {\n            opened = true,\n            header,\n            sections,\n            footer,\n            withContentLeft = true,\n            mode = 'static',\n            onHide,\n            children,\n            ...rest\n        } = props;\n        const isOpen = opened || !withContentLeft;\n\n        const isOverlay = mode === 'overlay' || mode === 'drawer';\n\n        return (\n            <Root ref={ref} {...rest}>\n                <Wrapper\n                    className={cls(\n                        classes.navigationDrawerSidebar,\n                        isOverlay && classes.navigationDrawerSidebarOverlay,\n                        !isOpen && classes.navigationDrawerSidebarClosed,\n                    )}\n                >\n                    {header}\n\n                    {sections.map(({ items, label, hasDivider }, index) => (\n                        <Section\n                            key={index}\n                            items={items}\n                            label={label}\n                            withContentLeft={withContentLeft}\n                            isOpen={isOpen}\n                            hasDivider={hasDivider}\n                        />\n                    ))}\n\n                    {footer && <Footer>{footer}</Footer>}\n                </Wrapper>\n                {mode === 'overlay' && opened && <Overlay onClick={onHide} />}\n                <Content className={cls(isOverlay && classes.navigationDrawerContentOverlay)}>{children}</Content>\n            </Root>\n        );\n    });\n};\n\nexport const navigationDrawerConfig = {\n    name: 'NavigationDrawer',\n    tag: 'div',\n    layout: navigationDrawerRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Wrapper","styled","name","class","propsAsIs","navigationDrawerRoot","Root","forwardRef","props","ref","_props$opened","opened","header","sections","footer","_props$withContentLef","withContentLeft","_props$mode","mode","onHide","children","rest","_excluded","isOpen","isOverlay","React","createElement","_extends","className","cls","classes","navigationDrawerSidebar","navigationDrawerSidebarOverlay","navigationDrawerSidebarClosed","map","_ref","index","items","label","hasDivider","Section","key","Footer","Overlay","onClick","Content","navigationDrawerContentOverlay","navigationDrawerConfig","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":"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"}

package/cjs/components/NavigationDrawer/NavigationDrawer.styles.js

@@ -0,0 +1,29 @@
+require('./NavigationDrawer.styles_1fqy1s9.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var base = "b1bnt8n8";
+var Content = /*#__PURE__*/react.styled('div')({
+  name: "Content",
+  "class": "c19zsnkb",
+  propsAsIs: false
+});
+var Overlay = /*#__PURE__*/react.styled('div')({
+  name: "Overlay",
+  "class": "ot34geh",
+  propsAsIs: false
+});
+var Footer = /*#__PURE__*/react.styled('div')({
+  name: "Footer",
+  "class": "fuukt3v",
+  propsAsIs: false
+});
+
+exports.Content = Content;
+exports.Footer = Footer;
+exports.Overlay = Overlay;
+exports.base = base;
+//# sourceMappingURL=NavigationDrawer.styles.js.map

package/cjs/components/NavigationDrawer/NavigationDrawer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationDrawer.styles.js","sources":["../../../src/components/NavigationDrawer/NavigationDrawer.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from './NavigationDrawer.tokens';\n\nexport const base = css`\n    display: flex;\n    box-sizing: border-box;\n    height: 100%;\n    width: 100%;\n    position: relative;\n\n    .${classes.navigationDrawerMenuItemSelected} {\n        background: var(${tokens.menuItemSelectedColor});\n    }\n\n    .${classes.navigationDrawerMenuLink} {\n        text-decoration: none;\n        color: var(--text-primary);\n\n        &:visited,\n        &:hover,\n        &:visited:hover {\n            color: var(--text-primary);\n        }\n    }\n\n    .${classes.navigationDrawerMenuItem} {\n        padding: var(${tokens.menuItemPadding});\n        display: flex;\n        gap: var(${tokens.menuItemGap});\n        align-items: center;\n        cursor: pointer;\n        border-radius: var(${tokens.menuItemBorderRadius});\n        box-sizing: border-box;\n        height: var(${tokens.sidebarWidthClosed});\n        min-width: var(${tokens.sidebarWidthClosed});\n        line-height: var(${tokens.iconContainerSize});\n\n        font-family: var(${tokens.menuItemFontFamily});\n        font-size: var(${tokens.menuItemFontSize});\n        font-style: var(${tokens.menuItemFontStyle});\n        font-weight: var(${tokens.menuItemFontWeight});\n        letter-spacing: var(${tokens.menuItemFontLetterSpacing});\n        line-height: var(${tokens.menuItemFontLineHeight});\n\n        &:hover {\n            background: var(${tokens.menuItemHoverColor});\n        }\n    }\n\n    .${classes.navigationDrawerMenuItemDisabled} {\n        cursor: not-allowed;\n        opacity: var(${tokens.menuItemDisabledOpacity});\n    }\n\n    .${classes.navigationDrawerMenuItemWithoutContentLeft} {\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .${classes.navigationDrawerMenuItemContentLeft} {\n        gap: var(${tokens.menuItemContentLeftMargin});\n        padding: var(${tokens.menuItemContentLeftMargin});\n\n        .${classes.navigationDrawerMenuIndicator} {\n            position: absolute;\n            top: 0;\n            right: 0;\n        }\n\n        .${classes.navigationDrawerMenuCounter} {\n            position: absolute;\n            top: -0.25rem;\n            right: -0.25rem;\n        }\n    }\n\n    .${classes.navigationDrawerMenuIndicator} {\n        position: absolute;\n        top: -0.375rem;\n        right: -0.375rem;\n    }\n\n    .${classes.navigationDrawerMenuCounter} {\n        position: absolute;\n        top: -0.625rem;\n        right: -0.625rem;\n    }\n\n    .${classes.navigationDrawerSidebar} {\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n        box-sizing: content-box;\n        color: var(--text-primary);\n\n        height: calc(100% - 2rem);\n        padding: var(${tokens.sidebarPadding});\n        min-width: var(${tokens.sidebarWidth});\n        max-width: var(${tokens.sidebarWidth});\n        box-shadow: var(${tokens.sidebarBoxShadow});\n        background: var(${tokens.sidebarBackground});\n\n        &::-webkit-scrollbar {\n            width: 0.188rem;\n        }\n\n        &::-webkit-scrollbar-thumb {\n            background-color: var(--surface-transparent-tertiary);\n            background-clip: content-box;\n            border: 0.063rem solid transparent;\n            border-radius: 1rem;\n        }\n\n        &::-webkit-scrollbar-track {\n            background-color: var(--surface-transparent-primary);\n            background-clip: content-box;\n            border: 0.063rem solid transparent;\n            border-radius: 1rem;\n        }\n    }\n\n    .${classes.navigationDrawerSidebarClosed} {\n        min-width: var(${tokens.sidebarWidthClosed});\n        max-width: var(${tokens.sidebarWidthClosed});\n    }\n\n    .${classes.navigationDrawerSidebarOverlay} {\n        position: fixed;\n        top: 0;\n        left: 0;\n        z-index: 1;\n    }\n\n    .${classes.navigationDrawerContentOverlay} {\n        margin-left: calc(var(${tokens.sidebarWidthClosed}) + 1.5rem);\n    }\n\n    .${classes.navigationDrawerArrowInverse} {\n        transform: rotate(-180deg);\n    }\n`;\n\nexport const Content = styled.div`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const Overlay = styled.div`\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: calc(var(${tokens.sidebarWidth}) + 1.5rem);\n    bottom: 0;\n    z-index: 1;\n    background-color: var(${tokens.overlayBackground});\n    cursor: pointer;\n`;\n\nexport const Footer = styled.div`\n    margin-top: auto;\n`;\n"],"names":["base","Content","styled","name","class","propsAsIs","Overlay","Footer"],"mappings":";;;;;;AAKO,IAAMA,IAAI,GA0IhB,WAAA;AAEM,IAAMC,OAAO,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG5B,EAAA;AAEM,IAAMC,OAAO,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS5B,EAAA;AAEM,IAAME,MAAM,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B;;;;;;;"}

package/cjs/components/NavigationDrawer/NavigationDrawer.styles_1fqy1s9.css

@@ -0,0 +1,4 @@
+.b1bnt8n8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;height:100%;width:100%;position:relative;}.b1bnt8n8 .navigation-drawer-menu-item-selected{background:var(--plasma-navigation-drawer-menu-item-selected-color);}.b1bnt8n8 .navigation-drawer-menu-link{-webkit-text-decoration:none;text-decoration:none;color:var(--text-primary);}.b1bnt8n8 .navigation-drawer-menu-link:visited,.b1bnt8n8 .navigation-drawer-menu-link:hover,.b1bnt8n8 .navigation-drawer-menu-link:visited:hover{color:var(--text-primary);}.b1bnt8n8 .navigation-drawer-menu-item{padding:var(--plasma-navigation-drawer-menu-item-padding);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-navigation-drawer-menu-item-gap);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:var(--plasma-navigation-drawer-menu-item-border-radius);box-sizing:border-box;height:var(--plasma-navigation-drawer-sidebar-width-closed);min-width:var(--plasma-navigation-drawer-sidebar-width-closed);line-height:var(--plasma-navigation-drawer-icon-container-size);font-family:var(--plasma-navigation-drawer-menu-item-font-family);font-size:var(--plasma-navigation-drawer-menu-item-font-size);font-style:var(--plasma-navigation-drawer-menu-item-font-style);font-weight:var(--plasma-navigation-drawer-menu-item-font-weight);-webkit-letter-spacing:var(--plasma-navigation-drawer-menu-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-navigation-drawer-menu-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-navigation-drawer-menu-item-font-letter-spacing);letter-spacing:var(--plasma-navigation-drawer-menu-item-font-letter-spacing);line-height:var(--plasma-navigation-drawer-menu-item-font-line-height);}.b1bnt8n8 .navigation-drawer-menu-item:hover{background:var(--plasma-navigation-drawer-menu-item-hover-color);}.b1bnt8n8 .navigation-drawer-menu-item-disabled{cursor:not-allowed;opacity:var(--plasma-navigation-drawer-menu-item-disabled-opacity);}.b1bnt8n8 .navigation-drawer-menu-item-without-content-left{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b1bnt8n8 .navigation-drawer-menu-item-content-left{gap:var(--plasma-navigation-drawer-menu-item-content-left-margin);padding:var(--plasma-navigation-drawer-menu-item-content-left-margin);}.b1bnt8n8 .navigation-drawer-menu-item-content-left .navigation-drawer-menu-item-indicator{position:absolute;top:0;right:0;}.b1bnt8n8 .navigation-drawer-menu-item-content-left .navigation-drawer-menu-item-counter{position:absolute;top:-0.25rem;right:-0.25rem;}.b1bnt8n8 .navigation-drawer-menu-item-indicator{position:absolute;top:-0.375rem;right:-0.375rem;}.b1bnt8n8 .navigation-drawer-menu-item-counter{position:absolute;top:-0.625rem;right:-0.625rem;}.b1bnt8n8 .navigation-drawer-sidebar{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;box-sizing:content-box;color:var(--text-primary);height:calc(100% - 2rem);padding:var(--plasma-navigation-drawer-sidebar-padding);min-width:var(--plasma-navigation-drawer-sidebar-width);max-width:var(--plasma-navigation-drawer-sidebar-width);box-shadow:var(--plasma-navigation-drawer-sidebar-box-shadow);background:var(--plasma-navigation-drawer-sidebar-background);}.b1bnt8n8 .navigation-drawer-sidebar::-webkit-scrollbar{width:0.188rem;}.b1bnt8n8 .navigation-drawer-sidebar::-webkit-scrollbar-thumb{background-color:var(--surface-transparent-tertiary);background-clip:content-box;border:0.063rem solid transparent;border-radius:1rem;}.b1bnt8n8 .navigation-drawer-sidebar::-webkit-scrollbar-track{background-color:var(--surface-transparent-primary);background-clip:content-box;border:0.063rem solid transparent;border-radius:1rem;}.b1bnt8n8 .navigation-drawer-sidebar-closed{min-width:var(--plasma-navigation-drawer-sidebar-width-closed);max-width:var(--plasma-navigation-drawer-sidebar-width-closed);}.b1bnt8n8 .navigation-drawer-sidebar-overlay{position:fixed;top:0;left:0;z-index:1;}.b1bnt8n8 .navigation-drawer-content-overlay{margin-left:calc(var(--plasma-navigation-drawer-sidebar-width-closed) + 1.5rem);}.b1bnt8n8 .navigation-drawer-arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
+.c19zsnkb{width:100%;height:100%;}
+.ot34geh{position:absolute;top:0;right:0;left:calc(var(--plasma-navigation-drawer-sidebar-width) + 1.5rem);bottom:0;z-index:1;background-color:var(--plasma-navigation-drawer-overlay-background);cursor:pointer;}
+.fuukt3v{margin-top:auto;}

package/cjs/components/NavigationDrawer/NavigationDrawer.tokens.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  navigationDrawerSidebar: 'navigation-drawer-sidebar',
+  navigationDrawerSidebarOverlay: 'navigation-drawer-sidebar-overlay',
+  navigationDrawerSidebarClosed: 'navigation-drawer-sidebar-closed',
+  navigationDrawerMenuItem: 'navigation-drawer-menu-item',
+  navigationDrawerMenuLink: 'navigation-drawer-menu-link',
+  navigationDrawerMenuIndicator: 'navigation-drawer-menu-item-indicator',
+  navigationDrawerMenuCounter: 'navigation-drawer-menu-item-counter',
+  navigationDrawerMenuItemWithoutContentLeft: 'navigation-drawer-menu-item-without-content-left',
+  navigationDrawerMenuItemSelected: 'navigation-drawer-menu-item-selected',
+  navigationDrawerMenuItemDisabled: 'navigation-drawer-menu-item-disabled',
+  navigationDrawerMenuItemContentLeft: 'navigation-drawer-menu-item-content-left',
+  navigationDrawerContentOverlay: 'navigation-drawer-content-overlay',
+  navigationDrawerArrowInverse: 'navigation-drawer-arrow-inverse'
+};
+var tokens = {
+  // Sidebar
+  sidebarPadding: '--plasma-navigation-drawer-sidebar-padding',
+  sidebarGap: '--plasma-navigation-drawer-sidebar-gap',
+  sidebarWidth: '--plasma-navigation-drawer-sidebar-width',
+  sidebarWidthClosed: '--plasma-navigation-drawer-sidebar-width-closed',
+  sidebarBoxShadow: '--plasma-navigation-drawer-sidebar-box-shadow',
+  sidebarBackground: '--plasma-navigation-drawer-sidebar-background',
+  // Section
+  sectionFontSize: '--plasma-navigation-drawer-section-font-size',
+  sectionColor: '--plasma-navigation-drawer-section-color',
+  sectionHeaderGap: '--plasma-navigation-drawer-section-header-gap',
+  sectionPadding: '--plasma-navigation-drawer-section-padding',
+  sectionBorderRadius: '--plasma-navigation-drawer-section-border-radius',
+  // Menu Item
+  menuItemGap: '--plasma-navigation-drawer-menu-item-gap',
+  menuItemPadding: '--plasma-navigation-drawer-menu-item-padding',
+  menuItemBorderRadius: '--plasma-navigation-drawer-menu-item-border-radius',
+  menuItemHoverColor: '--plasma-navigation-drawer-menu-item-hover-color',
+  menuItemSelectedColor: '--plasma-navigation-drawer-menu-item-selected-color',
+  menuItemDisabledOpacity: '--plasma-navigation-drawer-menu-item-disabled-opacity',
+  menuItemIndicatorSize: '--plasma-navigation-drawer-menu-item-indicator-size',
+  menuItemIndicatorColor: '--plasma-navigation-drawer-menu-item-indicator-color',
+  // Menu Item Font
+  menuItemFontFamily: '--plasma-navigation-drawer-menu-item-font-family',
+  menuItemFontSize: '--plasma-navigation-drawer-menu-item-font-size',
+  menuItemFontStyle: '--plasma-navigation-drawer-menu-item-font-style',
+  menuItemFontWeight: '--plasma-navigation-drawer-menu-item-font-weight',
+  menuItemFontLetterSpacing: '--plasma-navigation-drawer-menu-item-font-letter-spacing',
+  menuItemFontLineHeight: '--plasma-navigation-drawer-menu-item-font-line-height',
+  menuItemContentLeftSize: '--plasma-navigation-drawer-menu-item-content-left-size',
+  menuItemContentLeftMargin: '--plasma-navigation-drawer-menu-item-content-left-margin',
+  // Divider
+  dividerColor: '--plasma-navigation-drawer-divider-color',
+  dividerHeight: '--plasma-navigation-drawer-divider-height',
+  // Icon
+  iconSize: '--plasma-navigation-drawer-icon-size',
+  iconContainerSize: '--plasma-navigation-drawer-icon-container-size',
+  iconMargin: '--plasma-navigation-drawer-icon-margin',
+  // Overlay
+  overlayBackground: '--plasma-navigation-drawer-overlay-background',
+  // Extra counter tokens
+  counterBackground: '--plasma-navigation-drawer-avatar-extra-counter-background',
+  counterColor: '--plasma-navigation-drawer-avatar-extra-counter-color',
+  counterBorderRadius: '--plasma-navigation-drawer-avatar-extra-counter-border-radius',
+  counterHeight: '--plasma-navigation-drawer-avatar-extra-counter-height',
+  counterPadding: '--plasma-navigation-drawer-avatar-extra-counter-padding',
+  counterFontFamily: '--plasma-navigation-drawer-avatar-extra-counter-font-family',
+  counterFontSize: '--plasma-navigation-drawer-avatar-extra-counter-font-size',
+  counterFontStyle: '--plasma-navigation-drawer-avatar-extra-counter-font-style',
+  counterFontWeight: '--plasma-navigation-drawer-avatar-extra-counter-font-weight',
+  counterLetterSpacing: '--plasma-navigation-drawer-avatar-extra-counter-letter-spacing',
+  counterLineHeight: '--plasma-navigation-drawer-avatar-extra-counter-lineheight'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=NavigationDrawer.tokens.js.map

package/cjs/components/NavigationDrawer/NavigationDrawer.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationDrawer.tokens.js","sources":["../../../src/components/NavigationDrawer/NavigationDrawer.tokens.ts"],"sourcesContent":["export const classes = {\n    navigationDrawerSidebar: 'navigation-drawer-sidebar',\n    navigationDrawerSidebarOverlay: 'navigation-drawer-sidebar-overlay',\n    navigationDrawerSidebarClosed: 'navigation-drawer-sidebar-closed',\n\n    navigationDrawerMenuItem: 'navigation-drawer-menu-item',\n    navigationDrawerMenuLink: 'navigation-drawer-menu-link',\n    navigationDrawerMenuIndicator: 'navigation-drawer-menu-item-indicator',\n    navigationDrawerMenuCounter: 'navigation-drawer-menu-item-counter',\n    navigationDrawerMenuItemWithoutContentLeft: 'navigation-drawer-menu-item-without-content-left',\n    navigationDrawerMenuItemSelected: 'navigation-drawer-menu-item-selected',\n    navigationDrawerMenuItemDisabled: 'navigation-drawer-menu-item-disabled',\n    navigationDrawerMenuItemContentLeft: 'navigation-drawer-menu-item-content-left',\n\n    navigationDrawerContentOverlay: 'navigation-drawer-content-overlay',\n    navigationDrawerArrowInverse: 'navigation-drawer-arrow-inverse',\n};\n\nexport const tokens = {\n    // Sidebar\n    sidebarPadding: '--plasma-navigation-drawer-sidebar-padding',\n    sidebarGap: '--plasma-navigation-drawer-sidebar-gap',\n    sidebarWidth: '--plasma-navigation-drawer-sidebar-width',\n    sidebarWidthClosed: '--plasma-navigation-drawer-sidebar-width-closed',\n    sidebarBoxShadow: '--plasma-navigation-drawer-sidebar-box-shadow',\n    sidebarBackground: '--plasma-navigation-drawer-sidebar-background',\n\n    // Section\n    sectionFontSize: '--plasma-navigation-drawer-section-font-size',\n    sectionColor: '--plasma-navigation-drawer-section-color',\n    sectionHeaderGap: '--plasma-navigation-drawer-section-header-gap',\n    sectionPadding: '--plasma-navigation-drawer-section-padding',\n    sectionBorderRadius: '--plasma-navigation-drawer-section-border-radius',\n\n    // Menu Item\n    menuItemGap: '--plasma-navigation-drawer-menu-item-gap',\n    menuItemPadding: '--plasma-navigation-drawer-menu-item-padding',\n    menuItemBorderRadius: '--plasma-navigation-drawer-menu-item-border-radius',\n    menuItemHoverColor: '--plasma-navigation-drawer-menu-item-hover-color',\n    menuItemSelectedColor: '--plasma-navigation-drawer-menu-item-selected-color',\n    menuItemDisabledOpacity: '--plasma-navigation-drawer-menu-item-disabled-opacity',\n    menuItemIndicatorSize: '--plasma-navigation-drawer-menu-item-indicator-size',\n    menuItemIndicatorColor: '--plasma-navigation-drawer-menu-item-indicator-color',\n\n    // Menu Item Font\n    menuItemFontFamily: '--plasma-navigation-drawer-menu-item-font-family',\n    menuItemFontSize: '--plasma-navigation-drawer-menu-item-font-size',\n    menuItemFontStyle: '--plasma-navigation-drawer-menu-item-font-style',\n    menuItemFontWeight: '--plasma-navigation-drawer-menu-item-font-weight',\n    menuItemFontLetterSpacing: '--plasma-navigation-drawer-menu-item-font-letter-spacing',\n    menuItemFontLineHeight: '--plasma-navigation-drawer-menu-item-font-line-height',\n    menuItemContentLeftSize: '--plasma-navigation-drawer-menu-item-content-left-size',\n    menuItemContentLeftMargin: '--plasma-navigation-drawer-menu-item-content-left-margin',\n\n    // Divider\n    dividerColor: '--plasma-navigation-drawer-divider-color',\n    dividerHeight: '--plasma-navigation-drawer-divider-height',\n\n    // Icon\n    iconSize: '--plasma-navigation-drawer-icon-size',\n    iconContainerSize: '--plasma-navigation-drawer-icon-container-size',\n    iconMargin: '--plasma-navigation-drawer-icon-margin',\n\n    // Overlay\n    overlayBackground: '--plasma-navigation-drawer-overlay-background',\n\n    // Extra counter tokens\n    counterBackground: '--plasma-navigation-drawer-avatar-extra-counter-background',\n    counterColor: '--plasma-navigation-drawer-avatar-extra-counter-color',\n\n    counterBorderRadius: '--plasma-navigation-drawer-avatar-extra-counter-border-radius',\n    counterHeight: '--plasma-navigation-drawer-avatar-extra-counter-height',\n    counterPadding: '--plasma-navigation-drawer-avatar-extra-counter-padding',\n\n    counterFontFamily: '--plasma-navigation-drawer-avatar-extra-counter-font-family',\n    counterFontSize: '--plasma-navigation-drawer-avatar-extra-counter-font-size',\n    counterFontStyle: '--plasma-navigation-drawer-avatar-extra-counter-font-style',\n    counterFontWeight: '--plasma-navigation-drawer-avatar-extra-counter-font-weight',\n    counterLetterSpacing: '--plasma-navigation-drawer-avatar-extra-counter-letter-spacing',\n    counterLineHeight: '--plasma-navigation-drawer-avatar-extra-counter-lineheight',\n};\n"],"names":["classes","navigationDrawerSidebar","navigationDrawerSidebarOverlay","navigationDrawerSidebarClosed","navigationDrawerMenuItem","navigationDrawerMenuLink","navigationDrawerMenuIndicator","navigationDrawerMenuCounter","navigationDrawerMenuItemWithoutContentLeft","navigationDrawerMenuItemSelected","navigationDrawerMenuItemDisabled","navigationDrawerMenuItemContentLeft","navigationDrawerContentOverlay","navigationDrawerArrowInverse","tokens","sidebarPadding","sidebarGap","sidebarWidth","sidebarWidthClosed","sidebarBoxShadow","sidebarBackground","sectionFontSize","sectionColor","sectionHeaderGap","sectionPadding","sectionBorderRadius","menuItemGap","menuItemPadding","menuItemBorderRadius","menuItemHoverColor","menuItemSelectedColor","menuItemDisabledOpacity","menuItemIndicatorSize","menuItemIndicatorColor","menuItemFontFamily","menuItemFontSize","menuItemFontStyle","menuItemFontWeight","menuItemFontLetterSpacing","menuItemFontLineHeight","menuItemContentLeftSize","menuItemContentLeftMargin","dividerColor","dividerHeight","iconSize","iconContainerSize","iconMargin","overlayBackground","counterBackground","counterColor","counterBorderRadius","counterHeight","counterPadding","counterFontFamily","counterFontSize","counterFontStyle","counterFontWeight","counterLetterSpacing","counterLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,uBAAuB,EAAE,2BAA2B;AACpDC,EAAAA,8BAA8B,EAAE,mCAAmC;AACnEC,EAAAA,6BAA6B,EAAE,kCAAkC;AAEjEC,EAAAA,wBAAwB,EAAE,6BAA6B;AACvDC,EAAAA,wBAAwB,EAAE,6BAA6B;AACvDC,EAAAA,6BAA6B,EAAE,uCAAuC;AACtEC,EAAAA,2BAA2B,EAAE,qCAAqC;AAClEC,EAAAA,0CAA0C,EAAE,kDAAkD;AAC9FC,EAAAA,gCAAgC,EAAE,sCAAsC;AACxEC,EAAAA,gCAAgC,EAAE,sCAAsC;AACxEC,EAAAA,mCAAmC,EAAE,0CAA0C;AAE/EC,EAAAA,8BAA8B,EAAE,mCAAmC;AACnEC,EAAAA,4BAA4B,EAAE,iCAAA;AAClC,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClB;AACAC,EAAAA,cAAc,EAAE,4CAA4C;AAC5DC,EAAAA,UAAU,EAAE,wCAAwC;AACpDC,EAAAA,YAAY,EAAE,0CAA0C;AACxDC,EAAAA,kBAAkB,EAAE,iDAAiD;AACrEC,EAAAA,gBAAgB,EAAE,+CAA+C;AACjEC,EAAAA,iBAAiB,EAAE,+CAA+C;AAElE;AACAC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,YAAY,EAAE,0CAA0C;AACxDC,EAAAA,gBAAgB,EAAE,+CAA+C;AACjEC,EAAAA,cAAc,EAAE,4CAA4C;AAC5DC,EAAAA,mBAAmB,EAAE,kDAAkD;AAEvE;AACAC,EAAAA,WAAW,EAAE,0CAA0C;AACvDC,EAAAA,eAAe,EAAE,8CAA8C;AAC/DC,EAAAA,oBAAoB,EAAE,oDAAoD;AAC1EC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,qBAAqB,EAAE,qDAAqD;AAC5EC,EAAAA,uBAAuB,EAAE,uDAAuD;AAChFC,EAAAA,qBAAqB,EAAE,qDAAqD;AAC5EC,EAAAA,sBAAsB,EAAE,sDAAsD;AAE9E;AACAC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,gBAAgB,EAAE,gDAAgD;AAClEC,EAAAA,iBAAiB,EAAE,iDAAiD;AACpEC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,yBAAyB,EAAE,0DAA0D;AACrFC,EAAAA,sBAAsB,EAAE,uDAAuD;AAC/EC,EAAAA,uBAAuB,EAAE,wDAAwD;AACjFC,EAAAA,yBAAyB,EAAE,0DAA0D;AAErF;AACAC,EAAAA,YAAY,EAAE,0CAA0C;AACxDC,EAAAA,aAAa,EAAE,2CAA2C;AAE1D;AACAC,EAAAA,QAAQ,EAAE,sCAAsC;AAChDC,EAAAA,iBAAiB,EAAE,gDAAgD;AACnEC,EAAAA,UAAU,EAAE,wCAAwC;AAEpD;AACAC,EAAAA,iBAAiB,EAAE,+CAA+C;AAElE;AACAC,EAAAA,iBAAiB,EAAE,4DAA4D;AAC/EC,EAAAA,YAAY,EAAE,uDAAuD;AAErEC,EAAAA,mBAAmB,EAAE,+DAA+D;AACpFC,EAAAA,aAAa,EAAE,wDAAwD;AACvEC,EAAAA,cAAc,EAAE,yDAAyD;AAEzEC,EAAAA,iBAAiB,EAAE,6DAA6D;AAChFC,EAAAA,eAAe,EAAE,2DAA2D;AAC5EC,EAAAA,gBAAgB,EAAE,4DAA4D;AAC9EC,EAAAA,iBAAiB,EAAE,6DAA6D;AAChFC,EAAAA,oBAAoB,EAAE,gEAAgE;AACtFC,EAAAA,iBAAiB,EAAE,4DAAA;AACvB;;;;;"}

package/cjs/components/NavigationDrawer/NavigationDrawer_x642ct.css

@@ -0,0 +1 @@
+

package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.css

@@ -0,0 +1,39 @@
+.base_1vjakah_b15waymg__f123ad8a{color:var(--plasma-counter-color);background-color:var(--plasma-counter-background);}
+
+.base_mpen2h_b1t6e429__c433f416{font-family:var(--plasma-counter-font-family);font-size:var(--plasma-counter-font-size);font-style:var(--plasma-counter-font-style);font-weight:var(--plasma-counter-font-weight);-webkit-letter-spacing:var(--plasma-counter-letter-spacing);-moz-letter-spacing:var(--plasma-counter-letter-spacing);-ms-letter-spacing:var(--plasma-counter-letter-spacing);letter-spacing:var(--plasma-counter-letter-spacing);line-height:var(--plasma-counter-lineheight);border-radius:var(--plasma-counter-border-radius);height:var(--plasma-counter-height);padding:var(--plasma-counter-padding);}.base_mpen2h_b1t6e429__c433f416.base_mpen2h__PlasmaCounterRound__c433f416{width:var(--plasma-counter-height);}
+
+.Counter_styles_1uue90v_b1dqw7l5__00d0b847{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;}
+
+.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
+
+.base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
+
+.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
+
+.MenuItem_styles_1jc86lh_e1gh4xi__47602df6{margin:auto;--plasma-counter-background:var(--plasma-navigation-drawer-avatar-extra-counter-background);--plasma-counter-color:var(--plasma-navigation-drawer-avatar-extra-counter-color);--plasma-counter-border-radius:var(--plasma-navigation-drawer-avatar-extra-counter-border-radius);--plasma-counter-height:var(--plasma-navigation-drawer-avatar-extra-counter-height);--plasma-counter-padding:var(--plasma-navigation-drawer-avatar-extra-counter-padding);--plasma-counter-font-family:var(--plasma-navigation-drawer-avatar-extra-counter-font-family);--plasma-counter-font-size:var(--plasma-navigation-drawer-avatar-extra-counter-font-size);--plasma-counter-font-style:var(--plasma-navigation-drawer-avatar-extra-counter-font-style);--plasma-counter-font-weight:var(--plasma-navigation-drawer-avatar-extra-counter-font-weight);--plasma-counter-letter-spacing:var(--plasma-navigation-drawer-avatar-extra-counter-letter-spacing);--plasma-counter-lineheight:var(--plasma-navigation-drawer-avatar-extra-counter-lineheight);}
+.MenuItem_styles_1jc86lh_stvv1dr__47602df6{margin:auto;--plasma-indicator-size:var(--plasma-navigation-drawer-menu-item-indicator-size);--plasma-indicator-color:var(--plasma-navigation-drawer-menu-item-indicator-color);}
+.MenuItem_styles_1jc86lh_i1dhk4c__47602df6{position:relative;width:var(--plasma-navigation-drawer-icon-container-size);height:var(--plasma-navigation-drawer-icon-container-size);}
+.MenuItem_styles_1jc86lh_i7xwwzp__47602df6{margin:var(--plasma-navigation-drawer-icon-margin);}.MenuItem_styles_1jc86lh_i7xwwzp__47602df6 div{width:var(--plasma-navigation-drawer-icon-size);height:var(--plasma-navigation-drawer-icon-size);}
+.MenuItem_styles_1jc86lh_cc26hzf__47602df6{position:relative;width:var(--plasma-navigation-drawer-menu-item-content-left-size);height:var(--plasma-navigation-drawer-menu-item-content-left-size);}
+.MenuItem_styles_1jc86lh_ry1cfbm__47602df6{position:relative;height:var(--plasma-navigation-drawer-icon-container-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.MenuItem_styles_1jc86lh_l14iipd__47602df6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+
+.base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
+
+.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
+
+.base_avgvpx_b1iw8i40__d86ab9a8:focus{outline:none;}.base_avgvpx_b1iw8i40__d86ab9a8:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-color-focus);border-bottom:none;}
+
+.Link_1oiwct5_b1j91s21__5667805d{position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s ease-in;transition:color 0.15s ease-in;}.Link_1oiwct5_b1j91s21__5667805d::before{content:'';position:absolute;inset:0;opacity:0.4;}
+
+.Link_config_zeymp2_d1calyk9__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_s1a4vrvj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_t1hxd0ad__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_p1mbfmqw__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_a17wwycj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-visited:var(--text-accent);--plasma-link-color-visited-hover:var(--text-accent-hover);--plasma-link-color-visited-active:var(--text-accent-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_p14qgpkv__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-positive);--plasma-link-color-hover:var(--text-positive-hover);--plasma-link-color-active:var(--text-positive-active);--plasma-link-color-visited:var(--text-positive);--plasma-link-color-visited-hover:var(--text-positive-hover);--plasma-link-color-visited-active:var(--text-positive-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_w1py6g25__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-warning);--plasma-link-color-hover:var(--text-warning-hover);--plasma-link-color-active:var(--text-warning-active);--plasma-link-color-visited:var(--text-warning);--plasma-link-color-visited-hover:var(--text-warning-hover);--plasma-link-color-visited-active:var(--text-warning-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_n4mb9bq__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-negative);--plasma-link-color-hover:var(--text-negative-hover);--plasma-link-color-active:var(--text-negative-active);--plasma-link-color-visited:var(--text-negative);--plasma-link-color-visited-hover:var(--text-negative-hover);--plasma-link-color-visited-active:var(--text-negative-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_c2p2703__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.0625rem;}
+.Link_config_zeymp2_tnow91e__36d400a7{--plasma-link-disabled-opacity:0.4;}
+.Link_config_zeymp2_tt8wdu3__36d400a7{--plasma-link-color-focus:var(--text-accent);}

package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cls = require('classnames');
+var MenuItem_styles = require('./MenuItem.styles.js');
+var NavigationDrawer_tokens = require('../../NavigationDrawer.tokens.js');
+var Link = require('../../../../examples/components/Link/Link.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
+
+var MenuItem = function MenuItem(props) {
+  var onClick = props.onClick,
+    href = props.href,
+    target = props.target,
+    disabled = props.disabled,
+    selected = props.selected,
+    icon = props.icon,
+    contentLeft = props.contentLeft,
+    withContentLeft = props.withContentLeft,
+    label = props.label,
+    isOpen = props.isOpen,
+    hasIndicator = props.hasIndicator,
+    counter = props.counter;
+  var onMenuClick = typeof onClick === 'function' && !disabled ? onClick : undefined;
+  var hasCustomContentLeft = contentLeft && withContentLeft;
+  var menuClasses = cls__default.default(NavigationDrawer_tokens.classes.navigationDrawerMenuItem, selected && NavigationDrawer_tokens.classes.navigationDrawerMenuItemSelected, disabled && NavigationDrawer_tokens.classes.navigationDrawerMenuItemDisabled, hasCustomContentLeft && NavigationDrawer_tokens.classes.navigationDrawerMenuItemContentLeft, !withContentLeft && NavigationDrawer_tokens.classes.navigationDrawerMenuItemWithoutContentLeft);
+  var indicators = /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, hasIndicator && /*#__PURE__*/React__default.default.createElement(MenuItem_styles.StyledIndicator, {
+    className: cls__default.default(withContentLeft && NavigationDrawer_tokens.classes.navigationDrawerMenuIndicator)
+  }), counter !== undefined && /*#__PURE__*/React__default.default.createElement(MenuItem_styles.ExtraCounter, {
+    className: cls__default.default(withContentLeft && NavigationDrawer_tokens.classes.navigationDrawerMenuCounter),
+    count: counter
+  }));
+  var contentLeftItem = contentLeft ? /*#__PURE__*/React__default.default.createElement(MenuItem_styles.ContentLeftWrapper, null, contentLeft, indicators) : null;
+  var iconItem = icon ? /*#__PURE__*/React__default.default.createElement(MenuItem_styles.IconWrapper, null, /*#__PURE__*/React__default.default.createElement(MenuItem_styles.Icon, null, icon), indicators) : null;
+  var menuItemContent = withContentLeft ? /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, contentLeft && contentLeftItem, icon && iconItem, isOpen && /*#__PURE__*/React__default.default.createElement(MenuItem_styles.Label, null, label)) : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(MenuItem_styles.Label, null, label), /*#__PURE__*/React__default.default.createElement(MenuItem_styles.RightContentWrapper, null, indicators));
+  return typeof onClick === 'function' ? /*#__PURE__*/React__default.default.createElement("div", {
+    className: menuClasses,
+    onClick: onMenuClick
+  }, menuItemContent) : /*#__PURE__*/React__default.default.createElement(Link.Link, {
+    className: cls__default.default(NavigationDrawer_tokens.classes.navigationDrawerMenuLink, menuClasses),
+    href: href,
+    rel: "noopener noreferrer",
+    target: target
+  }, menuItemContent);
+};
+
+exports.MenuItem = MenuItem;
+//# sourceMappingURL=MenuItem.js.map

package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/NavigationDrawer/ui/MenuItem/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuItemProps } from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.types';\nimport cls from 'classnames';\nimport {\n    ExtraCounter,\n    IconWrapper,\n    Icon,\n    StyledIndicator,\n    RightContentWrapper,\n    ContentLeftWrapper,\n    Label,\n} from 'src/components/NavigationDrawer/ui/MenuItem/MenuItem.styles';\nimport { classes } from 'src/components/NavigationDrawer/NavigationDrawer.tokens';\nimport { Link } from 'src/examples/components/Link/Link';\n\nexport const MenuItem: React.FC<MenuItemProps> = (props) => {\n    const {\n        onClick,\n        href,\n        target,\n        disabled,\n        selected,\n        icon,\n        contentLeft,\n        withContentLeft,\n        label,\n        isOpen,\n        hasIndicator,\n        counter,\n    } = props;\n\n    const onMenuClick = typeof onClick === 'function' && !disabled ? onClick : undefined;\n\n    const hasCustomContentLeft = contentLeft && withContentLeft;\n\n    const menuClasses = cls(\n        classes.navigationDrawerMenuItem,\n        selected && classes.navigationDrawerMenuItemSelected,\n        disabled && classes.navigationDrawerMenuItemDisabled,\n        hasCustomContentLeft && classes.navigationDrawerMenuItemContentLeft,\n        !withContentLeft && classes.navigationDrawerMenuItemWithoutContentLeft,\n    );\n\n    const indicators = (\n        <>\n            {hasIndicator && (\n                <StyledIndicator className={cls(withContentLeft && classes.navigationDrawerMenuIndicator)} />\n            )}\n            {counter !== undefined && (\n                <ExtraCounter className={cls(withContentLeft && classes.navigationDrawerMenuCounter)} count={counter} />\n            )}\n        </>\n    );\n\n    const contentLeftItem = contentLeft ? (\n        <ContentLeftWrapper>\n            {contentLeft}\n            {indicators}\n        </ContentLeftWrapper>\n    ) : null;\n\n    const iconItem = icon ? (\n        <IconWrapper>\n            <Icon>{icon}</Icon>\n            {indicators}\n        </IconWrapper>\n    ) : null;\n\n    const menuItemContent = withContentLeft ? (\n        <>\n            {contentLeft && contentLeftItem}\n            {icon && iconItem}\n            {isOpen && <Label>{label}</Label>}\n        </>\n    ) : (\n        <>\n            <Label>{label}</Label>\n            <RightContentWrapper>{indicators}</RightContentWrapper>\n        </>\n    );\n\n    return typeof onClick === 'function' ? (\n        <div className={menuClasses} onClick={onMenuClick}>\n            {menuItemContent}\n        </div>\n    ) : (\n        <Link\n            className={cls(classes.navigationDrawerMenuLink, menuClasses)}\n            href={href}\n            rel=\"noopener noreferrer\"\n            target={target}\n        >\n            {menuItemContent}\n        </Link>\n    );\n};\n"],"names":["MenuItem","props","onClick","href","target","disabled","selected","icon","contentLeft","withContentLeft","label","isOpen","hasIndicator","counter","onMenuClick","undefined","hasCustomContentLeft","menuClasses","cls","classes","navigationDrawerMenuItem","navigationDrawerMenuItemSelected","navigationDrawerMenuItemDisabled","navigationDrawerMenuItemContentLeft","navigationDrawerMenuItemWithoutContentLeft","indicators","React","createElement","Fragment","StyledIndicator","className","navigationDrawerMenuIndicator","ExtraCounter","navigationDrawerMenuCounter","count","contentLeftItem","ContentLeftWrapper","iconItem","IconWrapper","Icon","menuItemContent","Label","RightContentWrapper","Link","navigationDrawerMenuLink","rel"],"mappings":";;;;;;;;;;;;;;;IAeaA,QAAiC,GAAG,SAApCA,QAAiCA,CAAIC,KAAK,EAAK;AACxD,EAAA,IACIC,OAAO,GAYPD,KAAK,CAZLC,OAAO;IACPC,IAAI,GAWJF,KAAK,CAXLE,IAAI;IACJC,MAAM,GAUNH,KAAK,CAVLG,MAAM;IACNC,QAAQ,GASRJ,KAAK,CATLI,QAAQ;IACRC,QAAQ,GAQRL,KAAK,CARLK,QAAQ;IACRC,IAAI,GAOJN,KAAK,CAPLM,IAAI;IACJC,WAAW,GAMXP,KAAK,CANLO,WAAW;IACXC,eAAe,GAKfR,KAAK,CALLQ,eAAe;IACfC,KAAK,GAILT,KAAK,CAJLS,KAAK;IACLC,MAAM,GAGNV,KAAK,CAHLU,MAAM;IACNC,YAAY,GAEZX,KAAK,CAFLW,YAAY;IACZC,OAAO,GACPZ,KAAK,CADLY,OAAO,CAAA;AAGX,EAAA,IAAMC,WAAW,GAAG,OAAOZ,OAAO,KAAK,UAAU,IAAI,CAACG,QAAQ,GAAGH,OAAO,GAAGa,SAAS,CAAA;AAEpF,EAAA,IAAMC,oBAAoB,GAAGR,WAAW,IAAIC,eAAe,CAAA;AAE3D,EAAA,IAAMQ,WAAW,GAAGC,oBAAG,CACnBC,+BAAO,CAACC,wBAAwB,EAChCd,QAAQ,IAAIa,+BAAO,CAACE,gCAAgC,EACpDhB,QAAQ,IAAIc,+BAAO,CAACG,gCAAgC,EACpDN,oBAAoB,IAAIG,+BAAO,CAACI,mCAAmC,EACnE,CAACd,eAAe,IAAIU,+BAAO,CAACK,0CAChC,CAAC,CAAA;AAED,EAAA,IAAMC,UAAU,gBACZC,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAE,QAAA,EAAA,IAAA,EACKhB,YAAY,iBACTc,sBAAA,CAAAC,aAAA,CAACE,+BAAe,EAAA;AAACC,IAAAA,SAAS,EAAEZ,oBAAG,CAACT,eAAe,IAAIU,+BAAO,CAACY,6BAA6B,CAAA;GAAI,CAC/F,EACAlB,OAAO,KAAKE,SAAS,iBAClBW,sBAAA,CAAAC,aAAA,CAACK,4BAAY,EAAA;IAACF,SAAS,EAAEZ,oBAAG,CAACT,eAAe,IAAIU,+BAAO,CAACc,2BAA2B,CAAE;AAACC,IAAAA,KAAK,EAAErB,OAAAA;AAAQ,GAAE,CAE7G,CACL,CAAA;AAED,EAAA,IAAMsB,eAAe,GAAG3B,WAAW,gBAC/BkB,sBAAA,CAAAC,aAAA,CAACS,kCAAkB,QACd5B,WAAW,EACXiB,UACe,CAAC,GACrB,IAAI,CAAA;EAER,IAAMY,QAAQ,GAAG9B,IAAI,gBACjBmB,sBAAA,CAAAC,aAAA,CAACW,2BAAW,EACRZ,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAACY,oBAAI,EAAEhC,IAAAA,EAAAA,IAAW,CAAC,EAClBkB,UACQ,CAAC,GACd,IAAI,CAAA;EAER,IAAMe,eAAe,GAAG/B,eAAe,gBACnCiB,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAE,QAAA,EACKpB,IAAAA,EAAAA,WAAW,IAAI2B,eAAe,EAC9B5B,IAAI,IAAI8B,QAAQ,EAChB1B,MAAM,iBAAIe,sBAAA,CAAAC,aAAA,CAACc,qBAAK,EAAA,IAAA,EAAE/B,KAAa,CAClC,CAAC,gBAEHgB,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAE,QAAA,EACIF,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAACc,qBAAK,EAAE/B,IAAAA,EAAAA,KAAa,CAAC,eACtBgB,sBAAA,CAAAC,aAAA,CAACe,mCAAmB,EAAA,IAAA,EAAEjB,UAAgC,CACxD,CACL,CAAA;AAED,EAAA,OAAO,OAAOvB,OAAO,KAAK,UAAU,gBAChCwB,sBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAEb,WAAY;AAACf,IAAAA,OAAO,EAAEY,WAAAA;AAAY,GAAA,EAC7C0B,eACA,CAAC,gBAENd,sBAAA,CAAAC,aAAA,CAACgB,SAAI,EAAA;IACDb,SAAS,EAAEZ,oBAAG,CAACC,+BAAO,CAACyB,wBAAwB,EAAE3B,WAAW,CAAE;AAC9Dd,IAAAA,IAAI,EAAEA,IAAK;AACX0C,IAAAA,GAAG,EAAC,qBAAqB;AACzBzC,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,EAEdoC,eACC,CACT,CAAA;AACL;;;;"}

package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js

@@ -0,0 +1,64 @@
+require('./MenuItem.styles_1jc86lh.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var common = require('../../../../engines/common.js');
+var Counter$1 = require('../../../Counter/Counter.js');
+var Indicator$1 = require('../../../Indicator/Indicator.js');
+
+var mergedCounterConfig = /*#__PURE__*/common.mergeConfig(Counter$1.counterConfig);
+var Counter = /*#__PURE__*/common.component(mergedCounterConfig);
+var indicatorMergedConfig = /*#__PURE__*/common.mergeConfig(Indicator$1.indicatorConfig);
+var Indicator = /*#__PURE__*/common.component(indicatorMergedConfig);
+var _exp = function _exp() {
+  return Counter;
+};
+var ExtraCounter = /*#__PURE__*/react.styled(_exp())({
+  name: "ExtraCounter",
+  "class": "e1gh4xi",
+  propsAsIs: true
+});
+var _exp24 = function _exp24() {
+  return Indicator;
+};
+var StyledIndicator = /*#__PURE__*/react.styled(_exp24())({
+  name: "StyledIndicator",
+  "class": "stvv1dr",
+  propsAsIs: true
+});
+var IconWrapper = /*#__PURE__*/react.styled('div')({
+  name: "IconWrapper",
+  "class": "i1dhk4c",
+  propsAsIs: false
+});
+var Icon = /*#__PURE__*/react.styled('div')({
+  name: "Icon",
+  "class": "i7xwwzp",
+  propsAsIs: false
+});
+var ContentLeftWrapper = /*#__PURE__*/react.styled('div')({
+  name: "ContentLeftWrapper",
+  "class": "cc26hzf",
+  propsAsIs: false
+});
+var RightContentWrapper = /*#__PURE__*/react.styled('div')({
+  name: "RightContentWrapper",
+  "class": "ry1cfbm",
+  propsAsIs: false
+});
+var Label = /*#__PURE__*/react.styled('span')({
+  name: "Label",
+  "class": "l14iipd",
+  propsAsIs: false
+});
+
+exports.ContentLeftWrapper = ContentLeftWrapper;
+exports.ExtraCounter = ExtraCounter;
+exports.Icon = Icon;
+exports.IconWrapper = IconWrapper;
+exports.Label = Label;
+exports.RightContentWrapper = RightContentWrapper;
+exports.StyledIndicator = StyledIndicator;
+//# sourceMappingURL=MenuItem.styles.js.map

package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.styles.js","sources":["../../../../../src/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.ts"],"sourcesContent":["import { counterConfig, counterTokens } from 'src/components/Counter';\nimport { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { indicatorTokens, indicatorConfig } from 'src/components/Indicator';\nimport { applyEllipsis } from 'src/mixins';\n\nimport { tokens } from '../../NavigationDrawer.tokens';\n\nconst mergedCounterConfig = mergeConfig(counterConfig);\nconst Counter = component(mergedCounterConfig);\n\nconst indicatorMergedConfig = mergeConfig(indicatorConfig);\nconst Indicator: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>> = component(\n    indicatorMergedConfig,\n) as never;\n\nexport const ExtraCounter = styled(Counter)`\n    margin: auto;\n\n    ${counterTokens.background}: var(${tokens.counterBackground});\n    ${counterTokens.color}: var(${tokens.counterColor});\n    ${counterTokens.borderRadius}: var(${tokens.counterBorderRadius});\n    ${counterTokens.height}: var(${tokens.counterHeight});\n    ${counterTokens.padding}: var(${tokens.counterPadding});\n    ${counterTokens.fontFamily}: var(${tokens.counterFontFamily});\n    ${counterTokens.fontSize}: var(${tokens.counterFontSize});\n    ${counterTokens.fontStyle}: var(${tokens.counterFontStyle});\n    ${counterTokens.fontWeight}: var(${tokens.counterFontWeight});\n    ${counterTokens.letterSpacing}: var(${tokens.counterLetterSpacing});\n    ${counterTokens.lineHeight}: var(${tokens.counterLineHeight});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n    margin: auto;\n\n    ${indicatorTokens.size}: var(${tokens.menuItemIndicatorSize});\n    ${indicatorTokens.color}: var(${tokens.menuItemIndicatorColor});\n`;\n\nexport const IconWrapper = styled.div`\n    position: relative;\n    width: var(${tokens.iconContainerSize});\n    height: var(${tokens.iconContainerSize});\n`;\n\nexport const Icon = styled.div`\n    margin: var(${tokens.iconMargin});\n    div {\n        width: var(${tokens.iconSize});\n        height: var(${tokens.iconSize});\n    }\n`;\n\nexport const ContentLeftWrapper = styled.div`\n    position: relative;\n    width: var(${tokens.menuItemContentLeftSize});\n    height: var(${tokens.menuItemContentLeftSize});\n`;\n\nexport const RightContentWrapper = styled.div`\n    position: relative;\n    height: var(${tokens.iconContainerSize});\n    display: flex;\n`;\n\nexport const Label = styled.span`\n    ${applyEllipsis()};\n`;\n"],"names":["mergedCounterConfig","mergeConfig","counterConfig","Counter","component","indicatorMergedConfig","indicatorConfig","Indicator","_exp","ExtraCounter","styled","name","class","propsAsIs","_exp24","StyledIndicator","IconWrapper","Icon","ContentLeftWrapper","RightContentWrapper","Label"],"mappings":";;;;;;;;;AAQA,IAAMA,mBAAmB,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,mBAAmB,CAAC,CAAA;AAE9C,IAAMK,qBAAqB,gBAAGJ,kBAAW,CAACK,2BAAe,CAAC,CAAA;AAC1D,IAAMC,SAAwE,gBAAGH,gBAAS,CACtFC,qBACJ,CAAU,CAAA;AAAC,IAAAG,IAAA,GAbOA,SAaPA,IAAAA,GAAA;AAAA,EAAA,OAEwBL,OAAO,CAAA;AAAA,CAAA,CAAA;AAAnC,IAAMM,YAAY,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAcjC,EAAA;AAAC,IAAAC,MAAA,GA7BgBA,SA6BhBA,MAAAA,GAAA;AAAA,EAAA,OAEoCP,SAAS,CAAA;AAAA,CAAA,CAAA;AAAxC,IAAMQ,eAAe,gBAAGL,YAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAKpC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC,EAAA;AAEM,IAAMI,IAAI,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMzB,EAAA;AAEM,IAAMK,kBAAkB,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIvC,EAAA;AAEM,IAAMM,mBAAmB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIxC,EAAA;AAEM,IAAMO,KAAK,gBAAGV,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE1B;;;;;;;;;;"}

package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles_1jc86lh.css

@@ -0,0 +1,7 @@
+.e1gh4xi{margin:auto;--plasma-counter-background:var(--plasma-navigation-drawer-avatar-extra-counter-background);--plasma-counter-color:var(--plasma-navigation-drawer-avatar-extra-counter-color);--plasma-counter-border-radius:var(--plasma-navigation-drawer-avatar-extra-counter-border-radius);--plasma-counter-height:var(--plasma-navigation-drawer-avatar-extra-counter-height);--plasma-counter-padding:var(--plasma-navigation-drawer-avatar-extra-counter-padding);--plasma-counter-font-family:var(--plasma-navigation-drawer-avatar-extra-counter-font-family);--plasma-counter-font-size:var(--plasma-navigation-drawer-avatar-extra-counter-font-size);--plasma-counter-font-style:var(--plasma-navigation-drawer-avatar-extra-counter-font-style);--plasma-counter-font-weight:var(--plasma-navigation-drawer-avatar-extra-counter-font-weight);--plasma-counter-letter-spacing:var(--plasma-navigation-drawer-avatar-extra-counter-letter-spacing);--plasma-counter-lineheight:var(--plasma-navigation-drawer-avatar-extra-counter-lineheight);}
+.stvv1dr{margin:auto;--plasma-indicator-size:var(--plasma-navigation-drawer-menu-item-indicator-size);--plasma-indicator-color:var(--plasma-navigation-drawer-menu-item-indicator-color);}
+.i1dhk4c{position:relative;width:var(--plasma-navigation-drawer-icon-container-size);height:var(--plasma-navigation-drawer-icon-container-size);}
+.i7xwwzp{margin:var(--plasma-navigation-drawer-icon-margin);}.i7xwwzp div{width:var(--plasma-navigation-drawer-icon-size);height:var(--plasma-navigation-drawer-icon-size);}
+.cc26hzf{position:relative;width:var(--plasma-navigation-drawer-menu-item-content-left-size);height:var(--plasma-navigation-drawer-menu-item-content-left-size);}
+.ry1cfbm{position:relative;height:var(--plasma-navigation-drawer-icon-container-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.l14iipd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/cjs/components/NavigationDrawer/ui/Section/Section.css

@@ -0,0 +1,48 @@
+.base_1vjakah_b15waymg__f123ad8a{color:var(--plasma-counter-color);background-color:var(--plasma-counter-background);}
+
+.base_mpen2h_b1t6e429__c433f416{font-family:var(--plasma-counter-font-family);font-size:var(--plasma-counter-font-size);font-style:var(--plasma-counter-font-style);font-weight:var(--plasma-counter-font-weight);-webkit-letter-spacing:var(--plasma-counter-letter-spacing);-moz-letter-spacing:var(--plasma-counter-letter-spacing);-ms-letter-spacing:var(--plasma-counter-letter-spacing);letter-spacing:var(--plasma-counter-letter-spacing);line-height:var(--plasma-counter-lineheight);border-radius:var(--plasma-counter-border-radius);height:var(--plasma-counter-height);padding:var(--plasma-counter-padding);}.base_mpen2h_b1t6e429__c433f416.base_mpen2h__PlasmaCounterRound__c433f416{width:var(--plasma-counter-height);}
+
+.Counter_styles_1uue90v_b1dqw7l5__00d0b847{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;}
+
+.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
+
+.base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
+
+.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
+
+.MenuItem_styles_1jc86lh_e1gh4xi__47602df6{margin:auto;--plasma-counter-background:var(--plasma-navigation-drawer-avatar-extra-counter-background);--plasma-counter-color:var(--plasma-navigation-drawer-avatar-extra-counter-color);--plasma-counter-border-radius:var(--plasma-navigation-drawer-avatar-extra-counter-border-radius);--plasma-counter-height:var(--plasma-navigation-drawer-avatar-extra-counter-height);--plasma-counter-padding:var(--plasma-navigation-drawer-avatar-extra-counter-padding);--plasma-counter-font-family:var(--plasma-navigation-drawer-avatar-extra-counter-font-family);--plasma-counter-font-size:var(--plasma-navigation-drawer-avatar-extra-counter-font-size);--plasma-counter-font-style:var(--plasma-navigation-drawer-avatar-extra-counter-font-style);--plasma-counter-font-weight:var(--plasma-navigation-drawer-avatar-extra-counter-font-weight);--plasma-counter-letter-spacing:var(--plasma-navigation-drawer-avatar-extra-counter-letter-spacing);--plasma-counter-lineheight:var(--plasma-navigation-drawer-avatar-extra-counter-lineheight);}
+.MenuItem_styles_1jc86lh_stvv1dr__47602df6{margin:auto;--plasma-indicator-size:var(--plasma-navigation-drawer-menu-item-indicator-size);--plasma-indicator-color:var(--plasma-navigation-drawer-menu-item-indicator-color);}
+.MenuItem_styles_1jc86lh_i1dhk4c__47602df6{position:relative;width:var(--plasma-navigation-drawer-icon-container-size);height:var(--plasma-navigation-drawer-icon-container-size);}
+.MenuItem_styles_1jc86lh_i7xwwzp__47602df6{margin:var(--plasma-navigation-drawer-icon-margin);}.MenuItem_styles_1jc86lh_i7xwwzp__47602df6 div{width:var(--plasma-navigation-drawer-icon-size);height:var(--plasma-navigation-drawer-icon-size);}
+.MenuItem_styles_1jc86lh_cc26hzf__47602df6{position:relative;width:var(--plasma-navigation-drawer-menu-item-content-left-size);height:var(--plasma-navigation-drawer-menu-item-content-left-size);}
+.MenuItem_styles_1jc86lh_ry1cfbm__47602df6{position:relative;height:var(--plasma-navigation-drawer-icon-container-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.MenuItem_styles_1jc86lh_l14iipd__47602df6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+
+.base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
+
+.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
+
+.base_avgvpx_b1iw8i40__d86ab9a8:focus{outline:none;}.base_avgvpx_b1iw8i40__d86ab9a8:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-color-focus);border-bottom:none;}
+
+.Link_1oiwct5_b1j91s21__5667805d{position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s ease-in;transition:color 0.15s ease-in;}.Link_1oiwct5_b1j91s21__5667805d::before{content:'';position:absolute;inset:0;opacity:0.4;}
+
+.Link_config_zeymp2_d1calyk9__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_s1a4vrvj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_t1hxd0ad__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_p1mbfmqw__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_a17wwycj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-visited:var(--text-accent);--plasma-link-color-visited-hover:var(--text-accent-hover);--plasma-link-color-visited-active:var(--text-accent-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_p14qgpkv__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-positive);--plasma-link-color-hover:var(--text-positive-hover);--plasma-link-color-active:var(--text-positive-active);--plasma-link-color-visited:var(--text-positive);--plasma-link-color-visited-hover:var(--text-positive-hover);--plasma-link-color-visited-active:var(--text-positive-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_w1py6g25__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-warning);--plasma-link-color-hover:var(--text-warning-hover);--plasma-link-color-active:var(--text-warning-active);--plasma-link-color-visited:var(--text-warning);--plasma-link-color-visited-hover:var(--text-warning-hover);--plasma-link-color-visited-active:var(--text-warning-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_n4mb9bq__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-negative);--plasma-link-color-hover:var(--text-negative-hover);--plasma-link-color-active:var(--text-negative-active);--plasma-link-color-visited:var(--text-negative);--plasma-link-color-visited-hover:var(--text-negative-hover);--plasma-link-color-visited-active:var(--text-negative-active);--plasma-link-underline-border:0;}
+.Link_config_zeymp2_c2p2703__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.0625rem;}
+.Link_config_zeymp2_tnow91e__36d400a7{--plasma-link-disabled-opacity:0.4;}
+.Link_config_zeymp2_tt8wdu3__36d400a7{--plasma-link-color-focus:var(--text-accent);}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.Section_styles_147bzzp_swlgppx__60e0567c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.Section_styles_147bzzp_s1qtk9zr__60e0567c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:var(--plasma-navigation-drawer-section-padding);gap:var(--plasma-navigation-drawer-section-header-gap);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;box-sizing:border-box;height:var(--plasma-navigation-drawer-sidebar-width-closed);min-width:var(--plasma-navigation-drawer-sidebar-width-closed);color:var(--plasma-navigation-drawer-section-color);font-size:var(--plasma-navigation-drawer-section-font-size);font-family:var(--plasma-typo-body-s-font-family);font-style:var(--plasma-typo-text-s-font-style);font-weight:var(--plasma-typo-text-s-font-weight);line-height:var(--plasma-typo-text-s-line-height);-webkit-letter-spacing:var(--plasma-typo-text-s-letter-spacing);-moz-letter-spacing:var(--plasma-typo-text-s-letter-spacing);-ms-letter-spacing:var(--plasma-typo-text-s-letter-spacing);letter-spacing:var(--plasma-typo-text-s-letter-spacing);border-radius:var(--plasma-navigation-drawer-section-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.Section_styles_147bzzp_sqhdtrl__60e0567c{height:var(--plasma-navigation-drawer-divider-height);background:var(--plasma-navigation-drawer-divider-color);margin:10px 0;}
+.Section_styles_147bzzp_sxoeynx__60e0567c{width:var(--plasma-navigation-drawer-icon-container-size);min-width:var(--plasma-navigation-drawer-icon-container-size);height:var(--plasma-navigation-drawer-icon-container-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Section_styles_147bzzp_sxoeynx__60e0567c div{width:var(--plasma-navigation-drawer-icon-size);height:var(--plasma-navigation-drawer-icon-size);}
+.Section_styles_147bzzp_a6i3xtj__60e0567c{margin:auto;}
+.Section_styles_147bzzp_lnmmdxt__60e0567c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

package/cjs/components/NavigationDrawer/ui/Section/Section.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var cls = require('classnames');
+var MenuItem = require('../MenuItem/MenuItem.js');
+var NavigationDrawer_tokens = require('../../NavigationDrawer.tokens.js');
+var Section_styles = require('./Section.styles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
+
+var _SectionDivider;
+var _excluded = ["items", "label", "withContentLeft", "isOpen", "className", "hasDivider"];
+var Section = function Section(_ref) {
+  var items = _ref.items,
+    label = _ref.label,
+    withContentLeft = _ref.withContentLeft,
+    isOpen = _ref.isOpen,
+    className = _ref.className,
+    _ref$hasDivider = _ref.hasDivider,
+    hasDivider = _ref$hasDivider === void 0 ? false : _ref$hasDivider,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    isCollapsed = _useState2[0],
+    setIsCollapsed = _useState2[1];
+  var icon = /*#__PURE__*/React__default.default.createElement(Section_styles.SectionIcon, null, /*#__PURE__*/React__default.default.createElement(Section_styles.ArrowIcon, {
+    className: cls__default.default(isCollapsed && NavigationDrawer_tokens.classes.navigationDrawerArrowInverse),
+    color: "inherit"
+  }));
+  return /*#__PURE__*/React__default.default.createElement(Section_styles.StyledSection, _rollupPluginBabelHelpers.extends({
+    className: className
+  }, rest), label ? /*#__PURE__*/React__default.default.createElement(Section_styles.SectionHeader, {
+    onClick: function onClick() {
+      return setIsCollapsed(!isCollapsed);
+    }
+  }, withContentLeft && label && icon, isOpen && /*#__PURE__*/React__default.default.createElement(Section_styles.Label, null, label), !withContentLeft && icon) : hasDivider && (_SectionDivider || (_SectionDivider = /*#__PURE__*/React__default.default.createElement(Section_styles.SectionDivider, null))), !isCollapsed && items.map(function (item, index) {
+    return /*#__PURE__*/React__default.default.createElement(MenuItem.MenuItem, _rollupPluginBabelHelpers.extends({}, item, {
+      key: index,
+      withContentLeft: withContentLeft,
+      isOpen: isOpen
+    }));
+  }));
+};
+
+exports.Section = Section;
+//# sourceMappingURL=Section.js.map

package/cjs/components/NavigationDrawer/ui/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sources":["../../../../../src/components/NavigationDrawer/ui/Section/Section.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport cls from 'classnames';\n\nimport { MenuItem } from '../MenuItem/MenuItem';\nimport { classes } from '../../NavigationDrawer.tokens';\n\nimport { SectionProps } from './Section.types';\nimport { StyledSection, SectionHeader, SectionDivider, SectionIcon, ArrowIcon, Label } from './Section.styles';\n\nexport const Section = <T extends boolean = false>({\n    items,\n    label,\n    withContentLeft,\n    isOpen,\n    className,\n    hasDivider = false,\n    ...rest\n}: SectionProps<T>) => {\n    const [isCollapsed, setIsCollapsed] = useState(false);\n\n    const icon = (\n        <SectionIcon>\n            <ArrowIcon className={cls(isCollapsed && classes.navigationDrawerArrowInverse)} color=\"inherit\" />\n        </SectionIcon>\n    );\n\n    return (\n        <StyledSection className={className} {...rest}>\n            {label ? (\n                <SectionHeader onClick={() => setIsCollapsed(!isCollapsed)}>\n                    {withContentLeft && label && icon}\n                    {isOpen && <Label>{label}</Label>}\n                    {!withContentLeft && icon}\n                </SectionHeader>\n            ) : (\n                hasDivider && <SectionDivider />\n            )}\n\n            {!isCollapsed &&\n                items.map((item, index) => (\n                    <MenuItem {...item} key={index} withContentLeft={withContentLeft} isOpen={isOpen} />\n                ))}\n        </StyledSection>\n    );\n};\n"],"names":["Section","_ref","items","label","withContentLeft","isOpen","className","_ref$hasDivider","hasDivider","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isCollapsed","setIsCollapsed","icon","React","createElement","SectionIcon","ArrowIcon","cls","classes","navigationDrawerArrowInverse","color","StyledSection","_extends","SectionHeader","onClick","Label","_SectionDivider","SectionDivider","map","item","index","MenuItem","key"],"mappings":";;;;;;;;;;;;;;;;;;IASaA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAQG;AAAA,EAAA,IAPnBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAAC,eAAA,GAAAN,IAAA,CACTO,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;AACfE,IAAAA,IAAI,GAAAC,iDAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,SAAA,GAAsCC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9CI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMI,IAAI,gBACNC,sBAAA,CAAAC,aAAA,CAACC,0BAAW,EAAA,IAAA,eACRF,sBAAA,CAAAC,aAAA,CAACE,wBAAS,EAAA;IAAChB,SAAS,EAAEiB,oBAAG,CAACP,WAAW,IAAIQ,+BAAO,CAACC,4BAA4B,CAAE;AAACC,IAAAA,KAAK,EAAC,SAAA;AAAS,GAAE,CACxF,CAChB,CAAA;AAED,EAAA,oBACIP,sBAAA,CAAAC,aAAA,CAACO,4BAAa,EAAAC,iCAAA,CAAA;AAACtB,IAAAA,SAAS,EAAEA,SAAAA;GAAeG,EAAAA,IAAI,GACxCN,KAAK,gBACFgB,sBAAA,CAAAC,aAAA,CAACS,4BAAa,EAAA;IAACC,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,MAAA,OAAMb,cAAc,CAAC,CAACD,WAAW,CAAC,CAAA;AAAA,KAAA;GACrDZ,EAAAA,eAAe,IAAID,KAAK,IAAIe,IAAI,EAChCb,MAAM,iBAAIc,sBAAA,CAAAC,aAAA,CAACW,oBAAK,EAAA,IAAA,EAAE5B,KAAa,CAAC,EAChC,CAACC,eAAe,IAAIc,IACV,CAAC,GAEhBV,UAAU,KAAAwB,eAAA,KAAAA,eAAA,gBAAIb,sBAAA,CAAAC,aAAA,CAACa,6BAAc,EAAA,IAAE,CAAC,CAAA,CACnC,EAEA,CAACjB,WAAW,IACTd,KAAK,CAACgC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;IAAA,oBAClBjB,sBAAA,CAAAC,aAAA,CAACiB,iBAAQ,EAAAT,iCAAA,KAAKO,IAAI,EAAA;AAAEG,MAAAA,GAAG,EAAEF,KAAM;AAAChC,MAAAA,eAAe,EAAEA,eAAgB;AAACC,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,CAAE,CAAC,CAAA;AAAA,GACvF,CACM,CAAC,CAAA;AAExB;;;;"}