@master/css - npm Package Compare versions

Comparing version 2.0.0-rc.40 to 2.0.0-rc.41

dist/config/index.d.ts

@@ -6,10 +6,10 @@ import at from './at';
 import variables from './variables';
-import rules from './rules';
+import syntaxes from './syntaxes';
 import modes from './modes';
 import functions from './functions';
 import type { PropertiesHyphen } from 'csstype';
-import type { Rule, RuleDefinition, ValueComponent } from '../rule';
+import type { Rule, SyntaxDefinition, ValueComponent } from '../rule';
 declare const config: Config;
-export { config, at, selectors, utilities, rules, functions, animations, variables, modes };
-export type VariableValue = number | string | Array<number | string>;
+export { config, at, selectors, utilities, syntaxes, functions, animations, variables, modes };
+export type VariableValue = number | string | false | Array<number | string>;
 export type VariableDefinition = {
@@ -33,7 +33,7 @@ [key in '' | `@${string}` | string]?: VariableValue | VariableDefinition;
 };
-export type RuleDefinitions = {
-    [key in keyof typeof rules | string]?: RuleDefinition;
+export type SyntaxDefinitions = {
+    [key in keyof typeof syntaxes | string]?: SyntaxDefinition;
 };
 export type VariableDefinitions = {
-    [key in keyof typeof rules]?: VariableDefinition;
+    [key in keyof typeof syntaxes]?: VariableDefinition;
 } & {
@@ -64,3 +64,3 @@ [key: string]: VariableDefinition;
     variables?: VariableDefinitions;
-    rules?: RuleDefinitions;
+    syntaxes?: SyntaxDefinitions;
     rootSize?: number;
@@ -67,0 +67,0 @@ baseUnit?: number;

dist/config/utilities.d.ts

@@ -13,2 +13,3 @@ declare const utilities: {
         readonly 'border-radius': "50%";
+        readonly 'aspect-ratio': "1/1";
     };
@@ -15,0 +16,0 @@ readonly hidden: {

dist/config/variables.d.ts

@@ -1,506 +0,2 @@
-declare const variables: {
-    text: {
-        invert: {
-            '@light': string;
-            '@dark': string;
-        };
-        strong: {
-            '@light': string;
-            '@dark': string;
-        };
-        neutral: {
-            '@light': string;
-            '@dark': string;
-        };
-        lightest: {
-            '@light': string;
-            '@dark': string;
-        };
-        lighter: {
-            '@light': string;
-            '@dark': string;
-        };
-        light: {
-            '@light': string;
-            '@dark': string;
-        };
-        gray: {
-            '@light': string;
-            '@dark': string;
-        };
-        slate: {
-            '@light': string;
-            '@dark': string;
-        };
-        brown: {
-            '@light': string;
-            '@dark': string;
-        };
-        orange: {
-            '@light': string;
-            '@dark': string;
-        };
-        amber: {
-            '@light': string;
-            '@dark': string;
-        };
-        yellow: {
-            '@light': string;
-            '@dark': string;
-        };
-        lime: {
-            '@light': string;
-            '@dark': string;
-        };
-        green: {
-            '@light': string;
-            '@dark': string;
-        };
-        beryl: {
-            '@light': string;
-            '@dark': string;
-        };
-        teal: {
-            '@light': string;
-            '@dark': string;
-        };
-        cyan: {
-            '@light': string;
-            '@dark': string;
-        };
-        sky: {
-            '@light': string;
-            '@dark': string;
-        };
-        blue: {
-            '@light': string;
-            '@dark': string;
-        };
-        indigo: {
-            '@light': string;
-            '@dark': string;
-        };
-        violet: {
-            '@light': string;
-            '@dark': string;
-        };
-        purple: {
-            '@light': string;
-            '@dark': string;
-        };
-        fuchsia: {
-            '@light': string;
-            '@dark': string;
-        };
-        pink: {
-            '@light': string;
-            '@dark': string;
-        };
-        crimson: {
-            '@light': string;
-            '@dark': string;
-        };
-        red: {
-            '@light': string;
-            '@dark': string;
-        };
-    };
-    base: {
-        '@light': string;
-        '@dark': string;
-    };
-    invert: {
-        '@light': string;
-        '@dark': string;
-    };
-    white: string;
-    black: string;
-    gray: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    slate: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    brown: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    orange: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    amber: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    yellow: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    lime: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    green: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    beryl: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    teal: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    cyan: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    sky: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    blue: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    indigo: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    violet: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    purple: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    fuchsia: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    pink: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    crimson: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    red: {
-        '5': string;
-        '10': string;
-        '20': string;
-        '30': string;
-        '40': string;
-        '50': string;
-        '60': string;
-        '70': string;
-        '80': string;
-        '90': string;
-        '95': string;
-        '@light': string;
-        '@dark': string;
-    };
-    full: string;
-    fit: string;
-    max: string;
-    min: string;
-    screen: {
-        '4xs': number;
-        '3xs': number;
-        '2xs': number;
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-        '2xl': number;
-        '3xl': number;
-        '4xl': number;
-    };
-    'font-family': {
-        mono: string[];
-        sans: string[];
-        serif: string[];
-    };
-    'font-weight': {
-        thin: number;
-        extralight: number;
-        light: number;
-        regular: number;
-        medium: number;
-        semibold: number;
-        bold: number;
-        extrabold: number;
-        heavy: number;
-    };
-    'flex-direction': {
-        col: string;
-        'col-reverse': string;
-    };
-    'box-sizing': {
-        content: string;
-        border: string;
-    };
-    position: {
-        abs: string;
-        rel: string;
-    };
-    'transform-box': {
-        content: string;
-        border: string;
-        padding: string;
-        fill: string;
-        stroke: string;
-        view: string;
-    };
-    'animation-direction': {
-        alt: string;
-        'alt-reverse': string;
-    };
-    'background-clip': {
-        content: string;
-        border: string;
-        padding: string;
-    };
-    'background-origin': {
-        content: string;
-        border: string;
-        padding: string;
-    };
-    order: {
-        first: number;
-        last: number;
-    };
-    'shape-outside': {
-        content: string;
-        border: string;
-        padding: string;
-        margin: string;
-    };
-    'clip-path': {
-        content: string;
-        border: string;
-        padding: string;
-        margin: string;
-        fill: string;
-        stroke: string;
-        view: string;
-    };
-    current: string;
-};
+declare const variables: {};
 export default variables;

dist/core.d.ts

@@ -31,3 +31,3 @@ import { Rule, type NativeRule, type RegisteredRule } from './rule';
     static config: Config;
-    readonly rules: Rule[];
+    readonly syntaxes: Rule[];
     readonly ruleBy: Record<string, Rule>;
@@ -46,3 +46,3 @@ readonly classesUsage: Record<string, number>;
     /**
-     * Generate rules from class name
+     * Generate syntaxes from class name
      * @param className
@@ -49,0 +49,0 @@ * @returns Rule[]

dist/index.d.ts

@@ -14,5 +14,5 @@ export * from './config';
 export { default as areRuleStatesEqual } from './utils/are-rule-states-equal';
-export { default as areRulesDuplicated } from './utils/are-rules-duplicated';
+export { default as areRulesDuplicated } from './utils/are-syntaxes-duplicated';
 export { default as generateCSS } from './utils/generate-css';
 export { default as isCoreRule } from './utils/is-core-rule';
 export type { NativeRule, MediaFeatureComponent, MediaQuery } from './rule';

dist/rule.d.ts

@@ -114,5 +114,5 @@ import MasterCSS, { type Variable } from './core';
     order: number;
-    definition: RuleDefinition;
+    definition: SyntaxDefinition;
 }
-export interface RuleDefinition {
+export interface SyntaxDefinition {
     layer?: Layer;
@@ -119,0 +119,0 @@ matcher?: RegExp;

dist/utils/autofill-solid-style.d.ts

@@ -1,3 +0,3 @@
-import { RuleDefinition } from '../rule';
-declare const autofillSolidStyle: RuleDefinition['transformValueComponents'];
+import { SyntaxDefinition } from '../rule';
+declare const autofillSolidStyle: SyntaxDefinition['transformValueComponents'];
 export default autofillSolidStyle;

package.json

@@ -1,1 +0,1 @@
-{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"vitest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"The CSS language and framework for rapidly building modern and high-performance websites","author":"Aoyue Design LLC.","funding":"https://css.master.co/docs/donate","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/core"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","import":"./dist/index.mjs","types":"./dist/index.d.ts"}},"bin":"./dist/bin/index.mjs","files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/colors":"^2.0.0","@master/normal.css":"^3.0.0","@techor/extend":"^3.0.22","csstype":"^3.1.3"},"devDependencies":{"@master/css-shared":"^2.0.0-rc.40"},"version":"2.0.0-rc.40"}
+{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"vitest","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"The CSS language and framework for rapidly building modern and high-performance websites","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/core"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","import":"./dist/index.mjs","types":"./dist/index.d.ts"}},"bin":"./dist/bin/index.mjs","files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/colors":"^2.1.0","@master/normal.css":"^3.1.0","@techor/extend":"^3.0.23","csstype":"^3.1.3"},"devDependencies":{"shared":"^2.0.0-rc.41"},"version":"2.0.0-rc.41"}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

430104

increased by0.15%

Worsened metrics

Lines of code

12541

decreased by-0.63%

Dependency changes

• Updated@master/colors@^2.1.0

• Updated@master/normal.css@^3.1.0

• Updated@techor/extend@^3.0.23