@yahoo/uds-v5-wip 1.8.2 → 1.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/dist/createComponent.d.ts +2 -1
- package/dist/core/dist/createComponentExample.d.ts +2 -1
- package/dist/core/dist/createProvider.d.ts +2 -1
- package/dist/core/dist/generated/stylePropsTwMap.d.ts +2 -1
- package/dist/core/dist/getComponentStyles.d.ts +2 -1
- package/dist/core/dist/getStyles.d.ts +2 -1
- package/dist/core/dist/macros.d.ts +2 -1
- package/dist/core/dist/propMappings.d.ts +2 -1
- package/dist/core/dist/resolveMotionState.d.ts +2 -1
- package/dist/core/dist/transformPreset.d.ts +2 -1
- package/dist/core/dist/withDefaultStyleProps.d.ts +2 -1
- package/dist/foundational-presets/dist/boldVibrant.d.ts +1 -0
- package/dist/foundational-presets/dist/brutalist.d.ts +1 -0
- package/dist/foundational-presets/dist/candy.d.ts +1 -0
- package/dist/foundational-presets/dist/cleanMinimalist.d.ts +1 -0
- package/dist/foundational-presets/dist/corporate.d.ts +1 -0
- package/dist/foundational-presets/dist/darkMoody.d.ts +1 -0
- package/dist/foundational-presets/dist/defaultPreset.d.ts +1 -0
- package/dist/foundational-presets/dist/forest.d.ts +1 -0
- package/dist/foundational-presets/dist/highContrast.d.ts +1 -0
- package/dist/foundational-presets/dist/lavender.d.ts +1 -0
- package/dist/foundational-presets/dist/luxury.d.ts +1 -0
- package/dist/foundational-presets/dist/monochrome.d.ts +1 -0
- package/dist/foundational-presets/dist/motion.d.ts +2 -1
- package/dist/foundational-presets/dist/neonCyber.d.ts +822 -821
- package/dist/foundational-presets/dist/newspaper.d.ts +822 -821
- package/dist/foundational-presets/dist/ocean.d.ts +822 -821
- package/dist/foundational-presets/dist/slate.d.ts +822 -821
- package/dist/foundational-presets/dist/sunset.d.ts +822 -821
- package/dist/foundational-presets/dist/terminal.d.ts +822 -821
- package/dist/foundational-presets/dist/warmOrganic.d.ts +822 -821
- package/dist/loader/dist/loader/style-transform.js +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { CreateComponentConfig, CreateComponentProps, CreateComponentRenderFn, CreateComponentSlotTagConfig, CreateComponentTypeInput } from "@uds/types";
|
|
2
2
|
|
|
3
3
|
//#region ../core/dist/createComponent.d.ts
|
|
4
|
+
//#region src/createComponent.d.ts
|
|
4
5
|
type PrimitiveTag = keyof React.JSX.IntrinsicElements;
|
|
5
6
|
type SpecConfig<TSpec> = TSpec extends {
|
|
6
7
|
config: infer TConfig extends CreateComponentTypeInput;
|
|
@@ -51,6 +52,6 @@ declare function createComponent<TSpecOrProps = {}>(tag: PrimitiveTag): React.FC
|
|
|
51
52
|
props: infer TOwnProps;
|
|
52
53
|
} ? CreateComponentProps<TConfig, TOwnProps, PrimitiveTag> : PrimitiveOwnProps<TSpecOrProps>>;
|
|
53
54
|
declare function createComponent<TSpec>(renderFn: CreateComponentRenderFn<SpecConfig<TSpec>, SpecOwnProps<TSpec>, SpecSlotConfig<TSpec>>): React.FC<CreateComponentProps<SpecConfig<TSpec>, SpecOwnProps<TSpec>, SpecSlotConfig<TSpec>>>;
|
|
54
|
-
declare function createComponent(config: CreateComponentConfig<string>, renderFn: CreateComponentRenderFn<any, any, any>): React.FC<any>;
|
|
55
|
+
declare function createComponent(config: CreateComponentConfig<string>, renderFn: CreateComponentRenderFn<any, any, any>): React.FC<any>; //#endregion
|
|
55
56
|
//#endregion
|
|
56
57
|
export { createComponent };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ComponentProps, ComponentType } from "react";
|
|
2
2
|
|
|
3
3
|
//#region ../core/dist/createComponentExample.d.ts
|
|
4
|
+
//#region src/createComponentExample.d.ts
|
|
4
5
|
/**
|
|
5
6
|
* Extracts variant fixtures from a Component's props type.
|
|
6
7
|
* If Button has `variant?: 'brand' | 'outline'` and `size?: 'sm' | 'md'`,
|
|
@@ -36,6 +37,6 @@ type ExamplesResult<TComponent extends ComponentType<any>> = {
|
|
|
36
37
|
* }));
|
|
37
38
|
* ```
|
|
38
39
|
*/
|
|
39
|
-
declare function createComponentExample<TComponent extends ComponentType<any>, T extends Record<string, ExampleFn<TComponent>>>(Component: TComponent, examplesFn: (fixtures: VariantFixtures<TComponent>) => ExamplesResult<TComponent>): ComponentExample<T>;
|
|
40
|
+
declare function createComponentExample<TComponent extends ComponentType<any>, T extends Record<string, ExampleFn<TComponent>>>(Component: TComponent, examplesFn: (fixtures: VariantFixtures<TComponent>) => ExamplesResult<TComponent>): ComponentExample<T>; //#endregion
|
|
40
41
|
//#endregion
|
|
41
42
|
export { ComponentExample, createComponentExample };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
//#region ../core/dist/createProvider.d.ts
|
|
2
|
+
//#region src/createProvider.d.ts
|
|
2
3
|
type ProviderRenderFn<TContext, TProps = Record<never, never>> = (props: {
|
|
3
4
|
children: React.ReactNode;
|
|
4
5
|
} & TProps) => {
|
|
@@ -7,6 +8,6 @@ type ProviderRenderFn<TContext, TProps = Record<never, never>> = (props: {
|
|
|
7
8
|
};
|
|
8
9
|
declare function createProvider<TContext, TProps = Record<never, never>>(name: string, renderFn: ProviderRenderFn<TContext, TProps>): [React.FC<{
|
|
9
10
|
children: React.ReactNode;
|
|
10
|
-
} & TProps>, () => TContext];
|
|
11
|
+
} & TProps>, () => TContext]; //#endregion
|
|
11
12
|
//#endregion
|
|
12
13
|
export { createProvider };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
//#region ../core/dist/generated/stylePropsTwMap.d.ts
|
|
2
|
+
//#region src/generated/stylePropsTwMap.d.ts
|
|
2
3
|
declare const stylePropsTwMap: {
|
|
3
4
|
readonly "border-boolean": {
|
|
4
5
|
readonly border: "boolean";
|
|
@@ -1695,6 +1696,6 @@ declare const stylePropsTwMap: {
|
|
|
1695
1696
|
readonly "hyphens-manual": {
|
|
1696
1697
|
readonly hyphens: "manual";
|
|
1697
1698
|
};
|
|
1698
|
-
};
|
|
1699
|
+
}; //#endregion
|
|
1699
1700
|
//#endregion
|
|
1700
1701
|
export { stylePropsTwMap };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ComponentRegistry, ComponentSlotsOf, ComponentVariantsOf } from "@uds/types";
|
|
2
2
|
|
|
3
3
|
//#region ../core/dist/getComponentStyles.d.ts
|
|
4
|
+
//#region src/getComponentStyles.d.ts
|
|
4
5
|
type ResolveSlots<Name extends string> = Name extends keyof ComponentRegistry ? ComponentSlotsOf<Name> : string;
|
|
5
6
|
type ResolveVariants<Name extends string> = Name extends keyof ComponentRegistry ? ComponentVariantsOf<Name> : Record<string, string>;
|
|
6
7
|
interface UdsRuntimeMeta {
|
|
@@ -44,6 +45,6 @@ interface ComponentStyler<Name extends string> {
|
|
|
44
45
|
* @param slots - Array of slot names
|
|
45
46
|
* @param element - Optional HTML element tag for element-specific prop forwarding
|
|
46
47
|
*/
|
|
47
|
-
declare function createComponentStyler<Name extends string>(componentName: Name, slots: readonly string[], element?: string, variants?: readonly string[]): ComponentStyler<Name>;
|
|
48
|
+
declare function createComponentStyler<Name extends string>(componentName: Name, slots: readonly string[], element?: string, variants?: readonly string[]): ComponentStyler<Name>; //#endregion
|
|
48
49
|
//#endregion
|
|
49
50
|
export { createComponentStyler };
|
|
@@ -2,6 +2,7 @@ import { ClassValue } from "clsx";
|
|
|
2
2
|
import { ModifierProp, ModifierProps, StyleAndModifierProps, StyleProps } from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../core/dist/getStyles.d.ts
|
|
5
|
+
//#region src/getStyles.d.ts
|
|
5
6
|
/** Convert kebab-case CSS property to camelCase for React inline styles.
|
|
6
7
|
* CSS custom properties (--*) are kept as-is since React supports them verbatim. */
|
|
7
8
|
declare function toCamelCase(str: string): string;
|
|
@@ -37,6 +38,6 @@ interface GetStylesParams extends StyleProps, ModifierProps {
|
|
|
37
38
|
* so they can be included in the CSS safelist.
|
|
38
39
|
*/
|
|
39
40
|
declare function getStyles(props: GetStylesParams): string;
|
|
40
|
-
declare function getVariantClassName(componentName: string, variant: string | undefined): string;
|
|
41
|
+
declare function getVariantClassName(componentName: string, variant: string | undefined): string; //#endregion
|
|
41
42
|
//#endregion
|
|
42
43
|
export { createVariants, cx, getStyles, getVariantClassName, processStyleProps, toCamelCase };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { MacroConfig } from "@uds/types";
|
|
2
2
|
|
|
3
3
|
//#region ../core/dist/macros.d.ts
|
|
4
|
+
//#region src/macros.d.ts
|
|
4
5
|
/** Set the macro config (called by loader at build time) */
|
|
5
6
|
declare function setMacroConfig(config: MacroConfig): void;
|
|
6
7
|
/** Get the current macro config */
|
|
@@ -16,6 +17,6 @@ declare function getMacroConfig(): MacroConfig;
|
|
|
16
17
|
declare function expandMacros(props: Record<string, unknown>, config?: MacroConfig): {
|
|
17
18
|
expanded: Record<string, unknown>;
|
|
18
19
|
markerClasses: string[];
|
|
19
|
-
};
|
|
20
|
+
}; //#endregion
|
|
20
21
|
//#endregion
|
|
21
22
|
export { expandMacros, getMacroConfig, setMacroConfig };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ConfigurableProp, ModifierProp, StyleProp } from "@uds/types";
|
|
2
2
|
|
|
3
3
|
//#region ../core/dist/propMappings.d.ts
|
|
4
|
+
//#region src/propMappings.d.ts
|
|
4
5
|
interface PropMapping {
|
|
5
6
|
/** Class name prefix for runtime class generation. 'no-prefix' means value IS the class. */
|
|
6
7
|
classPrefix: string;
|
|
@@ -71,6 +72,6 @@ interface ModifierEntry {
|
|
|
71
72
|
*
|
|
72
73
|
* e.g. `bg="primary"` + `bgOpacity="75"` → class `bg-primary_75`
|
|
73
74
|
*/
|
|
74
|
-
declare const colorPropToOpacityProp: Record<string, string>;
|
|
75
|
+
declare const colorPropToOpacityProp: Record<string, string>; //#endregion
|
|
75
76
|
//#endregion
|
|
76
77
|
export { ConfigurablePropertyEntry, CssVariablePrefixEntry, ModifierEntry, PropMapping, colorPropToOpacityProp, getConfigurablePropMapping, getConfigurableProperties, getCssVariablePrefixes, modifierMappings, propMappings };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
//#region ../core/dist/resolveMotionState.d.ts
|
|
2
|
-
|
|
2
|
+
//#region src/resolveMotionState.d.ts
|
|
3
|
+
declare function resolveMotionState(stateKeyframe: Record<string, unknown>, index: number): Record<string, number>; //#endregion
|
|
3
4
|
//#endregion
|
|
4
5
|
export { resolveMotionState };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { MotionPreset } from "@uds/types";
|
|
2
2
|
|
|
3
3
|
//#region ../core/dist/transformPreset.d.ts
|
|
4
|
+
//#region src/transformPreset.d.ts
|
|
4
5
|
interface TransformedMotionProps {
|
|
5
6
|
initial?: Record<string, unknown>;
|
|
6
7
|
animate?: Record<string, unknown>;
|
|
@@ -12,6 +13,6 @@ interface TransformedMotionProps {
|
|
|
12
13
|
/**
|
|
13
14
|
* Convert a JS-runtime MotionPreset to a motion/react-compatible props object.
|
|
14
15
|
*/
|
|
15
|
-
declare function transformPreset(preset: MotionPreset): TransformedMotionProps;
|
|
16
|
+
declare function transformPreset(preset: MotionPreset): TransformedMotionProps; //#endregion
|
|
16
17
|
//#endregion
|
|
17
18
|
export { TransformedMotionProps, transformPreset };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { BorderRadius, GridSpan, GridStartEnd, GridTemplate, StyleAndModifierProps } from "@uds/types";
|
|
2
2
|
|
|
3
3
|
//#region ../core/dist/withDefaultStyleProps.d.ts
|
|
4
|
+
//#region src/withDefaultStyleProps.d.ts
|
|
4
5
|
interface StackDefaultsInput extends StyleAndModifierProps {
|
|
5
6
|
gap?: StyleAndModifierProps['gap'];
|
|
6
7
|
}
|
|
@@ -38,6 +39,6 @@ declare const withDefaultStyleProps: {
|
|
|
38
39
|
shape?: BorderRadius;
|
|
39
40
|
}) => StyleAndModifierProps;
|
|
40
41
|
Svg: (props: SvgDefaultsInput) => StyleAndModifierProps;
|
|
41
|
-
};
|
|
42
|
+
}; //#endregion
|
|
42
43
|
//#endregion
|
|
43
44
|
export { withDefaultStyleProps };
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/boldVibrant.d.ts
|
|
5
|
+
//#region src/boldVibrant.d.ts
|
|
5
6
|
declare const boldVibrantFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/brutalist.d.ts
|
|
5
|
+
//#region src/brutalist.d.ts
|
|
5
6
|
declare const brutalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/candy.d.ts
|
|
5
|
+
//#region src/candy.d.ts
|
|
5
6
|
declare const candyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/cleanMinimalist.d.ts
|
|
5
|
+
//#region src/cleanMinimalist.d.ts
|
|
5
6
|
declare const cleanMinimalistFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/corporate.d.ts
|
|
5
|
+
//#region src/corporate.d.ts
|
|
5
6
|
declare const corporateFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/darkMoody.d.ts
|
|
5
|
+
//#region src/darkMoody.d.ts
|
|
5
6
|
declare const darkMoodyFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/defaultPreset.d.ts
|
|
5
|
+
//#region src/defaultPreset.d.ts
|
|
5
6
|
declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/forest.d.ts
|
|
5
|
+
//#region src/forest.d.ts
|
|
5
6
|
declare const forestFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/highContrast.d.ts
|
|
5
|
+
//#region src/highContrast.d.ts
|
|
5
6
|
declare const highContrastFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/lavender.d.ts
|
|
5
|
+
//#region src/lavender.d.ts
|
|
5
6
|
declare const lavenderFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/luxury.d.ts
|
|
5
|
+
//#region src/luxury.d.ts
|
|
5
6
|
declare const luxuryFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -2,6 +2,7 @@ import { UdsConfig } from "../../config/dist/createConfig.js";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../foundational-presets/dist/monochrome.d.ts
|
|
5
|
+
//#region src/monochrome.d.ts
|
|
5
6
|
declare const monochromeFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | "_light" | "_dark" | "_sm" | "_md" | "_lg" | "_xl" | "_2xl", {
|
|
6
7
|
opacity: {
|
|
7
8
|
readonly 0: string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
//#region ../foundational-presets/dist/motion.d.ts
|
|
2
|
+
//#region src/motion.d.ts
|
|
2
3
|
interface InterpolateMarker {
|
|
3
4
|
__type: 'interpolate';
|
|
4
5
|
output: number[];
|
|
@@ -7,6 +8,6 @@ interface InterpolateMarker {
|
|
|
7
8
|
declare function interpolate(config: {
|
|
8
9
|
output: number[];
|
|
9
10
|
extrapolate?: 'clamp' | 'extend' | 'identity';
|
|
10
|
-
}): InterpolateMarker;
|
|
11
|
+
}): InterpolateMarker; //#endregion
|
|
11
12
|
//#endregion
|
|
12
13
|
export { InterpolateMarker, interpolate };
|