@fewbox/den-web 0.2.0-preview.7 → 0.2.0-preview.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewbox/den-web",
-  "version": "0.2.0-preview.7",
+  "version": "0.2.0-preview.9",
   "main": "index.js",
   "types": "index-web.d.ts",
   "repository": "https://github.com/FewBox/fewbox-den.git",

package/src/components/Engine/Base/index.d.ts

@@ -1,4 +1,4 @@
-import { DirectionType, FullColorType, PseudoType, FullFontSizeType, FontWeightType, FullBorderRadiusType, FullBorderStyleType, FullBorderWidthType, FullPaddingType, FullMarginType, OpacityType, FullDisplayType, FullVisibilityType, FullCursorType, FullOverflowType, FullOverflowXType, FullOverflowYType } from '..';
+import { DirectionType, FullColorType, PseudoType, FullFontSizeType, FontWeightType, FullBorderRadiusType, FullBorderStyleType, FullBorderWidthType, FullPaddingType, FullMarginType, FullOpacityType, FullLetterSpacingType, FullDisplayType, FullVisibilityType, FullCursorType, FullOverflowType, FullOverflowXType, FullOverflowYType } from '..';
 import { Property } from 'csstype';
 export interface IViewProps {
     className?: string;
@@ -20,7 +20,7 @@ export interface IViewProps {
     borderWidth?: FullBorderWidthType;
     padding?: FullPaddingType;
     margin?: FullMarginType;
-    opacity?: OpacityType;
+    opacity?: FullOpacityType;
     display?: FullDisplayType;
     visibility?: FullVisibilityType;
     cursor?: FullCursorType;
@@ -33,7 +33,7 @@ export interface IViewProps {
     minWidth?: Property.Width;
     maxHeight?: Property.Width;
     maxWidth?: Property.Width;
-    letterSpacing?: Property.LetterSpacing;
+    letterSpacing?: FullLetterSpacingType;
     lineHeight?: Property.LineHeight;
     overflowX?: FullOverflowXType;
     overflowY?: FullOverflowYType;

package/src/components/Engine/index.d.ts

@@ -80,7 +80,7 @@ export declare const PaddingType: {
     readonly ExtraLarge: "padding-extra-large";
 };
 export type PaddingType = typeof PaddingType[keyof typeof PaddingType];
-export type FullPaddingType = PaddingType | string;
+export type FullPaddingType = PaddingType | Property.Padding;
 export declare const MarginType: {
     readonly Default: "margin";
     readonly Normal: "margin-normal";
@@ -90,7 +90,7 @@ export declare const MarginType: {
     readonly ExtraLarge: "margin-extra-large";
 };
 export type MarginType = typeof MarginType[keyof typeof MarginType];
-export type FullMarginType = MarginType | string;
+export type FullMarginType = MarginType | Property.Margin;
 export declare const GapType: {
     readonly Default: "gap";
     readonly Normal: "gap-normal";
@@ -105,6 +105,7 @@ export declare const LetterSpacingType: {
     readonly Default: "letter-spacing";
 };
 export type LetterSpacingType = typeof LetterSpacingType[keyof typeof LetterSpacingType];
+export type FullLetterSpacingType = LetterSpacingType | Property.LetterSpacing;
 export declare const BorderRadiusType: {
     readonly Default: "border-radius";
     readonly Normal: "border-radius-normal";
@@ -115,7 +116,7 @@ export declare const BorderRadiusType: {
     readonly Max: "border-radius-max";
 };
 export type BorderRadiusType = typeof BorderRadiusType[keyof typeof BorderRadiusType];
-export type FullBorderRadiusType = BorderRadiusType | string;
+export type FullBorderRadiusType = BorderRadiusType | Property.BorderRadius;
 export declare const BorderStyleType: {
     readonly None: "border-style-none";
     readonly Solid: "border-style-solid";
@@ -129,7 +130,7 @@ export declare const BorderStyleType: {
     readonly Hidden: "border-style-hidden";
 };
 export type BorderStyleType = typeof BorderStyleType[keyof typeof BorderStyleType];
-export type FullBorderStyleType = BorderStyleType | string;
+export type FullBorderStyleType = BorderStyleType | Property.BorderStyle;
 export declare const BorderWidthType: {
     readonly Default: "border-width";
     readonly Normal: "border-width-normal";
@@ -139,14 +140,14 @@ export declare const BorderWidthType: {
     readonly ExtraLarge: "border-width-extra-large";
 };
 export type BorderWidthType = typeof BorderWidthType[keyof typeof BorderWidthType];
-export type FullBorderWidthType = BorderWidthType | string;
+export type FullBorderWidthType = BorderWidthType | Property.BorderWidth;
 export declare const VisibilityType: {
     readonly Visible: "visibility-visible";
     readonly Hidden: "visibility-hidden";
     readonly Collapse: "visibility-collapse";
 };
 export type VisibilityType = typeof VisibilityType[keyof typeof VisibilityType];
-export type FullVisibilityType = VisibilityType | string;
+export type FullVisibilityType = VisibilityType | Property.Visibility;
 export declare const DisplayType: {
     readonly None: "display-none";
     readonly Block: "display-block";
@@ -163,7 +164,7 @@ export declare const DisplayType: {
     readonly FlowRoot: "display-flow-root";
 };
 export type DisplayType = typeof DisplayType[keyof typeof DisplayType];
-export type FullDisplayType = DisplayType | string;
+export type FullDisplayType = DisplayType | Property.Display;
 export declare const CursorType: {
     readonly Auto: "cursor-auto";
     readonly Default: "cursor-default";
@@ -203,7 +204,7 @@ export declare const CursorType: {
     readonly ZoomOut: "cursor-zoom-out";
 };
 export type CursorType = typeof CursorType[keyof typeof CursorType];
-export type FullCursorType = CursorType | string;
+export type FullCursorType = CursorType | Property.Cursor;
 export declare const OverflowType: {
     readonly Visible: "overflow-visible";
     readonly Hidden: "overflow-hidden";
@@ -212,7 +213,7 @@ export declare const OverflowType: {
     readonly Clip: "overflow-clip";
 };
 export type OverflowType = typeof OverflowType[keyof typeof OverflowType];
-export type FullOverflowType = OverflowType | string;
+export type FullOverflowType = OverflowType | Property.Overflow;
 export declare const OverflowXType: {
     readonly Visible: "overflow-x-visible";
     readonly Hidden: "overflow-x-hidden";
@@ -221,7 +222,7 @@ export declare const OverflowXType: {
     readonly Clip: "overflow-x-clip";
 };
 export type OverflowXType = typeof OverflowXType[keyof typeof OverflowXType];
-export type FullOverflowXType = OverflowXType | string;
+export type FullOverflowXType = OverflowXType | Property.OverflowX;
 export declare const OverflowYType: {
     readonly Visible: "overflow-y-visible";
     readonly Hidden: "overflow-y-hidden";
@@ -230,7 +231,7 @@ export declare const OverflowYType: {
     readonly Clip: "overflow-y-clip";
 };
 export type OverflowYType = typeof OverflowYType[keyof typeof OverflowYType];
-export type FullOverflowYType = OverflowYType | string;
+export type FullOverflowYType = OverflowYType | Property.OverflowY;
 export declare const OpacityType: {
     readonly _0: "opacity-0";
     readonly _10: "opacity-10";
@@ -247,6 +248,7 @@ export declare const OpacityType: {
     readonly _100: "opacity-100";
 };
 export type OpacityType = typeof OpacityType[keyof typeof OpacityType];
+export type FullOpacityType = OpacityType | Property.Opacity;
 export declare const ViewSizeType: {
     readonly Ellipse: "v-ellipse-size";
     readonly Rectangle: "v-rectangle-size";
@@ -256,7 +258,7 @@ export declare const ViewSizeType: {
 };
 export type ViewSizeType = typeof ViewSizeType[keyof typeof ViewSizeType];
 export declare const getWeightValue: (weightType: FontWeightType) => number;
-export type FullFontSizeType = FontSizeType | string;
+export type FullFontSizeType = FontSizeType | Property.FontSize;
 export declare const FontSizeType: {
     readonly Default: "font-size";
     readonly Normal: "font-size-normal";
@@ -271,7 +273,7 @@ export declare const FontSizeType: {
     readonly AutoExtraLarge: "auto-font-size-extra-large";
 };
 export type FontSizeType = typeof FontSizeType[keyof typeof FontSizeType];
-export type FullColorType = ColorType | string;
+export type FullColorType = ColorType | Property.Color;
 export declare const PseudoType: {
     readonly All: "all";
     readonly Before: "before";
@@ -296,4 +298,4 @@ export declare const DirectionType: {
     readonly LeftRight: "left-right";
 };
 export type DirectionType = typeof DirectionType[keyof typeof DirectionType];
-export declare const getGeneratedClassName: (className: string, isDefaultValue: boolean | undefined, sizeType?: FullFontSizeType, isAutoSize?: boolean, weightType?: FontWeightType, frontColorType?: FullColorType, backgroundColorType?: FullColorType, borderColorType?: FullColorType, borderDirection?: DirectionType, pseudoType?: PseudoType, pseudoFrontColor?: FullColorType, pseudoBackgroundColor?: FullColorType, pseudoBorderColor?: FullColorType, pseudoBorderDirection?: DirectionType, borderRadius?: FullBorderRadiusType, borderStyle?: FullBorderStyleType, borderWidth?: FullBorderWidthType, padding?: FullPaddingType, margin?: FullMarginType, opacityType?: OpacityType, display?: FullDisplayType, visibility?: FullVisibilityType, cursor?: FullCursorType, overflow?: FullOverflowType, overflowX?: FullOverflowXType, overflowY?: FullOverflowYType) => string;
+export declare const getGeneratedClassName: (className: string, isDefaultValue: boolean | undefined, sizeType?: FullFontSizeType, isAutoSize?: boolean, weightType?: FontWeightType, frontColorType?: FullColorType, backgroundColorType?: FullColorType, borderColorType?: FullColorType, borderDirection?: DirectionType, pseudoType?: PseudoType, pseudoFrontColor?: FullColorType, pseudoBackgroundColor?: FullColorType, pseudoBorderColor?: FullColorType, pseudoBorderDirection?: DirectionType, borderRadius?: FullBorderRadiusType, borderStyle?: FullBorderStyleType, borderWidth?: FullBorderWidthType, padding?: FullPaddingType, margin?: FullMarginType, opacityType?: FullOpacityType, display?: FullDisplayType, visibility?: FullVisibilityType, cursor?: FullCursorType, overflow?: FullOverflowType, overflowX?: FullOverflowXType, overflowY?: FullOverflowYType) => string;