@nulogy/components 10.3.0 → 10.4.0

package/dist/src/Button/Button.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
 import { DefaultNDSThemeType } from "../theme.type";
+import icons from "@nulogy/icons";
 type ComponentSize = "small" | "medium" | "large";
 export type ButtonProps = SpaceProps & React.ComponentPropsWithRef<"button"> & {
     className?: string;
-    icon?: any;
+    icon?: keyof typeof icons | "loading";
     iconSide?: "left" | "right";
     size?: ComponentSize;
     fullWidth?: boolean;

package/dist/src/Button/ControlIcon.d.ts

@@ -1,10 +1,11 @@
+import icons from "@nulogy/icons";
 import React from "react";
 import { SpaceProps } from "styled-system";
 declare const ControlIcon: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: React.Ref<HTMLButtonElement>;
 } & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    icon: string;
+    icon: keyof typeof icons | "loading";
     toggled?: boolean;
     disabled?: boolean;
     size?: string;

package/dist/src/Button/IconicButton.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
+import icons from "@nulogy/icons";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
 interface BaseProps {
     size?: ComponentSize;
     color?: string;
     labelHidden?: boolean;
-    icon?: string;
+    icon?: keyof typeof icons | "loading";
     iconSize?: string;
     hoverBackgroundColor?: string;
     fontSize?: string;

package/dist/src/FieldLabel/FramedIcon.d.ts

@@ -1,7 +1,8 @@
 import React, { ReactElement } from "react";
+import icons from "@nulogy/icons";
 interface FramedIconProps extends React.ComponentPropsWithoutRef<"svg"> {
     iconSize: string;
-    icon: string;
+    icon: keyof typeof icons | "loading";
     focusable?: boolean;
     maxWidth?: string;
     tooltip?: string | ReactElement;

package/dist/src/Icon/Icon.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
+import icons from "@nulogy/icons";
 interface IconProps extends SpaceProps {
-    icon: string;
+    icon: keyof typeof icons | "loading";
     className?: string;
     size?: string;
     title?: string;

package/dist/src/Input/InputField.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
 import { ComponentSize } from "../NDSProvider/ComponentSizeContext";
+import icons from "@nulogy/icons";
 type NativeInputProps = Omit<React.ComponentPropsWithRef<"input">, "size">;
 export interface InputFieldProps extends NativeInputProps {
     htmlSize?: number;
     size?: ComponentSize;
-    icon?: string;
+    icon?: keyof typeof icons | "loading";
     error?: boolean;
     labelText?: string;
     requirementText?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "10.3.0",
+  "version": "10.4.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -64,7 +64,7 @@
     "@babel/preset-env": "7.3.1",
     "@babel/preset-typescript": "^7.10.4",
     "@nulogy/eslint-config-nulogy": "^1.0.0",
-    "@nulogy/icons": "4.34.1",
+    "@nulogy/icons": "^4.36.0",
     "@rollup/plugin-babel": "^5.0.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@semantic-release/changelog": "^6.0.2",