@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.
- package/dist/0ec7ec81c9033f9a.svg +9 -0
- package/dist/35c8475f2bf403f9.svg +9 -0
- package/dist/components/icons/chevron/down/index.d.ts +8 -0
- package/dist/components/icons/chevron/right/index.d.ts +8 -0
- package/dist/components/icons/clock/index.d.ts +8 -0
- package/dist/components/icons/close/index.d.ts +9 -0
- package/dist/components/icons/dropdown/index.d.ts +8 -0
- package/dist/components/icons/error/index.d.ts +8 -0
- package/dist/components/icons/file/fill/index.d.ts +8 -0
- package/dist/components/icons/file/outline/index.d.ts +8 -0
- package/dist/components/icons/folder/add/fill/index.d.ts +8 -0
- package/dist/components/icons/folder/add/outline/index.d.ts +8 -0
- package/dist/components/icons/folder/fill/index.d.ts +8 -0
- package/dist/components/icons/folder/outline/index.d.ts +8 -0
- package/dist/components/icons/google/drive/index.d.ts +8 -0
- package/dist/components/icons/google/index.d.ts +8 -0
- package/dist/components/icons/group/index.d.ts +8 -0
- package/dist/components/icons/home/index.d.ts +8 -0
- package/dist/components/icons/image/index.d.ts +8 -0
- package/dist/components/icons/index.d.ts +28 -0
- package/dist/components/icons/link/index.d.ts +8 -0
- package/dist/components/icons/menu/index.d.ts +8 -0
- package/dist/components/icons/microsoft/index.d.ts +8 -0
- package/dist/components/icons/microsoft/onedrive/index.d.ts +8 -0
- package/dist/components/icons/neutral/index.d.ts +8 -0
- package/dist/components/icons/positive/index.d.ts +8 -0
- package/dist/components/icons/search/index.d.ts +8 -0
- package/dist/components/icons/settings/index.d.ts +8 -0
- package/dist/components/icons/table/fill/index.d.ts +8 -0
- package/dist/components/icons/table/outline/index.d.ts +8 -0
- package/dist/components/icons/trash/index.d.ts +8 -0
- package/dist/components/icons/warning/index.d.ts +8 -0
- package/dist/components/navigation/NavigationMenu.stories.d.ts +5 -0
- package/dist/components/navigation/components/header/index.d.ts +8 -0
- package/dist/components/navigation/components/items/index.d.ts +14 -0
- package/dist/components/navigation/index.d.ts +14 -0
- package/dist/index.d.ts +2 -0
- package/dist/ui-core.cjs.development.js +994 -99
- package/dist/ui-core.cjs.development.js.map +1 -1
- package/dist/ui-core.cjs.production.min.js +1 -1
- package/dist/ui-core.cjs.production.min.js.map +1 -1
- package/dist/ui-core.esm.js +969 -102
- package/dist/ui-core.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/banner/index.tsx +9 -9
- package/src/components/button/google/index.tsx +7 -2
- package/src/components/button/microsoft/index.tsx +7 -2
- package/src/components/icons/chevron/down/chevron-down.svg +3 -0
- package/src/components/icons/chevron/down/index.tsx +14 -0
- package/src/components/icons/chevron/right/chevron-right.svg +3 -0
- package/src/components/icons/chevron/right/index.tsx +13 -0
- package/src/components/icons/clock/clock.svg +3 -0
- package/src/components/icons/clock/index.tsx +13 -0
- package/src/components/{input/components/token/assets/svg → icons/close}/close.svg +0 -0
- package/src/components/icons/close/index.tsx +14 -0
- package/src/components/{input/StackedSelect/assets/svg/subtract.svg → icons/dropdown/dropdown.svg} +0 -0
- package/src/components/icons/dropdown/index.tsx +13 -0
- package/src/components/{banner/assets/svg → icons/error}/error.svg +0 -0
- package/src/components/icons/error/index.tsx +13 -0
- package/src/components/icons/file/fill/file-fill.svg +4 -0
- package/src/components/icons/file/fill/index.tsx +13 -0
- package/src/components/icons/file/outline/file-outline.svg +3 -0
- package/src/components/icons/file/outline/index.tsx +13 -0
- package/src/components/icons/folder/add/fill/folder-add-fill.svg +3 -0
- package/src/components/icons/folder/add/fill/index.tsx +13 -0
- package/src/components/icons/folder/add/outline/folder-add-outline.svg +3 -0
- package/src/components/icons/folder/add/outline/index.tsx +15 -0
- package/src/components/icons/folder/fill/folder-fill.svg +4 -0
- package/src/components/icons/folder/fill/index.tsx +13 -0
- package/src/components/icons/folder/outline/folder-outline.svg +3 -0
- package/src/components/icons/folder/outline/index.tsx +13 -0
- package/src/components/icons/google/drive/google-drive.svg +9 -0
- package/src/components/icons/google/drive/index.tsx +13 -0
- package/src/components/{button/google/assets/GoogleLogo.svg → icons/google/google.svg} +0 -0
- package/src/components/icons/google/index.tsx +13 -0
- package/src/components/icons/group/group.svg +3 -0
- package/src/components/icons/group/index.tsx +13 -0
- package/src/components/icons/home/home.svg +3 -0
- package/src/components/icons/home/index.tsx +13 -0
- package/src/components/icons/image/image.svg +3 -0
- package/src/components/icons/image/index.tsx +13 -0
- package/src/components/icons/index.tsx +57 -0
- package/src/components/icons/link/index.tsx +13 -0
- package/src/components/icons/link/link.svg +4 -0
- package/src/components/icons/menu/index.tsx +13 -0
- package/src/components/icons/menu/menu.svg +3 -0
- package/src/components/icons/microsoft/index.tsx +13 -0
- package/src/components/{button/microsoft/assets/MicrosoftLogo.svg → icons/microsoft/microsoft.svg} +0 -0
- package/src/components/icons/microsoft/onedrive/index.tsx +15 -0
- package/src/components/icons/microsoft/onedrive/microsoft-onedrive.svg +9 -0
- package/src/components/icons/neutral/index.tsx +13 -0
- package/src/components/{banner/assets/svg → icons/neutral}/neutral.svg +0 -0
- package/src/components/icons/positive/index.tsx +13 -0
- package/src/components/{banner/assets/svg → icons/positive}/positive.svg +0 -0
- package/src/components/icons/search/index.tsx +13 -0
- package/src/components/icons/search/search.svg +3 -0
- package/src/components/icons/settings/index.tsx +14 -0
- package/src/components/icons/settings/settings.svg +6 -0
- package/src/components/icons/table/fill/index.tsx +13 -0
- package/src/components/icons/table/fill/table-fill.svg +3 -0
- package/src/components/icons/table/outline/index.tsx +13 -0
- package/src/components/icons/table/outline/table-outline.svg +3 -0
- package/src/components/icons/trash/index.tsx +13 -0
- package/src/components/icons/trash/trash.svg +3 -0
- package/src/components/icons/warning/index.tsx +13 -0
- package/src/components/{banner/assets/svg → icons/warning}/warning.svg +0 -0
- package/src/components/input/Input.stories.tsx +2 -56
- package/src/components/input/StackedMultiSelect/index.tsx +5 -7
- package/src/components/input/StackedPilledInput/index.tsx +20 -8
- package/src/components/input/StackedSelect/index.tsx +3 -9
- package/src/components/input/components/token/index.tsx +2 -7
- package/src/components/navigation/NavigationMenu.stories.tsx +85 -0
- package/src/components/navigation/components/header/index.tsx +26 -0
- package/src/components/navigation/components/items/index.tsx +62 -0
- package/src/components/navigation/index.tsx +59 -0
- package/src/index.tsx +6 -0
|
@@ -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,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 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,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';
|