@nulogy/components 9.0.3 → 10.0.1

package/dist/src/StyledProps/index.d.ts

@@ -1,8 +1,29 @@
-import { SpaceProps, ColorProps, TypographyProps, LayoutProps, BoxShadowProps, BorderProps, OverflowProps, FlexboxProps } from "styled-system";
-import { TextOverflowProps } from "./textOverflow";
-import { CursorProps } from "./cursor";
-import { TransformProps } from "./transform";
-import { TransitionProps } from "./transition";
-import { VisibilityProps } from "./visibility";
+import type { SpaceProps, PaddingProps, MarginProps, WidthProps, FontSizeProps, FontFamilyProps, TextAlignProps, LineHeightProps, FontWeightProps, FontStyleProps, LetterSpacingProps, DisplayProps, MaxWidthProps, MinWidthProps, HeightProps, MaxHeightProps, MinHeightProps, SizeProps, VerticalAlignProps, AlignItemsProps, AlignContentProps, JustifyItemsProps, JustifyContentProps, FlexWrapProps, FlexBasisProps, FlexDirectionProps, FlexProps, JustifySelfProps, AlignSelfProps, OrderProps, GridGapProps, GridColumnGapProps, GridRowGapProps, GridColumnProps, GridRowProps, GridAutoFlowProps, GridAutoColumnsProps, GridAutoRowsProps, GridTemplateColumnsProps, GridTemplateRowsProps, GridTemplateAreasProps, GridAreaProps, BorderProps, BorderTopProps, BorderRightProps, BorderBottomProps, BorderLeftProps, BordersProps, BorderColorProps, BorderRadiusProps, BoxShadowProps, OpacityProps, OverflowProps, BackgroundProps, BackgroundImageProps, BackgroundPositionProps, BackgroundRepeatProps, BackgroundSizeProps, PositionProps, ZIndexProps, TopProps, RightProps, BottomProps, LeftProps, TextStyleProps, ColorStyleProps, ButtonStyleProps, FlexboxProps, GridProps, BackgroundColorProps, FlexGrowProps, TypographyProps, LayoutProps } from "styled-system";
+import { CSSProperties } from "react";
 export declare const addStyledProps: import("styled-system").styleFn;
-export type StyledProps = BorderProps & BoxShadowProps & ColorProps & CursorProps & LayoutProps & OverflowProps & SpaceProps & TextOverflowProps & TransformProps & TransitionProps & TypographyProps & VisibilityProps & FlexboxProps;
+interface TransitionProps {
+    transition?: CSSProperties["transition"];
+    transitionDelay?: CSSProperties["transitionDelay"];
+    transitionProperty?: CSSProperties["transition"];
+    transitionDuration?: CSSProperties["transitionDuration"];
+    transitionTimingFunction?: CSSProperties["transitionTimingFunction"];
+}
+interface TransformProps {
+    transform?: CSSProperties["transform"];
+    transformOrigin?: CSSProperties["transformOrigin"];
+    transformStyle?: CSSProperties["transformStyle"];
+    transformBox?: CSSProperties["transformBox"];
+}
+export type TextOverflowProps = {
+    whiteSpace?: CSSProperties["whiteSpace"];
+    textOverflow?: CSSProperties["textOverflow"];
+};
+export type VisibilityProps = {
+    visibility?: CSSProperties["visibility"];
+};
+export type CursorProps = {
+    cursor?: CSSProperties["cursor"];
+};
+export interface StyledProps extends SpaceProps, BackgroundColorProps, LayoutProps, FlexGrowProps, TypographyProps, MarginProps, PaddingProps, WidthProps, FontSizeProps, FontFamilyProps, TextAlignProps, LineHeightProps, FontWeightProps, FontStyleProps, LetterSpacingProps, DisplayProps, MaxWidthProps, MinWidthProps, HeightProps, MaxHeightProps, MinHeightProps, SizeProps, VerticalAlignProps, AlignItemsProps, AlignContentProps, JustifyItemsProps, JustifyContentProps, FlexWrapProps, FlexBasisProps, FlexDirectionProps, FlexProps, FlexboxProps, JustifySelfProps, AlignSelfProps, OrderProps, GridProps, GridGapProps, GridColumnGapProps, GridRowGapProps, GridColumnProps, GridRowProps, GridAutoFlowProps, GridAutoColumnsProps, GridAutoRowsProps, GridTemplateColumnsProps, GridTemplateRowsProps, GridTemplateAreasProps, GridAreaProps, BorderProps, BorderTopProps, BorderRightProps, BorderBottomProps, BorderLeftProps, BordersProps, BorderRadiusProps, BoxShadowProps, OpacityProps, OverflowProps, BorderColorProps, BackgroundProps, PositionProps, ZIndexProps, TopProps, RightProps, BottomProps, LeftProps, TextStyleProps, ColorStyleProps, ButtonStyleProps, TransitionProps, TransformProps, BackgroundImageProps, BackgroundPositionProps, BackgroundRepeatProps, BackgroundSizeProps, TextOverflowProps, VisibilityProps, CursorProps {
+}
+export {};

package/dist/src/Tabs/TabContainer.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const TabContainer: import("styled-components").StyledComponent<import("react").FC<import("../Box/Box").BoxProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const TabContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps, never>;
 export default TabContainer;

package/dist/src/Tooltip/TooltipContainer.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { PositionProps } from "styled-system";
 import { DefaultNDSThemeType } from "../theme.type";
-declare const TooltipContainer: import("styled-components").StyledComponent<import("react").FC<import("../Box/Box").BoxProps>, import("styled-components").DefaultTheme, {
+declare const TooltipContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box/Box").BoxProps & PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
     theme?: DefaultNDSThemeType;
     dataPlacement?: "top" | "bottom" | "left" | "right";
     open?: boolean;

package/dist/src/Type/Headings.d.ts

@@ -4,8 +4,8 @@ export declare const Heading1: import("styled-components").StyledComponent<"p",
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;
-} & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BoxShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/cursor").CursorProps & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/textOverflow").TextOverflowProps & import("../StyledProps/transform").TransformProps & import("../StyledProps/transition").TransitionProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("../StyledProps/visibility").VisibilityProps & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
-    theme?: import("../theme.type").DefaultNDSThemeType;
+} & import("../StyledProps").StyledProps & {
+    theme?: import("..").DefaultNDSThemeType;
 } & {
     slot?: string;
     style?: import("react").CSSProperties;
@@ -278,8 +278,8 @@ export declare const Heading2: import("styled-components").StyledComponent<"p",
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;
-} & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BoxShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/cursor").CursorProps & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/textOverflow").TextOverflowProps & import("../StyledProps/transform").TransformProps & import("../StyledProps/transition").TransitionProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("../StyledProps/visibility").VisibilityProps & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
-    theme?: import("../theme.type").DefaultNDSThemeType;
+} & import("../StyledProps").StyledProps & {
+    theme?: import("..").DefaultNDSThemeType;
 } & {
     slot?: string;
     style?: import("react").CSSProperties;
@@ -552,8 +552,8 @@ export declare const Heading3: import("styled-components").StyledComponent<"p",
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;
-} & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BoxShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/cursor").CursorProps & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/textOverflow").TextOverflowProps & import("../StyledProps/transform").TransformProps & import("../StyledProps/transition").TransitionProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("../StyledProps/visibility").VisibilityProps & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
-    theme?: import("../theme.type").DefaultNDSThemeType;
+} & import("../StyledProps").StyledProps & {
+    theme?: import("..").DefaultNDSThemeType;
 } & {
     slot?: string;
     style?: import("react").CSSProperties;
@@ -826,8 +826,8 @@ export declare const Heading4: import("styled-components").StyledComponent<"p",
     disabled?: boolean;
     textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
     fontSize?: string;
-} & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BoxShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/cursor").CursorProps & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/textOverflow").TextOverflowProps & import("../StyledProps/transform").TransformProps & import("../StyledProps/transition").TransitionProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("../StyledProps/visibility").VisibilityProps & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
-    theme?: import("../theme.type").DefaultNDSThemeType;
+} & import("../StyledProps").StyledProps & {
+    theme?: import("..").DefaultNDSThemeType;
 } & {
     slot?: string;
     style?: import("react").CSSProperties;

package/dist/src/Type/Text.d.ts

@@ -14,7 +14,7 @@ declare const Text: import("styled-components").StyledComponent<"p", import("sty
     disabled?: boolean;
     textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
     fontSize?: string;
-} & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BoxShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/cursor").CursorProps & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").OverflowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("../StyledProps/textOverflow").TextOverflowProps & import("../StyledProps/transform").TransformProps & import("../StyledProps/transition").TransitionProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("../StyledProps/visibility").VisibilityProps & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+} & StyledProps & {
     theme?: DefaultNDSThemeType;
 }, never>;
 export default Text;

package/dist/src/index.d.ts

@@ -1,4 +1,5 @@
-export { Alert } from "./Alert";
+export { Alert, NotificationTypes } from "./Alert";
+export type { NotificationType } from "./Alert";
 export { AsyncSelect } from "./AsyncSelect";
 export { Banner } from "./Banner";
 export { AnimatedBox, Box } from "./Box";
@@ -44,7 +45,7 @@ export type { TableCellInfoType, TableColumnType, TableProps, TableRowType } fro
 export { Tab, Tabs } from "./Tabs";
 export { Textarea } from "./Textarea";
 export { default as theme } from "./theme";
-export type { ThemeType } from "./theme.type";
+export type { ThemeType, DefaultNDSThemeType } from "./theme.type";
 export { TimePicker } from "./TimePicker";
 export { TimeRange } from "./TimeRange";
 export { Toast } from "./Toast";

package/dist/src/theme.d.ts

@@ -1,3 +1,3 @@
-import { DefaultNDSThemeType } from "./theme.type";
+import type { DefaultNDSThemeType } from "./theme.type";
 declare const Theme: DefaultNDSThemeType;
 export default Theme;

package/dist/src/theme.type.d.ts

@@ -1,4 +1,4 @@
-type Colors = {
+interface Colors {
     black: string;
     blackBlue: string;
     darkBlue: string;
@@ -22,8 +22,8 @@ type Colors = {
     categorical4: string;
     categorical5: string;
     categorical6: string;
-};
-type FontSizes = {
+}
+interface FontSizes {
     smaller: string;
     small: string;
     medium: string;
@@ -34,8 +34,8 @@ type FontSizes = {
     heading2: string;
     heading3: string;
     heading4: string;
-};
-type LineHeights = {
+}
+interface LineHeights {
     base: string;
     smallTextBase: string;
     smallTextCompressed: string;
@@ -47,14 +47,14 @@ type LineHeights = {
     title: string;
     sectionTitle: string;
     subsectionTitle: string;
-};
-type FontWeights = {
+}
+interface FontWeights {
     light: number;
     normal: number;
     medium: number;
     bold: number;
-};
-type Space = {
+}
+interface Space {
     none: string;
     half: string;
     x1: string;
@@ -64,33 +64,33 @@ type Space = {
     x5: string;
     x6: string;
     x8: string;
-};
-type Fonts = {
+}
+interface Fonts {
     base: string;
     mono: string;
     sc: string;
-};
+}
 type Borders = Array<any>;
-type Shadows = {
+interface Shadows {
     small: string;
     medium: string;
     large: string;
     focus: string;
     error: string;
-};
-type Radii = {
+}
+interface Radii {
     small: string;
     medium: string;
     circle: string;
-};
-export type Breakpoints = {
+}
+export interface Breakpoints {
     extraSmall: string;
     small: string;
     medium: string;
     large: string;
     extraLarge: string;
-};
-type ZIndices = {
+}
+interface ZIndices {
     content: number;
     tabsScollIndicator: number;
     tabsBar: number;
@@ -101,8 +101,8 @@ type ZIndices = {
     openControl: number;
     sidebar: number;
     navBar: number;
-};
-export type DefaultNDSThemeType = {
+}
+export interface DefaultNDSThemeType {
     colors: Colors;
     fontSizes: FontSizes;
     lineHeights: LineHeights;
@@ -115,7 +115,7 @@ export type DefaultNDSThemeType = {
     radii: Radii;
     breakpoints: Breakpoints;
     zIndices: ZIndices;
-};
+}
 type RecursivePartial<T> = {
     [P in keyof T]?: RecursivePartial<T[P]>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "9.0.3",
+  "version": "10.0.1",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -121,7 +121,6 @@
     "react-color": "^2.18.1",
     "react-dom": "17.0.2",
     "react-router-dom": "^5.2.0",
-    "react-select": "^5.8.0",
     "react-test-renderer": "^16.10",
     "rollup": "^2.7.3",
     "rollup-plugin-babel": "^4.4.0",
@@ -161,8 +160,9 @@
     "react-popper": "1.3.11",
     "react-popper-2": "npm:react-popper@2.2.4",
     "react-resize-detector": "^9.1.0",
-    "react-windowed-select": "2.0.5",
+    "react-windowed-select": "^5.2.0",
     "smoothscroll-polyfill": "^0.4.4",
+    "react-select": "^5.8.0",
     "styled-system": "^5.1.4",
     "@types/styled-system": "5.1.22"
   },

package/dist/src/StyledProps/cursor.d.ts

@@ -1,4 +0,0 @@
-export type CursorProps = {
-    cursor?: "string";
-};
-export declare const cursor: import("styled-system").styleFn;

package/dist/src/StyledProps/textOverflow.d.ts

@@ -1,5 +0,0 @@
-export type TextOverflowProps = {
-    whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap" | "initial" | "inherit";
-    textOverflow?: "clip" | "ellipsis" | "string" | "initial" | "inherit";
-};
-export declare const textOverflow: import("styled-system").styleFn;

package/dist/src/StyledProps/transform.d.ts

@@ -1,4 +0,0 @@
-export type TransformProps = {
-    transform?: string;
-};
-export declare const transform: import("styled-system").styleFn;

package/dist/src/StyledProps/transition.d.ts

@@ -1,8 +0,0 @@
-export type TransitionProps = {
-    transition?: string;
-    transitionProperty?: string;
-    transitonDuration?: string;
-    transitionTimingFunction?: string;
-    transitionDelay?: string;
-};
-export declare const transition: import("styled-system").styleFn;

package/dist/src/StyledProps/visibility.d.ts

@@ -1,4 +0,0 @@
-export type VisibilityProps = {
-    visibility?: "hidden" | "visible";
-};
-export declare const visibility: import("styled-system").styleFn;