@xfers/design-system 7.1.0-dev.b56f42c59c → 7.1.0-dev.d10bbf510b

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/Steps/DesktopSteps.d.ts

@@ -1,18 +1,9 @@
 import React from 'react';
-import { StepsProps } from 'antd';
-type StepItem = {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    status?: 'wait' | 'process' | 'finish' | 'error';
-    disabled?: boolean;
-    icon?: React.ReactNode;
-    subTitle?: React.ReactNode;
-    className?: string;
-};
+import { StepsProps, StepProps } from 'antd';
 declare const DesktopSteps: {
-    ({ className, children, ...rest }: StepsProps & {
-        children?: React.ReactNode;
+    ({ className, ...rest }: StepsProps & {
+        children: React.ReactNode;
     }): React.JSX.Element;
-    Step: React.FC<StepItem>;
+    Step: React.FC<StepProps>;
 };
 export default DesktopSteps;

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

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

package/dist/types/shared/momentDatePicker.d.ts

@@ -1,18 +1,18 @@
 import type { Moment } from 'moment';
-declare const MomentDatePicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, import("antd/es/date-picker/generatePicker").PickerProps<Moment>, ValueType, IsMultiple>) => React.ReactElement) & {
+declare const MomentDatePicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, import("antd/es/date-picker/generatePicker").PickerProps<Moment>, ValueType>) => React.ReactElement) & {
     displayName?: string;
 } & {
     displayName?: string;
-    WeekPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
+    WeekPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
-    MonthPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
+    MonthPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
-    YearPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
+    YearPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
-    RangePicker: import("react").ForwardRefExoticComponent<Omit<import("@rc-component/picker").RangePickerProps<Moment>, "locale" | "generateConfig" | "hideHeader" | "classNames" | "styles"> & {
+    RangePicker: import("react").ForwardRefExoticComponent<Omit<import("rc-picker").RangePickerProps<Moment>, "locale" | "generateConfig" | "hideHeader"> & {
         locale?: import("antd/es/date-picker/generatePicker").PickerLocale;
         size?: import("antd/es/button").ButtonSize;
         placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
@@ -23,73 +23,11 @@ declare const MomentDatePicker: (<ValueType = Moment, IsMultiple extends boolean
         popupClassName?: string;
         rootClassName?: string;
         popupStyle?: React.CSSProperties;
-        classNames?: import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepClassNameType<{
-            root?: string;
-            prefix?: string;
-            input?: string;
-            suffix?: string;
-            popup?: string | {
-                root?: string;
-                header?: string;
-                body?: string;
-                content?: string;
-                item?: string;
-                footer?: string;
-                container?: string;
-            };
-        } | undefined> | ((info: {
-            props: import("antd/es/date-picker/generatePicker/interface").InjectDefaultProps<import("@rc-component/picker").RangePickerProps<Moment>>;
-        }) => import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepClassNameType<{
-            root?: string;
-            prefix?: string;
-            input?: string;
-            suffix?: string;
-            popup?: string | {
-                root?: string;
-                header?: string;
-                body?: string;
-                content?: string;
-                item?: string;
-                footer?: string;
-                container?: string;
-            };
-        } | undefined>);
-        styles?: import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepStylesType<{
-            root?: React.CSSProperties;
-            prefix?: React.CSSProperties;
-            input?: React.CSSProperties;
-            suffix?: React.CSSProperties;
-            popup?: {
-                root?: React.CSSProperties;
-                header?: React.CSSProperties;
-                body?: React.CSSProperties;
-                content?: React.CSSProperties;
-                item?: React.CSSProperties;
-                footer?: React.CSSProperties;
-                container?: React.CSSProperties;
-            };
-        } | undefined> | ((info: {
-            props: import("antd/es/date-picker/generatePicker/interface").InjectDefaultProps<import("@rc-component/picker").RangePickerProps<Moment>>;
-        }) => import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepStylesType<{
-            root?: React.CSSProperties;
-            prefix?: React.CSSProperties;
-            input?: React.CSSProperties;
-            suffix?: React.CSSProperties;
-            popup?: {
-                root?: React.CSSProperties;
-                header?: React.CSSProperties;
-                body?: React.CSSProperties;
-                content?: React.CSSProperties;
-                item?: React.CSSProperties;
-                footer?: React.CSSProperties;
-                container?: React.CSSProperties;
-            };
-        } | undefined>);
-    } & import("react").RefAttributes<import("@rc-component/picker").PickerRef>>;
-    TimePicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker/interface").GenericTimePickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
+    } & import("react").RefAttributes<import("rc-picker").PickerRef>>;
+    TimePicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker/interface").GenericTimePickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
-    QuarterPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
+    QuarterPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
 };