@xfers/design-system 7.1.0-dev.91cdb7b548 → 7.1.0-dev.a9f2c896c8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/cjs/{StraitsXPersonalAccountDarkLogo-95a3ea64.js → StraitsXPersonalAccountLightLogo-63cb9f22.js} +1 -1
  2. package/cjs/StraitsXPersonalAccountLightLogo-63cb9f22.js.map +1 -0
  3. package/cjs/index.js +266 -246
  4. package/cjs/index.js.map +1 -1
  5. package/cjs/logos.js +1 -1
  6. package/dist/components/Sidebar/CompanyProfileDropdown.js +11 -11
  7. package/dist/components/Sidebar/CompanyProfileDropdown.js.map +1 -1
  8. package/dist/components/Sidebar/Sidebar.js +2 -111
  9. package/dist/components/Sidebar/Sidebar.js.map +1 -1
  10. package/dist/components/Sidebar/dropdownStyles.js +120 -0
  11. package/dist/components/Sidebar/dropdownStyles.js.map +1 -0
  12. package/dist/components/Sidebar/index.js +1 -2
  13. package/dist/components/Sidebar/index.js.map +1 -1
  14. package/dist/components/Sidebar/styles.js +23 -107
  15. package/dist/components/Sidebar/styles.js.map +1 -1
  16. package/dist/index.js +1 -2
  17. package/dist/index.js.map +1 -1
  18. package/dist/types/components/Sidebar/Sidebar.d.ts +0 -28
  19. package/dist/types/components/Sidebar/dropdownStyles.d.ts +11 -0
  20. package/dist/types/components/Sidebar/index.d.ts +2 -2
  21. package/dist/types/components/Sidebar/styles.d.ts +0 -11
  22. package/dist/types/index.d.ts +1 -1
  23. package/es/StraitsXPersonalAccountLightLogo-f003f1e2.js +2 -0
  24. package/es/StraitsXPersonalAccountLightLogo-f003f1e2.js.map +1 -0
  25. package/es/index.js +382 -362
  26. package/es/index.js.map +1 -1
  27. package/es/logos.js +1 -1
  28. package/package.json +1 -1
  29. package/cjs/StraitsXPersonalAccountDarkLogo-95a3ea64.js.map +0 -1
  30. package/es/StraitsXPersonalAccountDarkLogo-85aa39f5.js +0 -2
  31. package/es/StraitsXPersonalAccountDarkLogo-85aa39f5.js.map +0 -1
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import type { SidebarVariant } from './styles';
3
- import type { CompanyOption } from './CompanyProfileDropdown';
4
3
  type SidebarBaseProps = {
5
4
  variant?: SidebarVariant;
6
5
  logo?: React.ReactNode;
@@ -9,34 +8,7 @@ type SidebarBaseProps = {
9
8
  footer?: React.ReactNode;
10
9
  };
11
10
  export declare const SidebarBase: ({ variant, logo, companyProfile, children, footer, }: SidebarBaseProps) => React.JSX.Element;
12
- type SidebarProductsGates = {
13
- treasury?: boolean;
14
- cards?: boolean;
15
- dvaPayments?: boolean;
16
- transactionHistory?: boolean;
17
- apiTools?: boolean;
18
- };
19
- type SidebarProductsProps = SidebarProductsGates & {
20
- variant?: SidebarVariant;
21
- companyProfile?: boolean;
22
- companyName?: string;
23
- companySubtitle?: string;
24
- /**
25
- * Label of the currently selected row. Shared by top-level items and
26
- * sub-items so exactly one row is ever highlighted.
27
- */
28
- activeItem?: string;
29
- onItemClick?: (label: string) => void;
30
- onCompanyProfileClick?: () => void;
31
- /** Companies listed in the SWITCH COMPANY block of the profile dropdown. */
32
- companies?: CompanyOption[];
33
- /** Renders only the company switcher in the dropdown, without menu items. */
34
- switchOnly?: boolean;
35
- onCompanyMenuItemClick?: (label: string) => void;
36
- };
37
- export declare const SidebarProducts: ({ variant, companyProfile, companyName, companySubtitle, activeItem, onItemClick, onCompanyProfileClick, companies, switchOnly, onCompanyMenuItemClick, treasury, cards, dvaPayments, transactionHistory, apiTools, }: SidebarProductsProps) => React.JSX.Element;
38
11
  declare const Sidebar: {
39
12
  Base: ({ variant, logo, companyProfile, children, footer, }: SidebarBaseProps) => React.JSX.Element;
40
- Products: ({ variant, companyProfile, companyName, companySubtitle, activeItem, onItemClick, onCompanyProfileClick, companies, switchOnly, onCompanyMenuItemClick, treasury, cards, dvaPayments, transactionHistory, apiTools, }: SidebarProductsProps) => React.JSX.Element;
41
13
  };
42
14
  export default Sidebar;
@@ -0,0 +1,11 @@
1
+ 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>;
2
+ 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>;
3
+ export declare const DropdownRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
+ active?: boolean;
5
+ }, object>;
6
+ 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>;
7
+ 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>;
8
+ 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>;
9
+ 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>;
10
+ 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>;
11
+ 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>;
@@ -1,10 +1,10 @@
1
- import Sidebar, { SidebarBase, SidebarProducts } from './Sidebar';
1
+ import Sidebar, { SidebarBase } from './Sidebar';
2
2
  import SidebarNavItem from './SidebarNavItem';
3
3
  import SidebarSubItem from './SidebarSubItem';
4
4
  import CompanyProfile from './CompanyProfile';
5
5
  import CompanyProfileDropdown, { COMPANY_MENU_ITEMS } from './CompanyProfileDropdown';
6
6
  import CopyrightNotice from './CopyrightNotice';
7
- export { SidebarBase, SidebarProducts, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, COMPANY_MENU_ITEMS, };
7
+ export { SidebarBase, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, COMPANY_MENU_ITEMS, };
8
8
  export type { SidebarVariant } from './styles';
9
9
  export type { SubItem } from './SidebarNavItem';
10
10
  export type { CompanyOption, CompanyMenuItem } from './CompanyProfileDropdown';
@@ -31,14 +31,3 @@ export declare const CompanyName: import("@emotion/styled-base").StyledComponent
31
31
  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>;
32
32
  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>;
33
33
  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>;
34
- 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>;
35
- 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>;
36
- export declare const DropdownRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
37
- active?: boolean;
38
- }, object>;
39
- 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>;
40
- 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>;
41
- 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>;
42
- 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>;
43
- 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>;
44
- 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>;
@@ -44,7 +44,7 @@ export { default as Spin } from './components/Spin';
44
44
  export { default as SummaryCard } from './components/SummaryCard';
45
45
  export { default as Timeline } from './components/Timeline';
46
46
  export { default as Coachmark } from './components/Coachmark';
47
- export { default as Sidebar, SidebarBase, SidebarProducts, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, COMPANY_MENU_ITEMS, } from './components/Sidebar';
47
+ export { default as Sidebar, SidebarBase, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, COMPANY_MENU_ITEMS, } from './components/Sidebar';
48
48
  export type { SidebarVariant, SubItem as SidebarSubItemType, CompanyOption as SidebarCompanyOption, CompanyMenuItem as SidebarCompanyMenuItem, } from './components/Sidebar';
49
49
  export { getCoachmarkJoyrideConfig } from './components/Coachmark/getJoyrideConfig';
50
50
  export * from './icons';