@qasa/qds-ui 0.21.0 → 0.23.0
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/index.d.mts +24 -6
- package/dist/index.d.ts +24 -6
- package/dist/index.js +90 -389
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +9 -307
- package/dist/index.mjs.map +1 -1
- package/dist/preset.css +28 -0
- package/dist/safelist.txt +3 -0
- package/package.json +26 -13
package/dist/index.d.mts
CHANGED
|
@@ -120,6 +120,7 @@ declare const theme: {
|
|
|
120
120
|
yellow20: string;
|
|
121
121
|
yellow10: string;
|
|
122
122
|
blackAlpha5: string;
|
|
123
|
+
blackAlpha10: string;
|
|
123
124
|
blackAlpha20: string;
|
|
124
125
|
};
|
|
125
126
|
bg: {
|
|
@@ -704,6 +705,7 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
|
|
|
704
705
|
yellow20: string;
|
|
705
706
|
yellow10: string;
|
|
706
707
|
blackAlpha5: string;
|
|
708
|
+
blackAlpha10: string;
|
|
707
709
|
blackAlpha20: string;
|
|
708
710
|
};
|
|
709
711
|
bg: {
|
|
@@ -1050,11 +1052,6 @@ declare const UserIcon: react.ForwardRefExoticComponent<IconProps & react.RefAtt
|
|
|
1050
1052
|
declare const XCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
1051
1053
|
declare const XIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
1052
1054
|
|
|
1053
|
-
/**
|
|
1054
|
-
* Adds some global opinionated styles.
|
|
1055
|
-
*/
|
|
1056
|
-
declare function GlobalStyles(): react_jsx_runtime.JSX.Element;
|
|
1057
|
-
|
|
1058
1055
|
type NamedStyles = Record<string, CSSObject>;
|
|
1059
1056
|
type StyleInterpolation<T> = (theme: Theme) => T;
|
|
1060
1057
|
/**
|
|
@@ -1182,6 +1179,7 @@ declare const getFormFieldBaseStyles: (theme: {
|
|
|
1182
1179
|
yellow20: string;
|
|
1183
1180
|
yellow10: string;
|
|
1184
1181
|
blackAlpha5: string;
|
|
1182
|
+
blackAlpha10: string;
|
|
1185
1183
|
blackAlpha20: string;
|
|
1186
1184
|
};
|
|
1187
1185
|
bg: {
|
|
@@ -1642,6 +1640,7 @@ declare const getSizeStyles$4: (theme: {
|
|
|
1642
1640
|
yellow20: string;
|
|
1643
1641
|
yellow10: string;
|
|
1644
1642
|
blackAlpha5: string;
|
|
1643
|
+
blackAlpha10: string;
|
|
1645
1644
|
blackAlpha20: string;
|
|
1646
1645
|
};
|
|
1647
1646
|
bg: {
|
|
@@ -2108,6 +2107,7 @@ declare const getVariantStyles$1: (theme: {
|
|
|
2108
2107
|
yellow20: string;
|
|
2109
2108
|
yellow10: string;
|
|
2110
2109
|
blackAlpha5: string;
|
|
2110
|
+
blackAlpha10: string;
|
|
2111
2111
|
blackAlpha20: string;
|
|
2112
2112
|
};
|
|
2113
2113
|
bg: {
|
|
@@ -2881,6 +2881,7 @@ declare const getSizeStyles$3: (theme: {
|
|
|
2881
2881
|
yellow20: string;
|
|
2882
2882
|
yellow10: string;
|
|
2883
2883
|
blackAlpha5: string;
|
|
2884
|
+
blackAlpha10: string;
|
|
2884
2885
|
blackAlpha20: string;
|
|
2885
2886
|
};
|
|
2886
2887
|
bg: {
|
|
@@ -3308,6 +3309,7 @@ declare const getVariantStyles: (theme: {
|
|
|
3308
3309
|
yellow20: string;
|
|
3309
3310
|
yellow10: string;
|
|
3310
3311
|
blackAlpha5: string;
|
|
3312
|
+
blackAlpha10: string;
|
|
3311
3313
|
blackAlpha20: string;
|
|
3312
3314
|
};
|
|
3313
3315
|
bg: {
|
|
@@ -3655,6 +3657,19 @@ declare const getVariantStyles: (theme: {
|
|
|
3655
3657
|
};
|
|
3656
3658
|
};
|
|
3657
3659
|
ghost: {
|
|
3660
|
+
color: string;
|
|
3661
|
+
":not([disabled])": {
|
|
3662
|
+
'@media(hover: hover)': {
|
|
3663
|
+
':hover': {
|
|
3664
|
+
background: string;
|
|
3665
|
+
};
|
|
3666
|
+
};
|
|
3667
|
+
':active': {
|
|
3668
|
+
background: string;
|
|
3669
|
+
};
|
|
3670
|
+
};
|
|
3671
|
+
};
|
|
3672
|
+
white: {
|
|
3658
3673
|
background: string;
|
|
3659
3674
|
color: string;
|
|
3660
3675
|
":not([disabled])": {
|
|
@@ -3854,6 +3869,7 @@ declare const getSizeStyles$2: (theme: {
|
|
|
3854
3869
|
yellow20: string;
|
|
3855
3870
|
yellow10: string;
|
|
3856
3871
|
blackAlpha5: string;
|
|
3872
|
+
blackAlpha10: string;
|
|
3857
3873
|
blackAlpha20: string;
|
|
3858
3874
|
};
|
|
3859
3875
|
bg: {
|
|
@@ -4314,6 +4330,7 @@ declare const getSizeStyles$1: (theme: {
|
|
|
4314
4330
|
yellow20: string;
|
|
4315
4331
|
yellow10: string;
|
|
4316
4332
|
blackAlpha5: string;
|
|
4333
|
+
blackAlpha10: string;
|
|
4317
4334
|
blackAlpha20: string;
|
|
4318
4335
|
};
|
|
4319
4336
|
bg: {
|
|
@@ -4743,6 +4760,7 @@ declare const getSizeStyles: (theme: {
|
|
|
4743
4760
|
yellow20: string;
|
|
4744
4761
|
yellow10: string;
|
|
4745
4762
|
blackAlpha5: string;
|
|
4763
|
+
blackAlpha10: string;
|
|
4746
4764
|
blackAlpha20: string;
|
|
4747
4765
|
};
|
|
4748
4766
|
bg: {
|
|
@@ -5511,4 +5529,4 @@ declare function useStableId(fixedId?: string | null): string;
|
|
|
5511
5529
|
*/
|
|
5512
5530
|
declare const useSafeLayoutEffect: typeof useLayoutEffect;
|
|
5513
5531
|
|
|
5514
|
-
export { AlertCircleIcon, AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, type AvatarProps, BellIcon, BellOffIcon, BookmarkIcon, Button, type ButtonProps, CalendarIcon, CameraIcon, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, type CreateIconOptions, DisplayText, type DisplayTextProps, Divider, type DividerProps, DropdownMenu, type DropdownMenuContentProps, type DropdownMenuDividerProps, type DropdownMenuItemProps, type DropdownMenuRootProps, type DropdownMenuTriggerProps, type ForwardRefComponent,
|
|
5532
|
+
export { AlertCircleIcon, AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, type AvatarProps, BellIcon, BellOffIcon, BookmarkIcon, Button, type ButtonProps, CalendarIcon, CameraIcon, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, type CreateIconOptions, DisplayText, type DisplayTextProps, Divider, type DividerProps, DropdownMenu, type DropdownMenuContentProps, type DropdownMenuDividerProps, type DropdownMenuItemProps, type DropdownMenuRootProps, type DropdownMenuTriggerProps, type ForwardRefComponent, GlobeIcon, Heading, type HeadingProps, HeartFilledIcon, HeartIcon, HelpCircleIcon, HintBox, type HintBoxProps, type HintBoxTitleProps, HistoryIcon, HomeIcon, IconButton, type IconButtonProps, type IconProps, ImageIcon, InfoIcon, InputBase, type InputBaseOptions, type InputBaseProps, type IntrinsicElement, Label, type LabelProps, Link, type LinkProps, ListFilterIcon, ListIcon, LoadingDots, type LoadingDotsProps, LogOutIcon, MapIcon, MapPinIcon, MenuIcon, MessageCircleIcon, MinusIcon, MoreHorizontalIcon, MoreVerticalIcon, type OwnProps, Paragraph, type ParagraphProps, PenIcon, PlusIcon, type PropsOf, QdsProvider, type RadioButtonProps, type RadioCardProps, RadioGroup, type RadioGroupLabelProps, type RadioGroupProps, SearchIcon, Select, SelectBase, type SelectBaseOptions, type SelectOptionProps, type SelectProps, SettingsIcon, ShareIcon, SlidersIcon, Spacer, type SpacerProps, Stack, type StackProps, StarFilledIcon, StarIcon, Switch, TextField, type TextFieldProps, Textarea, TextareaBase, type TextareaBaseOptions, type TextareaBaseProps, type TextareaProps, type Theme, type ThemeOverrides, TrashIcon, type UseBreakpointOptions, type UseBreakpointValueProps, type UseFormFieldProps, UserIcon, type VariantProps, XCircleIcon, XIcon, createIcon, createLucideIcon, createStyle, createStyleVariants, getFormFieldBaseStyles, overrideTheme, pxToRem, theme, toast, useBreakpoint, useBreakpointValue, useFormField, useSafeLayoutEffect, useStableId };
|
package/dist/index.d.ts
CHANGED
|
@@ -120,6 +120,7 @@ declare const theme: {
|
|
|
120
120
|
yellow20: string;
|
|
121
121
|
yellow10: string;
|
|
122
122
|
blackAlpha5: string;
|
|
123
|
+
blackAlpha10: string;
|
|
123
124
|
blackAlpha20: string;
|
|
124
125
|
};
|
|
125
126
|
bg: {
|
|
@@ -704,6 +705,7 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
|
|
|
704
705
|
yellow20: string;
|
|
705
706
|
yellow10: string;
|
|
706
707
|
blackAlpha5: string;
|
|
708
|
+
blackAlpha10: string;
|
|
707
709
|
blackAlpha20: string;
|
|
708
710
|
};
|
|
709
711
|
bg: {
|
|
@@ -1050,11 +1052,6 @@ declare const UserIcon: react.ForwardRefExoticComponent<IconProps & react.RefAtt
|
|
|
1050
1052
|
declare const XCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
1051
1053
|
declare const XIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
1052
1054
|
|
|
1053
|
-
/**
|
|
1054
|
-
* Adds some global opinionated styles.
|
|
1055
|
-
*/
|
|
1056
|
-
declare function GlobalStyles(): react_jsx_runtime.JSX.Element;
|
|
1057
|
-
|
|
1058
1055
|
type NamedStyles = Record<string, CSSObject>;
|
|
1059
1056
|
type StyleInterpolation<T> = (theme: Theme) => T;
|
|
1060
1057
|
/**
|
|
@@ -1182,6 +1179,7 @@ declare const getFormFieldBaseStyles: (theme: {
|
|
|
1182
1179
|
yellow20: string;
|
|
1183
1180
|
yellow10: string;
|
|
1184
1181
|
blackAlpha5: string;
|
|
1182
|
+
blackAlpha10: string;
|
|
1185
1183
|
blackAlpha20: string;
|
|
1186
1184
|
};
|
|
1187
1185
|
bg: {
|
|
@@ -1642,6 +1640,7 @@ declare const getSizeStyles$4: (theme: {
|
|
|
1642
1640
|
yellow20: string;
|
|
1643
1641
|
yellow10: string;
|
|
1644
1642
|
blackAlpha5: string;
|
|
1643
|
+
blackAlpha10: string;
|
|
1645
1644
|
blackAlpha20: string;
|
|
1646
1645
|
};
|
|
1647
1646
|
bg: {
|
|
@@ -2108,6 +2107,7 @@ declare const getVariantStyles$1: (theme: {
|
|
|
2108
2107
|
yellow20: string;
|
|
2109
2108
|
yellow10: string;
|
|
2110
2109
|
blackAlpha5: string;
|
|
2110
|
+
blackAlpha10: string;
|
|
2111
2111
|
blackAlpha20: string;
|
|
2112
2112
|
};
|
|
2113
2113
|
bg: {
|
|
@@ -2881,6 +2881,7 @@ declare const getSizeStyles$3: (theme: {
|
|
|
2881
2881
|
yellow20: string;
|
|
2882
2882
|
yellow10: string;
|
|
2883
2883
|
blackAlpha5: string;
|
|
2884
|
+
blackAlpha10: string;
|
|
2884
2885
|
blackAlpha20: string;
|
|
2885
2886
|
};
|
|
2886
2887
|
bg: {
|
|
@@ -3308,6 +3309,7 @@ declare const getVariantStyles: (theme: {
|
|
|
3308
3309
|
yellow20: string;
|
|
3309
3310
|
yellow10: string;
|
|
3310
3311
|
blackAlpha5: string;
|
|
3312
|
+
blackAlpha10: string;
|
|
3311
3313
|
blackAlpha20: string;
|
|
3312
3314
|
};
|
|
3313
3315
|
bg: {
|
|
@@ -3655,6 +3657,19 @@ declare const getVariantStyles: (theme: {
|
|
|
3655
3657
|
};
|
|
3656
3658
|
};
|
|
3657
3659
|
ghost: {
|
|
3660
|
+
color: string;
|
|
3661
|
+
":not([disabled])": {
|
|
3662
|
+
'@media(hover: hover)': {
|
|
3663
|
+
':hover': {
|
|
3664
|
+
background: string;
|
|
3665
|
+
};
|
|
3666
|
+
};
|
|
3667
|
+
':active': {
|
|
3668
|
+
background: string;
|
|
3669
|
+
};
|
|
3670
|
+
};
|
|
3671
|
+
};
|
|
3672
|
+
white: {
|
|
3658
3673
|
background: string;
|
|
3659
3674
|
color: string;
|
|
3660
3675
|
":not([disabled])": {
|
|
@@ -3854,6 +3869,7 @@ declare const getSizeStyles$2: (theme: {
|
|
|
3854
3869
|
yellow20: string;
|
|
3855
3870
|
yellow10: string;
|
|
3856
3871
|
blackAlpha5: string;
|
|
3872
|
+
blackAlpha10: string;
|
|
3857
3873
|
blackAlpha20: string;
|
|
3858
3874
|
};
|
|
3859
3875
|
bg: {
|
|
@@ -4314,6 +4330,7 @@ declare const getSizeStyles$1: (theme: {
|
|
|
4314
4330
|
yellow20: string;
|
|
4315
4331
|
yellow10: string;
|
|
4316
4332
|
blackAlpha5: string;
|
|
4333
|
+
blackAlpha10: string;
|
|
4317
4334
|
blackAlpha20: string;
|
|
4318
4335
|
};
|
|
4319
4336
|
bg: {
|
|
@@ -4743,6 +4760,7 @@ declare const getSizeStyles: (theme: {
|
|
|
4743
4760
|
yellow20: string;
|
|
4744
4761
|
yellow10: string;
|
|
4745
4762
|
blackAlpha5: string;
|
|
4763
|
+
blackAlpha10: string;
|
|
4746
4764
|
blackAlpha20: string;
|
|
4747
4765
|
};
|
|
4748
4766
|
bg: {
|
|
@@ -5511,4 +5529,4 @@ declare function useStableId(fixedId?: string | null): string;
|
|
|
5511
5529
|
*/
|
|
5512
5530
|
declare const useSafeLayoutEffect: typeof useLayoutEffect;
|
|
5513
5531
|
|
|
5514
|
-
export { AlertCircleIcon, AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, type AvatarProps, BellIcon, BellOffIcon, BookmarkIcon, Button, type ButtonProps, CalendarIcon, CameraIcon, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, type CreateIconOptions, DisplayText, type DisplayTextProps, Divider, type DividerProps, DropdownMenu, type DropdownMenuContentProps, type DropdownMenuDividerProps, type DropdownMenuItemProps, type DropdownMenuRootProps, type DropdownMenuTriggerProps, type ForwardRefComponent,
|
|
5532
|
+
export { AlertCircleIcon, AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, type AvatarProps, BellIcon, BellOffIcon, BookmarkIcon, Button, type ButtonProps, CalendarIcon, CameraIcon, CheckCircleIcon, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, type CreateIconOptions, DisplayText, type DisplayTextProps, Divider, type DividerProps, DropdownMenu, type DropdownMenuContentProps, type DropdownMenuDividerProps, type DropdownMenuItemProps, type DropdownMenuRootProps, type DropdownMenuTriggerProps, type ForwardRefComponent, GlobeIcon, Heading, type HeadingProps, HeartFilledIcon, HeartIcon, HelpCircleIcon, HintBox, type HintBoxProps, type HintBoxTitleProps, HistoryIcon, HomeIcon, IconButton, type IconButtonProps, type IconProps, ImageIcon, InfoIcon, InputBase, type InputBaseOptions, type InputBaseProps, type IntrinsicElement, Label, type LabelProps, Link, type LinkProps, ListFilterIcon, ListIcon, LoadingDots, type LoadingDotsProps, LogOutIcon, MapIcon, MapPinIcon, MenuIcon, MessageCircleIcon, MinusIcon, MoreHorizontalIcon, MoreVerticalIcon, type OwnProps, Paragraph, type ParagraphProps, PenIcon, PlusIcon, type PropsOf, QdsProvider, type RadioButtonProps, type RadioCardProps, RadioGroup, type RadioGroupLabelProps, type RadioGroupProps, SearchIcon, Select, SelectBase, type SelectBaseOptions, type SelectOptionProps, type SelectProps, SettingsIcon, ShareIcon, SlidersIcon, Spacer, type SpacerProps, Stack, type StackProps, StarFilledIcon, StarIcon, Switch, TextField, type TextFieldProps, Textarea, TextareaBase, type TextareaBaseOptions, type TextareaBaseProps, type TextareaProps, type Theme, type ThemeOverrides, TrashIcon, type UseBreakpointOptions, type UseBreakpointValueProps, type UseFormFieldProps, UserIcon, type VariantProps, XCircleIcon, XIcon, createIcon, createLucideIcon, createStyle, createStyleVariants, getFormFieldBaseStyles, overrideTheme, pxToRem, theme, toast, useBreakpoint, useBreakpointValue, useFormField, useSafeLayoutEffect, useStableId };
|