@qasa/qds-ui 0.10.0-next.4 → 0.10.0-next.5

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.
@@ -1,18 +1,21 @@
1
1
  /// <reference types="react" />
2
2
  import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
3
3
  interface RadioCardOptions {
4
+ /**
5
+ * The label for the radio card
6
+ */
4
7
  label: string;
5
8
  /**
6
9
  * Text that provides additional guidance to the user
7
10
  */
8
11
  helperText?: string;
9
12
  /**
10
- * If `true` the radio card will be required using the HTML `required` attribute.
13
+ * If `true` the user must check the radio item before the owning form can be submitted.
11
14
  * @default false
12
15
  */
13
16
  isRequired?: boolean;
14
17
  /**
15
- * If `true` the radio card will be disabled using the HTML `disabled` attribute.
18
+ * If `true` it prevents the user from interacting with the radio item.
16
19
  * @default false
17
20
  */
18
21
  isDisabled?: boolean;
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import type { HTMLQdsProps } from '../../types';
3
- export declare type RadioGroupLabelProps = HTMLQdsProps<'label'>;
4
- export declare const RadioGroupLabel: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "key" | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>> & import("react").RefAttributes<HTMLLabelElement>>;
3
+ export declare type RadioGroupLabelProps = HTMLQdsProps<'span'>;
4
+ export declare const RadioGroupLabel: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").RefAttributes<HTMLSpanElement>>;
@@ -45,6 +45,6 @@ export interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProp
45
45
  }
46
46
  export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
47
47
  Card: import("react").ForwardRefExoticComponent<RadioCardProps & import("react").RefAttributes<HTMLButtonElement>>;
48
- Label: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "key" | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>> & import("react").RefAttributes<HTMLLabelElement>>;
48
+ Label: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & import("react").RefAttributes<HTMLSpanElement>>;
49
49
  };
50
50
  export type { RadioGroupLabelProps, RadioCardProps };
@@ -402,7 +402,7 @@ export declare const getVariantStyles: (theme: {
402
402
  background: string;
403
403
  color: string;
404
404
  };
405
- negative: {
405
+ error: {
406
406
  background: string;
407
407
  color: string;
408
408
  };
package/dist/index.d.ts CHANGED
@@ -5358,18 +5358,21 @@ interface TextareaBaseProps extends Omit<HTMLQdsProps<'textarea'>, OmittedProps$
5358
5358
  declare const TextareaBase: react.ForwardRefExoticComponent<TextareaBaseProps & react.RefAttributes<HTMLTextAreaElement>>;
5359
5359
 
5360
5360
  interface RadioCardOptions {
5361
+ /**
5362
+ * The label for the radio card
5363
+ */
5361
5364
  label: string;
5362
5365
  /**
5363
5366
  * Text that provides additional guidance to the user
5364
5367
  */
5365
5368
  helperText?: string;
5366
5369
  /**
5367
- * If `true` the radio card will be required using the HTML `required` attribute.
5370
+ * If `true` the user must check the radio item before the owning form can be submitted.
5368
5371
  * @default false
5369
5372
  */
5370
5373
  isRequired?: boolean;
5371
5374
  /**
5372
- * If `true` the radio card will be disabled using the HTML `disabled` attribute.
5375
+ * If `true` it prevents the user from interacting with the radio item.
5373
5376
  * @default false
5374
5377
  */
5375
5378
  isDisabled?: boolean;
@@ -5377,7 +5380,7 @@ interface RadioCardOptions {
5377
5380
  interface RadioCardProps extends Omit<RadioGroupPrimitive.RadioGroupItemProps, 'asChild' | keyof RadioCardOptions>, RadioCardOptions {
5378
5381
  }
5379
5382
 
5380
- declare type RadioGroupLabelProps = HTMLQdsProps<'label'>;
5383
+ declare type RadioGroupLabelProps = HTMLQdsProps<'span'>;
5381
5384
 
5382
5385
  interface RadioGroupOptions {
5383
5386
  /**
@@ -5422,7 +5425,7 @@ interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, 'asC
5422
5425
  }
5423
5426
  declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<HTMLDivElement>> & {
5424
5427
  Card: react.ForwardRefExoticComponent<RadioCardProps & react.RefAttributes<HTMLButtonElement>>;
5425
- Label: react.ForwardRefExoticComponent<Pick<react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "key" | keyof react.LabelHTMLAttributes<HTMLLabelElement>> & react.RefAttributes<HTMLLabelElement>>;
5428
+ Label: react.ForwardRefExoticComponent<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof react.HTMLAttributes<HTMLSpanElement>> & react.RefAttributes<HTMLSpanElement>>;
5426
5429
  };
5427
5430
 
5428
5431
  interface SelectOptionOptions {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qasa/qds-ui",
3
- "version": "0.10.0-next.4",
3
+ "version": "0.10.0-next.5",
4
4
  "license": "UNLICENSED",
5
5
  "repository": {
6
6
  "type": "git",
@@ -99,8 +99,8 @@
99
99
  "@emotion/react": ">= 11.0.0",
100
100
  "@emotion/styled": ">= 11.0.0",
101
101
  "framer-motion": ">=11.0.3",
102
- "react": ">=17.0.0",
103
- "react-dom": ">=17.0.0"
102
+ "react": ">=18.2.0",
103
+ "react-dom": ">=18.2.0"
104
104
  },
105
105
  "engines": {
106
106
  "node": ">=14"