@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.
Files changed (34) hide show
  1. package/dist/core/dist/createComponent.d.ts +2 -1
  2. package/dist/core/dist/createComponentExample.d.ts +2 -1
  3. package/dist/core/dist/createProvider.d.ts +2 -1
  4. package/dist/core/dist/generated/stylePropsTwMap.d.ts +2 -1
  5. package/dist/core/dist/getComponentStyles.d.ts +2 -1
  6. package/dist/core/dist/getStyles.d.ts +2 -1
  7. package/dist/core/dist/macros.d.ts +2 -1
  8. package/dist/core/dist/propMappings.d.ts +2 -1
  9. package/dist/core/dist/resolveMotionState.d.ts +2 -1
  10. package/dist/core/dist/transformPreset.d.ts +2 -1
  11. package/dist/core/dist/withDefaultStyleProps.d.ts +2 -1
  12. package/dist/foundational-presets/dist/boldVibrant.d.ts +1 -0
  13. package/dist/foundational-presets/dist/brutalist.d.ts +1 -0
  14. package/dist/foundational-presets/dist/candy.d.ts +1 -0
  15. package/dist/foundational-presets/dist/cleanMinimalist.d.ts +1 -0
  16. package/dist/foundational-presets/dist/corporate.d.ts +1 -0
  17. package/dist/foundational-presets/dist/darkMoody.d.ts +1 -0
  18. package/dist/foundational-presets/dist/defaultPreset.d.ts +1 -0
  19. package/dist/foundational-presets/dist/forest.d.ts +1 -0
  20. package/dist/foundational-presets/dist/highContrast.d.ts +1 -0
  21. package/dist/foundational-presets/dist/lavender.d.ts +1 -0
  22. package/dist/foundational-presets/dist/luxury.d.ts +1 -0
  23. package/dist/foundational-presets/dist/monochrome.d.ts +1 -0
  24. package/dist/foundational-presets/dist/motion.d.ts +2 -1
  25. package/dist/foundational-presets/dist/neonCyber.d.ts +822 -821
  26. package/dist/foundational-presets/dist/newspaper.d.ts +822 -821
  27. package/dist/foundational-presets/dist/ocean.d.ts +822 -821
  28. package/dist/foundational-presets/dist/slate.d.ts +822 -821
  29. package/dist/foundational-presets/dist/sunset.d.ts +822 -821
  30. package/dist/foundational-presets/dist/terminal.d.ts +822 -821
  31. package/dist/foundational-presets/dist/warmOrganic.d.ts +822 -821
  32. package/dist/loader/dist/loader/style-transform.js +1 -1
  33. package/dist/tsconfig.tsbuildinfo +1 -1
  34. 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
- declare function resolveMotionState(stateKeyframe: Record<string, unknown>, index: number): Record<string, number>;
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 };