@avsync.live/formation - npm Package Compare versions

Comparing version 0.9.18 to 0.9.19

dist/cjs/components/Label/Label.d.ts

 /// <reference types="react" />
-export declare type Color = 'red' | 'pink' | 'purple' | 'darkpurple' | 'indigo' | 'blue' | 'lightblue' | 'cyan' | 'teal' | 'orange';
+import { ColorType } from '../../types';
 interface Props {
     label: string;
-    color: Color;
+    color: ColorType;
+    title?: string;
 }
-export declare const Label: ({ label, color }: Props) => JSX.Element;
+export declare const Label: ({ label, color, title }: Props) => JSX.Element;
 export {};

dist/cjs/components/Select/Select.d.ts

 /// <reference types="react" />
 import { IconName, IconPrefix } from '@fortawesome/fontawesome-common-types';
 interface Props {
+    value: string;
+    label?: string;
+    onChange: (arg0: string) => void;
+    error?: string;
+    options: string[];
     icon?: IconName;
     iconPrefix?: IconPrefix;
-    value: string;
-    onChange: (value: string) => void;
-    onChangeIndexFunction?: Function;
-    title?: string;
-    id?: string;
-    options: string[];
-    placeholder?: string;
-    disabled?: boolean;
-    activeOptionIndex?: number;
 }
-export declare const Select: ({ icon, iconPrefix, value, onChange, onChangeIndexFunction, title, id, options, placeholder, disabled, activeOptionIndex }: Props) => JSX.Element;
+export declare const Select: ({ value, onChange, label, error, options, icon, iconPrefix }: Props) => JSX.Element;
 export {};

dist/cjs/components/TextInput/TextInput.d.ts

 /// <reference types="react" />
 import { IconName, IconPrefix } from '@fortawesome/fontawesome-common-types';
+import { ColorType } from '../../types';
 declare type Props = {
@@ -22,4 +23,5 @@ name?: string;
     ref?: any;
+    labelColor?: ColorType;
 };
-export declare const TextInput: ({ label, error, success, disabled, textarea, type, onChange, id, value, autoFocus, icon, iconPrefix, tooltip, onClick, preventFocus, onBlur, ref }: Props) => JSX.Element;
+export declare const TextInput: ({ label, error, success, disabled, textarea, type, onChange, id, value, autoFocus, icon, iconPrefix, tooltip, onClick, preventFocus, onBlur, ref, labelColor }: Props) => JSX.Element;
 export {};

dist/cjs/internal.d.ts

@@ -1,3 +0,3 @@
-import { getSuperscriptOrdinal, getOrdinal, isTouchCapable, reorderItems } from './utils';
-export { getSuperscriptOrdinal, getOrdinal, isTouchCapable, reorderItems };
+import { getSuperscriptOrdinal, getOrdinal, isTouchCapable, reorderItems, getBackground, getOutline } from './utils';
+export { getSuperscriptOrdinal, getOrdinal, isTouchCapable, reorderItems, getBackground, getOutline };
 import { useBreakpoint, useOnClickOutside, useScrollTo } from './hooks';
@@ -40,4 +40,5 @@ export { useBreakpoint, useOnClickOutside, useScrollTo };
 import { Select } from './components/Select/Select';
+import { LabelColorPicker } from './components/LabelColorPicker/LabelColorPicker';
 import { ListEditor, List, ListItem, ListItemEditor, ListItems, Slot, Toolbar, ListItemMode, ListItemType, Lists } from './components/ListEditor';
-export { ArticlePreview, Article, Search, Radio, Button, Notification, TextInput, Dropdown, OptionsType, Sidebar, Navs, Select, ListEditor, List, ListItemEditor, ListItem, ListItems, Slot, Toolbar, ListItemMode, ListItemType, Lists };
+export { ArticlePreview, Article, Search, Radio, Button, Notification, TextInput, Dropdown, OptionsType, Sidebar, Navs, Select, ListEditor, List, ListItemEditor, ListItem, ListItems, Slot, Toolbar, ListItemMode, ListItemType, Lists, LabelColorPicker };
 import { Navigation } from './components/Navigation/Navigation';
@@ -50,4 +51,6 @@ import { Location } from './components/Location/Location';
 import { TimeZone } from './components/TimeZone/TimeZone';
-export { Navigation, Location, TimePicker, DatePicker, Tags, Tabs, TimeZone };
+import { LabelEditor } from './components/LabelEditor/LabelEditor';
+export { Navigation, Location, TimePicker, DatePicker, Tags, Tabs, TimeZone, LabelEditor };
 import { DateAndTimePicker } from './components/DateAndTimePicker/DateAndTimePicker';
-export { DateAndTimePicker };
+import { LabelManager } from './components/LabelManager/LabelManager';
+export { DateAndTimePicker, LabelManager };

dist/cjs/utils.d.ts

@@ -5,1 +5,3 @@ export declare const getSuperscriptOrdinal: (number: number) => "st" | "nd" | "rd" | "th";
 export declare const reorderItems: (items: any[], previousIndex: number, nextIndex: number) => any[];
+export declare const getBackground: (color: string) => string;
+export declare const getOutline: (color: string) => "var(--F_Label_Outline_Red)" | "var(--F_Label_Outline_Pink)" | "var(--F_Label_Outline_Purple)" | "var(--F_Label_Outline_Dark_Purple)" | "var(--F_Label_Outline_Indigo)" | "var(--F_Label_Outline_Blue)" | "var(--F_Label_Outline_Light_Blue)" | "var(--F_Label_Outline_Cyan)" | "var(--F_Label_Outline_Teal)" | "var(--F_Label_Outline_Orange)" | "var(--F_Label_Outline_Gray)";

dist/esm/components/Label/Label.d.ts

 /// <reference types="react" />
-export declare type Color = 'red' | 'pink' | 'purple' | 'darkpurple' | 'indigo' | 'blue' | 'lightblue' | 'cyan' | 'teal' | 'orange';
+import { ColorType } from '../../types';
 interface Props {
     label: string;
-    color: Color;
+    color: ColorType;
+    title?: string;
 }
-export declare const Label: ({ label, color }: Props) => JSX.Element;
+export declare const Label: ({ label, color, title }: Props) => JSX.Element;
 export {};

dist/esm/components/Select/Select.d.ts

 /// <reference types="react" />
 import { IconName, IconPrefix } from '@fortawesome/fontawesome-common-types';
 interface Props {
+    value: string;
+    label?: string;
+    onChange: (arg0: string) => void;
+    error?: string;
+    options: string[];
     icon?: IconName;
     iconPrefix?: IconPrefix;
-    value: string;
-    onChange: (value: string) => void;
-    onChangeIndexFunction?: Function;
-    title?: string;
-    id?: string;
-    options: string[];
-    placeholder?: string;
-    disabled?: boolean;
-    activeOptionIndex?: number;
 }
-export declare const Select: ({ icon, iconPrefix, value, onChange, onChangeIndexFunction, title, id, options, placeholder, disabled, activeOptionIndex }: Props) => JSX.Element;
+export declare const Select: ({ value, onChange, label, error, options, icon, iconPrefix }: Props) => JSX.Element;
 export {};

dist/esm/components/TextInput/TextInput.d.ts

 /// <reference types="react" />
 import { IconName, IconPrefix } from '@fortawesome/fontawesome-common-types';
+import { ColorType } from '../../types';
 declare type Props = {
@@ -22,4 +23,5 @@ name?: string;
     ref?: any;
+    labelColor?: ColorType;
 };
-export declare const TextInput: ({ label, error, success, disabled, textarea, type, onChange, id, value, autoFocus, icon, iconPrefix, tooltip, onClick, preventFocus, onBlur, ref }: Props) => JSX.Element;
+export declare const TextInput: ({ label, error, success, disabled, textarea, type, onChange, id, value, autoFocus, icon, iconPrefix, tooltip, onClick, preventFocus, onBlur, ref, labelColor }: Props) => JSX.Element;
 export {};

dist/esm/internal.d.ts

@@ -1,3 +0,3 @@
-import { getSuperscriptOrdinal, getOrdinal, isTouchCapable, reorderItems } from './utils';
-export { getSuperscriptOrdinal, getOrdinal, isTouchCapable, reorderItems };
+import { getSuperscriptOrdinal, getOrdinal, isTouchCapable, reorderItems, getBackground, getOutline } from './utils';
+export { getSuperscriptOrdinal, getOrdinal, isTouchCapable, reorderItems, getBackground, getOutline };
 import { useBreakpoint, useOnClickOutside, useScrollTo } from './hooks';
@@ -40,4 +40,5 @@ export { useBreakpoint, useOnClickOutside, useScrollTo };
 import { Select } from './components/Select/Select';
+import { LabelColorPicker } from './components/LabelColorPicker/LabelColorPicker';
 import { ListEditor, List, ListItem, ListItemEditor, ListItems, Slot, Toolbar, ListItemMode, ListItemType, Lists } from './components/ListEditor';
-export { ArticlePreview, Article, Search, Radio, Button, Notification, TextInput, Dropdown, OptionsType, Sidebar, Navs, Select, ListEditor, List, ListItemEditor, ListItem, ListItems, Slot, Toolbar, ListItemMode, ListItemType, Lists };
+export { ArticlePreview, Article, Search, Radio, Button, Notification, TextInput, Dropdown, OptionsType, Sidebar, Navs, Select, ListEditor, List, ListItemEditor, ListItem, ListItems, Slot, Toolbar, ListItemMode, ListItemType, Lists, LabelColorPicker };
 import { Navigation } from './components/Navigation/Navigation';
@@ -50,4 +51,6 @@ import { Location } from './components/Location/Location';
 import { TimeZone } from './components/TimeZone/TimeZone';
-export { Navigation, Location, TimePicker, DatePicker, Tags, Tabs, TimeZone };
+import { LabelEditor } from './components/LabelEditor/LabelEditor';
+export { Navigation, Location, TimePicker, DatePicker, Tags, Tabs, TimeZone, LabelEditor };
 import { DateAndTimePicker } from './components/DateAndTimePicker/DateAndTimePicker';
-export { DateAndTimePicker };
+import { LabelManager } from './components/LabelManager/LabelManager';
+export { DateAndTimePicker, LabelManager };

dist/esm/utils.d.ts

@@ -5,1 +5,3 @@ export declare const getSuperscriptOrdinal: (number: number) => "st" | "nd" | "rd" | "th";
 export declare const reorderItems: (items: any[], previousIndex: number, nextIndex: number) => any[];
+export declare const getBackground: (color: string) => string;
+export declare const getOutline: (color: string) => "var(--F_Label_Outline_Red)" | "var(--F_Label_Outline_Pink)" | "var(--F_Label_Outline_Purple)" | "var(--F_Label_Outline_Dark_Purple)" | "var(--F_Label_Outline_Indigo)" | "var(--F_Label_Outline_Blue)" | "var(--F_Label_Outline_Light_Blue)" | "var(--F_Label_Outline_Cyan)" | "var(--F_Label_Outline_Teal)" | "var(--F_Label_Outline_Orange)" | "var(--F_Label_Outline_Gray)";

dist/index.d.ts

@@ -254,2 +254,4 @@ /// <reference types="react" />
 
+declare type ColorType = 'red' | 'pink' | 'purple' | 'darkpurple' | 'indigo' | 'blue' | 'lightblue' | 'cyan' | 'teal' | 'orange' | string;
+
 interface Props$c {
@@ -333,4 +335,5 @@ value: number[];
     ref?: any;
+    labelColor?: ColorType;
 };
-declare const TextInput: ({ label, error, success, disabled, textarea, type, onChange, id, value, autoFocus, icon, iconPrefix, tooltip, onClick, preventFocus, onBlur, ref }: Props$6) => JSX.Element;
+declare const TextInput: ({ label, error, success, disabled, textarea, type, onChange, id, value, autoFocus, icon, iconPrefix, tooltip, onClick, preventFocus, onBlur, ref, labelColor }: Props$6) => JSX.Element;
 
@@ -358,15 +361,11 @@ interface NavProps {
 interface Props$4 {
+    value: string;
+    label?: string;
+    onChange: (arg0: string) => void;
+    error?: string;
+    options: string[];
     icon?: IconName;
     iconPrefix?: IconPrefix;
-    value: string;
-    onChange: (value: string) => void;
-    onChangeIndexFunction?: Function;
-    title?: string;
-    id?: string;
-    options: string[];
-    placeholder?: string;
-    disabled?: boolean;
-    activeOptionIndex?: number;
 }
-declare const Select: ({ icon, iconPrefix, value, onChange, onChangeIndexFunction, title, id, options, placeholder, disabled, activeOptionIndex }: Props$4) => JSX.Element;
+declare const Select: ({ value, onChange, label, error, options, icon, iconPrefix }: Props$4) => JSX.Element;
 
@@ -373,0 +372,0 @@ interface Props$3 {

package.json

@@ -7,3 +7,3 @@ {
   },
-  "version": "0.9.18",
+  "version": "0.9.19",
   "description": "A comprehensive component library built on React, Styled Components and CSS variables.",
@@ -10,0 +10,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

571315

increased by3.37%

Number of package files

167

increased by7.74%

Lines of code

4582

increased by3.29%

No dependency changes