@xfers/design-system 7.1.0 → 8.0.0-dev.0d1c1edcc0

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/components/Tabs/index.d.ts

@@ -1,12 +1,14 @@
 import React from 'react';
+import type { TabsProps } from 'antd';
 type Props = {
     activeKey?: string;
     onChange?: any;
     animated?: boolean;
-    children: React.ReactNode;
+    items?: TabsProps['items'];
+    children?: React.ReactNode;
 };
 declare const Tabs: {
-    ({ children, ...rest }: Props): React.JSX.Element;
+    ({ children, items, ...rest }: Props): React.JSX.Element;
     TabPane: React.FC<import("antd").TabPaneProps>;
 };
 export default Tabs;

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';