@qasa/qds-ui 0.20.0 → 0.22.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 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: {
@@ -1182,6 +1184,7 @@ declare const getFormFieldBaseStyles: (theme: {
1182
1184
  yellow20: string;
1183
1185
  yellow10: string;
1184
1186
  blackAlpha5: string;
1187
+ blackAlpha10: string;
1185
1188
  blackAlpha20: string;
1186
1189
  };
1187
1190
  bg: {
@@ -1642,6 +1645,7 @@ declare const getSizeStyles$4: (theme: {
1642
1645
  yellow20: string;
1643
1646
  yellow10: string;
1644
1647
  blackAlpha5: string;
1648
+ blackAlpha10: string;
1645
1649
  blackAlpha20: string;
1646
1650
  };
1647
1651
  bg: {
@@ -2108,6 +2112,7 @@ declare const getVariantStyles$1: (theme: {
2108
2112
  yellow20: string;
2109
2113
  yellow10: string;
2110
2114
  blackAlpha5: string;
2115
+ blackAlpha10: string;
2111
2116
  blackAlpha20: string;
2112
2117
  };
2113
2118
  bg: {
@@ -2881,6 +2886,7 @@ declare const getSizeStyles$3: (theme: {
2881
2886
  yellow20: string;
2882
2887
  yellow10: string;
2883
2888
  blackAlpha5: string;
2889
+ blackAlpha10: string;
2884
2890
  blackAlpha20: string;
2885
2891
  };
2886
2892
  bg: {
@@ -3308,6 +3314,7 @@ declare const getVariantStyles: (theme: {
3308
3314
  yellow20: string;
3309
3315
  yellow10: string;
3310
3316
  blackAlpha5: string;
3317
+ blackAlpha10: string;
3311
3318
  blackAlpha20: string;
3312
3319
  };
3313
3320
  bg: {
@@ -3655,6 +3662,19 @@ declare const getVariantStyles: (theme: {
3655
3662
  };
3656
3663
  };
3657
3664
  ghost: {
3665
+ color: string;
3666
+ ":not([disabled])": {
3667
+ '@media(hover: hover)': {
3668
+ ':hover': {
3669
+ background: string;
3670
+ };
3671
+ };
3672
+ ':active': {
3673
+ background: string;
3674
+ };
3675
+ };
3676
+ };
3677
+ white: {
3658
3678
  background: string;
3659
3679
  color: string;
3660
3680
  ":not([disabled])": {
@@ -3854,6 +3874,7 @@ declare const getSizeStyles$2: (theme: {
3854
3874
  yellow20: string;
3855
3875
  yellow10: string;
3856
3876
  blackAlpha5: string;
3877
+ blackAlpha10: string;
3857
3878
  blackAlpha20: string;
3858
3879
  };
3859
3880
  bg: {
@@ -4314,6 +4335,7 @@ declare const getSizeStyles$1: (theme: {
4314
4335
  yellow20: string;
4315
4336
  yellow10: string;
4316
4337
  blackAlpha5: string;
4338
+ blackAlpha10: string;
4317
4339
  blackAlpha20: string;
4318
4340
  };
4319
4341
  bg: {
@@ -4743,6 +4765,7 @@ declare const getSizeStyles: (theme: {
4743
4765
  yellow20: string;
4744
4766
  yellow10: string;
4745
4767
  blackAlpha5: string;
4768
+ blackAlpha10: string;
4746
4769
  blackAlpha20: string;
4747
4770
  };
4748
4771
  bg: {
@@ -5195,6 +5218,25 @@ interface RadioCardOptions {
5195
5218
  interface RadioCardProps extends Omit<RadioGroupPrimitive.RadioGroupItemProps, 'asChild' | keyof RadioCardOptions>, RadioCardOptions {
5196
5219
  }
5197
5220
 
5221
+ interface RadioButtonOptions {
5222
+ /**
5223
+ * The label for the radio button
5224
+ */
5225
+ label: string;
5226
+ /**
5227
+ * If `true` the user must check the radio item before the owning form can be submitted.
5228
+ * @default false
5229
+ */
5230
+ isRequired?: boolean;
5231
+ /**
5232
+ * If `true` it prevents the user from interacting with the radio item.
5233
+ * @default false
5234
+ */
5235
+ isDisabled?: boolean;
5236
+ }
5237
+ interface RadioButtonProps extends Omit<RadioGroupPrimitive.RadioGroupItemProps, 'asChild' | keyof RadioButtonOptions>, RadioButtonOptions {
5238
+ }
5239
+
5198
5240
  type RadioGroupLabelProps = HTMLQdsProps<'span'>;
5199
5241
 
5200
5242
  interface RadioGroupOptions {
@@ -5240,6 +5282,7 @@ interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, 'asC
5240
5282
  }
5241
5283
  declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<HTMLDivElement>> & {
5242
5284
  Card: react.ForwardRefExoticComponent<RadioCardProps & react.RefAttributes<HTMLButtonElement>>;
5285
+ Button: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLButtonElement>>;
5243
5286
  Label: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
5244
5287
  };
5245
5288
 
@@ -5491,4 +5534,4 @@ declare function useStableId(fixedId?: string | null): string;
5491
5534
  */
5492
5535
  declare const useSafeLayoutEffect: typeof useLayoutEffect;
5493
5536
 
5494
- 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, GlobalStyles, 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 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 };
5537
+ 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, GlobalStyles, 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: {
@@ -1182,6 +1184,7 @@ declare const getFormFieldBaseStyles: (theme: {
1182
1184
  yellow20: string;
1183
1185
  yellow10: string;
1184
1186
  blackAlpha5: string;
1187
+ blackAlpha10: string;
1185
1188
  blackAlpha20: string;
1186
1189
  };
1187
1190
  bg: {
@@ -1642,6 +1645,7 @@ declare const getSizeStyles$4: (theme: {
1642
1645
  yellow20: string;
1643
1646
  yellow10: string;
1644
1647
  blackAlpha5: string;
1648
+ blackAlpha10: string;
1645
1649
  blackAlpha20: string;
1646
1650
  };
1647
1651
  bg: {
@@ -2108,6 +2112,7 @@ declare const getVariantStyles$1: (theme: {
2108
2112
  yellow20: string;
2109
2113
  yellow10: string;
2110
2114
  blackAlpha5: string;
2115
+ blackAlpha10: string;
2111
2116
  blackAlpha20: string;
2112
2117
  };
2113
2118
  bg: {
@@ -2881,6 +2886,7 @@ declare const getSizeStyles$3: (theme: {
2881
2886
  yellow20: string;
2882
2887
  yellow10: string;
2883
2888
  blackAlpha5: string;
2889
+ blackAlpha10: string;
2884
2890
  blackAlpha20: string;
2885
2891
  };
2886
2892
  bg: {
@@ -3308,6 +3314,7 @@ declare const getVariantStyles: (theme: {
3308
3314
  yellow20: string;
3309
3315
  yellow10: string;
3310
3316
  blackAlpha5: string;
3317
+ blackAlpha10: string;
3311
3318
  blackAlpha20: string;
3312
3319
  };
3313
3320
  bg: {
@@ -3655,6 +3662,19 @@ declare const getVariantStyles: (theme: {
3655
3662
  };
3656
3663
  };
3657
3664
  ghost: {
3665
+ color: string;
3666
+ ":not([disabled])": {
3667
+ '@media(hover: hover)': {
3668
+ ':hover': {
3669
+ background: string;
3670
+ };
3671
+ };
3672
+ ':active': {
3673
+ background: string;
3674
+ };
3675
+ };
3676
+ };
3677
+ white: {
3658
3678
  background: string;
3659
3679
  color: string;
3660
3680
  ":not([disabled])": {
@@ -3854,6 +3874,7 @@ declare const getSizeStyles$2: (theme: {
3854
3874
  yellow20: string;
3855
3875
  yellow10: string;
3856
3876
  blackAlpha5: string;
3877
+ blackAlpha10: string;
3857
3878
  blackAlpha20: string;
3858
3879
  };
3859
3880
  bg: {
@@ -4314,6 +4335,7 @@ declare const getSizeStyles$1: (theme: {
4314
4335
  yellow20: string;
4315
4336
  yellow10: string;
4316
4337
  blackAlpha5: string;
4338
+ blackAlpha10: string;
4317
4339
  blackAlpha20: string;
4318
4340
  };
4319
4341
  bg: {
@@ -4743,6 +4765,7 @@ declare const getSizeStyles: (theme: {
4743
4765
  yellow20: string;
4744
4766
  yellow10: string;
4745
4767
  blackAlpha5: string;
4768
+ blackAlpha10: string;
4746
4769
  blackAlpha20: string;
4747
4770
  };
4748
4771
  bg: {
@@ -5195,6 +5218,25 @@ interface RadioCardOptions {
5195
5218
  interface RadioCardProps extends Omit<RadioGroupPrimitive.RadioGroupItemProps, 'asChild' | keyof RadioCardOptions>, RadioCardOptions {
5196
5219
  }
5197
5220
 
5221
+ interface RadioButtonOptions {
5222
+ /**
5223
+ * The label for the radio button
5224
+ */
5225
+ label: string;
5226
+ /**
5227
+ * If `true` the user must check the radio item before the owning form can be submitted.
5228
+ * @default false
5229
+ */
5230
+ isRequired?: boolean;
5231
+ /**
5232
+ * If `true` it prevents the user from interacting with the radio item.
5233
+ * @default false
5234
+ */
5235
+ isDisabled?: boolean;
5236
+ }
5237
+ interface RadioButtonProps extends Omit<RadioGroupPrimitive.RadioGroupItemProps, 'asChild' | keyof RadioButtonOptions>, RadioButtonOptions {
5238
+ }
5239
+
5198
5240
  type RadioGroupLabelProps = HTMLQdsProps<'span'>;
5199
5241
 
5200
5242
  interface RadioGroupOptions {
@@ -5240,6 +5282,7 @@ interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, 'asC
5240
5282
  }
5241
5283
  declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<HTMLDivElement>> & {
5242
5284
  Card: react.ForwardRefExoticComponent<RadioCardProps & react.RefAttributes<HTMLButtonElement>>;
5285
+ Button: react.ForwardRefExoticComponent<RadioButtonProps & react.RefAttributes<HTMLButtonElement>>;
5243
5286
  Label: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
5244
5287
  };
5245
5288
 
@@ -5491,4 +5534,4 @@ declare function useStableId(fixedId?: string | null): string;
5491
5534
  */
5492
5535
  declare const useSafeLayoutEffect: typeof useLayoutEffect;
5493
5536
 
5494
- 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, GlobalStyles, 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 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 };
5537
+ 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, GlobalStyles, 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 };