amotify 0.0.12 → 0.0.14

package/@types/amot.tsx

@@ -1,3 +1,10 @@
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+import * as FontawesomeCore from '@fortawesome/fontawesome-svg-core';
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import * as ReactRouterDOM from 'react-router-dom';
+
 export { }
 declare global {
   type ReactElement = React.ReactNode | React.ReactNode[]
@@ -35,6 +42,19 @@ declare global {
           darkMode( value: amotify.DarkModeTypes ): void
           roundness( value: amotify.RoundnessTypes ): void
         }
+        variables: {
+          darkmodeColors: {
+            light: string
+            dark: string
+            dim: string
+            auto(): string
+          }
+          themeColors: {
+            [ key in amotify.ThemeColorTypes ]: {
+              ( alfa?: number ): string
+            }
+          }
+        }
         readExtraCDN( url: string ): Promise<boolean>
       }
     }
@@ -45,6 +65,7 @@ declare global {
           baseElement?: HTMLElement | string
           reactElement: ReactElement
           nonRouter?: boolean
+          isRoot?: boolean
           appearances?: {
             roundness?: RoundnessTypes
             themeColor?: amotify.ThemeColorTypes
@@ -88,9 +109,9 @@ declare global {
       }
 
       interface Methods {
-        React: typeof globalThis.React
-        ReactDOM: typeof globalThis.ReactDOM
-        ReactRouterDOM: any
+        React: typeof React
+        ReactDOM: typeof ReactDOM
+        ReactRouterDOM: typeof ReactRouterDOM
         StyleConverter: {
           ReadStyleSet: StyleConverter.ReadStyleSet
           ToClassName: StyleConverter.ToClassName
@@ -126,44 +147,39 @@ declare global {
         }
       } & React.HTMLAttributes<HTMLDivElement>
 
-      namespace FAIcon {
-        type Method = React.FC<FAIconFNC> & ShortCuts
-        type FAIconFNC = amotifyBasicElement & {
-          iconFamily?: 'classic' | 'sharp'
-
-          isSolidIcon?: boolean
-          isRegularIcon?: boolean
-          isLightIcon?: boolean
-          isThinIcon?: boolean
-          isDuotoneIcon?: boolean
-
-          iconAnimation?: false | 'beat' | 'beat-fade' | 'bounce' | 'fade' | 'flip' | 'shake' | 'spin' | 'spin-reverse' | 'spin-pulse'
-          isBrandIcon?: boolean
-          d?: string
-        } & React.HTMLAttributes<HTMLDivElement>
-        type ShortCuts = {
-          [ key in ShortCutNames ]: React.FC<Omit<FAIconFNC,'d'>>
+
+      namespace FAI {
+        type Method = React.FC<FAIParams> & Shortcuts;
+        type FAIParams = amotifyBasicElement & {
+          icon: FontawesomeCore.IconProp
+          iconParams?: Omit<FontAwesomeIconProps,'icon'>
+        };
+        type Shortcuts = {
+          [ key in ShortCutNames ]: React.FC<Omit<FAIParams,'icon'>>
         }
+
         type ShortCutNames =
-          'User' | 'Times' | 'Desktop' |
+          'User' | 'Times' |
 
           'AngleRight' | 'AngleLeft' | 'AngleUp' | 'AngleDown' |
           'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'ChevronDown' |
           'CaretLeft' | 'CaretRight' | 'CaretUp' | 'CaretDown' |
           'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown' |
 
-          'Rotate' | 'RotateLeft' | 'RotateRight' | 'Redo' |
-          'Play' | 'Pause' | 'Stop' | 'ForwardStep' | 'BackwardStep' |
+          'Rotate' | 'Redo' |
           'Check' | 'CheckCircle' |
-          'Question' | 'QuestionCircle' | 'Exclamation' | 'ExclamationTriangle' |
-          'Home' | 'Share' | 'Volume' |
+          'Question' | 'QuestionCircle' |
+          'Exclamation' | 'ExclamationTriangle' |
+          'Home' | 'Share' |
           'Search' | 'YenSign' | 'Heart' | 'Star' |
-          'Edit' | 'Pen' | 'Copy' | 'Files' | 'File' |
-          'Backspace' | 'TrashAlt' | 'Bars' | 'Download' |
+          'Edit' | 'Pen' | 'Copy' | 'File' |
+          'TrashAlt' | 'Bars' | 'Download' |
           'Link' | 'LinkSlash' | 'ExternalLinkAlt' |
           'Gear' |
-          'Plus' | 'Minus' | 'Equals' | 'Calculator' |
-          'Image' | 'BadgePercent'
+          'Plus' | 'Minus' |
+          'EllipsisH' | 'EllipsisV' |
+          'PaperPlane' |
+          'Image';
       }
 
       namespace Image {
@@ -191,7 +207,6 @@ declare global {
         }
       }
 
-
       namespace Logos {
         type Methods = {
           Icon: ( params: Params ) => JSX.Element
@@ -239,7 +254,7 @@ declare global {
 
         Grid: React.FC<atoms.GridProps>
 
-        FAIcon: FAIcon.Method
+        FAI: FAI.Method
 
         Span: React.FC<atoms.SpanProps>
         Paragraph: React.FC<atoms.ParagraphProps>
@@ -252,7 +267,8 @@ declare global {
     namespace mols {
       namespace Accordion {
         type Params = {
-          open?: boolean
+          defaultOpen?: boolean
+          override?: boolean
           accordionID?: string
           slideAnimation?: 'none' | 'fast' | 'slow'
           children: ReactElement
@@ -311,37 +327,6 @@ declare global {
     }
 
     namespace orgs {
-      namespace DisplayStyleInput {
-        type Methods = {
-          Darkmode: React.FC<DarkmodeInput>
-          ThemeColor: {
-            ALL: React.FC<ThemeColorInput>
-            Basics: React.FC<ThemeColorInput>
-            Originals: React.FC<ThemeColorInput>
-            Brands: React.FC<ThemeColorInput>
-            Keys: {
-              Brands: ColorIconParams[]
-              Basics: ColorIconParams[]
-              Originals: ColorIconParams[]
-            }
-          }
-        }
-        type ColorIconParams = {
-          key: string
-          icon: ReactElement
-          label?: ReactElement
-        }
-
-        type DarkmodeInput = atoms.BoxInput & {
-          onUpdate( params: amotify.DarkModeTypes ): void
-        }
-        type ThemeColorInput = atoms.BoxInput & {
-          onUpdate( params: amotify.ThemeColorTypes ): void
-        }
-      }
-      type Methods = {
-        DisplayStyleInput: DisplayStyleInput.Methods
-      }
     }
 
     namespace temps {
@@ -355,7 +340,7 @@ declare global {
     global: amotify.global.Methods
     atoms: amotify.atoms.Methods
     mols: amotify.mols.Methods
-    orgs: amotify.orgs.Methods
+    orgs: {}
     temps: amotify.temps.Methods
     fn: amotify.fn.Methods
   }

package/@types/fn.tsx

@@ -329,6 +329,7 @@ declare global {
 
           Comps: {
             RequiredSign: React.FC<amotify.atoms.SpanProps>
+            RequiredShortSign: React.FC<amotify.atoms.SpanProps>
             OmitSign: React.FC<amotify.atoms.SpanProps>
             LeftIndicator: React.FC<IndicatorParams>
             RightIndicator: React.FC<IndicatorParams>
@@ -347,13 +348,15 @@ declare global {
           name?: string
           form?: string
 
-          statusID?: string
+          status_id?: string
           componentID?: string
 
           override?: 'force' | 'beforeModified' | 'never'
 
           required?: boolean
 
+          enableFormSubmit?: boolean
+
           checkValidationAtFirst?: boolean
           onValidate?: Validation.OnValidate
           onUpdateValue?: OnUpdateValue
@@ -380,6 +383,8 @@ declare global {
             name?: string
             form?: string
 
+            enableFormSubmit?: boolean
+
             id?: string
             value?: string | number | plainObject
           }
@@ -418,8 +423,6 @@ declare global {
             max?: number | null
             maxLength?: number | null
 
-            enable_form_submit?: boolean
-
             autoComplete?: 'off' | 'none' | string
             autoCapitalize?: 'off' | 'none' | string
 
@@ -448,7 +451,6 @@ declare global {
 
             disabled?: boolean
 
-            enable_form_submit?: boolean
 
             value?: string | number
 
@@ -471,7 +473,6 @@ declare global {
             tabIndex?: number
             id?: string
 
-            enable_form_submit?: boolean
 
             value?: string | number
 
@@ -510,7 +511,6 @@ declare global {
 
             disabled?: boolean
 
-            enable_form_submit?: boolean
 
             value?: string | [ string,string ]
             min?: string
@@ -559,7 +559,6 @@ declare global {
 
             disabled?: boolean
 
-            enable_form_submit?: boolean
 
             value?: ValueProps
             options: OptionProps[]
@@ -568,13 +567,13 @@ declare global {
 
             leftIndicator?: ReactElement | false
             rightIndicator?: ReactElement | false
+            leftIcon?: ReactElement | false
+            rightIcon?: ReactElement | false
 
             enableUnSelected?: boolean
 
             rightIconStyles?: amotifyUniStyleParams
 
-            leftIcon?: ReactElement | false
-            rightIcon?: ReactElement | false
           }
 
           type ValueProps = string | number | boolean | plainObject | void | null
@@ -603,7 +602,6 @@ declare global {
             iconType?: 'radio' | 'checkbox'
             minSelect?: number
 
-            enable_form_submit?: boolean
 
             disabled?: boolean
             value?: any | any[]
@@ -775,7 +773,6 @@ declare global {
               showAlways?: boolean
             }
 
-            enable_form_submit?: boolean
           }
 
           type ColorTypes = amotify.ThemeColorTypes | 'theme' | 'posi' | 'nega' | 'warn'
@@ -794,9 +791,7 @@ declare global {
             appearance?: 'material' | 'applely'
             disabled?: boolean
             value?: boolean
-            icon?: string
-
-            enable_form_submit?: boolean
+            icon?: ReactElement
           }
 
           type ColorTypes = amotify.ThemeColorTypes | 'theme' | 'posi' | 'nega' | 'warn'
@@ -829,7 +824,6 @@ declare global {
             disabled?: boolean
             value?: boolean
 
-            enable_form_submit?: boolean
 
             cellStyles?: amotifyUniStyleParams
             cellClassName?: string
@@ -941,7 +935,6 @@ declare global {
           type BorderToFill = { color?: Colors }
         }
 
-
         type UniParams = amotifyBasicElement & {
           tabIndex?: number
           children?: ReactElement
@@ -998,6 +991,7 @@ declare global {
         type UniParams = {
           sheetID?: string
           sheetGroups?: string | string[]
+          backgroundEffect?: boolean
           content: ReactElement | {
             (): JSX.Element
           }