@yahoo/uds 0.1.13 → 0.1.15
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 +57 -5
- package/cli/commands/expo/_setup.ts +100 -73
- package/cli/commands/expo/build.ts +84 -3
- package/cli/commands/expo/dev.ts +51 -41
- package/cli/commands/expo/install/cocoapods.rb +35 -0
- package/cli/commands/purge.ts +15 -0
- package/cli/commands/{config/sync.ts → sync.ts} +2 -2
- package/cli/utils/configWorker.ts +21 -1
- package/cli/utils/purgeCSS.ts +139 -0
- package/cli/utils/setupConfigWorker.ts +12 -13
- package/dist/{chunk-P7GR6E3K.js → chunk-AHFH5E5L.js} +1 -1
- package/dist/{chunk-MBOOJIH7.js → chunk-FLBMVDKG.js} +1 -1
- package/dist/{chunk-AWTLI4D3.js → chunk-U3UPAQ7V.js} +1 -1
- package/dist/fixtures/index.cjs +1 -1
- package/dist/fixtures/index.d.cts +2 -2
- package/dist/fixtures/index.d.ts +2 -2
- package/dist/fixtures/index.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +40 -31
- package/dist/index.d.ts +40 -31
- package/dist/index.js +1 -1
- package/dist/{index.native-9kYJrUPa.d.ts → index.native-TvtXtTXg.d.ts} +2 -2
- package/dist/{index.native-3ww4C4UV.d.cts → index.native-dgGFONLf.d.cts} +2 -2
- package/dist/index.native.cjs +1 -1
- package/dist/index.native.d.cts +10 -24
- package/dist/index.native.d.ts +10 -24
- package/dist/index.native.js +1 -1
- package/dist/tailwindPlugin.cjs +1 -1
- package/dist/tailwindPlugin.d.cts +1 -1
- package/dist/tailwindPlugin.d.ts +1 -1
- package/dist/tailwindPlugin.js +1 -1
- package/dist/tailwindPurge.cjs +4 -0
- package/dist/tailwindPurge.d.cts +16 -0
- package/dist/tailwindPurge.d.ts +16 -0
- package/dist/tailwindPurge.js +4 -0
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.d.cts +3 -3
- package/dist/tokens/index.d.ts +3 -3
- package/dist/tokens/index.js +1 -1
- 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 +12 -12
- package/dist/tokens/parseTokens.d.ts +12 -12
- package/dist/tokens/parseTokens.js +1 -1
- package/dist/tokens/parseTokens.native.d.cts +2 -2
- package/dist/tokens/parseTokens.native.d.ts +2 -2
- package/dist/{types-J4DLS6Xj.d.cts → types-3GXulqnG.d.cts} +1 -1
- package/dist/{types-J4DLS6Xj.d.ts → types-3GXulqnG.d.ts} +1 -1
- package/dist/{types-hirL9Qk5.d.cts → types-8OHfDki5.d.cts} +47 -54
- package/dist/{types-hirL9Qk5.d.ts → types-8OHfDki5.d.ts} +47 -54
- package/package.json +21 -18
- package/cli/commands/config/config.ts +0 -10
- package/cli/commands/nextjs/dev.ts +0 -17
- package/cli/commands/nextjs/nextjs.ts +0 -10
package/dist/index.d.cts
CHANGED
@@ -1,16 +1,16 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import {
|
3
|
-
export {
|
2
|
+
import { k as UniversalAvatarProps, l as UniversalBoxProps, m as UniversalPressableProps, n as UniversalButtonProps, ay as IconName, p as UniversalTextProps, aK as Overflow, ab as ButtonVariant, aa as ButtonSize, o as UniversalStackProps, q as UniversalIconProps, r as UniversalIconButtonProps, au as ForegroundColor, j as UniversalImageProps, b0 as UniversalTextInputProps } from './types-8OHfDki5.cjs';
|
3
|
+
export { _ as AlwaysPalette, $ as AlwaysPaletteAlias, a0 as Animation, a1 as AriaAttribute, a2 as AspectRatio, a3 as AspectRatioConfig, a4 as AvatarSize, G as AvatarSizeConfig, a5 as BackgroundColor, d as BackgroundPalette, a6 as BackgroundPaletteAlias, v as BackgroundStyleProps, e as BackgroundWashPalette, a7 as BackgroundWashPaletteAlias, w as BorderStyleProps, a8 as BorderWidth, B as BorderWidthConfig, a9 as BoxShadowConfig, C as ColorMode, s as ColorModeForApp, a as ColorsConfig, ac as ConfigurableTextProperty, c as CorePalette, ad as CorePaletteAlias, D as CustomSizingStyleProps, ae as DataAttribute, af as Display, h as Elevation, E as ElevationConfig, ag as ElevationPaletteAlias, ah as Flex, ai as FlexAlignContent, aj as FlexAlignItems, ak as FlexAlignSelf, al as FlexBasis, am as FlexDirection, an as FlexGrow, ao as FlexJustifyContent, ap as FlexShrink, y as FlexStyleProps, aq as FlexWrap, Q as FontFamilyConfig, ar as FontFamilyGlobalAlias, i as FontFamilyGlobalConfig, as as FontSize, R as FontSizeConfig, f as FontWeightConfig, at as FontWeightDescriptive, g as FontWeightNumeric, F as ForegroundPalette, av as ForegroundPaletteAlias, aw as Height, ax as HighContrastMode, H as Hue, b as HueStep, az as IconSize, J as IconSizeConfig, I as ImageStyleProps, x as LayoutStyleProps, aA as LetterSpacing, aB as LineClampAlias, aC as LineColor, aD as LineHeight, V as LineHeightConfig, L as LinePalette, aE as LinePaletteAlias, aF as MaxHeight, aG as MaxWidth, aH as MinHeight, aI as MinWidth, M as Modes, aJ as Opacity, O as OpacityStyleProps, aL as Palette, aM as PaletteConfig, aN as PaletteType, P as PaletteValue, aO as PlatformMode, aP as Position, aQ as RegionMode, aR as ScaleConfig, S as ScaleMode, u as ScaleModeConfig, t as ScaleModeForApp, aS as Shape, N as ShapeConfig, A as SizingStyleProps, aT as SpacingAlias, K as SpacingConfig, z as SpacingStyleProps, aU as SpectrumColor, aV as SpectrumConfig, aW as StateStyleProps, X as StyleProps, T as TextStyleProps, aX as TextTransform, W as TextTransformConfig, aY as TextVariant, aZ as TransitionDelay, a_ as TransitionDuration, a$ as TransitionTiming, U as UniversalTokensConfig, b1 as Width, b2 as ZIndex, Z as ZIndexConfig, Y as alwaysPalette } from './types-8OHfDki5.cjs';
|
4
4
|
import * as react from 'react';
|
5
5
|
import react__default, { PropsWithChildren } from 'react';
|
6
6
|
import * as _ariakit_react from '@ariakit/react';
|
7
|
-
import {
|
7
|
+
import { PopoverProviderProps, PopoverProps, DialogProps, useDialogStore, DialogStore, DialogDismiss, Popover as Popover$1, PopoverArrow as PopoverArrow$1, PopoverAnchor as PopoverAnchor$1, PopoverDescription as PopoverDescription$1, PopoverDismiss as PopoverDismiss$1, PopoverProvider as PopoverProvider$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, TabProviderProps, TabListProps, TabPanelProps } from '@ariakit/react';
|
8
8
|
export { DialogStore as ModalStore, TabListProps, TabPanelProps, TabProviderProps as TabsProps, usePopoverStore } from '@ariakit/react';
|
9
9
|
import { ToastContainerProps } from 'react-toastify';
|
10
10
|
export { toast } from 'react-toastify';
|
11
|
-
import {
|
12
|
-
export { S as SetState } from './types-
|
13
|
-
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-
|
11
|
+
import { a as CX, C as CVA } from './types-3GXulqnG.cjs';
|
12
|
+
export { S as SetState } from './types-3GXulqnG.cjs';
|
13
|
+
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-dgGFONLf.cjs';
|
14
14
|
export { AVATAR_SIZE_PREFIX, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, 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, ICON_SIZE_PREFIX, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, SHAPE_PREFIX, SMALL_SCALE_MODE_CLASSNAME, SPACING_PREFIX, SPECTRUM_COLOR_PREFIX, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, entries, getColorModeClassName, getScaleModeClassName } from './tokens/index.cjs';
|
15
15
|
|
16
16
|
interface AccordionProps extends React.PropsWithChildren {
|
@@ -109,14 +109,11 @@ interface ChipProps {
|
|
109
109
|
}
|
110
110
|
declare function Chip({ children, variant, startIcon, startContent, endIcon, endContent, }: ChipProps): react_jsx_runtime.JSX.Element;
|
111
111
|
|
112
|
-
interface
|
113
|
-
|
114
|
-
}
|
115
|
-
declare const DropdownItems: react.ForwardRefExoticComponent<Omit<DropdownItemsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
116
|
-
interface DropdownItemPressableProps extends Omit<PressableProps, 'onClick'> {
|
117
|
-
onClick?: (close: () => void) => void;
|
112
|
+
interface DropdownProps extends PopoverProviderProps {
|
113
|
+
children: React.ReactNode;
|
118
114
|
}
|
119
|
-
declare const
|
115
|
+
declare const Dropdown: typeof _ariakit_react.PopoverProvider;
|
116
|
+
|
120
117
|
interface DropdownItemProps extends DropdownItemPressableProps {
|
121
118
|
startIcon?: IconName;
|
122
119
|
endIcon?: IconName;
|
@@ -126,17 +123,26 @@ interface DropdownItemProps extends DropdownItemPressableProps {
|
|
126
123
|
_description?: UniversalTextProps;
|
127
124
|
}
|
128
125
|
declare function DropdownItem({ title, description, _title, _description, startIcon, endIcon, ...props }: DropdownItemProps): react_jsx_runtime.JSX.Element;
|
129
|
-
|
126
|
+
|
127
|
+
interface DropdownItemPressableProps extends Omit<PressableProps, 'onClick'> {
|
128
|
+
onClick?: (close: () => void) => void;
|
129
|
+
}
|
130
|
+
declare const DropdownItemPressable: react.ForwardRefExoticComponent<DropdownItemPressableProps & react.RefAttributes<HTMLButtonElement>>;
|
131
|
+
|
132
|
+
interface DropdownItemsProps extends React.PropsWithChildren, Omit<PopoverProps, 'children'> {
|
133
|
+
overflow?: Overflow;
|
134
|
+
}
|
135
|
+
declare const DropdownItems: react.ForwardRefExoticComponent<Omit<DropdownItemsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
136
|
+
|
137
|
+
interface DropdownTriggerProps extends PressableProps {
|
130
138
|
children: React.ReactNode;
|
131
139
|
variant?: ButtonVariant;
|
132
140
|
size?: ButtonSize;
|
133
|
-
} & PressableProps): react_jsx_runtime.JSX.Element;
|
134
|
-
interface DropdownProps extends PopoverProviderProps {
|
135
|
-
children: React.ReactNode;
|
136
141
|
}
|
137
|
-
declare
|
142
|
+
declare function DropdownTrigger({ children, variant, size, ...props }: DropdownTriggerProps): react_jsx_runtime.JSX.Element;
|
138
143
|
|
139
|
-
|
144
|
+
interface HStackProps extends UniversalStackProps, DivProps$1 {
|
145
|
+
}
|
140
146
|
/**
|
141
147
|
* @example
|
142
148
|
A layout primitive that can be used to compose other components.
|
@@ -237,7 +243,7 @@ type HStackProps = UniversalStackProps & DivProps$1;
|
|
237
243
|
}
|
238
244
|
```
|
239
245
|
*/
|
240
|
-
declare const HStack: react.ForwardRefExoticComponent<
|
246
|
+
declare const HStack: react.ForwardRefExoticComponent<HStackProps & react.RefAttributes<HTMLDivElement>>;
|
241
247
|
|
242
248
|
type HtmlSpanProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>;
|
243
249
|
interface IconProps extends UniversalIconProps, HtmlSpanProps {
|
@@ -425,16 +431,18 @@ declare const Text: react.ForwardRefExoticComponent<Omit<TextProps<TextElement>,
|
|
425
431
|
type NativeTextInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'height' | 'size' | 'width' | ''>;
|
426
432
|
interface TextInputProps extends NativeTextInputProps, UniversalTextInputProps {
|
427
433
|
}
|
428
|
-
|
429
|
-
|
430
|
-
}
|
434
|
+
declare function TextInput({ className, disabled, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
|
435
|
+
|
431
436
|
interface TextInputGroupProps extends TextInputProps {
|
432
437
|
label?: string;
|
433
438
|
}
|
434
|
-
declare function TextInputLabel({ children, required }: TextInputLabelProps): react_jsx_runtime.JSX.Element;
|
435
|
-
declare function TextInput({ className, disabled, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
|
436
439
|
declare function TextInputGroup({ label, required, ...props }: TextInputGroupProps): react_jsx_runtime.JSX.Element;
|
437
440
|
|
441
|
+
interface TextInputLabelProps extends React.PropsWithChildren {
|
442
|
+
required?: boolean;
|
443
|
+
}
|
444
|
+
declare function TextInputLabel({ children, required }: TextInputLabelProps): react_jsx_runtime.JSX.Element;
|
445
|
+
|
438
446
|
interface ToastProps extends ToastContainerProps {
|
439
447
|
}
|
440
448
|
declare function ToastContainer(props: ToastProps): react_jsx_runtime.JSX.Element;
|
@@ -503,12 +511,12 @@ declare const cva: CVA<string>;
|
|
503
511
|
declare const getStyles: (props?: ({
|
504
512
|
color?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | undefined;
|
505
513
|
colorChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | undefined;
|
506
|
-
fontFamily?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "icons" | "sans" | "sans-beta" | "sans-condensed" | "serif-text" | "serif-display" |
|
507
|
-
fontSize?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" |
|
508
|
-
fontWeight?: "bold" | "black" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" |
|
509
|
-
lineHeight?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" |
|
514
|
+
fontFamily?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "icons" | "sans" | "sans-beta" | "sans-condensed" | "serif-text" | "serif-display" | undefined;
|
515
|
+
fontSize?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
|
516
|
+
fontWeight?: "bold" | "black" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" | undefined;
|
517
|
+
lineHeight?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
|
510
518
|
textAlign?: "center" | "justify" | "start" | "end" | undefined;
|
511
|
-
textTransform?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" |
|
519
|
+
textTransform?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
512
520
|
spacing?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
|
513
521
|
spacingHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
|
514
522
|
spacingVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
|
@@ -529,6 +537,7 @@ declare const getStyles: (props?: ({
|
|
529
537
|
backgroundColorOnActive?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
|
530
538
|
backgroundColorOnHover?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
|
531
539
|
backgroundColorOnChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
|
540
|
+
backgroundColorOnFocus?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
|
532
541
|
elevation?: "1" | "2" | "3" | undefined;
|
533
542
|
opacity?: "0" | "5" | "10" | "100" | "20" | "30" | "40" | "50" | "25" | "60" | "70" | "75" | "80" | "90" | "95" | undefined;
|
534
543
|
borderColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
|
@@ -588,4 +597,4 @@ declare const getStyles: (props?: ({
|
|
588
597
|
className?: string | undefined;
|
589
598
|
}) | undefined) => string;
|
590
599
|
|
591
|
-
export { Accordion, type AccordionProps, Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, ButtonSize, ButtonVariant, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, ForegroundColor, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, IconName, type IconProps, Image, type ImageProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Overflow, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, PopoverProvider, Pressable, type PressableProps, Spinner, type SpinnerProps, Tab, TabList, TabPanel, type TabProps, Tabs, Text, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, type TextProps, ToastContainer, UniversalAvatarProps, UniversalBoxProps, UniversalButtonProps, UniversalIconButtonProps, UniversalIconProps, UniversalImageProps, UniversalPressableProps, UniversalStackProps, UniversalTextInputProps, UniversalTextProps, VStack, type VStackProps, cva, cx, getStyles, useModalStore };
|
600
|
+
export { Accordion, type AccordionProps, Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, ButtonSize, ButtonVariant, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemPressableProps, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, ForegroundColor, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, IconName, type IconProps, Image, type ImageProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Overflow, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, PopoverProvider, Pressable, type PressableProps, Spinner, type SpinnerProps, Tab, TabList, TabPanel, type TabProps, Tabs, Text, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, type TextProps, ToastContainer, UniversalAvatarProps, UniversalBoxProps, UniversalButtonProps, UniversalIconButtonProps, UniversalIconProps, UniversalImageProps, UniversalPressableProps, UniversalStackProps, UniversalTextInputProps, UniversalTextProps, VStack, type VStackProps, cva, cx, getStyles, useModalStore };
|
package/dist/index.d.ts
CHANGED
@@ -1,16 +1,16 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import {
|
3
|
-
export {
|
2
|
+
import { k as UniversalAvatarProps, l as UniversalBoxProps, m as UniversalPressableProps, n as UniversalButtonProps, ay as IconName, p as UniversalTextProps, aK as Overflow, ab as ButtonVariant, aa as ButtonSize, o as UniversalStackProps, q as UniversalIconProps, r as UniversalIconButtonProps, au as ForegroundColor, j as UniversalImageProps, b0 as UniversalTextInputProps } from './types-8OHfDki5.js';
|
3
|
+
export { _ as AlwaysPalette, $ as AlwaysPaletteAlias, a0 as Animation, a1 as AriaAttribute, a2 as AspectRatio, a3 as AspectRatioConfig, a4 as AvatarSize, G as AvatarSizeConfig, a5 as BackgroundColor, d as BackgroundPalette, a6 as BackgroundPaletteAlias, v as BackgroundStyleProps, e as BackgroundWashPalette, a7 as BackgroundWashPaletteAlias, w as BorderStyleProps, a8 as BorderWidth, B as BorderWidthConfig, a9 as BoxShadowConfig, C as ColorMode, s as ColorModeForApp, a as ColorsConfig, ac as ConfigurableTextProperty, c as CorePalette, ad as CorePaletteAlias, D as CustomSizingStyleProps, ae as DataAttribute, af as Display, h as Elevation, E as ElevationConfig, ag as ElevationPaletteAlias, ah as Flex, ai as FlexAlignContent, aj as FlexAlignItems, ak as FlexAlignSelf, al as FlexBasis, am as FlexDirection, an as FlexGrow, ao as FlexJustifyContent, ap as FlexShrink, y as FlexStyleProps, aq as FlexWrap, Q as FontFamilyConfig, ar as FontFamilyGlobalAlias, i as FontFamilyGlobalConfig, as as FontSize, R as FontSizeConfig, f as FontWeightConfig, at as FontWeightDescriptive, g as FontWeightNumeric, F as ForegroundPalette, av as ForegroundPaletteAlias, aw as Height, ax as HighContrastMode, H as Hue, b as HueStep, az as IconSize, J as IconSizeConfig, I as ImageStyleProps, x as LayoutStyleProps, aA as LetterSpacing, aB as LineClampAlias, aC as LineColor, aD as LineHeight, V as LineHeightConfig, L as LinePalette, aE as LinePaletteAlias, aF as MaxHeight, aG as MaxWidth, aH as MinHeight, aI as MinWidth, M as Modes, aJ as Opacity, O as OpacityStyleProps, aL as Palette, aM as PaletteConfig, aN as PaletteType, P as PaletteValue, aO as PlatformMode, aP as Position, aQ as RegionMode, aR as ScaleConfig, S as ScaleMode, u as ScaleModeConfig, t as ScaleModeForApp, aS as Shape, N as ShapeConfig, A as SizingStyleProps, aT as SpacingAlias, K as SpacingConfig, z as SpacingStyleProps, aU as SpectrumColor, aV as SpectrumConfig, aW as StateStyleProps, X as StyleProps, T as TextStyleProps, aX as TextTransform, W as TextTransformConfig, aY as TextVariant, aZ as TransitionDelay, a_ as TransitionDuration, a$ as TransitionTiming, U as UniversalTokensConfig, b1 as Width, b2 as ZIndex, Z as ZIndexConfig, Y as alwaysPalette } from './types-8OHfDki5.js';
|
4
4
|
import * as react from 'react';
|
5
5
|
import react__default, { PropsWithChildren } from 'react';
|
6
6
|
import * as _ariakit_react from '@ariakit/react';
|
7
|
-
import {
|
7
|
+
import { PopoverProviderProps, PopoverProps, DialogProps, useDialogStore, DialogStore, DialogDismiss, Popover as Popover$1, PopoverArrow as PopoverArrow$1, PopoverAnchor as PopoverAnchor$1, PopoverDescription as PopoverDescription$1, PopoverDismiss as PopoverDismiss$1, PopoverProvider as PopoverProvider$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, TabProviderProps, TabListProps, TabPanelProps } from '@ariakit/react';
|
8
8
|
export { DialogStore as ModalStore, TabListProps, TabPanelProps, TabProviderProps as TabsProps, usePopoverStore } from '@ariakit/react';
|
9
9
|
import { ToastContainerProps } from 'react-toastify';
|
10
10
|
export { toast } from 'react-toastify';
|
11
|
-
import {
|
12
|
-
export { S as SetState } from './types-
|
13
|
-
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-
|
11
|
+
import { a as CX, C as CVA } from './types-3GXulqnG.js';
|
12
|
+
export { S as SetState } from './types-3GXulqnG.js';
|
13
|
+
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-TvtXtTXg.js';
|
14
14
|
export { AVATAR_SIZE_PREFIX, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, 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, ICON_SIZE_PREFIX, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, SHAPE_PREFIX, SMALL_SCALE_MODE_CLASSNAME, SPACING_PREFIX, SPECTRUM_COLOR_PREFIX, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, entries, getColorModeClassName, getScaleModeClassName } from './tokens/index.js';
|
15
15
|
|
16
16
|
interface AccordionProps extends React.PropsWithChildren {
|
@@ -109,14 +109,11 @@ interface ChipProps {
|
|
109
109
|
}
|
110
110
|
declare function Chip({ children, variant, startIcon, startContent, endIcon, endContent, }: ChipProps): react_jsx_runtime.JSX.Element;
|
111
111
|
|
112
|
-
interface
|
113
|
-
|
114
|
-
}
|
115
|
-
declare const DropdownItems: react.ForwardRefExoticComponent<Omit<DropdownItemsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
116
|
-
interface DropdownItemPressableProps extends Omit<PressableProps, 'onClick'> {
|
117
|
-
onClick?: (close: () => void) => void;
|
112
|
+
interface DropdownProps extends PopoverProviderProps {
|
113
|
+
children: React.ReactNode;
|
118
114
|
}
|
119
|
-
declare const
|
115
|
+
declare const Dropdown: typeof _ariakit_react.PopoverProvider;
|
116
|
+
|
120
117
|
interface DropdownItemProps extends DropdownItemPressableProps {
|
121
118
|
startIcon?: IconName;
|
122
119
|
endIcon?: IconName;
|
@@ -126,17 +123,26 @@ interface DropdownItemProps extends DropdownItemPressableProps {
|
|
126
123
|
_description?: UniversalTextProps;
|
127
124
|
}
|
128
125
|
declare function DropdownItem({ title, description, _title, _description, startIcon, endIcon, ...props }: DropdownItemProps): react_jsx_runtime.JSX.Element;
|
129
|
-
|
126
|
+
|
127
|
+
interface DropdownItemPressableProps extends Omit<PressableProps, 'onClick'> {
|
128
|
+
onClick?: (close: () => void) => void;
|
129
|
+
}
|
130
|
+
declare const DropdownItemPressable: react.ForwardRefExoticComponent<DropdownItemPressableProps & react.RefAttributes<HTMLButtonElement>>;
|
131
|
+
|
132
|
+
interface DropdownItemsProps extends React.PropsWithChildren, Omit<PopoverProps, 'children'> {
|
133
|
+
overflow?: Overflow;
|
134
|
+
}
|
135
|
+
declare const DropdownItems: react.ForwardRefExoticComponent<Omit<DropdownItemsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
136
|
+
|
137
|
+
interface DropdownTriggerProps extends PressableProps {
|
130
138
|
children: React.ReactNode;
|
131
139
|
variant?: ButtonVariant;
|
132
140
|
size?: ButtonSize;
|
133
|
-
} & PressableProps): react_jsx_runtime.JSX.Element;
|
134
|
-
interface DropdownProps extends PopoverProviderProps {
|
135
|
-
children: React.ReactNode;
|
136
141
|
}
|
137
|
-
declare
|
142
|
+
declare function DropdownTrigger({ children, variant, size, ...props }: DropdownTriggerProps): react_jsx_runtime.JSX.Element;
|
138
143
|
|
139
|
-
|
144
|
+
interface HStackProps extends UniversalStackProps, DivProps$1 {
|
145
|
+
}
|
140
146
|
/**
|
141
147
|
* @example
|
142
148
|
A layout primitive that can be used to compose other components.
|
@@ -237,7 +243,7 @@ type HStackProps = UniversalStackProps & DivProps$1;
|
|
237
243
|
}
|
238
244
|
```
|
239
245
|
*/
|
240
|
-
declare const HStack: react.ForwardRefExoticComponent<
|
246
|
+
declare const HStack: react.ForwardRefExoticComponent<HStackProps & react.RefAttributes<HTMLDivElement>>;
|
241
247
|
|
242
248
|
type HtmlSpanProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>;
|
243
249
|
interface IconProps extends UniversalIconProps, HtmlSpanProps {
|
@@ -425,16 +431,18 @@ declare const Text: react.ForwardRefExoticComponent<Omit<TextProps<TextElement>,
|
|
425
431
|
type NativeTextInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'height' | 'size' | 'width' | ''>;
|
426
432
|
interface TextInputProps extends NativeTextInputProps, UniversalTextInputProps {
|
427
433
|
}
|
428
|
-
|
429
|
-
|
430
|
-
}
|
434
|
+
declare function TextInput({ className, disabled, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
|
435
|
+
|
431
436
|
interface TextInputGroupProps extends TextInputProps {
|
432
437
|
label?: string;
|
433
438
|
}
|
434
|
-
declare function TextInputLabel({ children, required }: TextInputLabelProps): react_jsx_runtime.JSX.Element;
|
435
|
-
declare function TextInput({ className, disabled, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
|
436
439
|
declare function TextInputGroup({ label, required, ...props }: TextInputGroupProps): react_jsx_runtime.JSX.Element;
|
437
440
|
|
441
|
+
interface TextInputLabelProps extends React.PropsWithChildren {
|
442
|
+
required?: boolean;
|
443
|
+
}
|
444
|
+
declare function TextInputLabel({ children, required }: TextInputLabelProps): react_jsx_runtime.JSX.Element;
|
445
|
+
|
438
446
|
interface ToastProps extends ToastContainerProps {
|
439
447
|
}
|
440
448
|
declare function ToastContainer(props: ToastProps): react_jsx_runtime.JSX.Element;
|
@@ -503,12 +511,12 @@ declare const cva: CVA<string>;
|
|
503
511
|
declare const getStyles: (props?: ({
|
504
512
|
color?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | undefined;
|
505
513
|
colorChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "on-color" | "white" | "black" | undefined;
|
506
|
-
fontFamily?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "icons" | "sans" | "sans-beta" | "sans-condensed" | "serif-text" | "serif-display" |
|
507
|
-
fontSize?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" |
|
508
|
-
fontWeight?: "bold" | "black" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" |
|
509
|
-
lineHeight?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" |
|
514
|
+
fontFamily?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "icons" | "sans" | "sans-beta" | "sans-condensed" | "serif-text" | "serif-display" | undefined;
|
515
|
+
fontSize?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
|
516
|
+
fontWeight?: "bold" | "black" | "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "thin" | "extralight" | "light" | "regular" | "medium" | "semibold" | "extrabold" | undefined;
|
517
|
+
lineHeight?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | undefined;
|
510
518
|
textAlign?: "center" | "justify" | "start" | "end" | undefined;
|
511
|
-
textTransform?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" |
|
519
|
+
textTransform?: "display1" | "title1" | "title2" | "title3" | "title4" | "headline1" | "body1" | "label1" | "label2" | "caption1" | "caption2" | "legal1" | "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
512
520
|
spacing?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
|
513
521
|
spacingHorizontal?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
|
514
522
|
spacingVertical?: "9" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "10" | "11" | "12" | "13" | "14" | undefined;
|
@@ -529,6 +537,7 @@ declare const getStyles: (props?: ({
|
|
529
537
|
backgroundColorOnActive?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
|
530
538
|
backgroundColorOnHover?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
|
531
539
|
backgroundColorOnChecked?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
|
540
|
+
backgroundColorOnFocus?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "white" | "black" | "accent-wash" | "alert-wash" | "brand-wash" | "positive-wash" | "warning-wash" | "elevation-1" | "elevation-2" | "elevation-3" | "elevation-3-inverse" | "overlay" | undefined;
|
532
541
|
elevation?: "1" | "2" | "3" | undefined;
|
533
542
|
opacity?: "0" | "5" | "10" | "100" | "20" | "30" | "40" | "50" | "25" | "60" | "70" | "75" | "80" | "90" | "95" | undefined;
|
534
543
|
borderColor?: "transparent" | "accent" | "alert" | "brand" | "positive" | "warning" | "primary" | "secondary" | "tertiary" | "muted" | "white" | "black" | undefined;
|
@@ -588,4 +597,4 @@ declare const getStyles: (props?: ({
|
|
588
597
|
className?: string | undefined;
|
589
598
|
}) | undefined) => string;
|
590
599
|
|
591
|
-
export { Accordion, type AccordionProps, Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, ButtonSize, ButtonVariant, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, ForegroundColor, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, IconName, type IconProps, Image, type ImageProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Overflow, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, PopoverProvider, Pressable, type PressableProps, Spinner, type SpinnerProps, Tab, TabList, TabPanel, type TabProps, Tabs, Text, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, type TextProps, ToastContainer, UniversalAvatarProps, UniversalBoxProps, UniversalButtonProps, UniversalIconButtonProps, UniversalIconProps, UniversalImageProps, UniversalPressableProps, UniversalStackProps, UniversalTextInputProps, UniversalTextProps, VStack, type VStackProps, cva, cx, getStyles, useModalStore };
|
600
|
+
export { Accordion, type AccordionProps, Avatar, type AvatarProps, Box, type BoxProps, Button, type ButtonProps, ButtonSize, ButtonVariant, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemPressableProps, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, ForegroundColor, HStack, type HStackProps, Icon, IconButton, type IconButtonProps, IconName, type IconProps, Image, type ImageProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Overflow, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, PopoverProvider, Pressable, type PressableProps, Spinner, type SpinnerProps, Tab, TabList, TabPanel, type TabProps, Tabs, Text, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, type TextProps, ToastContainer, UniversalAvatarProps, UniversalBoxProps, UniversalButtonProps, UniversalIconButtonProps, UniversalIconProps, UniversalImageProps, UniversalPressableProps, UniversalStackProps, UniversalTextInputProps, UniversalTextProps, VStack, type VStackProps, cva, cx, getStyles, useModalStore };
|