@master/css 2.0.0-beta.27 → 2.0.0-beta.29

package/dist/config/index.d.ts

@@ -1,22 +1,27 @@
-import MasterCSSRule from '../rule';
+import DefaultRules from './rules';
+import Rule from '../rule';
 import MasterCSS from '../css';
-declare const defaultConfig: MasterCSSConfig;
+declare const defaultConfig: Config;
 export default defaultConfig;
-export interface MasterCSSConfig {
+export interface Config {
     classes?: Record<string, string>;
     colors?: Record<string, string | Record<string, string>>;
     breakpoints?: Record<string, number>;
     mediaQueries?: Record<string, string>;
     selectors?: Record<string, string | string[]>;
     semantics?: Record<string, string | Record<string, string | number>>;
-    values?: Record<string, Record<string, string | number> | string | number>;
-    Rules?: typeof MasterCSSRule[];
+    values?: {
+        [id in typeof DefaultRules[number]['id']]?: Record<string, string | number>;
+    } & {
+        [key: string]: Record<string, string | number> | string | number;
+    };
+    Rules?: typeof Rule[];
     themes?: Record<string, {
         classes?: Record<string, string>;
         colors?: Record<string, string | Record<string, string>>;
     }> | string[];
     rootSize?: number;
-    validateRule?: (rule: MasterCSSRule, css?: MasterCSS) => boolean;
+    validateRule?: (rule: Rule, css?: MasterCSS) => boolean;
     scheme?: {
         preference?: string;
         storage?: {

package/dist/config/rules.d.ts

@@ -1,3 +1,196 @@
 import FontWeight from '../rules/font-weight';
-declare const DefaultRules: (typeof FontWeight)[];
+import FontFamily from '../rules/font-family';
+import FontSize from '../rules/font-size';
+import Spacing from '../rules/spacing';
+import Width from '../rules/width';
+import Height from '../rules/height';
+import MinWidth from '../rules/min-width';
+import MinHeight from '../rules/min-height';
+import LetterSpacing from '../rules/letter-spacing';
+import FontSmoothing from '../rules/font-smoothing';
+import FontStyle from '../rules/font-style';
+import FontVariantNumeric from '../rules/font-variant-numeric';
+import LineHeight from '../rules/line-height';
+import ObjectFit from '../rules/object-fit';
+import ObjectPosition from '../rules/object-position';
+import TextAlign from '../rules/text-align';
+import TextDecoration from '../rules/text-decoration';
+import TextTransform from '../rules/text-transform';
+import VerticalAlign from '../rules/vertical-align';
+import Lines from '../rules/lines';
+import TransformOrigin from '../rules/transform-origin';
+import TransformStyle from '../rules/transform-style';
+import TransformBox from '../rules/transform-box';
+import Transform from '../rules/transform';
+import Transition from '../rules/transition';
+import TransitionDelay from '../rules/transition-delay';
+import TransitionDuration from '../rules/transition-duration';
+import TransitionProperty from '../rules/transition-property';
+import TransitionTimingFunction from '../rules/transition-timing-function';
+import MaxHeight from '../rules/max-height';
+import MaxWidth from '../rules/max-width';
+import Display from '../rules/display';
+import BoxSizing from '../rules/box-sizing';
+import Opacity from '../rules/opacity';
+import Visibility from '../rules/visibility';
+import Clear from '../rules/clear';
+import Float from '../rules/float';
+import Isolation from '../rules/isolation';
+import Overflow from '../rules/overflow';
+import OverscrollBehavior from '../rules/overscroll-behavior';
+import ZIndex from '../rules/z-index';
+import AnimationDelay from '../rules/animation-delay';
+import AnimationDirection from '../rules/animation-direction';
+import AnimationFillMode from '../rules/animation-fill-mode';
+import AnimationIterationCount from '../rules/animation-iteration-count';
+import AnimationName from '../rules/animation-name';
+import AnimationPlayState from '../rules/animation-play-state';
+import AnimationTimingFunction from '../rules/animation-timing-function';
+import Animation from '../rules/animation';
+import BorderColor from '../rules/border-color';
+import BorderRadius from '../rules/border-radius';
+import BorderStyle from '../rules/border-style';
+import BorderWidth from '../rules/border-width';
+import Border from '../rules/border';
+import BackgroundAttachment from '../rules/background-attachment';
+import BackgroundBlendMode from '../rules/background-blend-mode';
+import BackgroundClip from '../rules/background-clip';
+import BackgroundColor from '../rules/background-color';
+import BackgroundOrigin from '../rules/background-origin';
+import BackgroundPosition from '../rules/background-position';
+import BackgroundRepeat from '../rules/background-repeat';
+import BackgroundSize from '../rules/background-size';
+import BackgroundImage from '../rules/background-image';
+import Background from '../rules/background';
+import MixBlendMode from '../rules/mix-blend-mode';
+import Position from '../rules/position';
+import Placement from '../rules/placement';
+import BackdropFilter from '../rules/backdrop-filter';
+import Fill from '../rules/fill';
+import Stroke from '../rules/stroke';
+import StrokeWidth from '../rules/stroke-width';
+import Filter from '../rules/filter';
+import Cursor from '../rules/cursor';
+import PointerEvents from '../rules/pointer-events';
+import Resize from '../rules/resize';
+import TouchAction from '../rules/touch-action';
+import UserDrag from '../rules/user-drag';
+import UserSelect from '../rules/user-select';
+import BoxShadow from '../rules/box-shadow';
+import TextShadow from '../rules/text-shadow';
+import TextSize from '../rules/text-size';
+import WordBreak from '../rules/word-break';
+import GridColumns from '../rules/grid-columns';
+import GridRows from '../rules/grid-rows';
+import Gap from '../rules/gap';
+import WordSpacing from '../rules/word-spacing';
+import Variable from '../rules/variable';
+import AspectRadio from '../rules/aspect-radio';
+import BoxDecorationBreak from '../rules/box-decoration-break';
+import BreakAfter from '../rules/break-after';
+import BreakBefore from '../rules/break-before';
+import BreakInside from '../rules/break-inside';
+import FlexShrink from '../rules/flex-shrink';
+import FlexDirection from '../rules/flex-direction';
+import FlexGrow from '../rules/flex-grow';
+import FlexWrap from '../rules/flex-wrap';
+import FlexBasis from '../rules/flex-basis';
+import Flex from '../rules/flex';
+import Order from '../rules/order';
+import GridColumn from '../rules/grid-column';
+import ColumnSpan from '../rules/column-span';
+import GridRow from '../rules/grid-row';
+import Color from '../rules/color';
+import AlignContent from '../rules/align-content';
+import AlignItems from '../rules/align-items';
+import AlignSelf from '../rules/align-self';
+import GridAutoColumns from '../rules/grid-auto-columns';
+import GridAutoFlow from '../rules/grid-auto-flow';
+import GridAutoRows from '../rules/grid-auto-rows';
+import JustifyContent from '../rules/justify-content';
+import JustifyItems from '../rules/justify-items';
+import JustifySelf from '../rules/justify-self';
+import PlaceContent from '../rules/place-content';
+import PlaceItems from '../rules/place-items';
+import PlaceSelf from '../rules/place-self';
+import Padding from '../rules/padding';
+import Margin from '../rules/margin';
+import TextOverflow from '../rules/text-overflow';
+import ListStylePosition from '../rules/list-style-position';
+import ListStyleType from '../rules/list-style-type';
+import ListStyle from '../rules/list-style';
+import TextDecorationColor from '../rules/text-decoration-color';
+import TextDecorationStyle from '../rules/text-decoration-style';
+import TextDecorationThickness from '../rules/text-decoration-thickness';
+import TextIndent from '../rules/text-indent';
+import Content from '../rules/content';
+import OutlineColor from '../rules/outline-color';
+import OutlineOffset from '../rules/outline-offset';
+import OutlineStyle from '../rules/outline-style';
+import OutlineWidth from '../rules/outline-width';
+import Outline from '../rules/outline';
+import BorderCollapse from '../rules/border-collapse';
+import BorderSpacing from '../rules/border-spacing';
+import TableLayout from '../rules/table-layout';
+import AccentColor from '../rules/accent-color';
+import Appearance from '../rules/appearance';
+import CaretColor from '../rules/caret-color';
+import ScrollBehavior from '../rules/scroll-behavior';
+import ScrollMargin from '../rules/scroll-margin';
+import ScrollPadding from '../rules/scroll-padding';
+import ScrollSnapAlign from '../rules/scroll-snap-align';
+import ScrollSnapStop from '../rules/scroll-snap-stop';
+import ScrollSnapType from '../rules/scroll-snap-type';
+import WillChange from '../rules/will-change';
+import TextUnderlineOffset from '../rules/text-underline-offset';
+import Inset from '../rules/inset';
+import Columns from '../rules/columns';
+import WhiteSpace from '../rules/white-space';
+import TextOrientation from '../rules/text-orientation';
+import WritingMode from '../rules/writing-mode';
+import Contain from '../rules/contain';
+import AnimationDuration from '../rules/animation-duration';
+import TextRendering from '../rules/text-rendering';
+import Direction from '../rules/direction';
+import TextDecorationLine from '../rules/text-decoration-line';
+import GridColumnStart from '../rules/grid-column-start';
+import ListStyleImage from '../rules/list-style-image';
+import ShapeOutside from '../rules/shape-outside';
+import ShapeMargin from '../rules/shape-margin';
+import ShapeImageThreshold from '../rules/shape-image-threshold';
+import ClipPath from '../rules/clip-path';
+import Grid from '../rules/grid';
+import Font from '../rules/font';
+import Quotes from '../rules/quotes';
+import GridTemplate from '../rules/grid-template';
+import GridRowStart from '../rules/grid-row-start';
+import GridTemplateAreas from '../rules/grid-template-areas';
+import GridTemplateColumns from '../rules/grid-template-columns';
+import GridTemplateRows from '../rules/grid-template-rows';
+import GridArea from '../rules/grid-area';
+import GridColumnEnd from '../rules/grid-column-end';
+import GridRowEnd from '../rules/grid-row-end';
+import MaskImage from '../rules/mask-image';
+import TextFillColor from '../rules/text-fill-color';
+import TextStroke from '../rules/text-stroke';
+import TextStrokeWidth from '../rules/text-stroke-width';
+import TextStrokeColor from '../rules/text-stroke-color';
+import StrokeDasharray from '../rules/stroke-dasharray';
+import StrokeDashoffset from '../rules/stroke-dashoffset';
+import X from '../rules/x';
+import Y from '../rules/y';
+import Cx from '../rules/cx';
+import Cy from '../rules/cy';
+import Rx from '../rules/rx';
+import Ry from '../rules/ry';
+import BorderImageOutset from '../rules/border-image-outset';
+import BorderImageRepeat from '../rules/border-image-repeat';
+import BorderImageSlice from '../rules/border-image-slice';
+import BorderImageSource from '../rules/border-image-source';
+import BorderImageWidth from '../rules/border-image-width';
+import BorderImage from '../rules/border-image';
+import Group from '../rules/group';
+import CounterIncrement from '../rules/counter-increment';
+import counterReset from '../rules/counter-reset';
+declare const DefaultRules: (typeof FontWeight | typeof FontFamily | typeof FontSize | typeof Spacing | typeof Width | typeof Height | typeof MinWidth | typeof MinHeight | typeof LetterSpacing | typeof FontSmoothing | typeof FontStyle | typeof FontVariantNumeric | typeof LineHeight | typeof ObjectFit | typeof ObjectPosition | typeof TextAlign | typeof TextDecoration | typeof TextTransform | typeof VerticalAlign | typeof Lines | typeof TransformOrigin | typeof TransformStyle | typeof TransformBox | typeof Transform | typeof Transition | typeof TransitionDelay | typeof TransitionDuration | typeof TransitionProperty | typeof TransitionTimingFunction | typeof MaxHeight | typeof MaxWidth | typeof Display | typeof BoxSizing | typeof Opacity | typeof Visibility | typeof Clear | typeof Float | typeof Isolation | typeof Overflow | typeof OverscrollBehavior | typeof ZIndex | typeof AnimationDelay | typeof AnimationDirection | typeof AnimationFillMode | typeof AnimationIterationCount | typeof AnimationName | typeof AnimationPlayState | typeof AnimationTimingFunction | typeof Animation | typeof BorderColor | typeof BorderRadius | typeof BorderStyle | typeof BorderWidth | typeof Border | typeof BackgroundAttachment | typeof BackgroundBlendMode | typeof BackgroundClip | typeof BackgroundColor | typeof BackgroundOrigin | typeof BackgroundPosition | typeof BackgroundRepeat | typeof BackgroundSize | typeof BackgroundImage | typeof Background | typeof MixBlendMode | typeof Position | typeof Placement | typeof BackdropFilter | typeof Fill | typeof Stroke | typeof StrokeWidth | typeof Filter | typeof Cursor | typeof PointerEvents | typeof Resize | typeof TouchAction | typeof UserDrag | typeof UserSelect | typeof BoxShadow | typeof TextShadow | typeof TextSize | typeof WordBreak | typeof GridColumns | typeof GridRows | typeof Gap | typeof WordSpacing | typeof Variable | typeof AspectRadio | typeof BoxDecorationBreak | typeof BreakAfter | typeof BreakBefore | typeof BreakInside | typeof FlexShrink | typeof FlexDirection | typeof FlexGrow | typeof FlexWrap | typeof FlexBasis | typeof Flex | typeof Order | typeof GridColumn | typeof ColumnSpan | typeof GridRow | typeof Color | typeof AlignContent | typeof AlignItems | typeof AlignSelf | typeof GridAutoColumns | typeof GridAutoFlow | typeof GridAutoRows | typeof JustifyContent | typeof JustifyItems | typeof JustifySelf | typeof PlaceContent | typeof PlaceItems | typeof PlaceSelf | typeof Padding | typeof Margin | typeof TextOverflow | typeof ListStylePosition | typeof ListStyleType | typeof ListStyle | typeof TextDecorationColor | typeof TextDecorationStyle | typeof TextDecorationThickness | typeof TextIndent | typeof Content | typeof OutlineColor | typeof OutlineOffset | typeof OutlineStyle | typeof OutlineWidth | typeof Outline | typeof BorderCollapse | typeof BorderSpacing | typeof TableLayout | typeof AccentColor | typeof Appearance | typeof CaretColor | typeof ScrollBehavior | typeof ScrollMargin | typeof ScrollPadding | typeof ScrollSnapAlign | typeof ScrollSnapStop | typeof ScrollSnapType | typeof WillChange | typeof TextUnderlineOffset | typeof Inset | typeof Columns | typeof WhiteSpace | typeof TextOrientation | typeof WritingMode | typeof Contain | typeof AnimationDuration | typeof TextRendering | typeof Direction | typeof TextDecorationLine | typeof GridColumnStart | typeof ListStyleImage | typeof ShapeOutside | typeof ShapeMargin | typeof ShapeImageThreshold | typeof ClipPath | typeof Grid | typeof Font | typeof Quotes | typeof GridTemplate | typeof GridRowStart | typeof GridTemplateAreas | typeof GridTemplateColumns | typeof GridTemplateRows | typeof GridArea | typeof GridColumnEnd | typeof GridRowEnd | typeof MaskImage | typeof TextFillColor | typeof TextStroke | typeof TextStrokeWidth | typeof TextStrokeColor | typeof StrokeDasharray | typeof StrokeDashoffset | typeof X | typeof Y | typeof Cx | typeof Cy | typeof Rx | typeof Ry | typeof BorderImageOutset | typeof BorderImageRepeat | typeof BorderImageSlice | typeof BorderImageSource | typeof BorderImageWidth | typeof BorderImage | typeof Group | typeof CounterIncrement | typeof counterReset)[];
 export default DefaultRules;

package/dist/css.d.ts

@@ -1,31 +1,31 @@
-import type { MasterCSSConfig } from './config';
-import MasterCSSRule from './rule';
+import type { Config } from './config';
+import Rule from './rule';
 declare const MutationObserver: ObjectConstructor | {
     new (callback: MutationCallback): MutationObserver;
     prototype: MutationObserver;
 };
-export declare type MasterCSSOptions = {
-    config?: MasterCSSConfig;
+export declare type Options = {
+    config?: Config;
     override?: boolean;
     observe?: boolean;
 };
 export default class MasterCSS extends MutationObserver {
     #private;
-    options?: MasterCSSOptions;
+    options?: Options;
     static instances: MasterCSS[];
     static root: MasterCSS;
     /**
      * 全部 sheet 根據目前蒐集到的所有 DOM class 重新 findAndNew
      */
-    static refresh(config: MasterCSSConfig): void;
+    static refresh(config: Config): void;
     readonly style: HTMLStyleElement;
-    readonly rules: MasterCSSRule[];
-    readonly ruleOfClass: Record<string, MasterCSSRule>;
+    readonly rules: Rule[];
+    readonly ruleOfClass: Record<string, Rule>;
     readonly countOfClass: {};
     readonly host: Element;
     readonly root: Document | ShadowRoot;
     readonly ready: boolean;
-    readonly config: MasterCSSConfig;
+    readonly config: Config;
     semantics: [RegExp, string][];
     classes: Record<string, string[]>;
     colorsThemesMap: Record<string, Record<string, Record<string, string>>>;
@@ -37,7 +37,7 @@ export default class MasterCSS extends MutationObserver {
     values: Record<string, Record<string, string | number>>;
     globalValues: Record<string, string | number>;
     private schemeMQL;
-    constructor(options?: MasterCSSOptions);
+    constructor(options?: Options);
     get storageScheme(): string;
     set scheme(scheme: string);
     get scheme(): string;
@@ -49,13 +49,13 @@ export default class MasterCSS extends MutationObserver {
     observe(root: Document | ShadowRoot, options?: MutationObserverInit): this;
     disconnect(): void;
     /**
-     * 尋找匹配的 MasterCSSRule 生成實例
+     * 尋找匹配的 Rule 生成實例
      */
-    findAndNew(name: string): MasterCSSRule | MasterCSSRule[];
+    findAndNew(name: string): Rule | Rule[];
     /**
      * 根據目前蒐集到的所有 DOM class 重新 findAndNew
      */
-    refresh(config: MasterCSSConfig): void;
+    refresh(config: Config): void;
     destroy(): void;
     /**
      * 1. where
@@ -69,7 +69,7 @@ export default class MasterCSS extends MutationObserver {
      * 9. media width
      * 10. media width selectors
      */
-    insert(rule: MasterCSSRule): void;
+    insert(rule: Rule): void;
     delete(className: string): void;
     findAndInsert(className: string): void;
     get text(): string;