@xfers/design-system 8.0.0-dev.f82e752da2 → 8.0.0-dev.fa8180d3e1

package/dist/components/Sidebar/styles.js

@@ -0,0 +1,210 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyrightNoticeText = exports.CopyrightNoticeWrapper = exports.CompanySubtitle = exports.CompanyName = exports.CompanyProfileContent = exports.CompanyProfileWrapper = exports.CompanyProfileContainer = exports.SubItemLabel = exports.SubItemWrapper = exports.NavItemAffordance = exports.NavItemLabel = exports.NavItemWrapper = exports.MenuContainer = exports.LogoWrapper = exports.MenuHeader = exports.SidebarWrapper = exports.itemTextColor = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const fontStyles_1 = require("../../constants/fontStyles");
+const colors_1 = require("../../constants/Colors/colors");
+const isSandbox = (variant) => variant === 'sandbox';
+const ROOT_BACKGROUND = {
+    business: colors_1.SURFACE.NEUTRAL,
+    personal: colors_1.SURFACE.NEUTRAL,
+    sandbox: colors_1.BASE.PRIMARY_3,
+};
+const ACTIVE_BACKGROUND = {
+    business: colors_1.COMPONENT.SIDEBAR_ACTIVE,
+    personal: colors_1.COMPONENT.SIDEBAR_ACTIVE,
+    sandbox: colors_1.COMPONENT.SIDEBAR_ACTIVE_SANDBOX,
+};
+const HOVER_BACKGROUND = {
+    business: colors_1.INTERACTIVE.HOVER_SURFACE,
+    personal: colors_1.INTERACTIVE.HOVER_SURFACE,
+    sandbox: 'rgba(255, 255, 255, 0.08)',
+};
+const itemTextColor = (variant, active) => {
+    if (isSandbox(variant))
+        return colors_1.BASE.ON_CONTAINER;
+    return active ? colors_1.STATUS.POSITIVE : colors_1.BASE.ON_NEUTRAL_SECONDARY;
+};
+exports.itemTextColor = itemTextColor;
+const hoverBg = (variant, active) => active ? ACTIVE_BACKGROUND[variant] : HOVER_BACKGROUND[variant];
+exports.SidebarWrapper = styled_1.default.div `
+  width: 240px;
+  height: 100vh;
+  box-sizing: border-box;
+  padding: 32px 0;
+  background-color: ${(props) => ROOT_BACKGROUND[props.variant]};
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
+  overflow: hidden;
+`;
+/*
+ * Scrollable region holding logo, company profile, and nav items. The
+ * regulatory footer sits outside this and stays pinned — per Notion spec
+ * "does not scroll with the navigation content".
+ *
+ * Horizontal padding lives on the inner sections (not the wrapper) so the
+ * scrollbar sits flush against the panel's right edge.
+ */
+exports.MenuHeader = styled_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 24px;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 16px;
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  /* Slim scrollbar so it doesn't fight the 240px width */
+  scrollbar-width: thin;
+`;
+exports.LogoWrapper = styled_1.default.div `
+  width: 200px;
+  height: 60px;
+  flex-shrink: 0;
+`;
+exports.MenuContainer = styled_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 12px;
+  width: 100%;
+`;
+// ─── Nav item ───
+exports.NavItemWrapper = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px;
+  border-radius: 4px;
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+  background-color: ${(props) => props.active ? ACTIVE_BACKGROUND[props.variant] : 'transparent'};
+
+  &:hover {
+    background-color: ${(props) => hoverBg(props.variant, props.active)};
+  }
+`;
+exports.NavItemLabel = styled_1.default.span `
+  flex: 1 0 0;
+  min-width: 0;
+  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
+  font-size: 14px;
+  line-height: normal;
+  font-weight: ${(props) => (props.active ? 700 : 400)};
+  color: ${(props) => (0, exports.itemTextColor)(props.variant, props.active)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+exports.NavItemAffordance = styled_1.default.span `
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+`;
+// ─── Sub item ───
+exports.SubItemWrapper = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  padding: 8px 0 8px 44px;
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+  background-color: ${(props) => props.active ? ACTIVE_BACKGROUND[props.variant] : 'transparent'};
+
+  &:hover {
+    background-color: ${(props) => hoverBg(props.variant, props.active)};
+  }
+`;
+exports.SubItemLabel = styled_1.default.span `
+  flex: 1 0 0;
+  min-width: 0;
+  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
+  font-size: 14px;
+  line-height: normal;
+  font-weight: ${(props) => (props.active ? 700 : 400)};
+  color: ${(props) => (0, exports.itemTextColor)(props.variant, props.active)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+// ─── Company profile ───
+exports.CompanyProfileContainer = styled_1.default.div `
+  position: relative;
+  width: 100%;
+`;
+exports.CompanyProfileWrapper = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px;
+  border-radius: 8px;
+  width: 100%;
+  box-sizing: border-box;
+  cursor: pointer;
+  background-color: ${colors_1.SURFACE.SECONDARY_NEUTRAL};
+
+  &:hover {
+    background-color: ${colors_1.INTERACTIVE.HOVER_SURFACE};
+  }
+`;
+exports.CompanyProfileContent = styled_1.default.div `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+  flex: 1 0 0;
+  min-width: 0;
+`;
+exports.CompanyName = styled_1.default.span `
+  width: 100%;
+  font-family: ${fontStyles_1.SECONDARY_FONT};
+  font-weight: 700;
+  font-size: 14px;
+  line-height: normal;
+  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
+  overflow-wrap: break-word;
+`;
+exports.CompanySubtitle = styled_1.default.span `
+  width: 100%;
+  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
+  font-weight: 400;
+  font-size: 14px;
+  line-height: normal;
+  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
+  overflow-wrap: break-word;
+`;
+// ─── Copyright notice (MAS licensing footer) ───
+exports.CopyrightNoticeWrapper = styled_1.default.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-radius: 8px;
+  width: calc(100% - 32px);
+  box-sizing: border-box;
+  flex-shrink: 0;
+  margin: 24px 16px 0;
+  background-color: ${colors_1.SURFACE.SECONDARY_NEUTRAL};
+`;
+exports.CopyrightNoticeText = styled_1.default.span `
+  flex: 1 0 0;
+  min-width: 0;
+  font-family: ${fontStyles_1.MAIN_FONT}, ${fontStyles_1.FALLBACK_FONT};
+  font-weight: 400;
+  font-size: 12px;
+  line-height: normal;
+  color: ${colors_1.BASE.ON_NEUTRAL_SECONDARY};
+  white-space: pre-wrap;
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/Sidebar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":"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"}

package/dist/constants/Colors/colors.js

@@ -132,5 +132,7 @@ var COMPONENT;
     COMPONENT["LABEL_INPUT"] = "#757575";
     COMPONENT["HELPER_INPUT"] = "#757575";
     COMPONENT["PLACEHOLDER_INPUT"] = "#B6B6B6";
+    COMPONENT["SIDEBAR_ACTIVE"] = "#D7EFE2";
+    COMPONENT["SIDEBAR_ACTIVE_SANDBOX"] = "#005755";
 })(COMPONENT || (exports.COMPONENT = COMPONENT = {}));
 //# sourceMappingURL=colors.js.map

package/dist/constants/Colors/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/constants/Colors/colors.ts"],"names":[],"mappings":";AAAA,cAAc;;;AAEd,IAAY,KAKX;AALD,WAAY,KAAK;IACf,4BAAmB,CAAA;IACnB,wBAAe,CAAA;IACf,wBAAe,CAAA;IACf,wBAAe,CAAA;AACjB,CAAC,EALW,KAAK,qBAAL,KAAK,QAKhB;AAED,IAAY,IASX;AATD,WAAY,IAAI;IACd,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;AAClB,CAAC,EATW,IAAI,oBAAJ,IAAI,QASf;AAED,IAAY,KAgBX;AAhBD,WAAY,KAAK;IACf,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAEhB,4BAAmB,CAAA;IACnB,6BAAoB,CAAA;IACpB,yBAAgB,CAAA;IAChB,0BAAiB,CAAA;IACjB,oCAA2B,CAAA;IAC3B,gDAAuC,CAAA;IACvC,4BAAmB,CAAA;IACnB,sCAA6B,CAAA;IAC7B,mDAA0C,CAAA;IAC1C,yBAAgB,CAAA;AAClB,CAAC,EAhBW,KAAK,qBAAL,KAAK,QAgBhB;AAED,IAAY,IAWX;AAXD,WAAY,IAAI;IACd,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,uBAAe,CAAA;IACf,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,uBAAe,CAAA;IACf,0BAAkB,CAAA;IAClB,wBAAgB,CAAA;IAChB,2BAAmB,CAAA;AACrB,CAAC,EAXW,IAAI,oBAAJ,IAAI,QAWf;AAED,IAAY,GAIX;AAJD,WAAY,GAAG;IACb,uBAAgB,CAAA;IAChB,uBAAgB,CAAA;IAChB,uBAAgB,CAAA;AAClB,CAAC,EAJW,GAAG,mBAAH,GAAG,QAId;AAED,IAAY,KAEX;AAFD,WAAY,KAAK;IACf,4BAAmB,CAAA;AACrB,CAAC,EAFW,KAAK,qBAAL,KAAK,QAEhB;AAED,IAAY,MAIX;AAJD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;AAClB,CAAC,EAJW,MAAM,sBAAN,MAAM,QAIjB;AAED,kBAAkB;AAElB,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2CAA6B,CAAA;IAC7B,iCAAmB,CAAA;IACnB,mCAAqB,CAAA;AACvB,CAAC,EALW,UAAU,0BAAV,UAAU,QAKrB;AAED,IAAY,OAWX;AAXD,WAAY,OAAO;IACjB,8BAAmB,CAAA;IACnB,wCAA6B,CAAA;IAC7B,uCAA4B,CAAA;IAC5B,0CAA+B,CAAA;IAC/B,0GAA0G;IAC1G,2BAAgB,CAAA;IAChB,kCAAuB,CAAA;IACvB,sCAA2B,CAAA;IAC3B,qCAA0B,CAAA;IAC1B,sCAA2B,CAAA;AAC7B,CAAC,EAXW,OAAO,uBAAP,OAAO,QAWlB;AAED,IAAY,IAUX;AAVD,WAAY,IAAI;IACd,2BAAmB,CAAA;IACnB,6BAAqB,CAAA;IACrB,6BAAqB,CAAA;IACrB,gCAAwB,CAAA;IACxB,8BAAsB,CAAA;IACtB,wCAAgC,CAAA;IAChC,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,uCAA+B,CAAA;AACjC,CAAC,EAVW,IAAI,oBAAJ,IAAI,QAUf;AAED,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,wCAAyB,CAAA;IACzB,wCAAyB,CAAA;IACzB,0CAA2B,CAAA;IAC3B,mCAAoB,CAAA;IACpB,wCAAyB,CAAA;IACzB,wCAAyB,CAAA;IACzB,0CAA2B,CAAA;IAC3B,yCAA0B,CAAA;IAC1B,2CAA4B,CAAA;AAC9B,CAAC,EAVW,WAAW,2BAAX,WAAW,QAUtB;AAED,IAAY,MAKX;AALD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,8BAAoB,CAAA;IACpB,6BAAmB,CAAA;IACnB,8BAAoB,CAAA;AACtB,CAAC,EALW,MAAM,sBAAN,MAAM,QAKjB;AAED,IAAY,SAaX;AAbD,WAAY,SAAS;IACnB,wCAA2B,CAAA;IAC3B,uCAA0B,CAAA;IAC1B,wFAAwF;IACxF,gCAAgC;IAChC,+BAA+B;IAC/B,iCAAiC;IACjC,iCAAiC;IACjC,4CAA4C;IAC5C,6CAA6C;IAC7C,oCAAuB,CAAA;IACvB,qCAAwB,CAAA;IACxB,0CAA6B,CAAA;AAC/B,CAAC,EAbW,SAAS,yBAAT,SAAS,QAapB"}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/constants/Colors/colors.ts"],"names":[],"mappings":";AAAA,cAAc;;;AAEd,IAAY,KAKX;AALD,WAAY,KAAK;IACf,4BAAmB,CAAA;IACnB,wBAAe,CAAA;IACf,wBAAe,CAAA;IACf,wBAAe,CAAA;AACjB,CAAC,EALW,KAAK,qBAAL,KAAK,QAKhB;AAED,IAAY,IASX;AATD,WAAY,IAAI;IACd,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;AAClB,CAAC,EATW,IAAI,oBAAJ,IAAI,QASf;AAED,IAAY,KAgBX;AAhBD,WAAY,KAAK;IACf,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAChB,yBAAgB,CAAA;IAEhB,4BAAmB,CAAA;IACnB,6BAAoB,CAAA;IACpB,yBAAgB,CAAA;IAChB,0BAAiB,CAAA;IACjB,oCAA2B,CAAA;IAC3B,gDAAuC,CAAA;IACvC,4BAAmB,CAAA;IACnB,sCAA6B,CAAA;IAC7B,mDAA0C,CAAA;IAC1C,yBAAgB,CAAA;AAClB,CAAC,EAhBW,KAAK,qBAAL,KAAK,QAgBhB;AAED,IAAY,IAWX;AAXD,WAAY,IAAI;IACd,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,uBAAe,CAAA;IACf,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,uBAAe,CAAA;IACf,0BAAkB,CAAA;IAClB,wBAAgB,CAAA;IAChB,2BAAmB,CAAA;AACrB,CAAC,EAXW,IAAI,oBAAJ,IAAI,QAWf;AAED,IAAY,GAIX;AAJD,WAAY,GAAG;IACb,uBAAgB,CAAA;IAChB,uBAAgB,CAAA;IAChB,uBAAgB,CAAA;AAClB,CAAC,EAJW,GAAG,mBAAH,GAAG,QAId;AAED,IAAY,KAEX;AAFD,WAAY,KAAK;IACf,4BAAmB,CAAA;AACrB,CAAC,EAFW,KAAK,qBAAL,KAAK,QAEhB;AAED,IAAY,MAIX;AAJD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;AAClB,CAAC,EAJW,MAAM,sBAAN,MAAM,QAIjB;AAED,kBAAkB;AAElB,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2CAA6B,CAAA;IAC7B,iCAAmB,CAAA;IACnB,mCAAqB,CAAA;AACvB,CAAC,EALW,UAAU,0BAAV,UAAU,QAKrB;AAED,IAAY,OAWX;AAXD,WAAY,OAAO;IACjB,8BAAmB,CAAA;IACnB,wCAA6B,CAAA;IAC7B,uCAA4B,CAAA;IAC5B,0CAA+B,CAAA;IAC/B,0GAA0G;IAC1G,2BAAgB,CAAA;IAChB,kCAAuB,CAAA;IACvB,sCAA2B,CAAA;IAC3B,qCAA0B,CAAA;IAC1B,sCAA2B,CAAA;AAC7B,CAAC,EAXW,OAAO,uBAAP,OAAO,QAWlB;AAED,IAAY,IAUX;AAVD,WAAY,IAAI;IACd,2BAAmB,CAAA;IACnB,6BAAqB,CAAA;IACrB,6BAAqB,CAAA;IACrB,gCAAwB,CAAA;IACxB,8BAAsB,CAAA;IACtB,wCAAgC,CAAA;IAChC,wBAAgB,CAAA;IAChB,wBAAgB,CAAA;IAChB,uCAA+B,CAAA;AACjC,CAAC,EAVW,IAAI,oBAAJ,IAAI,QAUf;AAED,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,wCAAyB,CAAA;IACzB,wCAAyB,CAAA;IACzB,0CAA2B,CAAA;IAC3B,mCAAoB,CAAA;IACpB,wCAAyB,CAAA;IACzB,wCAAyB,CAAA;IACzB,0CAA2B,CAAA;IAC3B,yCAA0B,CAAA;IAC1B,2CAA4B,CAAA;AAC9B,CAAC,EAVW,WAAW,2BAAX,WAAW,QAUtB;AAED,IAAY,MAKX;AALD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,8BAAoB,CAAA;IACpB,6BAAmB,CAAA;IACnB,8BAAoB,CAAA;AACtB,CAAC,EALW,MAAM,sBAAN,MAAM,QAKjB;AAED,IAAY,SAeX;AAfD,WAAY,SAAS;IACnB,wCAA2B,CAAA;IAC3B,uCAA0B,CAAA;IAC1B,wFAAwF;IACxF,gCAAgC;IAChC,+BAA+B;IAC/B,iCAAiC;IACjC,iCAAiC;IACjC,4CAA4C;IAC5C,6CAA6C;IAC7C,oCAAuB,CAAA;IACvB,qCAAwB,CAAA;IACxB,0CAA6B,CAAA;IAC7B,uCAA0B,CAAA;IAC1B,+CAAkC,CAAA;AACpC,CAAC,EAfW,SAAS,yBAAT,SAAS,QAepB"}

package/dist/index.js

@@ -20,7 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Spin = exports.ErrorPage = exports.Tooltip = exports.CopyBox = exports.Section = exports.Banner = exports.Note = exports.ContentBreakdown = exports.Hidden = exports.Link = exports.Divider = exports.EmptyData = exports.SmallP = exports.P1Bold = exports.P1 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Checkbox = exports.DatePicker = exports.Timer = exports.Tabs = exports.Table = exports.Steps = exports.SelectionBoxGroup = exports.SelectionBox = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.DialogItems = exports.Modal = exports.Tag = exports.InputWithButton = exports.Input = exports.Form = exports.DynamicSelect = exports.Dropdown = exports.Carousel = exports.Chart = exports.Card = exports.BadgeIcon = exports.Accordion = exports.ActionCard = exports.ActionButton = exports.Button = exports.Alert = exports.AntdConfigProvider = void 0;
-exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.Coachmark = exports.Timeline = exports.SummaryCard = void 0;
+exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.CopyrightNotice = exports.CompanyProfileDropdown = exports.CompanyProfile = exports.SidebarSubItem = exports.SidebarNavItem = exports.useSidebar = exports.SidebarTrigger = exports.SidebarProvider = exports.SidebarBase = exports.Sidebar = exports.Coachmark = exports.Timeline = exports.SummaryCard = void 0;
 // Components
 var AntdConfigProvider_1 = require("./components/AntdConfigProvider");
 Object.defineProperty(exports, "AntdConfigProvider", { enumerable: true, get: function () { return __importDefault(AntdConfigProvider_1).default; } });
@@ -121,6 +121,17 @@ var Timeline_1 = require("./components/Timeline");
 Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return __importDefault(Timeline_1).default; } });
 var Coachmark_1 = require("./components/Coachmark");
 Object.defineProperty(exports, "Coachmark", { enumerable: true, get: function () { return __importDefault(Coachmark_1).default; } });
+var Sidebar_1 = require("./components/Sidebar");
+Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return __importDefault(Sidebar_1).default; } });
+Object.defineProperty(exports, "SidebarBase", { enumerable: true, get: function () { return Sidebar_1.SidebarBase; } });
+Object.defineProperty(exports, "SidebarProvider", { enumerable: true, get: function () { return Sidebar_1.SidebarProvider; } });
+Object.defineProperty(exports, "SidebarTrigger", { enumerable: true, get: function () { return Sidebar_1.SidebarTrigger; } });
+Object.defineProperty(exports, "useSidebar", { enumerable: true, get: function () { return Sidebar_1.useSidebar; } });
+Object.defineProperty(exports, "SidebarNavItem", { enumerable: true, get: function () { return Sidebar_1.SidebarNavItem; } });
+Object.defineProperty(exports, "SidebarSubItem", { enumerable: true, get: function () { return Sidebar_1.SidebarSubItem; } });
+Object.defineProperty(exports, "CompanyProfile", { enumerable: true, get: function () { return Sidebar_1.CompanyProfile; } });
+Object.defineProperty(exports, "CompanyProfileDropdown", { enumerable: true, get: function () { return Sidebar_1.CompanyProfileDropdown; } });
+Object.defineProperty(exports, "CopyrightNotice", { enumerable: true, get: function () { return Sidebar_1.CopyrightNotice; } });
 // Helper Functions
 var getJoyrideConfig_1 = require("./components/Coachmark/getJoyrideConfig");
 Object.defineProperty(exports, "getCoachmarkJoyrideConfig", { enumerable: true, get: function () { return getJoyrideConfig_1.getCoachmarkJoyrideConfig; } });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/types/components/Sidebar/CompanyProfile.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { CompanyOption, DropdownMenuItem } from './CompanyProfileDropdown';
+type CompanyProfileProps = {
+    companyName?: string;
+    subtitle?: string;
+    enableDropdown?: boolean;
+    /** Renders only the company switcher, without the menu items. */
+    switchOnly?: boolean;
+    companies?: CompanyOption[];
+    /** Menu items shown below the divider. Consumer provides icon + label. */
+    menuItems?: DropdownMenuItem[];
+    onMenuItemClick?: (label: string) => void;
+    onClick?: () => void;
+};
+declare const CompanyProfile: ({ companyName, subtitle, enableDropdown, switchOnly, companies, menuItems, onMenuItemClick, onClick, }: CompanyProfileProps) => React.JSX.Element;
+export default CompanyProfile;

package/dist/types/components/Sidebar/CompanyProfileDropdown.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { MaterialSymbol } from 'material-symbols';
+export type CompanyOption = {
+    name: string;
+    subtitle?: string;
+    active?: boolean;
+    onClick?: () => void;
+};
+export type DropdownMenuItem = {
+    /** Material Symbol icon name (e.g. 'domain', 'group', 'receipt_long'). */
+    icon: MaterialSymbol;
+    /** Display label for the menu item. */
+    label: string;
+    onClick?: () => void;
+};
+type CompanyProfileDropdownProps = {
+    /** When false, only the company switcher is rendered (Figma `switchOnly`). */
+    showMenuItems?: boolean;
+    /** When false, the switch-company block is hidden (Figma `switchCompany`). */
+    switchCompany?: boolean;
+    /** Companies shown in the SWITCH COMPANY section. */
+    companies?: CompanyOption[];
+    /**
+     * Menu items shown below the divider. Each item needs an icon (MaterialSymbol)
+     * and a label. Consumer must provide this explicitly.
+     */
+    menuItems?: DropdownMenuItem[];
+    /** Fired when a menu item is clicked (if the item doesn't have its own onClick). */
+    onMenuItemClick?: (label: string) => void;
+};
+declare const CompanyProfileDropdown: ({ showMenuItems, switchCompany, companies, menuItems, onMenuItemClick, }: CompanyProfileDropdownProps) => React.JSX.Element;
+export default CompanyProfileDropdown;

package/dist/types/components/Sidebar/CopyrightNotice.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type CopyrightNoticeProps = {
+    text?: string;
+};
+declare const CopyrightNotice: ({ text, }: CopyrightNoticeProps) => React.JSX.Element;
+export default CopyrightNotice;

package/dist/types/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { SidebarVariant } from './styles';
+type SidebarContextValue = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    toggle: () => void;
+    isMobile: boolean;
+};
+export declare const useSidebar: () => SidebarContextValue;
+type SidebarProviderProps = {
+    /** Controlled open state. Omit for uncontrolled. */
+    open?: boolean;
+    /** Callback when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Default open state for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** Breakpoint in px below which sidebar renders as a mobile drawer. */
+    mobileBreakpoint?: number;
+    children: React.ReactNode;
+};
+export declare const SidebarProvider: ({ open: controlledOpen, onOpenChange, defaultOpen, mobileBreakpoint, children, }: SidebarProviderProps) => React.JSX.Element;
+type SidebarTriggerProps = {
+    className?: string;
+    label?: string;
+};
+export declare const SidebarTrigger: ({ className, label, }: SidebarTriggerProps) => React.JSX.Element;
+type SidebarBaseProps = {
+    variant?: SidebarVariant;
+    logo?: React.ReactNode;
+    companyProfile?: React.ReactNode;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+};
+export declare const SidebarBase: ({ variant, logo, companyProfile, children, footer, }: SidebarBaseProps) => React.JSX.Element | null;
+declare const Sidebar: {
+    Base: ({ variant, logo, companyProfile, children, footer, }: SidebarBaseProps) => React.JSX.Element | null;
+    Provider: ({ open: controlledOpen, onOpenChange, defaultOpen, mobileBreakpoint, children, }: SidebarProviderProps) => React.JSX.Element;
+    Trigger: ({ className, label, }: SidebarTriggerProps) => React.JSX.Element;
+};
+export default Sidebar;

package/dist/types/components/Sidebar/SidebarNavItem.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { MaterialSymbol } from 'material-symbols';
+import type { SidebarVariant } from './styles';
+export type SubItem = {
+    id: string;
+    label: string;
+    active?: boolean;
+    onClick?: () => void;
+};
+type SidebarNavItemProps = {
+    /** Stable identifier for this nav item (used for selection, routing). */
+    id: string;
+    icon: MaterialSymbol;
+    label: string;
+    variant?: SidebarVariant;
+    active?: boolean;
+    onClick?: () => void;
+    subItems?: SubItem[];
+    isExpanded?: boolean;
+    /** Optional trailing tag text (e.g. "New"). Uses DS Tag component. */
+    tag?: string;
+};
+declare const SidebarNavItem: ({ id, icon, label, variant, active, onClick, subItems, isExpanded, tag, }: SidebarNavItemProps) => React.JSX.Element;
+export default SidebarNavItem;

package/dist/types/components/Sidebar/SidebarSubItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SidebarVariant } from './styles';
+type SidebarSubItemProps = {
+    label: string;
+    variant?: SidebarVariant;
+    active?: boolean;
+    onClick?: () => void;
+};
+declare const SidebarSubItem: ({ label, variant, active, onClick, }: SidebarSubItemProps) => React.JSX.Element;
+export default SidebarSubItem;

package/dist/types/components/Sidebar/dropdownStyles.d.ts

@@ -0,0 +1,11 @@
+export declare const DropdownPanel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const DropdownSectionLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const DropdownRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    active?: boolean;
+}, object>;
+export declare const DropdownMenuRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const DropdownRowContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const DropdownPrimaryText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const DropdownSecondaryText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const DropdownMenuLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const DropdownDivider: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

package/dist/types/components/Sidebar/index.d.ts

@@ -0,0 +1,11 @@
+import Sidebar, { SidebarBase, SidebarProvider, SidebarTrigger, useSidebar } from './Sidebar';
+import SidebarNavItem from './SidebarNavItem';
+import SidebarSubItem from './SidebarSubItem';
+import CompanyProfile from './CompanyProfile';
+import CompanyProfileDropdown from './CompanyProfileDropdown';
+import CopyrightNotice from './CopyrightNotice';
+export { SidebarBase, SidebarProvider, SidebarTrigger, useSidebar, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, };
+export type { SidebarVariant } from './styles';
+export type { SubItem } from './SidebarNavItem';
+export type { CompanyOption, DropdownMenuItem } from './CompanyProfileDropdown';
+export default Sidebar;

package/dist/types/components/Sidebar/styles.d.ts

@@ -0,0 +1,33 @@
+import { BASE, STATUS } from '../../constants/Colors/colors';
+export type SidebarVariant = 'business' | 'personal' | 'sandbox';
+export declare const itemTextColor: (variant: SidebarVariant, active?: boolean) => BASE.ON_CONTAINER | BASE.ON_NEUTRAL_SECONDARY | STATUS.POSITIVE;
+export declare const SidebarWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    variant: SidebarVariant;
+}, object>;
+export declare const MenuHeader: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const LogoWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const MenuContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const NavItemWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    variant: SidebarVariant;
+    active?: boolean;
+}, object>;
+export declare const NavItemLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    variant: SidebarVariant;
+    active?: boolean;
+}, object>;
+export declare const NavItemAffordance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const SubItemWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    variant: SidebarVariant;
+    active?: boolean;
+}, object>;
+export declare const SubItemLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    variant: SidebarVariant;
+    active?: boolean;
+}, object>;
+export declare const CompanyProfileContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const CompanyProfileWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const CompanyProfileContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const CompanyName: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const CompanySubtitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const CopyrightNoticeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const CopyrightNoticeText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;

package/dist/types/constants/Colors/colors.d.ts

@@ -105,5 +105,7 @@ export declare enum COMPONENT {
     BUTTON_PRIMARY = "#00A965",
     LABEL_INPUT = "#757575",
     HELPER_INPUT = "#757575",
-    PLACEHOLDER_INPUT = "#B6B6B6"
+    PLACEHOLDER_INPUT = "#B6B6B6",
+    SIDEBAR_ACTIVE = "#D7EFE2",
+    SIDEBAR_ACTIVE_SANDBOX = "#005755"
 }

package/dist/types/index.d.ts

@@ -44,6 +44,8 @@ export { default as Spin } from './components/Spin';
 export { default as SummaryCard } from './components/SummaryCard';
 export { default as Timeline } from './components/Timeline';
 export { default as Coachmark } from './components/Coachmark';
+export { default as Sidebar, SidebarBase, SidebarProvider, SidebarTrigger, useSidebar, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, } from './components/Sidebar';
+export type { SidebarVariant, SubItem as SidebarSubItemType, CompanyOption as SidebarCompanyOption, DropdownMenuItem as SidebarDropdownMenuItem, } from './components/Sidebar';
 export { getCoachmarkJoyrideConfig } from './components/Coachmark/getJoyrideConfig';
 export * from './icons';
 export { MaterialSymbols } from './icons/MaterialSymbols';