@projectwallace/css-analyzer 9.5.0 → 9.6.0

package/dist/atrules/index.d.ts

@@ -1,2 +1,2 @@
-import { n as isSupportsBrowserhack, t as isMediaBrowserhack } from "../atrules-CvzPtm16.js";
+import { n as isSupportsBrowserhack, t as isMediaBrowserhack } from "../atrules-C8lZ1H_5.js";
 export { isMediaBrowserhack, isSupportsBrowserhack };

package/dist/{browserhacks-eP_e1D5u.js → browserhacks-Ckz2JiOQ.js}

@@ -1,4 +1,5 @@
-import { r as KeywordSet, t as endsWith } from "./string-utils-olNNcOlY.js";
+import { t as KeywordSet } from "./keyword-set-qSyAMR9o.js";
+import { t as endsWith } from "./string-utils-C97yyuqE.js";
 import { DIMENSION, IDENTIFIER, NUMBER } from "@projectwallace/css-parser";
 //#region src/values/colors.ts
 const namedColors = new KeywordSet([

package/dist/index.d.ts

@@ -1,19 +1,18 @@
-import { n as isSupportsBrowserhack, t as isMediaBrowserhack } from "./atrules-CvzPtm16.js";
-import { a as calculate, c as CollectionCount, i as isPrefixed, l as Location, n as getComplexity, r as isAccessibility, u as UniqueWithLocations } from "./utils-BUeYqEL1.js";
-import { a as namedColors, i as colorKeywords, n as keywords, o as systemColors, r as colorFunctions, s as KeywordSet } from "./values-Dw53soqy.js";
+import { n as isSupportsBrowserhack, t as isMediaBrowserhack } from "./atrules-C8lZ1H_5.js";
+import { a as calculate, c as CollectionCount, i as isPrefixed, l as Location, n as getComplexity, r as isAccessibility, u as UniqueWithLocations } from "./utils-DJb_IpTO.js";
+import { t as KeywordSet } from "./keyword-set-BXSoLQ6m.js";
+import { i as isHack } from "./property-utils-MKX6iGvg.js";
+import { a as namedColors, i as colorKeywords, n as keywords, o as systemColors, r as colorFunctions } from "./values-B5nDaGc_.js";
 import { CSSNode } from "@projectwallace/css-parser";
 
-//#region src/properties/property-utils.d.ts
-/**
- * @see https://github.com/csstree/csstree/blob/master/lib/utils/names.js#L69
- */
-declare function isHack(property: string): boolean;
-//#endregion
 //#region src/values/vendor-prefix.d.ts
 declare function isValuePrefixed(node: CSSNode, on_value: (value: string) => void): void;
 //#endregion
 //#region src/vendor-prefix.d.ts
-/** Kept for backwards compatibility */
+/**
+ * Kept for backwards compatibility
+ * @deprecated
+ * */
 declare function hasVendorPrefix(keyword: string): boolean;
 //#endregion
 //#region src/index.d.ts
@@ -441,6 +440,18 @@ declare function analyzeInternal<T extends boolean>(css: string, options: Option
         ratio: number;
       };
     };
+    shorthands: {
+      total: number;
+      totalUnique: number;
+      unique: Record<string, number>;
+      uniquenessRatio: number;
+    } & (T extends true ? {
+      uniqueWithLocations: UniqueWithLocations;
+    } : {
+      uniqueWithLocations?: undefined;
+    }) & {
+      ratio: number;
+    };
     browserhacks: {
       total: number;
       totalUnique: number;

package/dist/index.js

@@ -1,7 +1,9 @@
 import { n as isSupportsBrowserhack, t as isMediaBrowserhack } from "./atrules-CskmpIdJ.js";
-import { n as unquote, r as KeywordSet, t as endsWith } from "./string-utils-olNNcOlY.js";
-import { a as getComplexity, i as getCombinators, n as calculateForAST, o as isAccessibility, s as isPrefixed, t as calculate } from "./specificity-svLpcKkT.js";
-import { a as colorKeywords, i as colorFunctions, n as isValueReset, o as namedColors, r as keywords, s as systemColors, t as isIe9Hack } from "./browserhacks-eP_e1D5u.js";
+import { t as KeywordSet } from "./keyword-set-qSyAMR9o.js";
+import { n as unquote, t as endsWith } from "./string-utils-C97yyuqE.js";
+import { a as getComplexity, i as getCombinators, n as calculateForAST, o as isAccessibility, s as isPrefixed, t as calculate } from "./specificity-BKdu6JZr.js";
+import { a as colorKeywords, i as colorFunctions, n as isValueReset, o as namedColors, r as keywords, s as systemColors, t as isIe9Hack } from "./browserhacks-Ckz2JiOQ.js";
+import { a as shorthand_properties, i as isHack, n as basename, r as border_radius_properties, t as SPACING_RESET_PROPERTIES } from "./property-utils-B3n9KkA9.js";
 import { ATTRIBUTE_SELECTOR, AT_RULE, BLOCK, CONTAINER_QUERY, DECLARATION, DIMENSION, FUNCTION, HASH, IDENTIFIER, LAYER_NAME, MEDIA_FEATURE, NUMBER, OPERATOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, SELECTOR, SELECTOR_LIST, SKIP, STYLE_RULE, SUPPORTS_QUERY, TYPE_SELECTOR, URL, is_custom, is_vendor_prefixed, parse, str_starts_with, walk } from "@projectwallace/css-parser";
 //#region src/values/destructure-font-shorthand.ts
 const SYSTEM_FONTS = new KeywordSet([
@@ -315,63 +317,11 @@ function getEmbedType(embed) {
 	return embed.substring(start, semicolon);
 }
 //#endregion
-//#region src/properties/property-utils.ts
-const SPACING_RESET_PROPERTIES = new Set([
-	"margin",
-	"margin-block",
-	"margin-inline",
-	"margin-top",
-	"margin-block-start",
-	"margin-block-end",
-	"margin-inline-end",
-	"margin-inline-end",
-	"margin-right",
-	"margin-bottom",
-	"margin-left",
-	"padding",
-	"padding-block",
-	"padding-inline",
-	"padding-top",
-	"padding-right",
-	"padding-bottom",
-	"padding-left",
-	"padding-block-start",
-	"padding-block-end",
-	"padding-inline-start",
-	"padding-inline-end"
-]);
-const border_radius_properties = new KeywordSet([
-	"border-radius",
-	"border-top-left-radius",
-	"border-top-right-radius",
-	"border-bottom-right-radius",
-	"border-bottom-left-radius",
-	"border-start-start-radius",
-	"border-start-end-radius",
-	"border-end-end-radius",
-	"border-end-start-radius"
-]);
-/**
-* @see https://github.com/csstree/csstree/blob/master/lib/utils/names.js#L69
-*/
-function isHack(property) {
-	if (is_custom(property) || is_vendor_prefixed(property)) return false;
-	let code = property.charCodeAt(0);
-	return code === 47 || code === 42 || code === 95 || code === 43 || code === 38 || code === 36 || code === 35;
-}
-/**
-* Get the normalized basename for a property with a vendor prefix
-* @returns The property name without vendor prefix
-*/
-function basename(property) {
-	if (is_custom(property)) return property;
-	if (is_vendor_prefixed(property)) return property.slice(property.indexOf("-", 2) + 1).toLowerCase();
-	if (isHack(property)) return property.slice(1).toLowerCase();
-	return property.toLowerCase();
-}
-//#endregion
 //#region src/vendor-prefix.ts
-/** Kept for backwards compatibility */
+/**
+* Kept for backwards compatibility
+* @deprecated
+* */
 function hasVendorPrefix(keyword) {
 	return is_vendor_prefixed(keyword);
 }
@@ -466,6 +416,7 @@ function analyzeInternal(css, options, useLocations) {
 	let propertyHacks = new Collection(useLocations);
 	let propertyVendorPrefixes = new Collection(useLocations);
 	let customProperties = new Collection(useLocations);
+	let shorthands = new Collection(useLocations);
 	let propertyComplexities = new AggregateCollection();
 	let valueComplexities = new AggregateCollection();
 	let vendorPrefixedValues = new Collection(useLocations);
@@ -656,6 +607,7 @@ function analyzeInternal(css, options, useLocations) {
 				propertyHacks.p(property.charAt(0), propertyLoc);
 				propertyComplexities.push(2);
 			} else propertyComplexities.push(1);
+			if (shorthand_properties.has(normalizedProperty)) shorthands.p(property, propertyLoc);
 			{
 				let value = node.value;
 				let { text } = value;
@@ -962,6 +914,7 @@ function analyzeInternal(css, options, useLocations) {
 				ratio: ratio(customProperties.size(), properties.size()),
 				importants: assign(importantCustomProperties.c(), { ratio: ratio(importantCustomProperties.size(), customProperties.size()) })
 			}),
+			shorthands: assign(shorthands.c(), { ratio: ratio(shorthands.size(), properties.size()) }),
 			browserhacks: assign(propertyHacks.c(), { ratio: ratio(propertyHacks.size(), properties.size()) }),
 			complexity: propertyComplexity
 		}),

package/dist/keyword-set-BXSoLQ6m.d.ts

@@ -0,0 +1,11 @@
+//#region src/keyword-set.d.ts
+/**
+ * @description A Set-like construct to search CSS keywords in a case-insensitive way
+ */
+declare class KeywordSet {
+  set: Set<string>;
+  constructor(items: Lowercase<string>[]);
+  has(item: string): boolean;
+}
+//#endregion
+export { KeywordSet as t };

package/dist/keyword-set-qSyAMR9o.js

@@ -0,0 +1,16 @@
+//#region src/keyword-set.ts
+/**
+* @description A Set-like construct to search CSS keywords in a case-insensitive way
+*/
+var KeywordSet = class {
+	set;
+	constructor(items) {
+		/** @type {Set<string>} */
+		this.set = new Set(items);
+	}
+	has(item) {
+		return this.set.has(item.toLowerCase());
+	}
+};
+//#endregion
+export { KeywordSet as t };

package/dist/properties/index.d.ts

@@ -0,0 +1,2 @@
+import { a as shorthand_properties, i as isHack, n as basename, r as border_radius_properties, t as SPACING_RESET_PROPERTIES } from "../property-utils-MKX6iGvg.js";
+export { basename, border_radius_properties, isHack as is_property_hack, shorthand_properties, SPACING_RESET_PROPERTIES as spacing_reset_properties };

package/dist/properties/index.js

@@ -0,0 +1,2 @@
+import { a as shorthand_properties, i as isHack, n as basename, r as border_radius_properties, t as SPACING_RESET_PROPERTIES } from "../property-utils-B3n9KkA9.js";
+export { basename, border_radius_properties, isHack as is_property_hack, shorthand_properties, SPACING_RESET_PROPERTIES as spacing_reset_properties };

package/dist/property-utils-B3n9KkA9.js

@@ -0,0 +1,107 @@
+import { t as KeywordSet } from "./keyword-set-qSyAMR9o.js";
+import { is_custom, is_vendor_prefixed } from "@projectwallace/css-parser";
+//#region src/properties/property-utils.ts
+const shorthand_properties = new Set([
+	"all",
+	"animation",
+	"background",
+	"border",
+	"border-block-end",
+	"border-block-start",
+	"border-bottom",
+	"border-color",
+	"border-image",
+	"border-inline-end",
+	"border-inline-start",
+	"border-left",
+	"border-radius",
+	"border-right",
+	"border-style",
+	"border-top",
+	"border-width",
+	"column-rule",
+	"columns",
+	"contain-intrinsic-size",
+	"flex",
+	"flex-flow",
+	"font",
+	"gap",
+	"grid",
+	"grid-area",
+	"grid-column",
+	"grid-row",
+	"grid-template",
+	"inset",
+	"list-style",
+	"margin",
+	"mask",
+	"offset",
+	"outline",
+	"overflow",
+	"padding",
+	"place-content",
+	"place-items",
+	"place-self",
+	"scroll-margin",
+	"scroll-padding",
+	"scroll-timeline",
+	"text-decoration",
+	"text-emphasis",
+	"transition",
+	"vertical-align"
+]);
+const SPACING_RESET_PROPERTIES = new Set([
+	"margin",
+	"margin-block",
+	"margin-inline",
+	"margin-top",
+	"margin-block-start",
+	"margin-block-end",
+	"margin-inline-end",
+	"margin-inline-end",
+	"margin-right",
+	"margin-bottom",
+	"margin-left",
+	"padding",
+	"padding-block",
+	"padding-inline",
+	"padding-top",
+	"padding-right",
+	"padding-bottom",
+	"padding-left",
+	"padding-block-start",
+	"padding-block-end",
+	"padding-inline-start",
+	"padding-inline-end"
+]);
+const border_radius_properties = new KeywordSet([
+	"border-radius",
+	"border-top-left-radius",
+	"border-top-right-radius",
+	"border-bottom-right-radius",
+	"border-bottom-left-radius",
+	"border-start-start-radius",
+	"border-start-end-radius",
+	"border-end-end-radius",
+	"border-end-start-radius"
+]);
+/**
+* @see https://github.com/csstree/csstree/blob/master/lib/utils/names.js#L69
+*/
+function isHack(property) {
+	if (is_custom(property) || is_vendor_prefixed(property)) return false;
+	let code = property.charCodeAt(0);
+	return code === 47 || code === 42 || code === 95 || code === 43 || code === 38 || code === 36 || code === 35;
+}
+/**
+* Get the normalized basename for a property with a vendor prefix
+* @returns The property name without vendor prefix
+*/
+function basename(property) {
+	if (is_custom(property)) return property;
+	if (is_vendor_prefixed(property)) return property.slice(property.indexOf("-", 2) + 1).toLowerCase();
+	if (isHack(property)) return property.slice(1).toLowerCase();
+	return property.toLowerCase();
+}
+//#endregion
+export { shorthand_properties as a, isHack as i, basename as n, border_radius_properties as r, SPACING_RESET_PROPERTIES as t };

package/dist/property-utils-MKX6iGvg.d.ts

@@ -0,0 +1,17 @@
+import { t as KeywordSet } from "./keyword-set-BXSoLQ6m.js";
+
+//#region src/properties/property-utils.d.ts
+declare const shorthand_properties: Set<string>;
+declare const SPACING_RESET_PROPERTIES: Set<string>;
+declare const border_radius_properties: KeywordSet;
+/**
+ * @see https://github.com/csstree/csstree/blob/master/lib/utils/names.js#L69
+ */
+declare function isHack(property: string): boolean;
+/**
+ * Get the normalized basename for a property with a vendor prefix
+ * @returns The property name without vendor prefix
+ */
+declare function basename(property: string): string;
+//#endregion
+export { shorthand_properties as a, isHack as i, basename as n, border_radius_properties as r, SPACING_RESET_PROPERTIES as t };

package/dist/selectors/index.d.ts

@@ -1,2 +1,2 @@
-import { a as calculate, i as isPrefixed, n as getComplexity, o as calculateForAST, r as isAccessibility, s as compare, t as getCombinators } from "../utils-BUeYqEL1.js";
+import { a as calculate, i as isPrefixed, n as getComplexity, o as calculateForAST, r as isAccessibility, s as compare, t as getCombinators } from "../utils-DJb_IpTO.js";
 export { compare as compareSpecificity, getCombinators, getComplexity, calculate as getSpecificity, calculateForAST as getSpecificityForAST, isAccessibility, isPrefixed };

package/dist/selectors/index.js

@@ -1,3 +1,3 @@
-import "../string-utils-olNNcOlY.js";
-import { a as getComplexity, i as getCombinators, n as calculateForAST, o as isAccessibility, r as compare, s as isPrefixed, t as calculate } from "../specificity-svLpcKkT.js";
+import "../string-utils-C97yyuqE.js";
+import { a as getComplexity, i as getCombinators, n as calculateForAST, o as isAccessibility, r as compare, s as isPrefixed, t as calculate } from "../specificity-BKdu6JZr.js";
 export { compare as compareSpecificity, getCombinators, getComplexity, calculate as getSpecificity, calculateForAST as getSpecificityForAST, isAccessibility, isPrefixed };

package/dist/{specificity-svLpcKkT.js → specificity-BKdu6JZr.js}

@@ -1,4 +1,5 @@
-import { n as unquote, r as KeywordSet } from "./string-utils-olNNcOlY.js";
+import { t as KeywordSet } from "./keyword-set-qSyAMR9o.js";
+import { n as unquote } from "./string-utils-C97yyuqE.js";
 import { ATTRIBUTE_SELECTOR, CLASS_SELECTOR, COMBINATOR, ID_SELECTOR, NTH_OF_SELECTOR, NTH_SELECTOR, PSEUDO_CLASS_SELECTOR, PSEUDO_ELEMENT_SELECTOR, SELECTOR, SELECTOR_LIST, SKIP, TYPE_SELECTOR, str_equals, str_starts_with, walk } from "@projectwallace/css-parser";
 import { parse_selector } from "@projectwallace/css-parser/parse-selector";
 //#region src/selectors/utils.ts

package/dist/{string-utils-olNNcOlY.js → string-utils-C97yyuqE.js}

@@ -1,19 +1,4 @@
 import "@projectwallace/css-parser";
-//#region src/keyword-set.ts
-/**
-* @description A Set-like construct to search CSS keywords in a case-insensitive way
-*/
-var KeywordSet = class {
-	set;
-	constructor(items) {
-		/** @type {Set<string>} */
-		this.set = new Set(items);
-	}
-	has(item) {
-		return this.set.has(item.toLowerCase());
-	}
-};
-//#endregion
 //#region src/string-utils.ts
 function unquote(str) {
 	return str.replaceAll(/(?:^['"])|(?:['"]$)/g, "");
@@ -46,4 +31,4 @@ function endsWith(base, maybe) {
 	return true;
 }
 //#endregion
-export { unquote as n, KeywordSet as r, endsWith as t };
+export { unquote as n, endsWith as t };

package/dist/values/index.d.ts

@@ -1,4 +1,4 @@
-import { a as namedColors, i as colorKeywords, n as keywords, o as systemColors, r as colorFunctions, t as isValueReset } from "../values-Dw53soqy.js";
+import { a as namedColors, i as colorKeywords, n as keywords, o as systemColors, r as colorFunctions, t as isValueReset } from "../values-B5nDaGc_.js";
 import { CSSNode } from "@projectwallace/css-parser";
 
 //#region src/values/browserhacks.d.ts

package/dist/values/index.js

@@ -1,3 +1,3 @@
-import "../string-utils-olNNcOlY.js";
-import { a as colorKeywords, i as colorFunctions, n as isValueReset, o as namedColors, r as keywords, s as systemColors, t as isIe9Hack } from "../browserhacks-eP_e1D5u.js";
+import "../string-utils-C97yyuqE.js";
+import { a as colorKeywords, i as colorFunctions, n as isValueReset, o as namedColors, r as keywords, s as systemColors, t as isIe9Hack } from "../browserhacks-Ckz2JiOQ.js";
 export { colorFunctions, colorKeywords, isIe9Hack, isValueReset, keywords, namedColors, systemColors };

package/dist/{values-Dw53soqy.d.ts → values-B5nDaGc_.d.ts}

@@ -1,15 +1,6 @@
+import { t as KeywordSet } from "./keyword-set-BXSoLQ6m.js";
 import { CSSNode } from "@projectwallace/css-parser";
 
-//#region src/keyword-set.d.ts
-/**
- * @description A Set-like construct to search CSS keywords in a case-insensitive way
- */
-declare class KeywordSet {
-  set: Set<string>;
-  constructor(items: Lowercase<string>[]);
-  has(item: string): boolean;
-}
-//#endregion
 //#region src/values/colors.d.ts
 declare const namedColors: KeywordSet;
 declare const systemColors: KeywordSet;
@@ -23,4 +14,4 @@ declare const keywords: KeywordSet;
  */
 declare function isValueReset(node: CSSNode): boolean;
 //#endregion
-export { namedColors as a, colorKeywords as i, keywords as n, systemColors as o, colorFunctions as r, KeywordSet as s, isValueReset as t };
+export { namedColors as a, colorKeywords as i, keywords as n, systemColors as o, colorFunctions as r, isValueReset as t };

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@projectwallace/css-analyzer",
 	"description": "The best CSS analyzer out there. Check design tokens, complexity, specificity, performance and more.",
-	"version": "9.5.0",
+	"version": "9.6.0",
 	"author": "Bart Veneman",
 	"repository": {
 		"type": "git",
@@ -32,6 +32,10 @@
 		"./values": {
 			"types": "./dist/values/index.d.ts",
 			"default": "./dist/values/index.js"
+		},
+		"./properties": {
+			"types": "./dist/properties/index.d.ts",
+			"default": "./dist/properties/index.js"
 		}
 	},
 	"engines": {