@yahoo/uds 0.5.7 → 0.5.9
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/cli/README.md +1 -0
- package/cli/bin/uds-darwin-arm64-baseline +0 -0
- package/cli/bin/uds-darwin-x64 +0 -0
- package/cli/bin/uds-linux-arm64 +0 -0
- package/cli/bin/uds-linux-x64-baseline +0 -0
- package/cli/bin/uds-windows-x64-baseline.exe +0 -0
- package/cli/cli.ts +6 -0
- package/cli/commands/purge.ts +6 -2
- package/cli/compile.ts +35 -0
- package/cli/consts.ts +9 -0
- package/cli/exec.ts +34 -0
- package/cli/tsconfig.json +1 -0
- package/cli/uds-cli +32 -6
- package/cli/utils/configWorker.ts +2 -0
- package/cli/utils/purgeCSS.test.ts +2 -1
- package/cli/utils/purgeCSS.ts +31 -11
- package/cli/utils/setupConfigWorker.ts +12 -1
- package/dist/{Image.native-CIafNow6.d.cts → Image.native-BhqVvnKU.d.cts} +1 -1
- package/dist/{Image.native-Cbv-erHz.d.ts → Image.native-DZW5ek69.d.ts} +1 -1
- package/dist/{VStack-DTK919lo.d.ts → VStack-BohShRVo.d.ts} +1 -1
- package/dist/{VStack-DnjkTYdB.d.cts → VStack-C6VjEoRP.d.cts} +1 -1
- package/dist/experimental/index.cjs +4 -4
- package/dist/experimental/index.d.cts +2 -2
- package/dist/experimental/index.d.ts +2 -2
- package/dist/experimental/index.js +3 -3
- package/dist/experimental/index.native.cjs +1 -1
- package/dist/experimental/index.native.d.cts +3 -3
- package/dist/experimental/index.native.d.ts +3 -3
- package/dist/experimental/index.native.js +1 -1
- package/dist/fixtures.cjs +2 -1
- package/dist/fixtures.d.ts +5 -5
- package/dist/fixtures.js +2 -1
- package/dist/index.cjs +2 -2
- package/dist/index.d.cts +16 -13
- package/dist/index.d.ts +16 -13
- package/dist/index.js +3 -3
- package/dist/index.native-dtcAO8DN.d.cts +317 -0
- package/dist/index.native-uBCD4Hr4.d.ts +317 -0
- package/dist/index.native.cjs +1 -1
- package/dist/index.native.d.cts +60 -9
- package/dist/index.native.d.ts +60 -9
- package/dist/index.native.js +1 -1
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/tailwind/plugin.cjs +1 -1
- package/dist/tailwind/plugin.d.cts +3 -3
- package/dist/tailwind/plugin.d.ts +3 -3
- package/dist/tailwind/plugin.js +3 -3
- package/dist/tailwind/purger.cjs +2 -2
- package/dist/tailwind/purger.js +2 -2
- package/dist/tailwind/tsMorph.cjs +1 -1
- package/dist/tailwind/tsMorph.js +2 -2
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +358 -5
- package/dist/tokens/index.d.ts +358 -5
- package/dist/tokens/index.js +2 -2
- package/dist/tokens/index.native.cjs +1 -1
- package/dist/tokens/index.native.d.cts +2 -2
- package/dist/tokens/index.native.d.ts +2 -2
- package/dist/tokens/index.native.js +1 -1
- package/dist/tokens/parseTokens.cjs +1 -1
- package/dist/tokens/parseTokens.d.cts +4 -4
- package/dist/tokens/parseTokens.d.ts +4 -4
- package/dist/tokens/parseTokens.js +1 -1
- package/dist/{types-BB7LBOmj.d.cts → types-BE7_GGFX.d.cts} +48 -41
- package/dist/{types-BB7LBOmj.d.ts → types-BE7_GGFX.d.ts} +48 -41
- package/dist/{types-DDJJDimt.d.cts → types-D0b0TPQ4.d.cts} +48 -41
- package/dist/{types-DDJJDimt.d.ts → types-D0b0TPQ4.d.ts} +48 -41
- package/package.json +199 -198
- package/dist/index.native-B7lxeKHq.d.ts +0 -15
- package/dist/index.native-y03H93Or.d.cts +0 -15
package/dist/index.native.d.cts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { Dispatch, SetStateAction } from 'react';
|
|
3
|
-
import { B as ButtonConfig, e as UniversalBoxProps, f as UniversalStackProps, g as UniversalTextProps, h as UniversalIconProps, C as ColorModeForApp, i as ColorMode, S as ScaleModeForApp, j as ScaleMode, M as Modes, k as UniversalTokensConfig, l as StyleProps, A as AvatarSizeConfig, I as IconSizeConfig, m as BorderRadiusConfig, n as BorderWidthConfig, F as FontFamilyConfig, o as FontSizeConfig, p as FontWeightConfig, L as LineHeightConfig, T as TextTransformConfig, q as FontFamilyGlobalConfig } from './types-
|
|
4
|
-
export { s as AlwaysPalette, t as AlwaysPaletteAlias, u as Animation, v as AriaAttribute, w as AvatarShape, x as AvatarSize, y as BackgroundColor, z as BackgroundPalette, D as BackgroundPaletteAlias, E as BackgroundStyleProps, G as BorderRadius, H as BorderStyleProps, J as BorderWidth, K as BoxShadowConfig, N as
|
|
3
|
+
import { B as ButtonConfig, e as UniversalBoxProps, f as UniversalStackProps, g as UniversalTextProps, h as UniversalIconProps, C as ColorModeForApp, i as ColorMode, S as ScaleModeForApp, j as ScaleMode, M as Modes, k as UniversalTokensConfig, l as StyleProps, A as AvatarSizeConfig, I as IconSizeConfig, m as BorderRadiusConfig, n as BorderWidthConfig, F as FontFamilyConfig, o as FontSizeConfig, p as FontWeightConfig, L as LineHeightConfig, T as TextTransformConfig, q as FontFamilyGlobalConfig } from './types-BE7_GGFX.cjs';
|
|
4
|
+
export { s as AlwaysPalette, t as AlwaysPaletteAlias, u as Animation, v as AriaAttribute, w as AvatarShape, x as AvatarSize, y as BackgroundColor, z as BackgroundPalette, D as BackgroundPaletteAlias, E as BackgroundStyleProps, G as BorderRadius, H as BorderStyleProps, J as BorderWidth, K as BoxShadowConfig, N as ButtonCategory, O as ButtonSize, P as ButtonState, Q as ButtonVariant, R as ButtonVariant2, V as ColorModeConfig, W as ColorsConfig, X as ConfigurableTextProperty, Y as CorePalette, Z as CorePaletteAlias, _ as CustomSizingStyleProps, $ as DataAttribute, a0 as Display, a1 as Flex, a2 as FlexAlignContent, a3 as FlexAlignItems, a4 as FlexAlignSelf, a5 as FlexBasis, a6 as FlexDirection, a7 as FlexGrow, a8 as FlexJustifyContent, a9 as FlexShrink, aa as FlexStyleProps, ab as FlexWrap, ac as FontFamilyGlobalAlias, ad as FontSize, ae as FontWeightDescriptive, af as FontWeightNumeric, ag as ForegroundColor, ah as ForegroundPalette, ai as ForegroundPaletteAlias, aj as HighContrastMode, ak as Hue, al as HueStep, am as IconSize, an as ImageStyleProps, ao as LayoutStyleProps, ap as LetterSpacing, aq as LineClampAlias, ar as LineColor, as as LineHeight, at as LinePalette, au as LinePaletteAlias, av as Overflow, aw as Palette, ax as PaletteConfig, ay as PaletteType, az as PaletteValue, aA as PlatformMode, aB as Position, aC as RegionMode, aD as ScaleConfig, aE as ScaleModeConfig, aF as SpacingAlias, aG as SpacingConfig, aH as SpacingStyleProps, aI as SpectrumColor, aJ as SpectrumConfig, aK as StateStyleProps, aR as TShirtSize, aS as TShirtSizeCommon, aL as TextStyleProps, aM as TextTransform, aN as TextVariant, aO as TransitionDelay, aP as TransitionDuration, aQ as TransitionTiming, U as UniversalAvatarProps, a as UniversalButtonProps, c as UniversalIconButtonProps, d as UniversalImageProps, b as UniversalPressableProps, aT as UniversalTextInputProps, r as alwaysPalette } from './types-BE7_GGFX.cjs';
|
|
5
5
|
import { ViewProps, View, TextProps as TextProps$1, Text as Text$1, ScrollViewProps, ScrollView, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
6
|
-
export { a as IconButton, b as IconButtonProps, c as Image, I as ImageProps, d as Pressable, P as PressableProps } from './Image.native-
|
|
6
|
+
export { a as IconButton, b as IconButtonProps, c as Image, I as ImageProps, d as Pressable, P as PressableProps } from './Image.native-BhqVvnKU.cjs';
|
|
7
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
8
|
import { EdgeInsets } from 'react-native-safe-area-context';
|
|
9
9
|
import { ImageStyle } from 'expo-image';
|
|
10
|
-
export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, f as fontFamilyGlobal, a as fontWeightMap } from './index.native-
|
|
10
|
+
export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, f as fontFamilyGlobal, a as fontWeightMap } from './index.native-dtcAO8DN.cjs';
|
|
11
11
|
|
|
12
12
|
declare const variants: {
|
|
13
13
|
color: {
|
|
@@ -24,6 +24,7 @@ declare const variants: {
|
|
|
24
24
|
primary: string;
|
|
25
25
|
secondary: string;
|
|
26
26
|
tertiary: string;
|
|
27
|
+
current: string;
|
|
27
28
|
};
|
|
28
29
|
placeholderColor: {
|
|
29
30
|
accent: string;
|
|
@@ -39,6 +40,7 @@ declare const variants: {
|
|
|
39
40
|
primary: string;
|
|
40
41
|
secondary: string;
|
|
41
42
|
tertiary: string;
|
|
43
|
+
current: string;
|
|
42
44
|
};
|
|
43
45
|
fontFamily: {
|
|
44
46
|
icons: string;
|
|
@@ -748,6 +750,7 @@ declare const variants: {
|
|
|
748
750
|
primary: string;
|
|
749
751
|
secondary: string;
|
|
750
752
|
transparent: string;
|
|
753
|
+
current: string;
|
|
751
754
|
};
|
|
752
755
|
borderColor: {
|
|
753
756
|
accent: string;
|
|
@@ -762,6 +765,7 @@ declare const variants: {
|
|
|
762
765
|
primary: string;
|
|
763
766
|
secondary: string;
|
|
764
767
|
tertiary: string;
|
|
768
|
+
current: string;
|
|
765
769
|
};
|
|
766
770
|
borderStartColor: {
|
|
767
771
|
accent: string;
|
|
@@ -776,6 +780,7 @@ declare const variants: {
|
|
|
776
780
|
primary: string;
|
|
777
781
|
secondary: string;
|
|
778
782
|
tertiary: string;
|
|
783
|
+
current: string;
|
|
779
784
|
};
|
|
780
785
|
borderEndColor: {
|
|
781
786
|
accent: string;
|
|
@@ -790,6 +795,7 @@ declare const variants: {
|
|
|
790
795
|
primary: string;
|
|
791
796
|
secondary: string;
|
|
792
797
|
tertiary: string;
|
|
798
|
+
current: string;
|
|
793
799
|
};
|
|
794
800
|
borderBottomColor: {
|
|
795
801
|
accent: string;
|
|
@@ -804,6 +810,7 @@ declare const variants: {
|
|
|
804
810
|
primary: string;
|
|
805
811
|
secondary: string;
|
|
806
812
|
tertiary: string;
|
|
813
|
+
current: string;
|
|
807
814
|
};
|
|
808
815
|
borderTopColor: {
|
|
809
816
|
accent: string;
|
|
@@ -818,6 +825,7 @@ declare const variants: {
|
|
|
818
825
|
primary: string;
|
|
819
826
|
secondary: string;
|
|
820
827
|
tertiary: string;
|
|
828
|
+
current: string;
|
|
821
829
|
};
|
|
822
830
|
borderRadius: {
|
|
823
831
|
none: string;
|
|
@@ -1045,9 +1053,26 @@ declare const variants: {
|
|
|
1045
1053
|
xxxLarge: string;
|
|
1046
1054
|
xxLarge: string;
|
|
1047
1055
|
};
|
|
1056
|
+
buttonCategory: {
|
|
1057
|
+
accent: string;
|
|
1058
|
+
brand: string;
|
|
1059
|
+
alert: string;
|
|
1060
|
+
positive: string;
|
|
1061
|
+
warning: string;
|
|
1062
|
+
};
|
|
1063
|
+
buttonVariant: {
|
|
1064
|
+
primary: string;
|
|
1065
|
+
secondary: string;
|
|
1066
|
+
tertiary: string;
|
|
1067
|
+
};
|
|
1068
|
+
buttonSize: {
|
|
1069
|
+
sm: string;
|
|
1070
|
+
md: string;
|
|
1071
|
+
lg: string;
|
|
1072
|
+
};
|
|
1048
1073
|
};
|
|
1049
1074
|
|
|
1050
|
-
declare const
|
|
1075
|
+
declare const button: ButtonConfig;
|
|
1051
1076
|
|
|
1052
1077
|
declare const UDS_PREFIX = "uds";
|
|
1053
1078
|
declare const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
|
|
@@ -1077,11 +1102,37 @@ declare const FONT_SANS_BETA_CSS_VAR = "--uds-font-sans-beta";
|
|
|
1077
1102
|
declare const FONT_SANS_CONDENSED_CSS_VAR = "--uds-font-sans-condensed";
|
|
1078
1103
|
declare const FONT_SERIF_DISPLAY_CSS_VAR = "--uds-font-serif-display";
|
|
1079
1104
|
declare const FONT_SERIF_TEXT_CSS_VAR = "--uds-font-serif-text";
|
|
1105
|
+
declare const BUTTON_CSS_VAR_MAP: {
|
|
1106
|
+
readonly borderRadius: "--uds-button-border-radius";
|
|
1107
|
+
readonly borderWidth: "--uds-buton-border-width";
|
|
1108
|
+
readonly color: "--uds-button-color";
|
|
1109
|
+
readonly backgroundColor: "--uds-button-background-color";
|
|
1110
|
+
readonly borderColor: "--uds-button-border-color";
|
|
1111
|
+
readonly padding: "--uds-button-padding";
|
|
1112
|
+
readonly columnGap: "--uds-button-gap";
|
|
1113
|
+
readonly fontFamily: "--uds-button-font";
|
|
1114
|
+
readonly fontWeight: "--uds-button-font-weight";
|
|
1115
|
+
readonly fontSize: "--uds-button-font-size";
|
|
1116
|
+
readonly lineHeight: "--uds-button-line-height";
|
|
1117
|
+
readonly textTransform: "--uds-button-text-transform";
|
|
1118
|
+
};
|
|
1119
|
+
declare const PSUEDO_STYLE_SELECTOR_MAP: {
|
|
1120
|
+
readonly hover: "&:hover:not([disabled])";
|
|
1121
|
+
readonly pressed: "&:active:not([disabled])";
|
|
1122
|
+
readonly disabled: "&:disabled";
|
|
1123
|
+
};
|
|
1080
1124
|
|
|
1081
1125
|
declare function entries<T>(item: T): [Extract<keyof T, string>, T[keyof T]][];
|
|
1082
1126
|
|
|
1083
1127
|
declare function fromEntries<T extends string, K>(item: [T, K][]): Record<T, K>;
|
|
1084
1128
|
|
|
1129
|
+
interface CombinationsConfig extends Exclude<ButtonConfig, 'defaults'> {
|
|
1130
|
+
}
|
|
1131
|
+
type Combination<T extends CombinationsConfig> = {
|
|
1132
|
+
[K in keyof T]: keyof T[K];
|
|
1133
|
+
};
|
|
1134
|
+
declare function generateConfigCombinations(config: CombinationsConfig): Combination<CombinationsConfig>[];
|
|
1135
|
+
|
|
1085
1136
|
type AnyObject = Record<string, unknown>;
|
|
1086
1137
|
declare function mapValues<T extends AnyObject, K extends (value: T[keyof T], key: keyof T, i: number) => unknown>(obj: T, callbackFn: K): { [key in keyof T]: ReturnType<K>; };
|
|
1087
1138
|
|
|
@@ -1636,7 +1687,7 @@ declare function createStyler({ colorMode, scaleMode }: Modes, config: Universal
|
|
|
1636
1687
|
muted: string;
|
|
1637
1688
|
};
|
|
1638
1689
|
};
|
|
1639
|
-
|
|
1690
|
+
button?: ButtonConfig | undefined;
|
|
1640
1691
|
fontFamilyGlobal: FontFamilyGlobalConfig;
|
|
1641
1692
|
};
|
|
1642
1693
|
};
|
|
@@ -2043,7 +2094,7 @@ declare const DEFAULT_STYLER: {
|
|
|
2043
2094
|
muted: string;
|
|
2044
2095
|
};
|
|
2045
2096
|
};
|
|
2046
|
-
|
|
2097
|
+
button?: ButtonConfig | undefined;
|
|
2047
2098
|
fontFamilyGlobal: FontFamilyGlobalConfig;
|
|
2048
2099
|
};
|
|
2049
2100
|
};
|
|
@@ -2453,7 +2504,7 @@ declare function useTokens(): {
|
|
|
2453
2504
|
muted: string;
|
|
2454
2505
|
};
|
|
2455
2506
|
};
|
|
2456
|
-
|
|
2507
|
+
button?: ButtonConfig | undefined;
|
|
2457
2508
|
fontFamilyGlobal: FontFamilyGlobalConfig;
|
|
2458
2509
|
};
|
|
2459
2510
|
|
|
@@ -2464,4 +2515,4 @@ interface ThemeProviderProps extends React.PropsWithChildren {
|
|
|
2464
2515
|
}
|
|
2465
2516
|
declare function ThemeProvider({ children, colorModeForApp, scaleModeForApp, config, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
2466
2517
|
|
|
2467
|
-
export { AVATAR_SIZE_PREFIX, AvatarSizeConfig, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BorderRadiusConfig, BorderWidthConfig, Box, type BoxProps, ButtonConfig, ColorMode, ColorModeContext, ColorModeForApp, ColorModeForAppContext, ColorModeForAppContextUpdater, ColorModeForAppProvider, type ColorModeForAppProviderProps, ColorModeForDeviceContext, ColorModeForDeviceProvider, type ColorModeForDeviceProviderProps, ColorModeProvider, type ColorModeProviderProps, ComputedTokensContext, ComputedTokensProvider, type ComputedTokensProviderProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_STYLER, FONT_FAMILY_PREFIX, FONT_ICONS_CSS_VAR, FONT_SANS_BETA_CSS_VAR, FONT_SANS_CONDENSED_CSS_VAR, FONT_SANS_CSS_VAR, FONT_SERIF_DISPLAY_CSS_VAR, FONT_SERIF_TEXT_CSS_VAR, FONT_SIZE_PREFIX, FONT_WEIGHT_PREFIX, FontFamilyConfig, FontFamilyGlobalConfig, FontSizeConfig, FontWeightConfig, HStack, type HStackProps, ICON_SIZE_PREFIX, Icon, type IconProps, IconSizeConfig, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, LineHeightConfig, MEDIUM_SCALE_MODE_CLASSNAME, Modes, type ReactNativeStyle, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, ScaleMode, ScaleModeContext, ScaleModeForApp, ScaleModeForAppContext, ScaleModeForAppProvider, type ScaleModeForAppProviderProps, ScaleModeForAppUpdaterContext, ScaleModeForDeviceContext, ScaleModeForDeviceProvider, type ScaleModeForDeviceProviderProps, ScaleModeProvider, type ScaleModeProviderProps, Screen, type ScreenProps, type SetState, StyleProps, StyleProvider, TEXT_TRANSFORM_PREFIX, Text, type TextProps, type TextPropsOriginal, TextTransformConfig, ThemeProvider, type ThemeProviderProps, UDS_PREFIX, UniversalBoxProps, UniversalIconProps, UniversalStackProps, UniversalTextProps, UniversalTokensConfig, VStack, type VStackProps, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME,
|
|
2518
|
+
export { AVATAR_SIZE_PREFIX, AvatarSizeConfig, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CSS_VAR_MAP, BorderRadiusConfig, BorderWidthConfig, Box, type BoxProps, ButtonConfig, ColorMode, ColorModeContext, ColorModeForApp, ColorModeForAppContext, ColorModeForAppContextUpdater, ColorModeForAppProvider, type ColorModeForAppProviderProps, ColorModeForDeviceContext, ColorModeForDeviceProvider, type ColorModeForDeviceProviderProps, ColorModeProvider, type ColorModeProviderProps, type Combination, type CombinationsConfig, ComputedTokensContext, ComputedTokensProvider, type ComputedTokensProviderProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_STYLER, FONT_FAMILY_PREFIX, FONT_ICONS_CSS_VAR, FONT_SANS_BETA_CSS_VAR, FONT_SANS_CONDENSED_CSS_VAR, FONT_SANS_CSS_VAR, FONT_SERIF_DISPLAY_CSS_VAR, FONT_SERIF_TEXT_CSS_VAR, FONT_SIZE_PREFIX, FONT_WEIGHT_PREFIX, FontFamilyConfig, FontFamilyGlobalConfig, FontSizeConfig, FontWeightConfig, HStack, type HStackProps, ICON_SIZE_PREFIX, Icon, type IconProps, IconSizeConfig, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, LineHeightConfig, MEDIUM_SCALE_MODE_CLASSNAME, Modes, PSUEDO_STYLE_SELECTOR_MAP, type ReactNativeStyle, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, ScaleMode, ScaleModeContext, ScaleModeForApp, ScaleModeForAppContext, ScaleModeForAppProvider, type ScaleModeForAppProviderProps, ScaleModeForAppUpdaterContext, ScaleModeForDeviceContext, ScaleModeForDeviceProvider, type ScaleModeForDeviceProviderProps, ScaleModeProvider, type ScaleModeProviderProps, Screen, type ScreenProps, type SetState, StyleProps, StyleProvider, TEXT_TRANSFORM_PREFIX, Text, type TextProps, type TextPropsOriginal, TextTransformConfig, ThemeProvider, type ThemeProviderProps, UDS_PREFIX, UniversalBoxProps, UniversalIconProps, UniversalStackProps, UniversalTextProps, UniversalTokensConfig, VStack, type VStackProps, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, button, createStyler, entries, fromEntries, generateConfigCombinations, mapValues, useAppState, useColorMode, useColorModeForApp, useColorModeForDevice, useComputedTokens, useDeviceFontScale, useScaleMode, useScaleModeForDevice, useStyles, useTokens, variants };
|
package/dist/index.native.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { Dispatch, SetStateAction } from 'react';
|
|
3
|
-
import { B as ButtonConfig, e as UniversalBoxProps, f as UniversalStackProps, g as UniversalTextProps, h as UniversalIconProps, C as ColorModeForApp, i as ColorMode, S as ScaleModeForApp, j as ScaleMode, M as Modes, k as UniversalTokensConfig, l as StyleProps, A as AvatarSizeConfig, I as IconSizeConfig, m as BorderRadiusConfig, n as BorderWidthConfig, F as FontFamilyConfig, o as FontSizeConfig, p as FontWeightConfig, L as LineHeightConfig, T as TextTransformConfig, q as FontFamilyGlobalConfig } from './types-
|
|
4
|
-
export { s as AlwaysPalette, t as AlwaysPaletteAlias, u as Animation, v as AriaAttribute, w as AvatarShape, x as AvatarSize, y as BackgroundColor, z as BackgroundPalette, D as BackgroundPaletteAlias, E as BackgroundStyleProps, G as BorderRadius, H as BorderStyleProps, J as BorderWidth, K as BoxShadowConfig, N as
|
|
3
|
+
import { B as ButtonConfig, e as UniversalBoxProps, f as UniversalStackProps, g as UniversalTextProps, h as UniversalIconProps, C as ColorModeForApp, i as ColorMode, S as ScaleModeForApp, j as ScaleMode, M as Modes, k as UniversalTokensConfig, l as StyleProps, A as AvatarSizeConfig, I as IconSizeConfig, m as BorderRadiusConfig, n as BorderWidthConfig, F as FontFamilyConfig, o as FontSizeConfig, p as FontWeightConfig, L as LineHeightConfig, T as TextTransformConfig, q as FontFamilyGlobalConfig } from './types-BE7_GGFX.js';
|
|
4
|
+
export { s as AlwaysPalette, t as AlwaysPaletteAlias, u as Animation, v as AriaAttribute, w as AvatarShape, x as AvatarSize, y as BackgroundColor, z as BackgroundPalette, D as BackgroundPaletteAlias, E as BackgroundStyleProps, G as BorderRadius, H as BorderStyleProps, J as BorderWidth, K as BoxShadowConfig, N as ButtonCategory, O as ButtonSize, P as ButtonState, Q as ButtonVariant, R as ButtonVariant2, V as ColorModeConfig, W as ColorsConfig, X as ConfigurableTextProperty, Y as CorePalette, Z as CorePaletteAlias, _ as CustomSizingStyleProps, $ as DataAttribute, a0 as Display, a1 as Flex, a2 as FlexAlignContent, a3 as FlexAlignItems, a4 as FlexAlignSelf, a5 as FlexBasis, a6 as FlexDirection, a7 as FlexGrow, a8 as FlexJustifyContent, a9 as FlexShrink, aa as FlexStyleProps, ab as FlexWrap, ac as FontFamilyGlobalAlias, ad as FontSize, ae as FontWeightDescriptive, af as FontWeightNumeric, ag as ForegroundColor, ah as ForegroundPalette, ai as ForegroundPaletteAlias, aj as HighContrastMode, ak as Hue, al as HueStep, am as IconSize, an as ImageStyleProps, ao as LayoutStyleProps, ap as LetterSpacing, aq as LineClampAlias, ar as LineColor, as as LineHeight, at as LinePalette, au as LinePaletteAlias, av as Overflow, aw as Palette, ax as PaletteConfig, ay as PaletteType, az as PaletteValue, aA as PlatformMode, aB as Position, aC as RegionMode, aD as ScaleConfig, aE as ScaleModeConfig, aF as SpacingAlias, aG as SpacingConfig, aH as SpacingStyleProps, aI as SpectrumColor, aJ as SpectrumConfig, aK as StateStyleProps, aR as TShirtSize, aS as TShirtSizeCommon, aL as TextStyleProps, aM as TextTransform, aN as TextVariant, aO as TransitionDelay, aP as TransitionDuration, aQ as TransitionTiming, U as UniversalAvatarProps, a as UniversalButtonProps, c as UniversalIconButtonProps, d as UniversalImageProps, b as UniversalPressableProps, aT as UniversalTextInputProps, r as alwaysPalette } from './types-BE7_GGFX.js';
|
|
5
5
|
import { ViewProps, View, TextProps as TextProps$1, Text as Text$1, ScrollViewProps, ScrollView, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
6
|
-
export { a as IconButton, b as IconButtonProps, c as Image, I as ImageProps, d as Pressable, P as PressableProps } from './Image.native-
|
|
6
|
+
export { a as IconButton, b as IconButtonProps, c as Image, I as ImageProps, d as Pressable, P as PressableProps } from './Image.native-DZW5ek69.js';
|
|
7
7
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
8
8
|
import { EdgeInsets } from 'react-native-safe-area-context';
|
|
9
9
|
import { ImageStyle } from 'expo-image';
|
|
10
|
-
export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, f as fontFamilyGlobal, a as fontWeightMap } from './index.native-
|
|
10
|
+
export { c as DEFAULT_COLOR_MODE, D as DEFAULT_COLOR_MODE_FOR_APP, g as DEFAULT_HIGH_CONTRAST_MODE, h as DEFAULT_REGION_MODE, e as DEFAULT_SCALE_MODE, b as DEFAULT_SCALE_MODE_FOR_APP, d as defaultTokensConfig, f as fontFamilyGlobal, a as fontWeightMap } from './index.native-uBCD4Hr4.js';
|
|
11
11
|
|
|
12
12
|
declare const variants: {
|
|
13
13
|
color: {
|
|
@@ -24,6 +24,7 @@ declare const variants: {
|
|
|
24
24
|
primary: string;
|
|
25
25
|
secondary: string;
|
|
26
26
|
tertiary: string;
|
|
27
|
+
current: string;
|
|
27
28
|
};
|
|
28
29
|
placeholderColor: {
|
|
29
30
|
accent: string;
|
|
@@ -39,6 +40,7 @@ declare const variants: {
|
|
|
39
40
|
primary: string;
|
|
40
41
|
secondary: string;
|
|
41
42
|
tertiary: string;
|
|
43
|
+
current: string;
|
|
42
44
|
};
|
|
43
45
|
fontFamily: {
|
|
44
46
|
icons: string;
|
|
@@ -748,6 +750,7 @@ declare const variants: {
|
|
|
748
750
|
primary: string;
|
|
749
751
|
secondary: string;
|
|
750
752
|
transparent: string;
|
|
753
|
+
current: string;
|
|
751
754
|
};
|
|
752
755
|
borderColor: {
|
|
753
756
|
accent: string;
|
|
@@ -762,6 +765,7 @@ declare const variants: {
|
|
|
762
765
|
primary: string;
|
|
763
766
|
secondary: string;
|
|
764
767
|
tertiary: string;
|
|
768
|
+
current: string;
|
|
765
769
|
};
|
|
766
770
|
borderStartColor: {
|
|
767
771
|
accent: string;
|
|
@@ -776,6 +780,7 @@ declare const variants: {
|
|
|
776
780
|
primary: string;
|
|
777
781
|
secondary: string;
|
|
778
782
|
tertiary: string;
|
|
783
|
+
current: string;
|
|
779
784
|
};
|
|
780
785
|
borderEndColor: {
|
|
781
786
|
accent: string;
|
|
@@ -790,6 +795,7 @@ declare const variants: {
|
|
|
790
795
|
primary: string;
|
|
791
796
|
secondary: string;
|
|
792
797
|
tertiary: string;
|
|
798
|
+
current: string;
|
|
793
799
|
};
|
|
794
800
|
borderBottomColor: {
|
|
795
801
|
accent: string;
|
|
@@ -804,6 +810,7 @@ declare const variants: {
|
|
|
804
810
|
primary: string;
|
|
805
811
|
secondary: string;
|
|
806
812
|
tertiary: string;
|
|
813
|
+
current: string;
|
|
807
814
|
};
|
|
808
815
|
borderTopColor: {
|
|
809
816
|
accent: string;
|
|
@@ -818,6 +825,7 @@ declare const variants: {
|
|
|
818
825
|
primary: string;
|
|
819
826
|
secondary: string;
|
|
820
827
|
tertiary: string;
|
|
828
|
+
current: string;
|
|
821
829
|
};
|
|
822
830
|
borderRadius: {
|
|
823
831
|
none: string;
|
|
@@ -1045,9 +1053,26 @@ declare const variants: {
|
|
|
1045
1053
|
xxxLarge: string;
|
|
1046
1054
|
xxLarge: string;
|
|
1047
1055
|
};
|
|
1056
|
+
buttonCategory: {
|
|
1057
|
+
accent: string;
|
|
1058
|
+
brand: string;
|
|
1059
|
+
alert: string;
|
|
1060
|
+
positive: string;
|
|
1061
|
+
warning: string;
|
|
1062
|
+
};
|
|
1063
|
+
buttonVariant: {
|
|
1064
|
+
primary: string;
|
|
1065
|
+
secondary: string;
|
|
1066
|
+
tertiary: string;
|
|
1067
|
+
};
|
|
1068
|
+
buttonSize: {
|
|
1069
|
+
sm: string;
|
|
1070
|
+
md: string;
|
|
1071
|
+
lg: string;
|
|
1072
|
+
};
|
|
1048
1073
|
};
|
|
1049
1074
|
|
|
1050
|
-
declare const
|
|
1075
|
+
declare const button: ButtonConfig;
|
|
1051
1076
|
|
|
1052
1077
|
declare const UDS_PREFIX = "uds";
|
|
1053
1078
|
declare const SPECTRUM_COLOR_PREFIX = "uds-spectrum-color";
|
|
@@ -1077,11 +1102,37 @@ declare const FONT_SANS_BETA_CSS_VAR = "--uds-font-sans-beta";
|
|
|
1077
1102
|
declare const FONT_SANS_CONDENSED_CSS_VAR = "--uds-font-sans-condensed";
|
|
1078
1103
|
declare const FONT_SERIF_DISPLAY_CSS_VAR = "--uds-font-serif-display";
|
|
1079
1104
|
declare const FONT_SERIF_TEXT_CSS_VAR = "--uds-font-serif-text";
|
|
1105
|
+
declare const BUTTON_CSS_VAR_MAP: {
|
|
1106
|
+
readonly borderRadius: "--uds-button-border-radius";
|
|
1107
|
+
readonly borderWidth: "--uds-buton-border-width";
|
|
1108
|
+
readonly color: "--uds-button-color";
|
|
1109
|
+
readonly backgroundColor: "--uds-button-background-color";
|
|
1110
|
+
readonly borderColor: "--uds-button-border-color";
|
|
1111
|
+
readonly padding: "--uds-button-padding";
|
|
1112
|
+
readonly columnGap: "--uds-button-gap";
|
|
1113
|
+
readonly fontFamily: "--uds-button-font";
|
|
1114
|
+
readonly fontWeight: "--uds-button-font-weight";
|
|
1115
|
+
readonly fontSize: "--uds-button-font-size";
|
|
1116
|
+
readonly lineHeight: "--uds-button-line-height";
|
|
1117
|
+
readonly textTransform: "--uds-button-text-transform";
|
|
1118
|
+
};
|
|
1119
|
+
declare const PSUEDO_STYLE_SELECTOR_MAP: {
|
|
1120
|
+
readonly hover: "&:hover:not([disabled])";
|
|
1121
|
+
readonly pressed: "&:active:not([disabled])";
|
|
1122
|
+
readonly disabled: "&:disabled";
|
|
1123
|
+
};
|
|
1080
1124
|
|
|
1081
1125
|
declare function entries<T>(item: T): [Extract<keyof T, string>, T[keyof T]][];
|
|
1082
1126
|
|
|
1083
1127
|
declare function fromEntries<T extends string, K>(item: [T, K][]): Record<T, K>;
|
|
1084
1128
|
|
|
1129
|
+
interface CombinationsConfig extends Exclude<ButtonConfig, 'defaults'> {
|
|
1130
|
+
}
|
|
1131
|
+
type Combination<T extends CombinationsConfig> = {
|
|
1132
|
+
[K in keyof T]: keyof T[K];
|
|
1133
|
+
};
|
|
1134
|
+
declare function generateConfigCombinations(config: CombinationsConfig): Combination<CombinationsConfig>[];
|
|
1135
|
+
|
|
1085
1136
|
type AnyObject = Record<string, unknown>;
|
|
1086
1137
|
declare function mapValues<T extends AnyObject, K extends (value: T[keyof T], key: keyof T, i: number) => unknown>(obj: T, callbackFn: K): { [key in keyof T]: ReturnType<K>; };
|
|
1087
1138
|
|
|
@@ -1636,7 +1687,7 @@ declare function createStyler({ colorMode, scaleMode }: Modes, config: Universal
|
|
|
1636
1687
|
muted: string;
|
|
1637
1688
|
};
|
|
1638
1689
|
};
|
|
1639
|
-
|
|
1690
|
+
button?: ButtonConfig | undefined;
|
|
1640
1691
|
fontFamilyGlobal: FontFamilyGlobalConfig;
|
|
1641
1692
|
};
|
|
1642
1693
|
};
|
|
@@ -2043,7 +2094,7 @@ declare const DEFAULT_STYLER: {
|
|
|
2043
2094
|
muted: string;
|
|
2044
2095
|
};
|
|
2045
2096
|
};
|
|
2046
|
-
|
|
2097
|
+
button?: ButtonConfig | undefined;
|
|
2047
2098
|
fontFamilyGlobal: FontFamilyGlobalConfig;
|
|
2048
2099
|
};
|
|
2049
2100
|
};
|
|
@@ -2453,7 +2504,7 @@ declare function useTokens(): {
|
|
|
2453
2504
|
muted: string;
|
|
2454
2505
|
};
|
|
2455
2506
|
};
|
|
2456
|
-
|
|
2507
|
+
button?: ButtonConfig | undefined;
|
|
2457
2508
|
fontFamilyGlobal: FontFamilyGlobalConfig;
|
|
2458
2509
|
};
|
|
2459
2510
|
|
|
@@ -2464,4 +2515,4 @@ interface ThemeProviderProps extends React.PropsWithChildren {
|
|
|
2464
2515
|
}
|
|
2465
2516
|
declare function ThemeProvider({ children, colorModeForApp, scaleModeForApp, config, }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
2466
2517
|
|
|
2467
|
-
export { AVATAR_SIZE_PREFIX, AvatarSizeConfig, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BorderRadiusConfig, BorderWidthConfig, Box, type BoxProps, ButtonConfig, ColorMode, ColorModeContext, ColorModeForApp, ColorModeForAppContext, ColorModeForAppContextUpdater, ColorModeForAppProvider, type ColorModeForAppProviderProps, ColorModeForDeviceContext, ColorModeForDeviceProvider, type ColorModeForDeviceProviderProps, ColorModeProvider, type ColorModeProviderProps, ComputedTokensContext, ComputedTokensProvider, type ComputedTokensProviderProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_STYLER, FONT_FAMILY_PREFIX, FONT_ICONS_CSS_VAR, FONT_SANS_BETA_CSS_VAR, FONT_SANS_CONDENSED_CSS_VAR, FONT_SANS_CSS_VAR, FONT_SERIF_DISPLAY_CSS_VAR, FONT_SERIF_TEXT_CSS_VAR, FONT_SIZE_PREFIX, FONT_WEIGHT_PREFIX, FontFamilyConfig, FontFamilyGlobalConfig, FontSizeConfig, FontWeightConfig, HStack, type HStackProps, ICON_SIZE_PREFIX, Icon, type IconProps, IconSizeConfig, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, LineHeightConfig, MEDIUM_SCALE_MODE_CLASSNAME, Modes, type ReactNativeStyle, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, ScaleMode, ScaleModeContext, ScaleModeForApp, ScaleModeForAppContext, ScaleModeForAppProvider, type ScaleModeForAppProviderProps, ScaleModeForAppUpdaterContext, ScaleModeForDeviceContext, ScaleModeForDeviceProvider, type ScaleModeForDeviceProviderProps, ScaleModeProvider, type ScaleModeProviderProps, Screen, type ScreenProps, type SetState, StyleProps, StyleProvider, TEXT_TRANSFORM_PREFIX, Text, type TextProps, type TextPropsOriginal, TextTransformConfig, ThemeProvider, type ThemeProviderProps, UDS_PREFIX, UniversalBoxProps, UniversalIconProps, UniversalStackProps, UniversalTextProps, UniversalTokensConfig, VStack, type VStackProps, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME,
|
|
2518
|
+
export { AVATAR_SIZE_PREFIX, AvatarSizeConfig, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CSS_VAR_MAP, BorderRadiusConfig, BorderWidthConfig, Box, type BoxProps, ButtonConfig, ColorMode, ColorModeContext, ColorModeForApp, ColorModeForAppContext, ColorModeForAppContextUpdater, ColorModeForAppProvider, type ColorModeForAppProviderProps, ColorModeForDeviceContext, ColorModeForDeviceProvider, type ColorModeForDeviceProviderProps, ColorModeProvider, type ColorModeProviderProps, type Combination, type CombinationsConfig, ComputedTokensContext, ComputedTokensProvider, type ComputedTokensProviderProps, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_STYLER, FONT_FAMILY_PREFIX, FONT_ICONS_CSS_VAR, FONT_SANS_BETA_CSS_VAR, FONT_SANS_CONDENSED_CSS_VAR, FONT_SANS_CSS_VAR, FONT_SERIF_DISPLAY_CSS_VAR, FONT_SERIF_TEXT_CSS_VAR, FONT_SIZE_PREFIX, FONT_WEIGHT_PREFIX, FontFamilyConfig, FontFamilyGlobalConfig, FontSizeConfig, FontWeightConfig, HStack, type HStackProps, ICON_SIZE_PREFIX, Icon, type IconProps, IconSizeConfig, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, LineHeightConfig, MEDIUM_SCALE_MODE_CLASSNAME, Modes, PSUEDO_STYLE_SELECTOR_MAP, type ReactNativeStyle, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, ScaleMode, ScaleModeContext, ScaleModeForApp, ScaleModeForAppContext, ScaleModeForAppProvider, type ScaleModeForAppProviderProps, ScaleModeForAppUpdaterContext, ScaleModeForDeviceContext, ScaleModeForDeviceProvider, type ScaleModeForDeviceProviderProps, ScaleModeProvider, type ScaleModeProviderProps, Screen, type ScreenProps, type SetState, StyleProps, StyleProvider, TEXT_TRANSFORM_PREFIX, Text, type TextProps, type TextPropsOriginal, TextTransformConfig, ThemeProvider, type ThemeProviderProps, UDS_PREFIX, UniversalBoxProps, UniversalIconProps, UniversalStackProps, UniversalTextProps, UniversalTokensConfig, VStack, type VStackProps, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, button, createStyler, entries, fromEntries, generateConfigCombinations, mapValues, useAppState, useColorMode, useColorModeForApp, useColorModeForDevice, useComputedTokens, useDeviceFontScale, useScaleMode, useScaleModeForDevice, useStyles, useTokens, variants };
|