@qasa/qds-ui 0.7.1 → 0.8.0

package/dist/esm/types/components/hint-box/hint-box.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { HTMLQdsProps } from '../../types';
+export declare type HintBoxTitleProps = HTMLQdsProps<'span'>;
+export declare type HintBoxProps = HTMLQdsProps<'aside'>;
+export declare const HintBox: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof import("react").HTMLAttributes<HTMLElement>> & import("react").RefAttributes<HTMLElement>> & {
+    Title: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+};

package/dist/esm/types/components/hint-box/index.d.ts

@@ -0,0 +1 @@
+export * from './hint-box';

package/dist/esm/types/components/index.d.ts

@@ -2,6 +2,7 @@ export * from './avatar';
 export * from './button';
 export * from './divider';
 export * from './heading';
+export * from './hint-box';
 export * from './icon';
 export * from './icon-button';
 export * from './image';

package/dist/esm/types/theme/foundations/radius.d.ts

@@ -1,10 +1,18 @@
 export declare const radii: {
+    /** 0px */
     none: string;
+    /** 4px */
     '2xs': string;
+    /** 8px */
     xs: string;
+    /** 12px */
     sm: string;
+    /** 16px */
     md: string;
+    /** 24px */
     lg: string;
+    /** 32px */
     xl: string;
+    /** 9999px */
     full: string;
 };

package/dist/esm/types/theme/foundations/spacing.d.ts

@@ -1,14 +1,26 @@
 export declare const spacing: {
+    /** 0rem (0px) */
     '0x': string;
+    /** 0.25rem (4px) */
     '1x': string;
+    /** 0.5rem (8px) */
     '2x': string;
+    /** 0.75rem (12px) */
     '3x': string;
+    /** 1rem (16px) */
     '4x': string;
+    /** 1.25rem (20px) */
     '5x': string;
+    /** 1.5rem (24px) */
     '6x': string;
+    /** 2rem (32px) */
     '8x': string;
+    /** 3rem (48px) */
     '12x': string;
+    /** 4rem (64px) */
     '16x': string;
+    /** 5rem (80px) */
     '20x': string;
+    /** 6rem (96px) */
     '24x': string;
 };

package/dist/esm/types/theme/foundations/z-index.d.ts

@@ -1,15 +1,28 @@
 export declare const zIndices: {
+    /** -1 */
     hide: number;
+    /** auto */
     auto: string;
+    /** 0 */
     base: number;
+    /** 10 */
     docked: number;
+    /** 1000 */
     dropdown: number;
+    /** 1100 */
     sticky: number;
+    /** 1200 */
     banner: number;
+    /** 1300 */
     overlay: number;
+    /** 1400 */
     modal: number;
+    /** 1500 */
     popover: number;
+    /** 1600 */
     skipLink: number;
+    /** 1700 */
     toast: number;
+    /** 1800 */
     tooltip: number;
 };

package/dist/index.d.ts

@@ -2,7 +2,9 @@
 import * as react from 'react';
 import { ElementType, ComponentPropsWithoutRef, ReactNode, SVGAttributes, useLayoutEffect } from 'react';
 import { Options } from '@emotion/cache';
+import * as _emotion_react from '@emotion/react';
 import { CSSObject } from '@emotion/react';
+import * as _emotion_styled from '@emotion/styled';
 
 declare const theme: {
     mediaQueries: {
@@ -2787,6 +2789,15 @@ declare type HeadingComponent = ForwardRefComponent<'h2', HeadingOptions>;
 declare type HeadingProps = PropsOf<HeadingComponent>;
 declare const Heading: HeadingComponent;
 
+declare type HintBoxTitleProps = HTMLQdsProps<'span'>;
+declare type HintBoxProps = HTMLQdsProps<'aside'>;
+declare const HintBox: react.ForwardRefExoticComponent<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof react.HTMLAttributes<HTMLElement>> & react.RefAttributes<HTMLElement>> & {
+    Title: _emotion_styled.StyledComponent<{
+        theme?: _emotion_react.Theme | undefined;
+        as?: react.ElementType<any> | undefined;
+    }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+};
+
 declare const getSizeStyles$4: (theme: {
     mediaQueries: {
         readonly smUp: "@media(min-width: 480px)";
@@ -5862,4 +5873,4 @@ declare function useStableId(fixedId?: string | null): string;
  */
 declare const useSafeLayoutEffect: typeof useLayoutEffect;
 
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarProps, BellIcon, BellSlashIcon, Button, ButtonProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CreateIconOptions, Divider, DividerProps, EllipsisIcon, EllipsisVerticalIcon, ForwardRefComponent, GlobalStyles, Heading, HeadingProps, HeartFilledIcon, HeartIcon, IconButton, IconButtonProps, IconProps, Image, ImageIcon, ImageProps, InputBase, InputBaseOptions, InputBaseProps, IntrinsicElement, Label, LabelProps, Link, LinkProps, LoadingDots, LoadingDotsProps, LocationDotIcon, MapIcon, MinusIcon, OwnProps, Paragraph, ParagraphProps, PlusIcon, PropsOf, QdsProvider, SearchIcon, Select, SelectBase, SelectBaseOptions, SelectOptionProps, SelectProps, SettingsIcon, Spacer, SpacerProps, Stack, StackProps, StarFilledIcon, StarIcon, TextField, TextFieldProps, Textarea, TextareaBase, TextareaBaseOptions, TextareaBaseProps, TextareaProps, Theme, ThemeOverrides, TrashIcon, UseBreakpointOptions, UseBreakpointValueProps, UseFormFieldProps, UseImageProps, UserIcon, VariantProps, XmarkIcon, createIcon, createStyle, createStyleVariants, getFormFieldBaseStyles, overrideTheme, pxToRem, theme, useBreakpoint, useBreakpointValue, useFormField, useImage, useSafeLayoutEffect, useStableId };
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarProps, BellIcon, BellSlashIcon, Button, ButtonProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CreateIconOptions, Divider, DividerProps, EllipsisIcon, EllipsisVerticalIcon, ForwardRefComponent, GlobalStyles, Heading, HeadingProps, HeartFilledIcon, HeartIcon, HintBox, HintBoxProps, HintBoxTitleProps, IconButton, IconButtonProps, IconProps, Image, ImageIcon, ImageProps, InputBase, InputBaseOptions, InputBaseProps, IntrinsicElement, Label, LabelProps, Link, LinkProps, LoadingDots, LoadingDotsProps, LocationDotIcon, MapIcon, MinusIcon, OwnProps, Paragraph, ParagraphProps, PlusIcon, PropsOf, QdsProvider, SearchIcon, Select, SelectBase, SelectBaseOptions, SelectOptionProps, SelectProps, SettingsIcon, Spacer, SpacerProps, Stack, StackProps, StarFilledIcon, StarIcon, TextField, TextFieldProps, Textarea, TextareaBase, TextareaBaseOptions, TextareaBaseProps, TextareaProps, Theme, ThemeOverrides, TrashIcon, UseBreakpointOptions, UseBreakpointValueProps, UseFormFieldProps, UseImageProps, UserIcon, VariantProps, XmarkIcon, createIcon, createStyle, createStyleVariants, getFormFieldBaseStyles, overrideTheme, pxToRem, theme, useBreakpoint, useBreakpointValue, useFormField, useImage, useSafeLayoutEffect, useStableId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qasa/qds-ui",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "license": "UNLICENSED",
   "repository": {
     "type": "git",