@yahoo/uds 0.1.11 → 0.1.13

package/dist/tokens/parseTokens.d.cts

@@ -0,0 +1,85 @@
+import { U as UniversalTokensConfig, C as ColorMode, S as ScaleMode, B as BorderWidthConfig, a as ColorsConfig, H as Hue, b as HueStep, P as PaletteValue, c as CorePalette, d as BackgroundPalette, e as BackgroundWashPalette, F as ForegroundPalette, L as LinePalette, f as FontWeightConfig, g as FontWeightNumericAlias, E as ElevationConfig, h as ElevationAlias, i as FontFamilyGlobalConfig } from '../types-hirL9Qk5.cjs';
+import 'react';
+
+declare function transformColors(colors: ColorsConfig): {
+    _vars: Record<string, string>;
+    _raw: ColorsConfig;
+    tailwindConfig: {
+        spectrum: Record<Hue, Record<HueStep, string>>;
+        palette: {
+            elevation: Record<keyof {
+                'elevation-1': PaletteValue;
+                'elevation-2': PaletteValue;
+                'elevation-3': PaletteValue;
+                'elevation-3-inverse': PaletteValue;
+                overlay: PaletteValue;
+            }, string>;
+            core: Record<keyof CorePalette, string>;
+            background: Record<keyof BackgroundPalette, string>;
+            backgroundWash: Record<keyof BackgroundWashPalette, string>;
+            foreground: Record<keyof ForegroundPalette, string>;
+            line: Record<keyof LinePalette, string>;
+        };
+    };
+};
+declare function transformFontWeight(config: FontWeightConfig): {
+    _vars: Record<string, string>;
+    _raw: FontWeightConfig;
+    tailwindConfig: {
+        medium: FontWeightNumericAlias;
+        light: FontWeightNumericAlias;
+        black: FontWeightNumericAlias;
+        thin: FontWeightNumericAlias;
+        extralight: FontWeightNumericAlias;
+        regular: FontWeightNumericAlias;
+        semibold: FontWeightNumericAlias;
+        bold: FontWeightNumericAlias;
+        extrabold: FontWeightNumericAlias;
+    };
+};
+declare function transformString<T extends Record<string, string>>(prefix: string, config: T, transformValue?: (value: string) => string): {
+    _vars: Record<string, string>;
+    _raw: T;
+    tailwindConfig: Record<string, string>;
+};
+declare function transformNumeric<T extends Record<string, number>>(prefix: string, config: T): {
+    _vars: Record<string, string>;
+    _raw: T;
+    tailwindConfig: Record<string, string>;
+};
+declare function transformElevation(elevation: ElevationConfig): Record<ElevationAlias, string>;
+declare function transformFontFamilyGlobal(fontFamily: FontFamilyGlobalConfig): {
+    icons: string[];
+    sans: string[];
+    "sans-beta": string[];
+    "sans-condensed": string[];
+    "serif-text": string[];
+    "serif-display": string[];
+};
+type WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFamily' | 'elevation' | 'borderWidth'> & {
+    borderWidth: ReturnType<typeof transformBorderWidth>;
+    fontFamily: ReturnType<typeof transformFontFamilyGlobal>;
+    elevation: ReturnType<typeof transformElevation>;
+    colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;
+    scaleMode: Record<ScaleMode, {
+        fontFamily: ReturnType<typeof transformString>;
+        fontSize: ReturnType<typeof transformNumeric>;
+        fontWeight: ReturnType<typeof transformFontWeight>;
+        lineHeight: ReturnType<typeof transformNumeric>;
+        textTransform: ReturnType<typeof transformString>;
+        shapes: ReturnType<typeof transformNumeric>;
+        spacing: ReturnType<typeof transformNumeric>;
+        avatarSizes: ReturnType<typeof transformNumeric>;
+        iconSizes: ReturnType<typeof transformNumeric>;
+    }>;
+};
+declare const transformBorderWidth: (obj: BorderWidthConfig) => {
+    '1': string;
+    '2': string;
+    '4': string;
+    '0': string;
+    '8': string;
+};
+declare function parseTokens(config: UniversalTokensConfig): WebTokens;
+
+export { parseTokens };

package/dist/tokens/parseTokens.d.ts

@@ -0,0 +1,85 @@
+import { U as UniversalTokensConfig, C as ColorMode, S as ScaleMode, B as BorderWidthConfig, a as ColorsConfig, H as Hue, b as HueStep, P as PaletteValue, c as CorePalette, d as BackgroundPalette, e as BackgroundWashPalette, F as ForegroundPalette, L as LinePalette, f as FontWeightConfig, g as FontWeightNumericAlias, E as ElevationConfig, h as ElevationAlias, i as FontFamilyGlobalConfig } from '../types-hirL9Qk5.js';
+import 'react';
+
+declare function transformColors(colors: ColorsConfig): {
+    _vars: Record<string, string>;
+    _raw: ColorsConfig;
+    tailwindConfig: {
+        spectrum: Record<Hue, Record<HueStep, string>>;
+        palette: {
+            elevation: Record<keyof {
+                'elevation-1': PaletteValue;
+                'elevation-2': PaletteValue;
+                'elevation-3': PaletteValue;
+                'elevation-3-inverse': PaletteValue;
+                overlay: PaletteValue;
+            }, string>;
+            core: Record<keyof CorePalette, string>;
+            background: Record<keyof BackgroundPalette, string>;
+            backgroundWash: Record<keyof BackgroundWashPalette, string>;
+            foreground: Record<keyof ForegroundPalette, string>;
+            line: Record<keyof LinePalette, string>;
+        };
+    };
+};
+declare function transformFontWeight(config: FontWeightConfig): {
+    _vars: Record<string, string>;
+    _raw: FontWeightConfig;
+    tailwindConfig: {
+        medium: FontWeightNumericAlias;
+        light: FontWeightNumericAlias;
+        black: FontWeightNumericAlias;
+        thin: FontWeightNumericAlias;
+        extralight: FontWeightNumericAlias;
+        regular: FontWeightNumericAlias;
+        semibold: FontWeightNumericAlias;
+        bold: FontWeightNumericAlias;
+        extrabold: FontWeightNumericAlias;
+    };
+};
+declare function transformString<T extends Record<string, string>>(prefix: string, config: T, transformValue?: (value: string) => string): {
+    _vars: Record<string, string>;
+    _raw: T;
+    tailwindConfig: Record<string, string>;
+};
+declare function transformNumeric<T extends Record<string, number>>(prefix: string, config: T): {
+    _vars: Record<string, string>;
+    _raw: T;
+    tailwindConfig: Record<string, string>;
+};
+declare function transformElevation(elevation: ElevationConfig): Record<ElevationAlias, string>;
+declare function transformFontFamilyGlobal(fontFamily: FontFamilyGlobalConfig): {
+    icons: string[];
+    sans: string[];
+    "sans-beta": string[];
+    "sans-condensed": string[];
+    "serif-text": string[];
+    "serif-display": string[];
+};
+type WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFamily' | 'elevation' | 'borderWidth'> & {
+    borderWidth: ReturnType<typeof transformBorderWidth>;
+    fontFamily: ReturnType<typeof transformFontFamilyGlobal>;
+    elevation: ReturnType<typeof transformElevation>;
+    colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;
+    scaleMode: Record<ScaleMode, {
+        fontFamily: ReturnType<typeof transformString>;
+        fontSize: ReturnType<typeof transformNumeric>;
+        fontWeight: ReturnType<typeof transformFontWeight>;
+        lineHeight: ReturnType<typeof transformNumeric>;
+        textTransform: ReturnType<typeof transformString>;
+        shapes: ReturnType<typeof transformNumeric>;
+        spacing: ReturnType<typeof transformNumeric>;
+        avatarSizes: ReturnType<typeof transformNumeric>;
+        iconSizes: ReturnType<typeof transformNumeric>;
+    }>;
+};
+declare const transformBorderWidth: (obj: BorderWidthConfig) => {
+    '1': string;
+    '2': string;
+    '4': string;
+    '0': string;
+    '8': string;
+};
+declare function parseTokens(config: UniversalTokensConfig): WebTokens;
+
+export { parseTokens };

package/dist/tokens/parseTokens.js

@@ -0,0 +1 @@
+import{a}from"../chunk-MBOOJIH7.js";import"../chunk-3I3D5S54.js";import"../chunk-P7GR6E3K.js";import"../chunk-WYDHNV42.js";import"../chunk-74YHFBTD.js";export{a as parseTokens};

package/dist/tokens/parseTokens.native.cjs

@@ -0,0 +1 @@
+"use strict";var f=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var m=(e,o)=>{for(var t in o)f(e,t,{get:o[t],enumerable:!0})},w=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of T(o))!C.call(e,n)&&n!==t&&f(e,n,{get:()=>o[n],enumerable:!(r=d(o,n))||r.enumerable});return e};var b=e=>w(f({},"__esModule",{value:!0}),e);var O={};m(O,{parseTokens:()=>h});module.exports=b(O);function p(e){return Object.entries(e)}function s(e,o){return Object.keys(e).reduce((t,r,n)=>(t[r]=o(e[r],r,n),t),{})}function u({spectrum:e,palette:o}){let t=s(e,n=>s(n,i=>`rgb(${i.replaceAll(" ",",")})`)),r=s(o,n=>Object.entries(n).reduce((i,[a,{hue:l,step:k,opacity:y}])=>{let c=e[l][k],g=y?`rgb(${c.replaceAll(" ",",")} / ${y})`:`rgb(${c.replaceAll(" ",",")})`;return{...i,[a]:g}},{}));return{spectrum:t,palette:r}}function v(e){let o={};for(let[t,[{color:r,offsetX:n,offsetY:i,blurRadius:a}]]of p(e)){let l={shadowColor:r,shadowOffset:{width:n,height:i},shadowOpacity:1,shadowRadius:a};o[t]=l}return o}function h({colorMode:e,elevation:o,...t}){return{...t,colorMode:{light:u(e.light),dark:u(e.dark)},elevation:v(o)}}0&&(module.exports={parseTokens});

package/dist/tokens/parseTokens.native.d.cts

@@ -0,0 +1,416 @@
+import { U as UniversalTokensConfig, C as ColorMode, a as ColorsConfig, E as ElevationConfig, h as ElevationAlias } from '../types-hirL9Qk5.cjs';
+import { ShadowStyleIOS } from 'react-native';
+import 'react';
+
+declare function transformColors({ spectrum, palette }: ColorsConfig): {
+    spectrum: {
+        purple: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        gray: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        indigo: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        blue: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        cyan: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        teal: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        mint: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        green: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        lime: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        citron: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        yellow: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        brown: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        nude: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        orange: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        sunset: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        red: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        rose: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        pink: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        magenta: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+        carbon: {
+            9: string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+        };
+    };
+    palette: {
+        core: {
+            accent: string;
+            alert: string;
+            brand: string;
+            positive: string;
+            warning: string;
+        };
+        background: {
+            primary: string;
+            secondary: string;
+        };
+        backgroundWash: {
+            'accent-wash': string;
+            'alert-wash': string;
+            'brand-wash': string;
+            'positive-wash': string;
+            'warning-wash': string;
+        };
+        elevation: {
+            'elevation-1': string;
+            'elevation-2': string;
+            'elevation-3': string;
+            'elevation-3-inverse': string;
+            overlay: string;
+        };
+        foreground: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            muted: string;
+            'on-color': string;
+        };
+        line: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            muted: string;
+        };
+    };
+};
+declare function transformElevation(elevation: ElevationConfig): Record<ElevationAlias, ShadowStyleIOS>;
+type MobileTokens = Omit<UniversalTokensConfig, 'colorMode' | 'elevation'> & {
+    elevation: ReturnType<typeof transformElevation>;
+    colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;
+};
+declare function parseTokens({ colorMode, elevation, ...config }: UniversalTokensConfig): MobileTokens;
+
+export { parseTokens };