amotify 0.0.7 → 0.0.9

package/package.json

@@ -1,21 +1,16 @@
 {
   "name": "amotify",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "UI Component for React",
   "main": "dist/launch.js",
   "types": "dist/@types.d.ts",
   "scripts": {
-    "clean-cdn": "rimraf public",
-    "clean-dist": "rimraf dist",
+    "clean": "rimraf dist",
     "devCDN:webpack": "webpack --mode development --watch",
     "devCDN:server": "nodemon app.js --ignore public --ignore package.json --ignore src --ignore webpack.config.js --ignore tsconfig.json",
     "proCDN:webpack": "webpack --mode production",
-    "allBuild:tsc": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json",
-    "typesBuild:tsc": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json tsc --emitDeclarationOnly",
-    "build": "run-p clean-dist allBuild:*",
-    "build-types": "run-p clean-dist typesBuild:*",
-    "server": "run-p clean-cdn devCDN:*",
-    "cdn": "run-p clean-cdn proCDN:*"
+    "start": "run-p clean devCDN:*",
+    "build": "run-p clean proCDN:*"
   },
   "repository": {
     "type": "git",

package/src/{Atoms/@export.tsx → @atoms.tsx}

@@ -7,11 +7,11 @@ import {
   Grid,
   Paragraph,
   Placeholder
-} from './Various/parts';
+} from './atoms/Various/parts';
 
-import { FAIcon } from './FAIcon/parts';
+import { FAIcon } from './atoms/FAIcon/parts';
 
-import { Logo } from './Logo/parts';
+import { Logo } from './atoms/Logo/parts';
 
 export {
   Flex,

package/src/@functions.tsx

@@ -0,0 +1,29 @@
+import {
+  Effects
+} from './functions/Effects/_';
+
+import { Buttons } from './functions/Button/_';
+import { Input } from './functions/Input/_';
+import { Inputs } from './functions/Inputs/_';
+import { Layout } from './functions/Layout/_';
+import { Table } from './functions/Table/_';
+import { Sheet } from './functions/Sheet/parts';
+import { SnackBar } from './functions/SnackBar/parts';
+import { Loader } from './functions/Loader/parts';
+import { Tooltips } from './functions/Tooltips/parts';
+
+import { Cropper } from './functions/Cropper/parts';
+
+export {
+  Buttons,
+  Input,
+  Inputs,
+  Table,
+  Layout,
+  Sheet,
+  SnackBar,
+  Loader,
+  Tooltips,
+  Effects,
+  Cropper,
+}

package/src/{Global/@export.tsx → @global.tsx}

@@ -2,7 +2,7 @@ import React from 'react';
 import * as ReactDom from 'react-dom';
 import * as ReactRouterDom from 'react-router-dom';
 
-import { LaunchReactApplication } from './LaunchReactApplication';
+import { LaunchReactApplication } from './global/LaunchReactApplication';
 
 const Inmemory: {
   [ key: string ]: {
@@ -119,7 +119,7 @@ const pageTransit: amotify.glob.PageTransitParams = {
 import {
   ReadStyleSet,
   ToClassName
-} from './styleConverter';
+} from './global/styleConverter';
 
 const StyleConverter = {
   ReadStyleSet,

package/src/{Molecules/@export.tsx → @molecules.tsx}

@@ -3,9 +3,9 @@ import {
   Box,
   Flex
 } from '@atoms';
-import { List } from './List';
-import { Accordion } from './Accordion/parts';
-import { LinkifyText } from './LinkifyText/parts';
+import { List } from './molecules/List';
+import { Accordion } from './molecules/Accordion/parts';
+import { LinkifyText } from './molecules/LinkifyText/parts';
 
 const Text = {
   Title: ( params: amotify.atoms.BoxInput ) => ( <Box

package/src/@organisms.tsx

@@ -0,0 +1,5 @@
+import { DisplayStyleInput } from './organisms/DisplayStyleInput/_';
+
+export {
+  DisplayStyleInput
+}

package/src/@styles/@app.scss

@@ -1,4 +1,4 @@
-@use './@variables/customProps' as *;
-@forward './@variables/var';
+@use './props' as *;
+@forward './var';
 @forward './init';
 @forward './UniStyling';

package/src/@styles/UniStyling.scss

@@ -1,6 +1,6 @@
-@use '@uniVar' as *;
-@use '@styleSet' as *;
-@use './@variables/themeColor' as themeColor;
+@use './props' as *;
+@use './styleSet' as *;
+@use './themeColor' as themeColor;
 @mixin UniStyles($DS ) {
   &dsp {
     &block#{ $DS } {

package/src/@styles/init.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use './props' as *;
 * {
   padding: 0;
   margin: 0;

package/src/@styles/{@variables/styleSet.scss → styleSet.scss}

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use './props' as *;
 
 @mixin OriginScrollBar {
   overflow: auto;

package/src/{Templates/@export.tsx → @templates.tsx}

@@ -1,6 +1,6 @@
 import {
   PlayGround
-} from './PlayGround/parts';
+} from './templates/PlayGround/parts';
 
 export {
   PlayGround

package/src/{Atoms → atoms}/FAIcon/style.module.scss

@@ -1,5 +1,4 @@
-@use '@uniVar' as *;
-@use'@styleSet' as *;
+@use '@props' as *;
 
 .FAIcon {
   &:global.fa-duotone {

package/src/{Atoms → atoms}/Logo/parts.tsx

@@ -1,5 +1,4 @@
 import {
-  Box,
   Flex,
   Img
 } from '@atoms';

package/src/{Atoms → atoms}/Logo/style.module.scss

@@ -1,5 +1,4 @@
-@use '@uniVar' as *;
-@use'@styleSet' as *;
+@use '@props' as *;
 
 .Size_ {
   &S {

package/src/{Atoms → atoms}/Various/style.module.scss

@@ -1,5 +1,6 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 @use'@styleSet' as *;
+
 .Img {
   &.ShowExpand_true {
     transition: $animation-time-middle;

package/src/{Functions → functions}/Button/style.module.scss

@@ -1,5 +1,6 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 @use'@styleSet' as *;
+
 .Wrap {
   position: relative;
   @include DisableduserSelect();

package/src/{Functions → functions}/Cropper/parts.tsx

@@ -17,7 +17,7 @@ import {
   Input,
   Sheet,
   Loader
-} from '@functions';
+} from '@fn';
 
 const {
   useState,

package/src/{Functions → functions}/Cropper/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 .Wrap {
   &.Use_ {
     &profile {

package/src/{Functions → functions}/Effects/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 .Ripple {
   &Element {
     transition: $animation-time-short;

package/src/{Functions → functions}/Input/Chips/Selector.tsx

@@ -1,5 +1,4 @@
 import {
-  useRecycle,
   useStore,
 } from '@global';
 const {
@@ -22,7 +21,7 @@ import {
   Buttons,
   Loader,
   Sheet
-} from '@functions';
+} from '@fn';
 
 import style from './style.module.scss';
 

package/src/{Functions → functions}/Input/Chips/_.tsx

@@ -1,7 +1,3 @@
-import {
-  useRecycle,
-  useStore
-} from '@global';
 const {
   useEffect,
   useState
@@ -19,7 +15,7 @@ import {
   Buttons,
   Loader,
   Sheet
-} from '@functions';
+} from '@fn';
 
 import {
   BoxWrapper,

package/src/{Functions → functions}/Input/Chips/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 @use'@styleSet' as *;
 
 .SelectorWrapper {

package/src/{Functions → functions}/Input/DigitCharacters.tsx

@@ -10,7 +10,7 @@ import {
 } from '@atoms';
 import {
   Input
-} from '@functions';
+} from '@fn';
 import {
   BoxWrapper,
   SubmitForm,

package/src/{Functions → functions}/Input/File/_.tsx

@@ -19,7 +19,7 @@ import {
   Input,
   Buttons,
   SnackBar
-} from '@functions';
+} from '@fn';
 
 import {
   BoxWrapper,

package/src/{Functions → functions}/Input/File/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 
 .Input:focus {
   + .List .AddButton {

package/src/{Functions → functions}/Input/List/_.tsx

@@ -13,7 +13,7 @@ import {
 import {
   Input,
   Buttons
-} from '@functions';
+} from '@fn';
 import {
   BoxWrapper,
   CommonEffects,

package/src/{Functions → functions}/Input/List/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 .CellBase {
   &.HideInput_true .Input {
     display: none;

package/src/{Functions → functions}/Input/Segmented/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 @use'@styleSet' as *;
 .Label {
   user-select: none;

package/src/{Functions → functions}/Input/Select/_.tsx

@@ -16,7 +16,7 @@ import {
 } from '../core';
 import {
   Buttons
-} from '@functions';
+} from '@fn';
 
 
 import style from './style.module.scss';

package/src/{Functions → functions}/Input/Select/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 .Select {
   position: absolute;
   top: 0;

package/src/{Functions → functions}/Input/Slider/_.tsx

@@ -8,7 +8,7 @@ import {
 import {
   Input,
   Buttons
-} from '@functions';
+} from '@fn';
 
 import {
   BoxWrapper,

package/src/{Functions → functions}/Input/Slider/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 @use'@styleSet' as *;
 .Label {
   &:before {

package/src/{Functions → functions}/Input/Switch/_.tsx

@@ -10,7 +10,7 @@ import {
 } from '@mols';
 import {
   Buttons
-} from '@functions';
+} from '@fn';
 import {
   BoxWrapper,
   SubmitForm,

package/src/{Functions → functions}/Input/Switch/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 .Input {
   position: absolute;
   height: 0;

package/src/{Functions → functions}/Input/Time/Picker.tsx

@@ -16,7 +16,7 @@ import {
   Buttons,
   Input,
   Tooltips
-} from '@functions';
+} from '@fn';
 const {
   useEffect,
   useRef,

package/src/{Functions → functions}/Input/Time/_.tsx

@@ -3,12 +3,12 @@ import {
 } from '@global';
 import {
   Box
-} from '@atoms'
+} from '@atoms';
 import {
   Input,
   Buttons,
   Tooltips
-} from '@functions';
+} from '@fn';
 
 import {
   BoxWrapper,

package/src/{Functions → functions}/Input/Time/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 .Header {
   position: sticky;
   top: 0;

package/src/{Functions → functions}/Input/_.tsx

@@ -22,7 +22,7 @@ import {
 import {
   Buttons,
   Tooltips
-} from '@functions';
+} from '@fn';
 
 import style from './style.module.scss';
 

package/src/{Functions → functions}/Input/core.tsx

@@ -20,7 +20,7 @@ import {
 import {
   Buttons,
   Tooltips
-} from '@functions';
+} from '@fn';
 
 import style from './style.module.scss';
 

package/src/{Functions → functions}/Input/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 .Input {
   &:focus, &:active {
     z-index: 1;

package/src/{Functions → functions}/Inputs/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 .Focus {
   &:focus, &:active {
     z-index: 1;

package/src/{Functions → functions}/Inputs/text.tsx

@@ -1,23 +1,10 @@
 import {
   StyleConverter
 } from '@global';
-import style from './style.module.scss';
 
+import style from './style.module.scss';
 
-declare global {
-  namespace Inputs {
-    type ToneTypes = 'normal' | 'cloud' | 'bottomBorder' | 'plain'
-  
-    namespace Text {
-      type Params =
-        any &
-        React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>,HTMLInputElement> &
-        {
-          tone?: ToneTypes
-        }
-    }
-  }
-}
+import { TextInputs } from './types';
 
 let ToneStyles: {
   common: amotifyBasicElement
@@ -48,7 +35,7 @@ let ToneStyles: {
   plain: {},
 }
 
-export const TextInput = ( params: Inputs.Text.Params ) => {
+export const TextInput = ( params: TextInputs.Text.Params ) => {
   params = {
     ...ToneStyles.common,
     ...ToneStyles.bottomBorder,

package/src/functions/Inputs/types.d.ts

@@ -0,0 +1,13 @@
+namespace TextInputs {
+  type ToneTypes = 'normal' | 'cloud' | 'bottomBorder' | 'plain'
+
+  namespace Text {
+    type Params =
+      any &
+      React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>,HTMLInputElement> &
+      {
+        tone?: ToneTypes
+      }
+  }
+}
+export { TextInputs }

package/src/{Functions → functions}/Layout/PageNotFound.tsx

@@ -1,8 +1,6 @@
 import {
   Box,
-  Flex,
-  FAIcon,
-  Paragraph
+  FAIcon
 } from '@atoms';
 import {
   Column,
@@ -11,7 +9,7 @@ import {
 } from '@mols';
 import {
   Buttons
-} from '@functions';
+} from '@fn';
 
 export const PageNotFound: FNC<{}> = () => {
 

package/src/{Functions → functions}/Layout/PageRouter.tsx

@@ -4,7 +4,7 @@ import {
 } from '@global';
 import {
   Layout
-} from '@functions';
+} from '@fn';
 const {
   useEffect,
   useRef,

package/src/{Functions → functions}/Layout/PageViewController/parts.tsx

@@ -7,7 +7,9 @@ const {
   useEffect
 } = React;
 
-import { Effects } from '@functions';
+import {
+  Effects
+} from '@fn';
 
 export const PageViewController: FNC<amotify.fn.Layout.PageViewController.Params> = ( params ) => {
   let {

package/src/{Functions → functions}/Layout/RootViewController/parts.tsx

@@ -8,13 +8,11 @@ import {
   Flex,
 } from '@atoms';
 import {
-  Column,
-  Row
+  Column
 } from '@mols';
 import {
-  Buttons,
-  Input
-} from '@functions';
+  Buttons
+} from '@fn';
 
 import style from './style.module.scss';
 

package/src/{Functions → functions}/Layout/RootViewController/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 .Content {
   @media (max-width:$breakPoint ) {
     min-height: calc($viewHeight - $topNavigationHeight - $footerNavigationHeight );

package/src/{Functions → functions}/Layout/SwipeView/parts.tsx

@@ -13,7 +13,6 @@ const {
 
 import style from './style.module.scss';
 
-
 type SlideEventProps = {
   eventType: 'usr' | 'sys' | 'init' | 'adjustLoop'
   index: number

package/src/{Functions → functions}/Layout/SwipeView/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 .Rail {
   &.ShowOther_true {
     > .Child {

package/src/{Functions → functions}/Layout/TabBar.tsx

@@ -10,7 +10,7 @@ import {
 } from '@mols';
 import {
   Input
-} from '@functions';
+} from '@fn';
 const {
   useEffect,
   useState

package/src/{Functions → functions}/Loader/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 :global {
   #LOADER {
     z-index: 10;

package/src/{Functions → functions}/Sheet/parts.tsx

@@ -17,7 +17,7 @@ import {
   Buttons,
   Input,
   Layout
-} from '@functions';
+} from '@fn';
 const {
   useEffect,
   useState,

package/src/{Functions → functions}/Sheet/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 //SheetBase
 :global {
   #SHEET {

package/src/{Functions → functions}/SnackBar/parts.tsx

@@ -13,7 +13,7 @@ import {
 } from '@mols';
 import {
   Buttons
-} from '@functions';
+} from '@fn';
 const {
   useEffect,
   useState,

package/src/{Functions → functions}/SnackBar/style.module.scss

@@ -1,4 +1,4 @@
-@use '@uniVar' as *;
+@use '@props' as *;
 :global {
   #SNACKBARS {
     z-index: 8;

package/src/{Functions → functions}/Table/Data/parts.tsx

@@ -16,7 +16,7 @@ import {
   Buttons,
   Input,
   Sheet,
-} from '@functions';
+} from '@fn';
 
 import style from '../style.module.scss';
 

package/src/{Functions → functions}/Table/Drag/parts.tsx

@@ -7,7 +7,7 @@ import {
 import {
   Buttons,
   Tooltips,
-} from '@functions';
+} from '@fn';
 const {
   useState,
   useEffect,

package/src/{Functions → functions}/Table/Normal/parts.tsx

@@ -1,9 +1,8 @@
-import style from '../style.module.scss';
-
 import {
   Comps,
   DefaultCellSystemStyles
 } from '../_';
+import style from '../style.module.scss';
 
 const HeadRow: FNC<amotify.fn.Tables.Normal.Params> = ( params ) => {
   let {