@xqmsg/ui-core 0.16.7 → 0.17.0

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 (116) hide show
  1. package/dist/0ec7ec81c9033f9a.svg +9 -0
  2. package/dist/35c8475f2bf403f9.svg +9 -0
  3. package/dist/components/icons/chevron/down/index.d.ts +8 -0
  4. package/dist/components/icons/chevron/right/index.d.ts +8 -0
  5. package/dist/components/icons/clock/index.d.ts +8 -0
  6. package/dist/components/icons/close/index.d.ts +9 -0
  7. package/dist/components/icons/dropdown/index.d.ts +8 -0
  8. package/dist/components/icons/error/index.d.ts +8 -0
  9. package/dist/components/icons/file/fill/index.d.ts +8 -0
  10. package/dist/components/icons/file/outline/index.d.ts +8 -0
  11. package/dist/components/icons/folder/add/fill/index.d.ts +8 -0
  12. package/dist/components/icons/folder/add/outline/index.d.ts +8 -0
  13. package/dist/components/icons/folder/fill/index.d.ts +8 -0
  14. package/dist/components/icons/folder/outline/index.d.ts +8 -0
  15. package/dist/components/icons/google/drive/index.d.ts +8 -0
  16. package/dist/components/icons/google/index.d.ts +8 -0
  17. package/dist/components/icons/group/index.d.ts +8 -0
  18. package/dist/components/icons/home/index.d.ts +8 -0
  19. package/dist/components/icons/image/index.d.ts +8 -0
  20. package/dist/components/icons/index.d.ts +28 -0
  21. package/dist/components/icons/link/index.d.ts +8 -0
  22. package/dist/components/icons/menu/index.d.ts +8 -0
  23. package/dist/components/icons/microsoft/index.d.ts +8 -0
  24. package/dist/components/icons/microsoft/onedrive/index.d.ts +8 -0
  25. package/dist/components/icons/neutral/index.d.ts +8 -0
  26. package/dist/components/icons/positive/index.d.ts +8 -0
  27. package/dist/components/icons/search/index.d.ts +8 -0
  28. package/dist/components/icons/settings/index.d.ts +8 -0
  29. package/dist/components/icons/table/fill/index.d.ts +8 -0
  30. package/dist/components/icons/table/outline/index.d.ts +8 -0
  31. package/dist/components/icons/trash/index.d.ts +8 -0
  32. package/dist/components/icons/warning/index.d.ts +8 -0
  33. package/dist/components/navigation/NavigationMenu.stories.d.ts +5 -0
  34. package/dist/components/navigation/components/header/index.d.ts +8 -0
  35. package/dist/components/navigation/components/items/index.d.ts +14 -0
  36. package/dist/components/navigation/index.d.ts +14 -0
  37. package/dist/index.d.ts +2 -0
  38. package/dist/ui-core.cjs.development.js +994 -99
  39. package/dist/ui-core.cjs.development.js.map +1 -1
  40. package/dist/ui-core.cjs.production.min.js +1 -1
  41. package/dist/ui-core.cjs.production.min.js.map +1 -1
  42. package/dist/ui-core.esm.js +969 -102
  43. package/dist/ui-core.esm.js.map +1 -1
  44. package/package.json +1 -1
  45. package/src/components/banner/index.tsx +9 -9
  46. package/src/components/button/google/index.tsx +7 -2
  47. package/src/components/button/microsoft/index.tsx +7 -2
  48. package/src/components/icons/chevron/down/chevron-down.svg +3 -0
  49. package/src/components/icons/chevron/down/index.tsx +14 -0
  50. package/src/components/icons/chevron/right/chevron-right.svg +3 -0
  51. package/src/components/icons/chevron/right/index.tsx +13 -0
  52. package/src/components/icons/clock/clock.svg +3 -0
  53. package/src/components/icons/clock/index.tsx +13 -0
  54. package/src/components/{input/components/token/assets/svg → icons/close}/close.svg +0 -0
  55. package/src/components/icons/close/index.tsx +14 -0
  56. package/src/components/{input/StackedSelect/assets/svg/subtract.svg → icons/dropdown/dropdown.svg} +0 -0
  57. package/src/components/icons/dropdown/index.tsx +13 -0
  58. package/src/components/{banner/assets/svg → icons/error}/error.svg +0 -0
  59. package/src/components/icons/error/index.tsx +13 -0
  60. package/src/components/icons/file/fill/file-fill.svg +4 -0
  61. package/src/components/icons/file/fill/index.tsx +13 -0
  62. package/src/components/icons/file/outline/file-outline.svg +3 -0
  63. package/src/components/icons/file/outline/index.tsx +13 -0
  64. package/src/components/icons/folder/add/fill/folder-add-fill.svg +3 -0
  65. package/src/components/icons/folder/add/fill/index.tsx +13 -0
  66. package/src/components/icons/folder/add/outline/folder-add-outline.svg +3 -0
  67. package/src/components/icons/folder/add/outline/index.tsx +15 -0
  68. package/src/components/icons/folder/fill/folder-fill.svg +4 -0
  69. package/src/components/icons/folder/fill/index.tsx +13 -0
  70. package/src/components/icons/folder/outline/folder-outline.svg +3 -0
  71. package/src/components/icons/folder/outline/index.tsx +13 -0
  72. package/src/components/icons/google/drive/google-drive.svg +9 -0
  73. package/src/components/icons/google/drive/index.tsx +13 -0
  74. package/src/components/{button/google/assets/GoogleLogo.svg → icons/google/google.svg} +0 -0
  75. package/src/components/icons/google/index.tsx +13 -0
  76. package/src/components/icons/group/group.svg +3 -0
  77. package/src/components/icons/group/index.tsx +13 -0
  78. package/src/components/icons/home/home.svg +3 -0
  79. package/src/components/icons/home/index.tsx +13 -0
  80. package/src/components/icons/image/image.svg +3 -0
  81. package/src/components/icons/image/index.tsx +13 -0
  82. package/src/components/icons/index.tsx +57 -0
  83. package/src/components/icons/link/index.tsx +13 -0
  84. package/src/components/icons/link/link.svg +4 -0
  85. package/src/components/icons/menu/index.tsx +13 -0
  86. package/src/components/icons/menu/menu.svg +3 -0
  87. package/src/components/icons/microsoft/index.tsx +13 -0
  88. package/src/components/{button/microsoft/assets/MicrosoftLogo.svg → icons/microsoft/microsoft.svg} +0 -0
  89. package/src/components/icons/microsoft/onedrive/index.tsx +15 -0
  90. package/src/components/icons/microsoft/onedrive/microsoft-onedrive.svg +9 -0
  91. package/src/components/icons/neutral/index.tsx +13 -0
  92. package/src/components/{banner/assets/svg → icons/neutral}/neutral.svg +0 -0
  93. package/src/components/icons/positive/index.tsx +13 -0
  94. package/src/components/{banner/assets/svg → icons/positive}/positive.svg +0 -0
  95. package/src/components/icons/search/index.tsx +13 -0
  96. package/src/components/icons/search/search.svg +3 -0
  97. package/src/components/icons/settings/index.tsx +14 -0
  98. package/src/components/icons/settings/settings.svg +6 -0
  99. package/src/components/icons/table/fill/index.tsx +13 -0
  100. package/src/components/icons/table/fill/table-fill.svg +3 -0
  101. package/src/components/icons/table/outline/index.tsx +13 -0
  102. package/src/components/icons/table/outline/table-outline.svg +3 -0
  103. package/src/components/icons/trash/index.tsx +13 -0
  104. package/src/components/icons/trash/trash.svg +3 -0
  105. package/src/components/icons/warning/index.tsx +13 -0
  106. package/src/components/{banner/assets/svg → icons/warning}/warning.svg +0 -0
  107. package/src/components/input/Input.stories.tsx +2 -56
  108. package/src/components/input/StackedMultiSelect/index.tsx +5 -7
  109. package/src/components/input/StackedPilledInput/index.tsx +20 -8
  110. package/src/components/input/StackedSelect/index.tsx +3 -9
  111. package/src/components/input/components/token/index.tsx +2 -7
  112. package/src/components/navigation/NavigationMenu.stories.tsx +85 -0
  113. package/src/components/navigation/components/header/index.tsx +26 -0
  114. package/src/components/navigation/components/items/index.tsx +62 -0
  115. package/src/components/navigation/index.tsx +59 -0
  116. package/src/index.tsx +6 -0
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface ChevronDownProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `ChevronDown` icon component
7
+ */
8
+ export declare const ChevronDown: React.FC<ChevronDownProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface ChevronRightProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `ChevronRight` icon component
7
+ */
8
+ export declare const ChevronRight: React.FC<ChevronRightProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface ClockProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Clock` icon component
7
+ */
8
+ export declare const Clock: React.FC<ClockProps>;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ export interface CloseProps {
3
+ boxSize: number | string;
4
+ onClick: () => void;
5
+ }
6
+ /**
7
+ * A functional React component utilized to render the `Close` icon component
8
+ */
9
+ export declare const Close: React.FC<CloseProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface DropdownProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Dropdown` icon component
7
+ */
8
+ export declare const Dropdown: React.FC<DropdownProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface ErrorProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Error` icon component
7
+ */
8
+ export declare const Error: React.FC<ErrorProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface FileFillProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `FileFill` icon component
7
+ */
8
+ export declare const FileFill: React.FC<FileFillProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface FileOutlineProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `FileOutline` icon component
7
+ */
8
+ export declare const FileOutline: React.FC<FileOutlineProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface FolderAddFillProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `FolderAddFill` icon component
7
+ */
8
+ export declare const FolderAddFill: React.FC<FolderAddFillProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface FolderAddOutlineProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `FolderAddOutline` icon component
7
+ */
8
+ export declare const FolderAddOutline: React.FC<FolderAddOutlineProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface FolderFillProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `FolderFill` icon component
7
+ */
8
+ export declare const FolderFill: React.FC<FolderFillProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface FolderOutlineProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `FolderOutline` icon component
7
+ */
8
+ export declare const FolderOutline: React.FC<FolderOutlineProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface GoogleDriveProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `GoogleDrive` icon component
7
+ */
8
+ export declare const GoogleDrive: React.FC<GoogleDriveProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface GoogleProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Google` icon component
7
+ */
8
+ export declare const Google: React.FC<GoogleProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface GroupProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Group` icon component
7
+ */
8
+ export declare const Group: React.FC<GroupProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface HomeProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Home` icon component
7
+ */
8
+ export declare const Home: React.FC<HomeProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface ImageProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Image` icon component
7
+ */
8
+ export declare const Image: React.FC<ImageProps>;
@@ -0,0 +1,28 @@
1
+ import { ChevronDown } from './chevron/down';
2
+ import { ChevronRight } from './chevron/right';
3
+ import { Clock } from './clock';
4
+ import { Close } from './close';
5
+ import { Dropdown } from './dropdown';
6
+ import { Error } from './error';
7
+ import { FileFill } from './file/fill';
8
+ import { FileOutline } from './file/outline';
9
+ import { FolderAddFill } from './folder/add/fill';
10
+ import { FolderAddOutline } from './folder/add/outline';
11
+ import { Google } from './google';
12
+ import { GoogleDrive } from './google/drive';
13
+ import { Group } from './group';
14
+ import { Home } from './home';
15
+ import { Image } from './image';
16
+ import { Link } from './link';
17
+ import { Menu } from './menu';
18
+ import { Microsoft } from './microsoft';
19
+ import { MicrosoftOneDrive } from './microsoft/onedrive';
20
+ import { Neutral } from './neutral';
21
+ import { Positive } from './positive';
22
+ import { Search } from './search';
23
+ import { Settings } from './settings';
24
+ import { TableFill } from './table/fill';
25
+ import { TableOutline } from './table/outline';
26
+ import { Trash } from './trash';
27
+ import { Warning } from './warning';
28
+ export { ChevronDown, ChevronRight, Clock, Close, Dropdown, Error, FileFill, FileOutline, FolderAddFill, FolderAddOutline, Google, GoogleDrive, Group, Home, Image, Link, Menu, Microsoft, MicrosoftOneDrive, Neutral, Positive, Search, Settings, TableFill, TableOutline, Trash, Warning, };
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface LinkProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Link` icon component
7
+ */
8
+ export declare const Link: React.FC<LinkProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface MenuProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Menu` icon component
7
+ */
8
+ export declare const Menu: React.FC<MenuProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface MicrosoftProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Microsoft` icon component
7
+ */
8
+ export declare const Microsoft: React.FC<MicrosoftProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface MicrosoftOneDriveProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `MicrosoftOneDrive` icon component
7
+ */
8
+ export declare const MicrosoftOneDrive: React.FC<MicrosoftOneDriveProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface NeutralProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Neutral` icon component
7
+ */
8
+ export declare const Neutral: React.FC<NeutralProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface PositiveProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Positive` icon component
7
+ */
8
+ export declare const Positive: React.FC<PositiveProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface SearchProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Search` icon component
7
+ */
8
+ export declare const Search: React.FC<SearchProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface SettingsProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Settings` icon component
7
+ */
8
+ export declare const Settings: React.FC<SettingsProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface TableFillProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `TableFill` icon component
7
+ */
8
+ export declare const TableFill: React.FC<TableFillProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface TableOutlineProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `TableOutline` icon component
7
+ */
8
+ export declare const TableOutline: React.FC<TableOutlineProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface TrashProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Trash` icon component
7
+ */
8
+ export declare const Trash: React.FC<TrashProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface WarningProps {
3
+ boxSize: number | string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `Warning` icon component
7
+ */
8
+ export declare const Warning: React.FC<WarningProps>;
@@ -0,0 +1,5 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { NavigationMenuProps } from '.';
3
+ declare const meta: Meta<NavigationMenuProps>;
4
+ export default meta;
5
+ export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, NavigationMenuProps>;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface NavigationMenuHeaderProps {
3
+ label: string;
4
+ }
5
+ /**
6
+ * A functional React component utilized to render the `NavigationMenuHeader` component
7
+ */
8
+ export declare const NavigationMenuHeader: React.FC<NavigationMenuHeaderProps>;
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ export interface NavigationMenuItemProps {
3
+ leftIcon: JSX.Element;
4
+ label: string;
5
+ href?: string;
6
+ isSelected: boolean;
7
+ onClick: () => void;
8
+ rightIcon?: JSX.Element;
9
+ isExternal?: boolean;
10
+ }
11
+ /**
12
+ * A functional React component utilized to render the `NavigationMenuItem` component
13
+ */
14
+ export declare const NavigationMenuItem: React.FC<NavigationMenuItemProps>;
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { NavigationMenuItemProps } from './components/items';
3
+ export interface NavigationMenuProps {
4
+ groupedMenuItems: {
5
+ groupSortValue: number;
6
+ groupHeader?: string;
7
+ groupMenuItems: NavigationMenuItemProps[];
8
+ }[];
9
+ defaultSelectedMenuItem?: string;
10
+ }
11
+ /**
12
+ * A functional React component utilized to render the `NavigationMenu` component
13
+ */
14
+ export declare const NavigationMenu: React.FC<NavigationMenuProps>;
package/dist/index.d.ts CHANGED
@@ -6,9 +6,11 @@ export * from './components/button/microsoft';
6
6
  export * from './components/button/spinner';
7
7
  export * from './components/form';
8
8
  export * from './components/form/section';
9
+ export * from './components/icons';
9
10
  export * from './components/input';
10
11
  export * from './components/layout';
11
12
  export * from './components/loading';
13
+ export * from './components/navigation';
12
14
  export * from './components/table';
13
15
  export * from './components/tabs';
14
16
  export * from './components/text';