amotify 0.2.21 → 0.2.22

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

@@ -6,12 +6,14 @@ export type BasicTag = {
     id?: string;
     componentID?: string;
 };
-export type States = Properties & {
-    freeCSS?: React.CSSProperties;
+export type FreeCSS = React.CSSProperties;
+export type PropsNFreeCSS = Properties & {
+    freeCSS?: FreeCSS;
+};
+export type States = {
+    freeCSS?: FreeCSS;
+    styles?: Properties;
     UnderBreakPointStyles?: Properties;
-    ssEffectsOnActive?: Others.EffectsOnActive | Others.EffectsOnActive[] | false;
-    ssPushable?: boolean;
-    ssLastChildLossBorder?: 'bottom' | 'right' | false;
 };
 export declare namespace Pargins {
     type States = {
@@ -84,7 +86,7 @@ export declare namespace Fonts {
         textDecoration?: 'none' | 'underline' | 'line-through';
     };
     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.potivite' | 'mono.negative' | 'logo' | 'trans';
+    type Color = UniColors | '1.clear' | '2.normal' | '3.blur' | '4.thin' | '5.translucent' | '6.clear' | 'mono.potivite' | 'mono.negative' | '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 {
@@ -103,37 +105,38 @@ export declare namespace Sizes {
 export declare namespace StyleSets {
     type States = {
         ssCardBox?: boolean | 'border' | 'layer' | 'cloud' | 'shadow';
+        ssPushable?: boolean;
         ssSphere?: Sizes.Size;
         ssSquare?: Sizes.Size;
         ssAbsoluteCovered?: boolean;
         ssTextEllipsis?: boolean;
+        ssEffectsOnActive?: EffectsOnActive | EffectsOnActive[] | false;
+        ssLastChildLossBorder?: 'bottom' | 'right' | false;
     };
 }
-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 | 'layer.1' | 'layer.2' | 'layer.3' | 'layer.4' | 'layer.5' | 'layer.6' | 'layer.1.opa.few' | 'layer.1.opa.low' | 'layer.1.opa.middle' | 'layer.1.opa.high' | 'layer.4.opa.few' | 'layer.4.opa.low' | 'layer.4.opa.middle' | 'layer.4.opa.high' | 'theme.opa.few' | 'theme.opa.low' | 'theme.opa.middle' | 'theme.opa.high' | 'theme.lighten' | 'theme.lighter' | 'theme.lightest' | 'theme.darken' | 'theme.darker' | 'theme.darkest' | 'nega.opa.low' | 'nega.opa.middle' | 'posi.opa.low' | 'posi.opa.middle' | 'mono.positive' | 'mono.negative' | 'cloud' | 'dark' | 'trans' | '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 gapUnit = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 1.5 | 2 | 2.5 | 3 | 4;
+export type gap = gapUnit | [gapUnit, gapUnit];
+export type overflowUnit = 'auto' | 'hidden' | 'scroll' | 'visible' | 'unset';
+export type overflow = overflowUnit | [overflowUnit, overflowUnit];
+export type UniColors = 'inherit' | 'theme' | 'posi' | 'nega' | 'warn' | 'white' | 'black' | ThemeColor;
+export type BackgroundColor = UniColors | 'layer.1' | 'layer.2' | 'layer.3' | 'layer.4' | 'layer.5' | 'layer.6' | 'layer.1.opa.few' | 'layer.1.opa.low' | 'layer.1.opa.middle' | 'layer.1.opa.high' | 'layer.4.opa.few' | 'layer.4.opa.low' | 'layer.4.opa.middle' | 'layer.4.opa.high' | 'theme.opa.few' | 'theme.opa.low' | 'theme.opa.middle' | 'theme.opa.high' | 'theme.lighten' | 'theme.lighter' | 'theme.lightest' | 'theme.darken' | 'theme.darker' | 'theme.darkest' | 'nega.opa.low' | 'nega.opa.middle' | 'posi.opa.low' | 'posi.opa.middle' | 'mono.positive' | 'mono.negative' | 'cloud' | 'dark' | 'trans' | 'none';
+export type TRBL = 0 | '1/12' | '1/6' | '1/4' | '1/3' | '1/2' | '2/3' | '3/4' | 1 | 2 | 3 | 4 | '50%' | '100%';
+export type EffectsOnActive = 'ripple.white' | 'ripple.cloud' | 'ripple.theme' | 'push' | 'expand' | 'shrink' | 'pudding' | 'fade' | 'none';
 export type Properties = Pargins.States & Fonts.States & Borders.States & FlexGrids.States & Sizes.States & StyleSets.States & {
-    backgroundColor?: Others.BackgroundColor;
+    backgroundColor?: BackgroundColor;
     gradients?: {
         deg: number;
         colors: string[];
     };
     boxShadow?: '3.min.inset' | '3.normal.inset' | '3.remark.inset' | '3.max.inset' | '2.min.inset' | '2.normal.inset' | '2.remark.inset' | '2.max.inset' | '1.min.inset' | '1.normal.inset' | '1.remark.inset' | '1.max.inset' | '0.min.inset' | '0.normal.inset' | '0.remark.inset' | '0.max.inset' | '0.min' | '0.normal' | '0.remark' | '0.max' | '1.min' | '1.normal' | '1.remark' | '1.max' | '2.min' | '2.normal' | '2.remark' | '2.max' | '3.min' | '3.normal' | '3.remark' | '3.max' | '4.min' | '4.normal' | '4.remark' | '4.max' | '5.min' | '5.normal' | '5.remark' | '5.max' | 'none';
     display?: 'block' | 'none' | 'flex' | 'grid' | 'inlineBlock' | 'inlineFlex';
-    gap?: Others.gap;
-    overflow?: Others.overflow;
+    gap?: gap;
+    overflow?: overflow;
     position?: 'relative' | 'absolute' | 'fixed' | 'sticky' | 'static';
-    top?: Others.TRBL | 'topBase' | 'topNavigationHeight';
-    right?: Others.TRBL;
-    bottom?: Others.TRBL | 'footerNavigationHeight';
-    left?: Others.TRBL;
+    top?: TRBL | 'topBase' | 'topNavigationHeight';
+    right?: TRBL;
+    bottom?: TRBL | 'footerNavigationHeight';
+    left?: TRBL;
     opacity?: 'trans' | 'min' | 'low' | 'middle' | 'high' | 'max';
     transition?: 'none' | 'short' | 'middle' | 'long';
 };