onekijs-ui 0.19.21 → 0.19.23

package/dist/components/alert/components/AlertComponent.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { AlertProps } from '../typings';
+declare const AlertComponent: FCC<AlertProps>;
+export default AlertComponent;

package/dist/components/alert/index.d.ts

@@ -0,0 +1,2 @@
+declare const Alert: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").AlertProps>, import("styled-components").DefaultTheme, {}, never>;
+export default Alert;

package/dist/components/alert/style.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyle } from '../../styles/typings';
+import { AlertProps } from './typings';
+declare const alertStyle: ComponentStyle<AlertProps>;
+export default alertStyle;

package/dist/components/alert/typings.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SpacingPropertyTheme, StylableProps } from '../../styles/typings';
+import { IconProps } from '../icon/typings';
+export type AlertProps = StylableProps & {
+    kind?: 'success' | 'info' | 'warning' | 'error' | 'debug';
+    icon?: boolean;
+    IconComponent?: React.FC<IconProps>;
+    marginBottom?: SpacingPropertyTheme;
+    marginTop?: SpacingPropertyTheme;
+    size?: 'small' | 'medium' | 'large';
+};

package/dist/components/card/typings.d.ts

@@ -21,4 +21,5 @@ export type CardTitleProps = {
 };
 export type FormCardProps = CardProps & FormDecoratorOptions & {
     name: string;
+    help?: ReactNode;
 };

package/dist/components/icon/CrossIcon.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare const CrossIcon: import("styled-components").StyledComponent<React.FC<React.InputHTMLAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+import { IconProps } from './typings';
+declare const CrossIcon: import("styled-components").StyledComponent<React.FC<IconProps>, import("styled-components").DefaultTheme, {}, never>;
 export default CrossIcon;

package/dist/components/icon/typings.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { Property } from 'csstype';
-import { ColorPropertyTheme } from '../../styles/typings';
+import { ColorPropertyTheme, SpacingPropertyTheme, TLength } from '../../styles/typings';
 export type IconProps = React.InputHTMLAttributes<HTMLDivElement> & {
     color?: ColorPropertyTheme | Property.Color;
+    marginRight?: SpacingPropertyTheme | Property.MarginRight<TLength>;
+    marginLeft?: SpacingPropertyTheme | Property.MarginLeft<TLength>;
 };
 export type TogglerIconProps = IconProps & {
     open?: boolean;

package/dist/components/properties/typings.d.ts

@@ -16,6 +16,7 @@ export type PropertiesProps = {
 export type PropertyProps = {
     value: ReactNode;
     name: string;
+    help?: ReactNode;
     ErrorBoundaryComponent?: ComponentType<PropsWithChildren<PropertyProps>>;
 };
 export type PropertiesContext = {
@@ -25,4 +26,4 @@ export type PropertiesContext = {
     lg?: GridSize;
     xl?: GridSize;
 };
-export type PropertiesList = AnonymousObject<ReactNode>;
+export type PropertiesList = AnonymousObject<ReactNode | Partial<PropertyProps>>;

package/dist/components/wizard/typings.d.ts

@@ -10,6 +10,7 @@ export type ControlledWizardProps = WizardProps & {
 export type StepProps = TabProps & {
     optional?: boolean;
     showTitle?: boolean;
+    help?: ReactNode;
     onTouch?: () => void;
 };
 export type FormStepProps = StepProps & {

package/dist/index.d.ts

@@ -158,6 +158,10 @@ export { default as useTableController } from './components/table/hooks/useTable
 export { default as useTableService } from './components/table/hooks/useTableService';
 export { default as useTextColumn } from './components/table/hooks/useTextColumn';
 export { default as useTextareaColumn } from './components/table/hooks/useTextareaColumn';
+export { default as AlertComponent } from './components/alert/components/AlertComponent';
+export { default as Alert } from './components/alert';
+export { default as alertStyle } from './components/alert/style';
+export { AlertProps } from './components/alert/typings';
 export { default as FormCardDisplayer } from './components/card/FormCardDisplayer';
 export { filterListStyle, tableStyle } from './components/table/style';
 export { ArrayTableProps, Cell, CheckboxColumn, CheckboxColumnOptions, ControllerTableProps, EnumColumnOptions, FormCellDisplayerProps, FormTableContext, FormTableItemDisplayerProps, FormTableProps, TableValueDisplayerProps, InputColumn, InputColumnOptions, LinkColumnOptions, SelectCell, SelectColumn, SelectColumnOptions, TableBodyCellProps, TableBodyProps, TableBodyRowProps, TableCellDisplayerProps, TableColumn, TableColumnComputedWidth, TableColumnOptions, TableColumnSpec, TableColumnWidth, TableColumnsState, TableConfig, TableController, TableExpandedProps, TableFilterOperator, TableFilterOperatorProps, TableFooterCellProps, TableFooterProps, TableHeaderCellProps, TableHeaderProps, TableItem, TableItemAdaptee, TableItemAdapter, TableItems, TableNotFoundProps, TableProps, TableRowHandler, TableSortProps, TableState, TextareaColumn, TextareaColumnOptions, UseTableController, UseTableOptions, TableCellSerializer, TableSerializerFormat } from './components/table/typings';