@projectwallace/css-design-tokens 0.11.0 → 0.11.1

package/dist/index.d.ts

@@ -1,18 +1,102 @@
-import { CubicBezierToken, DimensionToken, DurationToken, FontFamilyToken, NumberToken, UnparsedToken, ColorToken, CssAnalysis, ShadowToken } from './types.js';
-export { color_to_token } from './colors.js';
-export { EXTENSION_AUTHORED_AS, EXTENSION_USAGE_COUNT, EXTENSION_CSS_PROPERTIES, type Easing, type CubicBezierToken, type DimensionValue, type DimensionToken, type DurationToken, type DurationValue, type FontFamilyToken, type NumberToken, type UnparsedToken, type CssAnalysis, type ShadowToken, type ColorSpace, type ColorToken, type ColorValue, type ColorComponent, } from './types.js';
-export type { CssLength, ShadowValue } from './destructure-box-shadow.js';
-export declare function css_to_tokens(css: string): Tokens;
+import { analyze } from "@projectwallace/css-analyzer";
+
+//#region src/destructure-box-shadow.d.ts
+type CssLength = {
+  value: number;
+  unit: string;
+};
+type ShadowValue = {
+  color: ColorValue | undefined;
+  offsetX: CssLength | undefined;
+  offsetY: CssLength | undefined;
+  blur: CssLength | undefined;
+  spread: CssLength | undefined;
+  inset: boolean | undefined;
+};
+//#endregion
+//#region src/types.d.ts
+type CssAnalysis = ReturnType<typeof analyze>;
+declare const EXTENSION_AUTHORED_AS = "com.projectwallace.css-authored-as";
+declare const EXTENSION_USAGE_COUNT = "com.projectwallace.usage-count";
+declare const EXTENSION_CSS_PROPERTIES = "com.projectwallace.css-properties";
+type Easing = [number, number, number, number];
+type BaseToken = {
+  $extensions: {
+    [EXTENSION_AUTHORED_AS]: string;
+    [EXTENSION_USAGE_COUNT]: number;
+  };
+};
+type Unit = 'rem' | 'px';
+type DurationValue = {
+  value: number;
+  unit: 'ms';
+};
+type DurationToken = BaseToken & {
+  $type: 'duration';
+  $value: DurationValue;
+};
+type UnparsedToken = BaseToken & {
+  $value: string;
+  $type?: never;
+};
+type ColorSpace = 'srgb' | 'display-p3' | 'hsl' | 'hwb' | 'lab' | 'lch' | 'oklab' | 'oklch' | 'display-p3' | 'a98-rgb' | 'prophoto-rgb' | 'rec2020' | 'xyz-d65' | 'xyz-d50';
+type ColorComponent = number | 'none';
+type ColorValue = {
+  colorSpace: ColorSpace;
+  components: [ColorComponent, ColorComponent, ColorComponent];
+  alpha: number;
+  hex?: string;
+};
+type ColorToken = BaseToken & {
+  $type: 'color';
+  $value: ColorValue;
+  $extensions: {
+    [EXTENSION_CSS_PROPERTIES]: Array<string>;
+  };
+};
+type DimensionValue = {
+  value: number;
+  unit: Unit;
+};
+type DimensionToken = BaseToken & {
+  $type: 'dimension';
+  $value: DimensionValue;
+};
+type NumberToken = BaseToken & {
+  $type: 'number';
+  $value: number;
+};
+type CubicBezierToken = BaseToken & {
+  $type: 'cubicBezier';
+  $value: Easing;
+};
+type FontFamilyValue = string[];
+type FontFamilyToken = BaseToken & {
+  $type: 'fontFamily';
+  $value: FontFamilyValue;
+};
+type ShadowToken = BaseToken & {
+  $type: 'shadow';
+  $value: ShadowValue | ShadowValue[];
+};
+//#endregion
+//#region src/colors.d.ts
+declare function color_to_token(color: string): ColorValue | null;
+//#endregion
+//#region src/index.d.ts
+declare function css_to_tokens(css: string): Tokens;
 type TokenID = string;
-export type Tokens = {
-    color: Record<TokenID, ColorToken>;
-    font_size: Record<TokenID, DimensionToken | UnparsedToken>;
-    font_family: Record<TokenID, FontFamilyToken | UnparsedToken>;
-    line_height: Record<TokenID, DimensionToken | NumberToken | UnparsedToken>;
-    gradient: Record<TokenID, UnparsedToken>;
-    box_shadow: Record<TokenID, ShadowToken | UnparsedToken>;
-    radius: Record<TokenID, UnparsedToken>;
-    duration: Record<TokenID, DurationToken | UnparsedToken>;
-    easing: Record<TokenID, CubicBezierToken | UnparsedToken>;
-};
-export declare function analysis_to_tokens(analysis: CssAnalysis): Tokens;
+type Tokens = {
+  color: Record<TokenID, ColorToken>;
+  font_size: Record<TokenID, DimensionToken | UnparsedToken>;
+  font_family: Record<TokenID, FontFamilyToken | UnparsedToken>;
+  line_height: Record<TokenID, DimensionToken | NumberToken | UnparsedToken>;
+  gradient: Record<TokenID, UnparsedToken>;
+  box_shadow: Record<TokenID, ShadowToken | UnparsedToken>;
+  radius: Record<TokenID, UnparsedToken>;
+  duration: Record<TokenID, DurationToken | UnparsedToken>;
+  easing: Record<TokenID, CubicBezierToken | UnparsedToken>;
+};
+declare function analysis_to_tokens(analysis: CssAnalysis): Tokens;
+//#endregion
+export { type ColorComponent, type ColorSpace, type ColorToken, type ColorValue, type CssAnalysis, type CssLength, type CubicBezierToken, type DimensionToken, type DimensionValue, type DurationToken, type DurationValue, EXTENSION_AUTHORED_AS, EXTENSION_CSS_PROPERTIES, EXTENSION_USAGE_COUNT, type Easing, type FontFamilyToken, type NumberToken, type ShadowToken, type ShadowValue, Tokens, type UnparsedToken, analysis_to_tokens, color_to_token, css_to_tokens };