amotify 0.1.6 → 0.1.8

package/bundler_style.ts

@@ -0,0 +1,55 @@
+import esbuild from 'esbuild'
+import { sassPlugin,postcssModules } from 'esbuild-sass-plugin'
+
+let packageJson = require( './package.json' )
+let name = packageJson.name
+let version = packageJson.version
+let author = 'mingoo, LLC.'
+let closing = 'https://mingoo.co.jp/'
+
+let Banner = `/**
+* @license amotify
+* ${ name } ${ version }
+* ${ closing }
+
+* Copyright (c) ${ author }
+* Released under the MIT license
+
+* Latest updated at: ${ new Date().toLocaleDateString() }
+*/
+`
+
+esbuild.build( {
+  format: 'esm',
+  bundle: true,
+  // minify: true,
+  target: [ "ES6" ],
+  platform: 'node',
+  entryPoints: [
+    './src/@styles/componentClasses/_.tsx',
+    './src/style.tsx'
+  ],
+  outbase: './src',
+  outdir: './dist',
+  plugins: [
+    sassPlugin( {
+      type: 'css',
+      filter: /\.module\.scss$/,
+      importMapper: ( path ) => {
+        let resolvedPath = path
+          .replace( /@props/,__dirname + '/src/@styles/props.scss' )
+          .replace( /@mixin/,__dirname + '/src/@styles/mixin.scss' )
+        return resolvedPath
+      },
+      transform: postcssModules( {
+
+      } )
+    } ),
+    sassPlugin( {
+      type: 'css'
+    } )
+  ],
+  banner: {
+    css: Banner
+  },
+} )

package/dist/@declaration/_.d.ts

@@ -1,114 +1,10 @@
 /// <reference types="react" />
 import './module';
-declare global {
-    interface JsminExtension {
-        spreadSheet: {
-            readFromFile(file: fn.Input.Filer.CustomFile): Promise<JsminExtension.SpreadSheet.Method>;
-            readFromJson(v: JsminExtension.SpreadSheet.Json): Promise<JsminExtension.SpreadSheet.Method>;
-        };
-    }
-    namespace JsminExtension {
-        namespace SpreadSheet {
-            interface Instance {
-                fn: Method;
-                prototype: Method;
-                (v: any, a: string): any;
-            }
-            interface Method {
-                isValid(): boolean;
-                getWorkbook(): any;
-                updateFileName(fileName: string): void;
-                updateMerges(merges: Merge[][]): void;
-                updateStyles(styles: Style[][]): void;
-                toJson(): {
-                    fileName: string;
-                    sheets: {
-                        sheetName: string;
-                        rows: any[];
-                    }[];
-                };
-                export(type?: 'xlsx' | 'csv'): void;
-            }
-            type Json = {
-                fileName: string;
-                sheets: SheetParams[];
-            };
-            type SheetParams = {
-                sheetName: string;
-                rows: RowParams[];
-                merges?: Merge[];
-                styles?: Style[];
-            };
-            type RowParams = (string | number)[];
-            type Merge = [string, string] | [null, null];
-            type Style = {
-                type: 'cell' | 'row' | 'column';
-                target: string | number | (string | number)[];
-                values: {
-                    [key: string]: any;
-                };
-            };
-        }
-    }
-    interface JsminExtension {
-        formCollect(form: string): Promise<{
-            valid: boolean;
-            data: plainObject;
-        }>;
-        NoticeHttpStatus(params: {
-            status: number;
-            statusText: string;
-            label: ReactElement;
-        } & fn.SnackBar.AddParams): void;
-        copyToClipboard(data: any, notice?: boolean): Promise<{
-            ok: boolean;
-            body: any;
-        }>;
-        getCurrentLocation: {
-            (): Promise<JsminExtension.getCurrentLocationOutput>;
-        };
-        CDNReader: {
-            (url: string): void;
-        };
-        ImageLoader: {
-            (dataUrl: string, img?: HTMLImageElement): Promise<HTMLImageElement>;
-        };
-        isJSXElement(v: any): v is JSX.Element;
-    }
-    namespace JsminExtension {
-        type getCurrentLocationOutput = {
-            ok: false;
-            status: number;
-            body: {
-                reason: any;
-            };
-        } | {
-            ok: true;
-            status: 200;
-            body: {
-                lat: number;
-                lng: number;
-            };
-        };
-    }
-    type base64ToBlobTypeProps = 'image/png' | 'image/jpeg' | string;
-    interface String {
-        zen2hanNumber(): string;
-    }
-}
 export type Device = 'windows' | 'android' | 'iPhone' | 'iPad' | 'macOSX' | 'undefined';
 export type Browser = 'chrome' | 'firefox' | 'safari' | 'opera' | 'ie' | 'edge' | 'undefined';
 export type ReactElement = React.ReactNode | React.ReactNode[];
-import { TagProps } from './property';
-export type { TagProps };
-import { config, global, atoms, mols, orgs, temps, fn } from './amotify';
-export type { config, global, atoms, mols, orgs, temps, fn };
-export interface amotify {
-    config: config.Methods;
-    global: global.Methods;
-    atoms: atoms.Methods;
-    mols: mols.Methods;
-    orgs: orgs.Methods;
-    temps: temps.Methods;
-    fn: fn.Methods;
-}
+export type DarkMode = 'light' | 'auto' | 'dark' | 'dim';
+export type ThemeColor = 'comun' | 'leaf' | 'heart' | 'droplet' | 'brick' | 'flower' | 'lip' | 'wine' | 'theater' | 'bat' | 'poizon' | 'eggplant' | 'ufo' | 'alien' | 'tombstone' | 'ninja' | 'moon' | 'rain' | 'unicorn' | 'axe' | 'gem' | 'soap' | 'drizzle' | 'building' | 'fish' | 'icicles' | 'water' | 'tree1' | 'tree2' | 'tree3' | 'battery' | 'seedle' | 'greenTea' | 'oak' | 'salad' | 'cloudy' | 'lemon' | 'angel' | 'parasol' | 'pizza' | 'thunder' | 'latte' | 'island' | 'shovel' | 'coffee' | 'carrot' | 'cactus' | 'volcano' | 'choco' | 'industry' | 'gun' | 'galaxy' | 'line' | 'twitter' | 'amazon' | 'facebook' | 'android' | 'slackBlue' | 'slackGreen' | 'slackRed' | 'slackYellow' | 'slackBase' | 'googleBlue' | 'googleGreen' | 'googleYellow' | 'googleRed';
+export type Roundness = 0 | 1 | 2 | 3 | 4 | 5;
+import * as TagProperty from './property';
+export type { TagProperty };

package/dist/@declaration/_.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./module");
+import"./module";
+//# sourceMappingURL=_.js.map

package/dist/@declaration/_.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/@declaration/_.tsx"],
+  "sourcesContent": ["import './module'\n\nexport type Device = 'windows' | 'android' | 'iPhone' | 'iPad' | 'macOSX' | 'undefined'\nexport type Browser = 'chrome' | 'firefox' | 'safari' | 'opera' | 'ie' | 'edge' | 'undefined'\nexport type ReactElement = React.ReactNode | React.ReactNode[]\nexport type DarkMode = 'light' | 'auto' | 'dark' | 'dim'\nexport type ThemeColor = 'comun' | 'leaf' | 'heart' | 'droplet' |\n\n  'brick' | 'flower' | 'lip' | 'wine' | 'theater' | 'bat' | 'poizon' | 'eggplant' | 'ufo' | 'alien' | 'tombstone' | 'ninja' | 'moon' | 'rain' | 'unicorn' | 'axe' | 'gem' | 'soap' | 'drizzle' | 'building' | 'fish' | 'icicles' | 'water' | 'tree1' | 'tree2' | 'tree3' | 'battery' | 'seedle' | 'greenTea' | 'oak' | 'salad' | 'cloudy' | 'lemon' | 'angel' | 'parasol' | 'pizza' | 'thunder' | 'latte' | 'island' | 'shovel' | 'coffee' | 'carrot' | 'cactus' | 'volcano' | 'choco' | 'industry' | 'gun' | 'galaxy' |\n\n  'line' | 'twitter' | 'amazon' | 'facebook' | 'android' | 'slackBlue' | 'slackGreen' | 'slackRed' | 'slackYellow' | 'slackBase' | 'googleBlue' | 'googleGreen' | 'googleYellow' | 'googleRed'\nexport type Roundness = 0 | 1 | 2 | 3 | 4 | 5\n\n\nimport * as TagProperty from './property'\nexport type { TagProperty }"],
+  "mappings": "AAAA,MAAO",
+  "names": []
+}

package/dist/@declaration/module.d.ts

@@ -1,2 +1,2 @@
 declare module "*.scss";
-declare module "amotify/dist/amotify.min.css";
+declare module "amotify/dist/style.css";

package/dist/@declaration/module.js

@@ -1 +1 @@
-"use strict";
+//# sourceMappingURL=module.js.map

package/dist/@declaration/module.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/@declaration/property.d.ts

@@ -1,142 +1,138 @@
 /// <reference types="react" />
-export declare namespace TagProps {
-    type DarkMode = 'light' | 'auto' | 'dark' | 'dim';
-    type ThemeColor = 'comun' | 'leaf' | 'heart' | 'droplet' | 'brick' | 'flower' | 'lip' | 'wine' | 'theater' | 'bat' | 'poizon' | 'eggplant' | 'ufo' | 'alien' | 'tombstone' | 'ninja' | 'moon' | 'rain' | 'unicorn' | 'axe' | 'gem' | 'soap' | 'drizzle' | 'building' | 'fish' | 'icicles' | 'water' | 'tree1' | 'tree2' | 'tree3' | 'battery' | 'seedle' | 'greenTea' | 'oak' | 'salad' | 'cloudy' | 'lemon' | 'angel' | 'parasol' | 'pizza' | 'thunder' | 'latte' | 'island' | 'shovel' | 'coffee' | 'carrot' | 'cactus' | 'volcano' | 'choco' | 'industry' | 'gun' | 'galaxy' | 'line' | 'twitter' | 'amazon' | 'facebook' | 'android' | 'slackBlue' | 'slackGreen' | 'slackRed' | 'slackYellow' | 'slackBase' | 'googleBlue' | 'googleGreen' | 'googleYellow' | 'googleRed';
-    type Roundness = 0 | 1 | 2 | 3 | 4 | 5;
-    type BasicElement = BasicTag & Params;
-    type Params = Properties & {
-        freeCSS?: React.CSSProperties;
-        UnderBreakPointStyles?: Properties;
-        ssEffectsOnActive?: Others.EffectsOnActive | Others.EffectsOnActive[] | false;
-        ssPushable?: boolean;
-        ssLastChildLossBorder?: 'bottom' | 'right' | false;
+import { ThemeColor } from './_';
+export type BasicElement = BasicTag & Params;
+export type BasicTag = {
+    className?: string;
+    id?: string;
+    componentID?: string;
+};
+export type Params = Properties & {
+    freeCSS?: React.CSSProperties;
+    UnderBreakPointStyles?: Properties;
+    ssEffectsOnActive?: Others.EffectsOnActive | Others.EffectsOnActive[] | false;
+    ssPushable?: boolean;
+    ssLastChildLossBorder?: 'bottom' | 'right' | false;
+};
+export declare namespace Pargins {
+    type Params = {
+        margin?: Group;
+        marginTop?: Unit;
+        marginRight?: Unit;
+        marginBottom?: Unit;
+        marginLeft?: Unit;
+        padding?: Group;
+        paddingTop?: Unit;
+        paddingRight?: Unit;
+        paddingBottom?: Unit;
+        paddingLeft?: Unit;
     };
-    type BasicTag = {
-        className?: string;
-        id?: string;
-        componentID?: string;
+    type Unit = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 4 | 'auto' | 'safeAreaTop' | 'safeAreaBottom';
+    type Group = Unit | [Unit, Unit] | [Unit, Unit, Unit, Unit];
+}
+export declare namespace Borders {
+    type Params = {
+        border?: Border;
+        borderTop?: Border;
+        borderRight?: Border;
+        borderBottom?: Border;
+        borderLeft?: Border;
+        borderWidth?: Width;
+        borderColor?: Color;
+        borderStyle?: Style;
+        borderRadius?: Radius;
+        borderTopLeftRadius?: Radius;
+        borderTopRightRadius?: Radius;
+        borderBottomLeftRadius?: Radius;
+        borderBottomRightRadius?: Radius;
+    };
+    type Border = boolean | '0.trans' | '1.thin' | '2.normal' | '3.strong' | 'unset';
+    type Width = 0 | 1 | 2 | 3 | 4;
+    type Color = '0.trans' | '1.thin' | '2.normal' | '3.strong' | 'theme' | 'posi' | 'nega' | 'warn' | 'white';
+    type Style = 'solid' | 'dashed' | 'double' | 'dotted' | 'none';
+    type Radius = 0 | '1/3' | '2/3' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 'sphere' | 'inherit' | '1.tone.primary' | '2.tone.secondary' | '3.tone.tertiary';
+}
+export declare namespace FlexGrids {
+    type Params = {
+        flexSizing?: 'none' | 'auto' | 0;
+        flexWrap?: boolean;
+        flexCenter?: boolean;
+        flexType?: Type;
+        flexChilds?: 'even' | 'auto' | 'none' | 'unset';
+        flexGrid?: Grid;
+        flexNewLine?: boolean;
+        verticalAlign?: VerticalAlign;
+        horizontalAlign?: HorizontalAlign;
+        gridCenter?: boolean;
+        gridCols?: GridCols;
+    };
+    type Type = 'row' | 'row-r' | 'col' | 'col-r';
+    type VerticalAlign = 'center' | 'top' | 'bottom' | 'baseline' | 'unset';
+    type HorizontalAlign = 'center' | 'left' | 'right' | 'between' | 'around' | 'even' | 'unset';
+    type Grid = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'unset';
+    type GridCols = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+}
+export declare namespace Fonts {
+    type Params = {
+        fontColor?: Color;
+        fontSize?: Size;
+        fontWeight?: Weight;
+        isLightFont?: boolean;
+        isSemiBoldFont?: boolean;
+        isBoldFont?: boolean;
+        isRounded?: boolean;
+        textAlign?: 'left' | 'center' | 'right';
     };
-    type Properties = Pargins.Params & Fonts.Params & Borders.Params & FlexGrids.Params & Sizes.Params & StyleSets.Params & {
-        backgroundColor?: Others.BackgroundColor;
-        gradients?: {
-            deg: number;
-            colors: string[];
-        };
-        boxShadow?: '3.thin.inset' | '3.normal.inset' | '3.remark.inset' | '3.thick.inset' | '3.most.inset' | '2.thin.inset' | '2.normal.inset' | '2.remark.inset' | '2.thick.inset' | '2.most.inset' | '1.thin.inset' | '1.normal.inset' | '1.remark.inset' | '1.thick.inset' | '1.most.inset' | '0.thin.inset' | '0.normal.inset' | '0.remark.inset' | '0.thick.inset' | '0.most.inset' | '0.thin' | '0.normal' | '0.remark' | '0.thick' | '0.most' | '1.thin' | '1.normal' | '1.remark' | '1.thick' | '1.most' | '2.thin' | '2.normal' | '2.remark' | '2.thick' | '2.most' | '3.thin' | '3.normal' | '3.remark' | '3.thick' | '3.most' | '4.thin' | '4.normal' | '4.remark' | '4.thick' | '4.most' | '5.thin' | '5.normal' | '5.remark' | '5.thick' | '5.most' | 'none';
-        display?: 'block' | 'none' | 'flex' | 'grid' | 'inlineBlock' | 'inlineFlex';
-        gap?: Others.gap;
-        overflow?: Others.overflow;
-        position?: 'relative' | 'absolute' | 'fixed' | 'sticky' | 'static';
-        top?: Others.TRBL | 'topBase' | 'topNavigationHeight';
-        right?: Others.TRBL;
-        bottom?: Others.TRBL;
-        left?: Others.TRBL;
-        opacity?: 'trans' | 'few' | 'low' | 'middle' | 'high' | 'most';
-        transition?: 'none' | 'short' | 'middle' | 'long';
+    type Weight = '0.thin' | '1.light' | '2.normal' | '3.semiBold' | '4.bold' | '5.extraBold' | 'inherit' | 'lighter' | 'bolder';
+    type Color = Others.UniColors | '1.clear' | '2.normal' | '3.blur' | '4.thin' | '5.translucent' | '6.clear' | 'mono' | 'monoSecond' | 'logo' | 'trans';
+    type Size = '0.xs' | '1.mini' | '2.normal' | '3.paragraph' | '4.thirdTitle' | '5.subTitle' | '6.title' | '7.landing' | '8.xl' | 'inherit';
+}
+export declare namespace Sizes {
+    type Params = {
+        maxHeight?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'unset';
+        minHeight?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'unset';
+        minWidth?: 0 | 1 | 'unset';
+        maxWidth?: 0 | 1 | 'unset';
+        unitWidth?: Size;
+        unitHeight?: Size;
+        width?: 0 | 1 | 'viewWidth' | 'auto';
+        height?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'auto';
+    };
+    type Size = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 6 | 8 | 12 | 'unset';
+}
+export declare namespace StyleSets {
+    type Params = {
+        ssCardBox?: boolean | 'border' | 'layer' | 'cloud' | 'shadow';
+        ssSphere?: Sizes.Size;
+        ssSquare?: Sizes.Size;
+        ssAbsoluteCovered?: boolean;
+        ssTextEllipsis?: boolean;
     };
-    namespace Pargins {
-        type Params = {
-            margin?: Group;
-            marginTop?: Unit;
-            marginRight?: Unit;
-            marginBottom?: Unit;
-            marginLeft?: Unit;
-            padding?: Group;
-            paddingTop?: Unit;
-            paddingRight?: Unit;
-            paddingBottom?: Unit;
-            paddingLeft?: Unit;
-        };
-        type Unit = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 4 | 'auto' | 'safeAreaTop' | 'safeAreaBottom';
-        type Group = Unit | [Unit, Unit] | [Unit, Unit, Unit, Unit];
-    }
-    namespace Borders {
-        type Params = {
-            border?: Border;
-            borderTop?: Border;
-            borderRight?: Border;
-            borderBottom?: Border;
-            borderLeft?: Border;
-            borderWidth?: Width;
-            borderColor?: Color;
-            borderStyle?: Style;
-            borderRadius?: Radius;
-            borderTopLeftRadius?: Radius;
-            borderTopRightRadius?: Radius;
-            borderBottomLeftRadius?: Radius;
-            borderBottomRightRadius?: Radius;
-        };
-        type Border = boolean | '0.trans' | '1.thin' | '2.normal' | '3.strong' | 'unset';
-        type Width = 0 | 1 | 2 | 3 | 4;
-        type Color = '0.trans' | '1.thin' | '2.normal' | '3.strong' | 'theme' | 'posi' | 'nega' | 'warn' | 'white';
-        type Style = 'solid' | 'dashed' | 'double' | 'dotted' | 'none';
-        type Radius = 0 | '1/3' | '2/3' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 'sphere' | 'inherit' | '1.tone.primary' | '2.tone.secondary' | '3.tone.tertiary';
-    }
-    namespace FlexGrids {
-        type Params = {
-            flexSizing?: 'none' | 'auto' | 0;
-            flexWrap?: boolean;
-            flexCenter?: boolean;
-            flexType?: Type;
-            flexChilds?: 'even' | 'auto' | 'none' | 'unset';
-            flexGrid?: Grid;
-            flexNewLine?: boolean;
-            verticalAlign?: VerticalAlign;
-            horizontalAlign?: HorizontalAlign;
-            gridCenter?: boolean;
-            gridCols?: GridCols;
-        };
-        type Type = 'row' | 'row-r' | 'col' | 'col-r';
-        type VerticalAlign = 'center' | 'top' | 'bottom' | 'baseline' | 'unset';
-        type HorizontalAlign = 'center' | 'left' | 'right' | 'between' | 'around' | 'even' | 'unset';
-        type Grid = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'unset';
-        type GridCols = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-    }
-    namespace Fonts {
-        type Params = {
-            fontColor?: Color;
-            fontSize?: Size;
-            fontWeight?: Weight;
-            isLightFont?: boolean;
-            isSemiBoldFont?: boolean;
-            isBoldFont?: boolean;
-            isRounded?: boolean;
-            textAlign?: 'left' | 'center' | 'right';
-        };
-        type Weight = '0.thin' | '1.light' | '2.normal' | '3.semiBold' | '4.bold' | '5.extraBold' | 'inherit' | 'lighter' | 'bolder';
-        type Color = Others.UniColors | '1.clear' | '2.normal' | '3.blur' | '4.thin' | '5.translucent' | '6.clear' | 'mono' | 'monoSecond' | 'logo' | 'trans';
-        type Size = '0.xs' | '1.mini' | '2.normal' | '3.paragraph' | '4.thirdTitle' | '5.subTitle' | '6.title' | '7.landing' | '8.xl' | 'inherit';
-    }
-    namespace Sizes {
-        type Params = {
-            maxHeight?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'unset';
-            minHeight?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'unset';
-            minWidth?: 0 | 1 | 'unset';
-            maxWidth?: 0 | 1 | 'unset';
-            unitWidth?: Size;
-            unitHeight?: Size;
-            width?: 0 | 1 | 'viewWidth' | 'auto';
-            height?: 0 | 1 | 'viewHeight' | 'topNavigationHeight' | 'sideNavigationHeight' | 'contentHeight' | 'auto';
-        };
-        type Size = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 6 | 8 | 12 | 'unset';
-    }
-    namespace StyleSets {
-        type Params = {
-            ssCardBox?: boolean | 'border' | 'layer' | 'cloud' | 'shadow';
-            ssSphere?: Sizes.Size;
-            ssSquare?: Sizes.Size;
-            ssAbsoluteCovered?: boolean;
-            ssTextEllipsis?: boolean;
-        };
-    }
-    namespace Others {
-        type gapUnit = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 4;
-        type gap = gapUnit | [gapUnit, gapUnit];
-        type overflowUnit = 'auto' | 'hidden' | 'scroll' | 'visible' | 'unset';
-        type overflow = overflowUnit | [overflowUnit, overflowUnit];
-        type UniColors = 'inherit' | 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'black' | ThemeColor;
-        type BackgroundColor = UniColors | '1.layer.base' | '2.layer.cloud' | '3.layer.canvas' | '4.layer.darken' | '5.layer.darker' | '6.layer.darkest' | 'cloud' | 'lcOpFew' | 'lcOpLow' | 'lcOpMiddle' | 'lcOpHigh' | 'tcOpFew' | 'tcOpLow' | 'tcOpMiddle' | 'tcOpHigh' | 'tcLighten' | 'tcLighter' | 'tcLightest' | 'tcDarken' | 'tcDarker' | 'tcDarkest' | 'negaOpLow' | 'negaOpMiddle' | 'posiOpLow' | 'posiOpMiddle' | 'trans' | 'dark' | 'monoPrime' | 'monoSecond' | 'none';
-        type TRBL = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 2 | 3 | 4 | '50%' | '100%';
-        type EffectsOnActive = 'ripple.white' | 'ripple.cloud' | 'ripple.theme' | 'push' | 'expand' | 'shrink' | 'pudding' | 'fade' | 'none';
-    }
 }
+export declare namespace Others {
+    type gapUnit = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 4;
+    type gap = gapUnit | [gapUnit, gapUnit];
+    type overflowUnit = 'auto' | 'hidden' | 'scroll' | 'visible' | 'unset';
+    type overflow = overflowUnit | [overflowUnit, overflowUnit];
+    type UniColors = 'inherit' | 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'black' | ThemeColor;
+    type BackgroundColor = UniColors | '1.layer.base' | '2.layer.cloud' | '3.layer.canvas' | '4.layer.darken' | '5.layer.darker' | '6.layer.darkest' | 'cloud' | 'lcOpFew' | 'lcOpLow' | 'lcOpMiddle' | 'lcOpHigh' | 'tcOpFew' | 'tcOpLow' | 'tcOpMiddle' | 'tcOpHigh' | 'tcLighten' | 'tcLighter' | 'tcLightest' | 'tcDarken' | 'tcDarker' | 'tcDarkest' | 'negaOpLow' | 'negaOpMiddle' | 'posiOpLow' | 'posiOpMiddle' | 'trans' | 'dark' | 'monoPrime' | 'monoSecond' | 'none';
+    type TRBL = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 2 | 3 | 4 | '50%' | '100%';
+    type EffectsOnActive = 'ripple.white' | 'ripple.cloud' | 'ripple.theme' | 'push' | 'expand' | 'shrink' | 'pudding' | 'fade' | 'none';
+}
+export type Properties = Pargins.Params & Fonts.Params & Borders.Params & FlexGrids.Params & Sizes.Params & StyleSets.Params & {
+    backgroundColor?: Others.BackgroundColor;
+    gradients?: {
+        deg: number;
+        colors: string[];
+    };
+    boxShadow?: '3.thin.inset' | '3.normal.inset' | '3.remark.inset' | '3.thick.inset' | '3.most.inset' | '2.thin.inset' | '2.normal.inset' | '2.remark.inset' | '2.thick.inset' | '2.most.inset' | '1.thin.inset' | '1.normal.inset' | '1.remark.inset' | '1.thick.inset' | '1.most.inset' | '0.thin.inset' | '0.normal.inset' | '0.remark.inset' | '0.thick.inset' | '0.most.inset' | '0.thin' | '0.normal' | '0.remark' | '0.thick' | '0.most' | '1.thin' | '1.normal' | '1.remark' | '1.thick' | '1.most' | '2.thin' | '2.normal' | '2.remark' | '2.thick' | '2.most' | '3.thin' | '3.normal' | '3.remark' | '3.thick' | '3.most' | '4.thin' | '4.normal' | '4.remark' | '4.thick' | '4.most' | '5.thin' | '5.normal' | '5.remark' | '5.thick' | '5.most' | 'none';
+    display?: 'block' | 'none' | 'flex' | 'grid' | 'inlineBlock' | 'inlineFlex';
+    gap?: Others.gap;
+    overflow?: Others.overflow;
+    position?: 'relative' | 'absolute' | 'fixed' | 'sticky' | 'static';
+    top?: Others.TRBL | 'topBase' | 'topNavigationHeight';
+    right?: Others.TRBL;
+    bottom?: Others.TRBL;
+    left?: Others.TRBL;
+    opacity?: 'trans' | 'few' | 'low' | 'middle' | 'high' | 'most';
+    transition?: 'none' | 'short' | 'middle' | 'long';
+};

package/dist/@declaration/property.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=property.js.map

package/dist/@declaration/property.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}