@master/css 2.0.0-alpha.5 → 2.0.0-alpha.7

package/constants/css-property-keyword.d.ts

@@ -1,212 +0,0 @@
-export declare const dash: (...words: string[]) => string;
-export declare const DASH = "-";
-export declare const BORDER = "border";
-export declare const RADIUS = "radius";
-export declare const MARGIN = "margin";
-export declare const PADDING = "padding";
-export declare const FONT = "font";
-export declare const CURSOR = "cursor";
-export declare const POINTER = "pointer";
-export declare const COMMA = ",";
-export declare const FLOW = "flow";
-export declare const TEMPLATE = "template";
-export declare const COLUMN = "column";
-export declare const COLUMNS: string;
-export declare const GAP = "gap";
-export declare const ROW = "row";
-export declare const ROWS: string;
-export declare const FR = "fr";
-export declare const EVENTS = "events";
-export declare const RESIZE = "resize";
-export declare const SHADOW = "shadow";
-export declare const USER = "user";
-export declare const DRAG = "drag";
-export declare const TOUCH = "touch";
-export declare const ACTION = "action";
-export declare const SELECT = "select";
-export declare const SIZING = "sizing";
-export declare const CONTENT = "content";
-export declare const ISOLATION = "isolation";
-export declare const IMAGE = "image";
-export declare const STICKY = "sticky";
-export declare const STROKE = "stroke";
-export declare const CENTER = "center";
-export declare const MIDDLE = "middle";
-export declare const BACKDROP = "backdrop";
-export declare const FILTER = "filter";
-export declare const STATIC = "static";
-export declare const BLEND = "blend";
-export declare const MIX = "mix";
-export declare const ISOLATE = "isolate";
-export declare const ROUNDED = "rounded";
-export declare const ROUND = "round";
-export declare const BACKGROUND = "background";
-export declare const ATTACHMENT = "attachment";
-export declare const REPEAT = "repeat";
-export declare const COLOR = "color";
-export declare const FLOAT = "float";
-export declare const OPACITY = "opacity";
-export declare const FIXED = "fixed";
-export declare const LOCAL = "local";
-export declare const SCROLL = "scroll";
-export declare const ANIMATION = "animation";
-export declare const DIRECTION = "direction";
-export declare const MODE = "mode";
-export declare const ITERATION = "iteration";
-export declare const COUNT = "count";
-export declare const NAME = "name";
-export declare const PLAY_STATE = "play-state";
-export declare const VISIBILITY = "visibility";
-export declare const INVISIBLE = "invisible";
-export declare const VISIBLE = "visible";
-export declare const Z_INDEX = "z-index";
-export declare const CLEAR = "clear";
-export declare const BEHAVIOR = "behavior";
-export declare const OVERSCROLL_BEHAVIOR: string;
-export declare const Y = "y";
-export declare const X = "x";
-export declare const WEIGHT = "weight";
-export declare const HEIGHT = "height";
-export declare const WIDTH = "width";
-export declare const MAX = "max";
-export declare const MIN = "min";
-export declare const BLOCK = "block";
-export declare const INLINE = "inline";
-export declare const FLEX = "flex";
-export declare const GRID = "grid";
-export declare const CONTENTS = "contents";
-export declare const SHOW = "show";
-export declare const HIDE = "hide";
-export declare const TRANSITION = "transition";
-export declare const ORIGIN = "origin";
-export declare const DELAY = "delay";
-export declare const TRANSLATE = "translate";
-export declare const SKEW = "skew";
-export declare const ROTATE = "rotate";
-export declare const DEG = "deg";
-export declare const PROPERTY = "property";
-export declare const TIMING_FUNCTION = "timing-function";
-export declare const DURATION = "duration";
-export declare const DISPLAY = "display";
-export declare const ORIENT = "orient";
-export declare const KEEP = "keep";
-export declare const NORMAL = "normal";
-export declare const FAMILY = "family";
-export declare const ALL = "all";
-export declare const CLAMP = "clamp";
-export declare const HIDDEN = "hidden";
-export declare const CONTAIN = "contain";
-export declare const COVER = "cover";
-export declare const BOX = "box";
-export declare const FILL = "fill";
-export declare const ELLIPSIS = "ellipsis";
-export declare const CLIP = "clip";
-export declare const NONE = "none";
-export declare const WHITE = "white";
-export declare const SCALE = "scale";
-export declare const TEXT = "text";
-export declare const ALIGN = "align";
-export declare const OVERFLOW = "overflow";
-export declare const WRAP = "wrap";
-export declare const TRANSFORM = "transform";
-export declare const VERTICAL = "vertical";
-export declare const WORD = "word";
-export declare const SPACE = "space";
-export declare const DECORATION = "decoration";
-export declare const BREAK = "break";
-export declare const DOWN = "down";
-export declare const SIZE = "size";
-export declare const AUTO = "auto";
-export declare const VARIANT = "variant";
-export declare const LINE = "line";
-export declare const NUMERIC = "numeric";
-export declare const OBJECT = "object";
-export declare const FIT = "fit";
-export declare const POSITION = "position";
-export declare const REM = "rem";
-export declare const EM = "em";
-export declare const PX = "px";
-export declare const STYLE = "style";
-export declare const GRAYSCALE = "grayscale";
-export declare const SMOOTHING = "smoothing";
-export declare const SHARP = "sharp";
-export declare const ANTIALIASED = "antialiased";
-export declare const SUBPIXEL = "subpixel";
-export declare const LETTER = "letter";
-export declare const FIRST = "first";
-export declare const SPACING = "spacing";
-export declare const LETTER_SPACING: string;
-export declare const MAX_WIDTH: string;
-export declare const MIN_WIDTH: string;
-export declare const MAX_HEIGHT: string;
-export declare const MIN_HEIGHT: string;
-export declare const FONT_PREFIX = "font:";
-export declare const F_PREFIX = "f:";
-export declare const T_PREFIX = "t:";
-export declare const H_PREFIX = "h:";
-export declare const W_PREFIX = "w:";
-export declare const BG_PREFIX = "bg:";
-export declare const OBJECT_PREFIX: string;
-export declare const SQUARE = "square";
-export declare const VIDEO = "video";
-export declare const SLICE = "slice";
-export declare const CLONE = "clone";
-export declare const ASPECT = "aspect";
-export declare const RATIO = "ratio";
-export declare const AFTER = "after";
-export declare const BEFORE = "before";
-export declare const INSIDE = "inside";
-export declare const TABLE = "table";
-export declare const GROUP = "group";
-export declare const LIST = "list";
-export declare const ITEM = "item";
-export declare const BASIS = "basis";
-export declare const FULL = "full";
-export declare const REVERSE = "reverse";
-export declare const NOWRAP = "nowrap";
-export declare const FLEX_PREFIX: string;
-export declare const GROW = "grow";
-export declare const BOX_PREFIX: string;
-export declare const SHRINK = "shrink";
-export declare const ORDER = "order";
-export declare const ORDER_PREFIX = "o:";
-export declare const LAST = "last";
-export declare const COL = "col";
-export declare const SPAN = "span";
-export declare const JUSTIFY = "justify";
-export declare const ITEMS: string;
-export declare const SELF = "self";
-export declare const PLACE = "place";
-export declare const MONO = "mono";
-export declare const SANS = "sans";
-export declare const SERIF = "serif";
-export declare const TYPE = "type";
-export declare const ABS = "abs";
-export declare const ABSOLUTE = "absolute";
-export declare const REL = "rel";
-export declare const RELATIVE = "relative";
-export declare const THICKNESS = "thickness";
-export declare const OFFSET = "offset";
-export declare const UNDERLINE = "underline";
-export declare const INDENT = "indent";
-export declare const OUTLINE = "outline";
-export declare const COLLAPSE = "collapse";
-export declare const LAYOUT = "layout";
-export declare const ACCENT = "accent";
-export declare const CARET = "caret";
-export declare const SNAP = "snap";
-export declare const STOP = "stop";
-export declare const SHAPE = "shape";
-export declare const VIEW = "view";
-export declare const AREA = "area";
-export declare const END = "end";
-export declare const START = "start";
-export declare const BLUR = "blur";
-export declare const DROP = "drop";
-export declare const HUE = "hue";
-export declare const SIZING_VALUES: {
-    full: string;
-    fit: string;
-    max: string;
-    min: string;
-};

package/constants/direction.d.ts

@@ -1,10 +0,0 @@
-export declare const TOP = "top";
-export declare const BOTTOM = "bottom";
-export declare const LEFT = "left";
-export declare const RIGHT = "right";
-export declare const L = "l";
-export declare const R = "r";
-export declare const T = "t";
-export declare const B = "b";
-export declare const X = "x";
-export declare const Y = "y";

package/constants/priority-selectors.d.ts

@@ -1 +0,0 @@
-export declare const PRIORITY_SELECTORS: string[];

package/constants/start-symbol.d.ts

@@ -1,5 +0,0 @@
-export declare const START_SYMBOL: {
-    '(': string;
-    '\'': string;
-    '{': string;
-};

package/index.d.ts

@@ -1,6 +0,0 @@
-declare const colors: any;
-declare const breakpoints: any;
-export { colors, breakpoints };
-export * from './style';
-export * from './sheet';
-export * from './styles';

package/interfaces/style-media-feature.d.ts

@@ -1,7 +0,0 @@
-export interface StyleMediaFeature {
-    token: string;
-    tokenType?: string;
-    operator?: string;
-    value?: number;
-    unit?: string;
-}

package/interfaces/style-media.d.ts

@@ -1,8 +0,0 @@
-import { StyleMediaFeature } from './style-media-feature';
-export interface StyleMedia {
-    token: string;
-    features?: {
-        [key: string]: StyleMediaFeature;
-    };
-    type?: string;
-}

package/render.d.ts

@@ -1,8 +0,0 @@
-import { StyleSheet } from './';
-import './polyfills/css-escape';
-export declare function render(html: string, options: {
-    StyleSheet: typeof StyleSheet;
-}): {
-    css: string;
-    html: string;
-};

package/sheet.d.ts

@@ -1,55 +0,0 @@
-import { Style } from './style';
-declare const MutationObserver: {
-    new (callback: MutationCallback): MutationObserver;
-    prototype: MutationObserver;
-} | ObjectConstructor;
-export declare class StyleSheet extends MutationObserver {
-    private container?;
-    constructor(container?: Element);
-    readonly element: HTMLStyleElement;
-    readonly styles: Style[];
-    readonly styleOfName: {};
-    readonly countOfName: {};
-    static root: StyleSheet;
-    static Styles: typeof Style[];
-    observe(target: Node, options?: MutationObserverInit): this;
-    disconnect(): void;
-    /**
-     * 尋找匹配的 Style 生成實例
-     */
-    static findAndNew(name: string): Style | Style[];
-    /**
-     * 尋找匹配的 Style
-     */
-    static find(name: string): typeof Style | (typeof Style)[];
-    /**
-     * 全部 sheet 根據目前蒐集到的所有 DOM class 重新 findAndNew
-     */
-    static refresh(): void;
-    /**
-     * 根據目前蒐集到的所有 DOM class 重新 findAndNew
-     */
-    refresh(): void;
-    destroy(): void;
-    /**
-     * 1. where
-     * 2. normal
-     * 3. where selectors
-     * 4. normal selectors
-     * 5. media where
-     * 6. media normal
-     * 7. media selectors
-     * 8. media width where
-     * 9. media width
-     * 10. media width selectors
-     */
-    insert(style: Style): void;
-    delete(className: string): void;
-    findAndInsert(className: string): void;
-}
-declare global {
-    interface Window {
-        MasterStyleSheet: typeof StyleSheet;
-    }
-}
-export {};

package/style.d.ts

@@ -1,69 +0,0 @@
-import { StyleMedia } from './interfaces/style-media';
-import { StyleSheet } from './sheet';
-export interface StyleMatching {
-    origin: 'matches' | 'semantics' | 'symbol';
-    value?: string;
-}
-export declare const sheets: StyleSheet[];
-export declare class Style {
-    readonly name: string;
-    readonly matching?: StyleMatching;
-    readonly prefix: string;
-    readonly symbol: string;
-    readonly value: any | {
-        [key: string]: string;
-    };
-    readonly token: string;
-    readonly prefixSelector: string;
-    readonly suffixSelector: string;
-    readonly important: boolean;
-    readonly media: StyleMedia;
-    readonly at: Record<string, string>;
-    readonly direction: string;
-    readonly colorScheme: string;
-    readonly unit: string;
-    readonly unitToken: string;
-    readonly text: string;
-    readonly hasWhere: boolean;
-    readonly prioritySelectorIndex: number;
-    cssRule: CSSRule;
-    static id: string;
-    static key: string;
-    static matches: RegExp;
-    static colorStarts: string;
-    static symbol: string;
-    static unit: string;
-    static colorful: boolean;
-    static rootSize: number;
-    static readonly values: Record<string, any>;
-    static readonly semantics: {
-        [key: string]: any;
-    };
-    static readonly breakpoints: {
-        [key: string]: number;
-    };
-    static readonly mediaQueries: {
-        [key: string]: string;
-    };
-    static readonly sheets: StyleSheet[];
-    static readonly colors: Record<string, any>;
-    static readonly classes: Record<string, string | string[]>;
-    static readonly colorNames: string[];
-    static readonly relations: Record<string, string[]>;
-    static readonly colorSchemes: string[];
-    static match(name: string): StyleMatching;
-    constructor(name: string, matching?: StyleMatching);
-    static extend(property: 'classes' | 'breakpoints' | 'colors' | 'mediaQueries', ...settings: Record<string, any>[]): typeof Style;
-}
-export interface Style {
-    readonly parseValue?: any;
-    readonly props?: {
-        [key: string]: any;
-    };
-    readonly order?: number;
-}
-declare global {
-    interface Window {
-        MasterStyle: typeof Style;
-    }
-}

package/styles/accent-color.d.ts

@@ -1,6 +0,0 @@
-import { Style } from '../style';
-export declare class AccentColor extends Style {
-    static key: string;
-    static colorStarts: string;
-    static colorful: boolean;
-}

package/styles/align-content.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class AlignContent extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/align-items.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class AlignItems extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/align-self.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class AlignSelf extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/animation-delay.d.ts

@@ -1,6 +0,0 @@
-import { Style } from '../style';
-export declare class AnimationDelay extends Style {
-    static matches: RegExp;
-    static key: string;
-    static unit: string;
-}

package/styles/animation-direction.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class AnimationDirection extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/animation-duration.d.ts

@@ -1,6 +0,0 @@
-import { Style } from '../style';
-export declare class AnimationDuration extends Style {
-    static matches: RegExp;
-    static key: string;
-    static unit: string;
-}

package/styles/animation-fill-mode.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class AnimationFillMode extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/animation-iteration-count.d.ts

@@ -1,6 +0,0 @@
-import { Style } from '../style';
-export declare class AnimationIterationCount extends Style {
-    static matches: RegExp;
-    static key: string;
-    static unit: string;
-}

package/styles/animation-name.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class AnimationName extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/animation-play-state.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class AnimationPlayState extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/animation-timing-function.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class AnimationTimingFunction extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/animation.d.ts

@@ -1,7 +0,0 @@
-import { Style } from '../style';
-export declare class Animation extends Style {
-    static symbol: string;
-    static key: string;
-    static unit: string;
-    order: number;
-}

package/styles/appearance.d.ts

@@ -1,4 +0,0 @@
-import { Style } from '../style';
-export declare class Appearance extends Style {
-    static key: string;
-}

package/styles/aspect-radio.d.ts

@@ -1,10 +0,0 @@
-import { Style } from '../style';
-export declare class AspectRadio extends Style {
-    static matches: RegExp;
-    static key: string;
-    static unit: string;
-    static semantics: {
-        square: string;
-        video: string;
-    };
-}

package/styles/backdrop-filter.d.ts

@@ -1,9 +0,0 @@
-import { Style } from '../style';
-export declare class BackdropFilter extends Style {
-    static matches: RegExp;
-    static key: string;
-    get props(): {
-        [key: string]: any;
-    };
-    get parseValue(): string;
-}

package/styles/background-attachment.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class BackgroundAttachment extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/background-blend-mode.d.ts

@@ -1,4 +0,0 @@
-import { Style } from '../style';
-export declare class BackgroundBlendMode extends Style {
-    static key: string;
-}

package/styles/background-clip.d.ts

@@ -1,13 +0,0 @@
-import { Style } from '../style';
-export declare class BackgroundClip extends Style {
-    static matches: RegExp;
-    static key: string;
-    get props(): {
-        [key: string]: any;
-    };
-    static values: {
-        content: string;
-        border: string;
-        padding: string;
-    };
-}

package/styles/background-color.d.ts

@@ -1,7 +0,0 @@
-import { Style } from '../style';
-export declare class BackgroundColor extends Style {
-    static colorStarts: string;
-    static key: string;
-    static unit: string;
-    static colorful: boolean;
-}

package/styles/background-image.d.ts

@@ -1,6 +0,0 @@
-import { Style } from '../style';
-export declare class BackgroundImage extends Style {
-    static matches: RegExp;
-    static key: string;
-    static colorful: boolean;
-}

package/styles/background-origin.d.ts

@@ -1,10 +0,0 @@
-import { Style } from '../style';
-export declare class BackgroundOrigin extends Style {
-    static matches: RegExp;
-    static key: string;
-    static values: {
-        content: string;
-        border: string;
-        padding: string;
-    };
-}

package/styles/background-position.d.ts

@@ -1,6 +0,0 @@
-import { Style } from '../style';
-export declare class BackgroundPosition extends Style {
-    static matches: RegExp;
-    static key: string;
-    static unit: string;
-}

package/styles/background-repeat.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class BackgroundRepeat extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/background-size.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class BackgroundSize extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/background.d.ts

@@ -1,7 +0,0 @@
-import { Style } from '../style';
-export declare class Background extends Style {
-    static matches: RegExp;
-    static key: string;
-    static colorful: boolean;
-    order: number;
-}

package/styles/border-collapse.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class BorderCollapse extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/border-color.d.ts

@@ -1,11 +0,0 @@
-import { Style } from '../style';
-export declare class BorderColor extends Style {
-    static id: string;
-    static matches: RegExp;
-    static colorStarts: string;
-    static colorful: boolean;
-    get props(): {
-        [key: string]: any;
-    };
-    get order(): number;
-}

package/styles/border-image-outset.d.ts

@@ -1,4 +0,0 @@
-import { Style } from '../style';
-export declare class BorderImageOutset extends Style {
-    static key: string;
-}

package/styles/border-image-repeat.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class BorderImageRepeat extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/border-image-slice.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class BorderImageSlice extends Style {
-    static key: string;
-    static unit: string;
-}

package/styles/border-image-source.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class BorderImageSource extends Style {
-    static matches: RegExp;
-    static key: string;
-}

package/styles/border-image-width.d.ts

@@ -1,5 +0,0 @@
-import { Style } from '../style';
-export declare class BorderImageWidth extends Style {
-    static matches: RegExp;
-    static key: string;
-}