@xqmsg/ui-core 0.21.6 → 0.22.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 (33) hide show
  1. package/dist/components/card/Card.stories.d.ts +5 -0
  2. package/dist/components/card/index.d.ts +11 -0
  3. package/dist/components/form/section/index.d.ts +0 -1
  4. package/dist/components/icons/dropdown/index.d.ts +1 -0
  5. package/dist/components/icons/folder/fill/index.d.ts +1 -0
  6. package/dist/components/icons/index.d.ts +5 -1
  7. package/dist/components/icons/task/index.d.ts +6 -0
  8. package/dist/components/table/index.d.ts +0 -1
  9. package/dist/index.d.ts +1 -0
  10. package/dist/theme/foundations/breakpoints.d.ts +1 -1
  11. package/dist/theme/foundations/colors.d.ts +2 -0
  12. package/dist/ui-core.cjs.development.js +386 -194
  13. package/dist/ui-core.cjs.development.js.map +1 -1
  14. package/dist/ui-core.cjs.production.min.js +1 -1
  15. package/dist/ui-core.cjs.production.min.js.map +1 -1
  16. package/dist/ui-core.esm.js +386 -196
  17. package/dist/ui-core.esm.js.map +1 -1
  18. package/package.json +28 -27
  19. package/src/components/card/Card.stories.tsx +56 -0
  20. package/src/components/card/index.tsx +78 -0
  21. package/src/components/icons/dropdown/dropdown.svg +1 -1
  22. package/src/components/icons/dropdown/index.tsx +5 -2
  23. package/src/components/icons/folder/fill/folder-fill-gradient.svg +34 -0
  24. package/src/components/icons/folder/fill/index.tsx +9 -1
  25. package/src/components/icons/index.tsx +5 -0
  26. package/src/components/icons/task/index.tsx +10 -0
  27. package/src/components/icons/task/task.svg +11 -0
  28. package/src/components/input/StackedMultiSelect/index.tsx +2 -2
  29. package/src/components/input/StackedPilledInput/index.tsx +31 -29
  30. package/src/components/input/StackedSelect/index.tsx +1 -1
  31. package/src/index.tsx +3 -0
  32. package/src/theme/components/input.ts +1 -1
  33. package/src/theme/foundations/colors.ts +2 -1
@@ -0,0 +1,5 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { CardProps } from '.';
3
+ declare const meta: Meta<CardProps>;
4
+ export default meta;
5
+ export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, CardProps>;
@@ -0,0 +1,11 @@
1
+ import React, { ReactNode } from 'react';
2
+ export interface CardProps {
3
+ title: string | ReactNode;
4
+ leftIcon?: JSX.Element;
5
+ children: ReactNode | null;
6
+ height?: string | number;
7
+ }
8
+ /**
9
+ * A functional React component utilized to render the `Card` component
10
+ */
11
+ export declare const Card: React.FC<CardProps>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { FieldValues, UseFormReturn } from 'react-hook-form';
3
2
  import { FormStructure } from '../FormTypes';
4
3
  /**
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  export interface DropdownProps {
3
3
  boxSize: number | string;
4
+ disabled?: boolean;
4
5
  }
5
6
  /**
6
7
  * A functional React component utilized to render the `Dropdown` icon component
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  export interface FolderFillProps {
3
3
  boxSize: number | string;
4
+ gradient?: boolean;
4
5
  }
5
6
  /**
6
7
  * A functional React component utilized to render the `FolderFill` icon component
@@ -34,4 +34,8 @@ import { Question } from './question';
34
34
  import { Video } from './video';
35
35
  import { Page } from './page';
36
36
  import { Workspace } from './workspace';
37
- export { Checkmark, ChevronDown, ChevronRight, Clock, Close, Dropdown, Error, FileFill, FileOutline, FolderFill, FolderOutline, FolderAddFill, FolderAddOutline, Google, GoogleDrive, Group, Home, Image, Link, Menu, Microsoft, MicrosoftOneDrive, Neutral, Page, Positive, Question, Search, Services, Settings, TableFill, TableOutline, Trash, Vault, Video, Warning, Workspace, };
37
+ import { Task } from './task';
38
+ export interface IconProps {
39
+ boxSize: string;
40
+ }
41
+ export { Checkmark, ChevronDown, ChevronRight, Clock, Close, Dropdown, Error, FileFill, FileOutline, FolderFill, FolderOutline, FolderAddFill, FolderAddOutline, Google, GoogleDrive, Group, Home, Image, Link, Menu, Microsoft, MicrosoftOneDrive, Neutral, Page, Positive, Question, Search, Services, Settings, TableFill, TableOutline, Trash, Vault, Video, Warning, Workspace, Task, };
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { IconProps } from '..';
3
+ /**
4
+ * A functional React component utilized to render the `Task` icon component
5
+ */
6
+ export declare const Task: React.FC<IconProps>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ReadonlyTableColumns, TableBody, TableColumns, TableHeaders } from './TableTypes';
3
2
  export interface TableProps<T extends ReadonlyTableColumns> {
4
3
  columns: TableColumns;
package/dist/index.d.ts CHANGED
@@ -2,6 +2,7 @@ export * from './components/modal/components/action';
2
2
  export * from './components/banner';
3
3
  export * from './components/breadcrumbs';
4
4
  export * from './components/button';
5
+ export * from './components/card';
5
6
  export * from './components/button/google';
6
7
  export * from './components/button/microsoft';
7
8
  export * from './components/button/spinner';
@@ -1,3 +1,3 @@
1
1
  import { BaseBreakpointConfig } from '@chakra-ui/theme-tools';
2
- declare const breakpoints: import("@chakra-ui/theme-tools").Breakpoints<BaseBreakpointConfig>;
2
+ declare const breakpoints: import("@chakra-ui/theme-tools/dist/create-breakpoints").Breakpoints<BaseBreakpointConfig>;
3
3
  export default breakpoints;
@@ -38,6 +38,7 @@ export declare const colors: {
38
38
  border: {
39
39
  focus: string;
40
40
  default: string;
41
+ light: string;
41
42
  };
42
43
  fill: {
43
44
  light: {
@@ -135,6 +136,7 @@ declare const _default: {
135
136
  border: {
136
137
  focus: string;
137
138
  default: string;
139
+ light: string;
138
140
  };
139
141
  fill: {
140
142
  light: {