@evergis/uilib-gl 1.0.13 → 1.0.15

package/dist/atoms/Grid/Flex.d.ts

@@ -1,3 +1,3 @@
-import { IFlexProps } from "./types";
-export declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IFlexProps, never>;
-export declare const FlexSpan: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IFlexProps, never>;
+import { FlexProps, FlexSpanProps } from "./types";
+export declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FlexProps, never>;
+export declare const FlexSpan: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, FlexSpanProps, never>;

package/dist/atoms/Grid/types.d.ts

@@ -1,4 +1,11 @@
-export interface IFlexProps {
+import { CSSProperties } from "react";
+import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, FontSizeProps, FontWeightProps, FontStyleProps, SpaceProps, LayoutProps, TextAlignProps, PositionProps, LineHeightProps } from "styled-system";
+export interface FlexProps extends BackgroundProps, BorderProps, ColorProps, FlexboxProps, FontSizeProps, FontWeightProps, FontStyleProps, SpaceProps, LayoutProps, TextAlignProps, PositionProps, LineHeightProps {
     column?: boolean;
-    center?: boolean;
+    row?: boolean;
+    gap?: CSSProperties["gap"];
+}
+export interface FlexSpanProps extends BackgroundProps, BorderProps, ColorProps, FlexboxProps, FontSizeProps, FontWeightProps, FontStyleProps, SpaceProps, LayoutProps, TextAlignProps, PositionProps, LineHeightProps {
+    width?: string | number;
+    whiteSpace?: CSSProperties["whiteSpace"];
 }

package/dist/atoms/Icon/Icon.d.ts

@@ -283,6 +283,12 @@ export declare const iconTypes: {
     redshift: string;
     server_connection: string;
     service_connection: string;
+    column_increment: string;
+    column_unique: string;
+    column_nullable: string;
+    projection: string;
+    id: string;
+    card: string;
 };
 export declare const Icon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IIconProps, never>;
 export declare const injectIcon: (icon: IconTypesKeys) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

package/dist/molecules/NumberRangeSlider/styled.d.ts

@@ -1,3 +1,3 @@
 export declare const NumberRangeSliderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const NumberRangeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const NumberRangeContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
 export declare const SliderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/molecules/SymbolPreview/styled.d.ts

@@ -1,9 +1,9 @@
 import { HorizontalAnchorProps, VerticalAnchorProps } from "./types";
-export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps & {
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps & {
     size?: string | undefined;
 }, never>;
 export declare const ImageContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const AnchorsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const AnchorsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
 export declare const AnchorLine: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const HorizontalAnchor: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, HorizontalAnchorProps, never>;
 export declare const VerticalAnchor: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, VerticalAnchorProps, never>;

package/dist/organisms/ButtonsGroup/styled.d.ts

@@ -1,3 +1,3 @@
 import { IGroupButtonProps } from "./types";
-export declare const FlexWithMargin: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const FlexWithMargin: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
 export declare const GroupButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("../../atoms/Button").IButtonProps & IGroupButtonProps, never>;

package/dist/organisms/ButtonsGroup/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 import { IconTypesKeys } from "../../atoms/Icon";
-import { IFlexProps } from "../../atoms/Grid";
+import { FlexProps } from "../../atoms/Grid";
 export interface IButtonItemProps {
     label?: string;
     kind?: IconTypesKeys;
@@ -9,7 +9,7 @@ export interface IButtonItemProps {
     value?: string | number;
     text?: ReactNode;
 }
-export interface IButtonsGroupProps extends IFlexProps {
+export interface IButtonsGroupProps extends FlexProps {
     options: IButtonItemProps[];
     selected?: IButtonItemProps;
     className?: string;

package/dist/organisms/Card/styled.d.ts

@@ -26,5 +26,5 @@ export declare const IconsBlock: import("styled-components").StyledComponent<"sp
 export declare const marginRightStyle: {
     marginRight: string;
 };
-export declare const ActionButtonsContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const ActionButtonsContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexSpanProps, never>;
 export declare const CardBodyContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/organisms/DatePicker/styled.d.ts

@@ -27,7 +27,7 @@ export declare const RangeHeaderContainer: import("styled-components").StyledCom
 }, never>;
 export declare const HeaderTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
 export declare const HeaderSubTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;
-export declare const WeekdaysContainer: import("styled-components").StyledComponent<"div", DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const WeekdaysContainer: import("styled-components").StyledComponent<"div", DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
 export declare const WeekdaysItem: import("styled-components").StyledComponent<"span", DefaultTheme, {
     amount: number;
 }, never>;

package/dist/organisms/Radio/FlexWithMargin.d.ts

@@ -1 +1 @@
-export declare const FlexWithMargin: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const FlexWithMargin: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;

package/dist/organisms/Radio/types.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, ReactNode } from "react";
-import { IFlexProps } from "../../atoms/Grid";
+import { FlexProps } from "../../atoms/Grid";
 export interface IRadioLabelProps {
     disabled?: boolean;
 }
@@ -11,7 +11,7 @@ export interface IRadioItemProps {
     label: string;
     disabled?: boolean;
 }
-export interface IRadioGroupProps extends IFlexProps {
+export interface IRadioGroupProps extends FlexProps {
     options?: IRadioItemProps[];
     value?: string;
     disabled?: boolean;

package/dist/organisms/RangeNumberInput/styled.d.ts

@@ -1,5 +1,5 @@
 export declare const RangeSliderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const RangeSliderButtons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const RangeSliderButtons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
 export declare const RangeInputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isDate?: boolean | undefined;
 }, never>;

package/dist/organisms/Stepper/styled.d.ts

@@ -1,4 +1,4 @@
-export declare const StepTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const StepTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
 export declare const StepHeaderText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isFinished?: boolean | undefined;
     isLast?: boolean | undefined;

package/dist/organisms/Tree/styled.d.ts

@@ -3,7 +3,7 @@ export declare const TreeItems: import("styled-components").StyledComponent<"ul"
     isExpanded?: boolean | undefined;
 }, never>;
 export declare const TreeItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
-export declare const TreeRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps & {
+export declare const TreeRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps & {
     disabled?: boolean | undefined;
     hasChildren?: boolean | undefined;
 }, never>;
@@ -11,7 +11,7 @@ export declare const ExpandButton: import("styled-components").StyledComponent<"
     isExpanded?: boolean | undefined;
     hasChildren?: boolean | undefined;
 }, never>;
-export declare const TreeContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const TreeContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
 export declare const ItemIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../../atoms/Icon").IIconProps, never>;
 export declare const TreeText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TreeDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

package/dist/organisms/Uploader/styled.d.ts

@@ -4,7 +4,7 @@ export declare const UploaderItemArea: import("styled-components").StyledCompone
 export declare const UploaderItemsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     hasBorder?: boolean | undefined;
 }, never>;
-export declare const ItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const ItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     width?: string | undefined;
     minHeight?: string | undefined;
@@ -12,7 +12,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
     error?: boolean | undefined;
 }, never>;
 export declare const DragAreaWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const FileInfoTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps & {
+export declare const FileInfoTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps & {
     isFinished: boolean;
     error: boolean;
 }, never>;
@@ -24,7 +24,7 @@ export declare const FileInfoComment: import("styled-components").StyledComponen
 export declare const AdditionalInfo: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const DropHereTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const SelectFromComputerTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const UploaderTitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const UploaderTitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
 export declare const UploaderTitleImage: import("styled-components").StyledComponent<import("react").FC<import("../../atoms/Image").ImageProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const FileSymbolContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
-export declare const FileExt: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").IFlexProps, never>;
+export declare const FileSymbolContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
+export declare const FileExt: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;

package/dist/theme/ITheme.d.ts

@@ -19,6 +19,9 @@ export interface IPalette {
     elementDark: string;
     elementDarkNoAlpha: string;
     elementDeep: string;
+    elementLight: string;
+    elementOverlay: string;
+    elementTransparent: string;
     textPrimary: string;
     textSecondary: string;
     textDisabled: string;
@@ -27,6 +30,13 @@ export interface IPalette {
     iconAccent: string;
     iconDisabled: string;
     iconContrast: string;
+    menuBackground: string;
+    menuDefaultItem: string;
+    menuActiveItem: string;
+    menuActiveBackground: string;
+    menuHoverItem: string;
+    menuHoverBackground: string;
+    panelBackground: string;
 }
 export interface IShadows {
     pressed: string;
@@ -35,6 +45,16 @@ export interface IShadows {
     raised: string;
     top: string;
 }
+export interface IBorderRadius {
+    tiny: string;
+    smallest: string;
+    xSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xLarge: string;
+    xxLarge: string;
+}
 export interface IFonts {
     h1: string;
     h2: string;
@@ -124,8 +144,10 @@ export interface IIconColors {
 }
 export interface IThemeConstants {
     palette: IPalette;
+    paletteDark?: Partial<IPalette>;
     shadows: IShadows;
     fonts: IFonts;
+    borderRadius: IBorderRadius;
 }
 export interface IIconToggle {
     color: string;
@@ -178,6 +200,8 @@ export interface IDropdown {
 }
 export interface IElementsArea {
     backgroundColor: string;
+    backgroundOverlayColor: string;
+    cardOverlayColor: string;
 }
 export interface ILink {
     color: ILinkStates;

package/dist/theme/defaultThemeConstants.d.ts

@@ -3,7 +3,16 @@ export declare const palette: IPalette;
 export declare const shadows: IShadows;
 export declare const collapseDuration = 500;
 export declare const transition: ITransition;
-export declare const borderRadius = "0.125rem";
+export declare const borderRadius: {
+    tiny: string;
+    smallest: string;
+    xSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xLarge: string;
+    xxLarge: string;
+};
 /**
  * Google font sizes
  * Thin 100

package/dist/theme/getTheme.d.ts

@@ -1,2 +1,3 @@
-import { IPartialThemeConstants, ITheme, OverrideTheme } from "./ITheme";
-export declare const getTheme: ({ palette, fonts, shadows }?: IPartialThemeConstants, overrideTheme?: OverrideTheme | import("./helpers").DeepPartial<ITheme> | undefined) => ITheme;
+import { IPartialThemeConstants, ITheme, IThemeConstants, OverrideTheme } from "./ITheme";
+export declare const createTheme: ({ palette, fonts, shadows, borderRadius }: IThemeConstants) => ITheme;
+export declare const getTheme: ({ palette, fonts, shadows, borderRadius }?: IPartialThemeConstants, overrideTheme?: OverrideTheme | import("./helpers").DeepPartial<ITheme> | undefined) => ITheme;

package/dist/theme/index.d.ts

@@ -1,5 +1,6 @@
 export { theme as defaultTheme } from "./defaultTheme";
 export { theme as darkTheme } from "./darkTheme";
-export { getTheme } from "./getTheme";
+export { getTheme, createTheme } from "./getTheme";
+export type { IPartialThemeConstants, ITheme, IThemeConstants } from "./ITheme";
 export * from "./defaultThemeConstants";
 export * from "./helpers";