@q1travel/design-system 0.29.0 → 0.29.2
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/contracts/design.dark.md +1 -1
- package/contracts/design.md +1 -1
- package/dist-pkg/design-system.d.ts +10 -1
- package/dist-pkg/design-system.js +1882 -1847
- package/dist-pkg/style.css +181 -13
- package/package.json +1 -1
package/contracts/design.dark.md
CHANGED
|
@@ -522,7 +522,7 @@ Static WCAG stroke contrast against canvas/panel (2026-10-07): light neutral 5.3
|
|
|
522
522
|
- Gauge is one ratio as a ring. Progress is advancement along a task, and takes segment stops.
|
|
523
523
|
- RelativeTimeCard reveals the absolute time behind a relative one. Prefer it to printing both.
|
|
524
524
|
|
|
525
|
-
**Status and feedback.** Banner, ProjectBanner, Note, ErrorCard, RegionErrorState, ErrorMessage, EmptyState, Badge, Pill, StatusDot, ToastProvider, useToast, Feedback, PageFeedback, Spinner, LoadingDots, Skeleton.
|
|
525
|
+
**Status and feedback.** Banner, ProjectBanner, Note, ErrorCard, RegionErrorState, ErrorMessage, EmptyState, Badge, Pill, CheckCircleFill, StatusDot, ToastProvider, useToast, Feedback, PageFeedback, Spinner, LoadingDots, Skeleton.
|
|
526
526
|
|
|
527
527
|
- Banner announces at page scope. Note is an inline aside. ErrorMessage sits against one field. ErrorCard replaces a region that failed to load. Picking the widest one available overstates the problem.
|
|
528
528
|
- RegionErrorState replaces only the failed region in place (table body under a kept header, card body, page section) while the rest of the page stays usable: neutral surface, danger color on the icon only, polite `role=status` by default, built-in retry that keeps focus while `retrying`. ErrorCard is for a failure that blocks the current task (danger card, assertive `role=alert`). EmptyState is a successful load with no data. See `implementation-map.md` for the retry and announcement boundary.
|
package/contracts/design.md
CHANGED
|
@@ -522,7 +522,7 @@ Static WCAG stroke contrast against canvas/panel (2026-10-07): light neutral 5.3
|
|
|
522
522
|
- Gauge is one ratio as a ring. Progress is advancement along a task, and takes segment stops.
|
|
523
523
|
- RelativeTimeCard reveals the absolute time behind a relative one. Prefer it to printing both.
|
|
524
524
|
|
|
525
|
-
**Status and feedback.** Banner, ProjectBanner, Note, ErrorCard, RegionErrorState, ErrorMessage, EmptyState, Badge, Pill, StatusDot, ToastProvider, useToast, Feedback, PageFeedback, Spinner, LoadingDots, Skeleton.
|
|
525
|
+
**Status and feedback.** Banner, ProjectBanner, Note, ErrorCard, RegionErrorState, ErrorMessage, EmptyState, Badge, Pill, CheckCircleFill, StatusDot, ToastProvider, useToast, Feedback, PageFeedback, Spinner, LoadingDots, Skeleton.
|
|
526
526
|
|
|
527
527
|
- Banner announces at page scope. Note is an inline aside. ErrorMessage sits against one field. ErrorCard replaces a region that failed to load. Picking the widest one available overstates the problem.
|
|
528
528
|
- RegionErrorState replaces only the failed region in place (table body under a kept header, card body, page section) while the rest of the page stays usable: neutral surface, danger color on the icon only, polite `role=status` by default, built-in retry that keeps focus while `retrying`. ErrorCard is for a failure that blocks the current task (danger card, assertive `role=alert`). EmptyState is a successful load with no data. See `implementation-map.md` for the retry and announcement boundary.
|
|
@@ -461,6 +461,15 @@ export declare type CheckboxProps = ControlOptionOwnProps & (FieldShellProps | F
|
|
|
461
461
|
size?: 'sm' | 'md';
|
|
462
462
|
} & Omit<ControlOptionNativeInputProps, 'size'>;
|
|
463
463
|
|
|
464
|
+
/** 装饰性圆底勾;当前或选中语义由宿主表达。 */
|
|
465
|
+
export declare function CheckCircleFill({ className, ...props }: CheckCircleFillProps): JSX.Element;
|
|
466
|
+
|
|
467
|
+
export declare type CheckCircleFillProps = {
|
|
468
|
+
className?: string;
|
|
469
|
+
children?: never;
|
|
470
|
+
[attribute: `data-${string}`]: string | number | boolean | undefined;
|
|
471
|
+
};
|
|
472
|
+
|
|
464
473
|
export declare function Choicebox({ type, label, description, extra, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...rest }: ChoiceboxProps): JSX.Element;
|
|
465
474
|
|
|
466
475
|
declare type ChoiceboxNativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>;
|
|
@@ -1578,7 +1587,7 @@ export declare type MultiSelectProps = {
|
|
|
1578
1587
|
preserveSelectionOrder?: boolean;
|
|
1579
1588
|
};
|
|
1580
1589
|
|
|
1581
|
-
export declare function Navigation({ className, orientation, variant, ...props }: NavigationProps): JSX.Element;
|
|
1590
|
+
export declare function Navigation({ className, orientation, variant, children, ...props }: NavigationProps): JSX.Element;
|
|
1582
1591
|
|
|
1583
1592
|
export declare function NavigationGroup({ label, icon, expanded, defaultExpanded, onExpandedChange, children, }: NavigationGroupProps): JSX.Element;
|
|
1584
1593
|
|