@qasa/qds-ui 0.9.0-next.0 → 0.9.0-next.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/dist/cjs/index.js +1330 -1329
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/icon/icon.types.d.ts +1 -1
- package/dist/cjs/types/components/icon/icons.d.ts +9 -2
- package/dist/cjs/types/components/icon/index.d.ts +1 -0
- package/dist/esm/index.js +1330 -1330
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/icon/icon.types.d.ts +1 -1
- package/dist/esm/types/components/icon/icons.d.ts +9 -2
- package/dist/esm/types/components/icon/index.d.ts +1 -0
- package/dist/index.d.ts +14 -4
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Theme } from '@emotion/react';
|
|
2
2
|
import type { SVGAttributes } from 'react';
|
|
3
|
-
declare type IconSize =
|
|
3
|
+
declare type IconSize = 16 | 20 | 24 | 32;
|
|
4
4
|
declare type IconColor = keyof Theme['colors']['icon'] | 'currentColor';
|
|
5
5
|
export interface IconOptions {
|
|
6
6
|
/**
|
|
@@ -5,10 +5,12 @@ export declare const ArrowDownIcon: import("react").ForwardRefExoticComponent<im
|
|
|
5
5
|
export declare const ArrowLeftIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
6
6
|
export declare const ArrowRightIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
7
7
|
export declare const ArrowUpIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
8
|
-
export declare const BellOffIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
9
8
|
export declare const BellIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
9
|
+
export declare const BellOffIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
10
|
+
export declare const BookmarkIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
10
11
|
export declare const CalendarIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
11
12
|
export declare const CameraIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
13
|
+
export declare const CheckCircleIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
12
14
|
export declare const CheckIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
13
15
|
export declare const ChevronDownIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
14
16
|
export declare const ChevronLeftIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -18,12 +20,15 @@ export declare const GlobeIcon: import("react").ForwardRefExoticComponent<import
|
|
|
18
20
|
export declare const HeartFilledIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
19
21
|
export declare const HeartIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
20
22
|
export declare const HelpCircleIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
23
|
+
export declare const HistoryIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
21
24
|
export declare const HomeIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
22
25
|
export declare const ImageIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
26
|
+
export declare const ListIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
23
27
|
export declare const ListFilterIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
24
28
|
export declare const LogOutIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
25
|
-
export declare const MapPinIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
26
29
|
export declare const MapIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
30
|
+
export declare const MapPinIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
31
|
+
export declare const MenuIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
27
32
|
export declare const MessageCircleIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
28
33
|
export declare const MinusIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
29
34
|
export declare const MoreHorizontalIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
@@ -32,8 +37,10 @@ export declare const PlusIcon: import("react").ForwardRefExoticComponent<import(
|
|
|
32
37
|
export declare const SearchIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
33
38
|
export declare const SettingsIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
34
39
|
export declare const ShareIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
40
|
+
export declare const SlidersIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
35
41
|
export declare const StarFilledIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
36
42
|
export declare const StarIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
37
43
|
export declare const TrashIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
38
44
|
export declare const UserIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
45
|
+
export declare const XCircleIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
39
46
|
export declare const XIcon: import("react").ForwardRefExoticComponent<import("./icon.types").IconProps & import("react").RefAttributes<SVGSVGElement>>;
|
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import { Options } from '@emotion/cache';
|
|
|
5
5
|
import * as _emotion_react from '@emotion/react';
|
|
6
6
|
import { CSSObject, Theme as Theme$1 } from '@emotion/react';
|
|
7
7
|
import * as _emotion_styled from '@emotion/styled';
|
|
8
|
+
import { LucideIcon } from 'lucide-react';
|
|
8
9
|
|
|
9
10
|
declare const theme: {
|
|
10
11
|
mediaQueries: {
|
|
@@ -2798,7 +2799,7 @@ declare const HintBox: react.ForwardRefExoticComponent<Pick<react.DetailedHTMLPr
|
|
|
2798
2799
|
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
2799
2800
|
};
|
|
2800
2801
|
|
|
2801
|
-
declare type IconSize =
|
|
2802
|
+
declare type IconSize = 16 | 20 | 24 | 32;
|
|
2802
2803
|
declare type IconColor = keyof Theme$1['colors']['icon'] | 'currentColor';
|
|
2803
2804
|
interface IconOptions {
|
|
2804
2805
|
/**
|
|
@@ -2852,16 +2853,20 @@ interface CreateIconOptions {
|
|
|
2852
2853
|
*/
|
|
2853
2854
|
declare const createIcon: (options: CreateIconOptions) => react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2854
2855
|
|
|
2856
|
+
declare const createLucideIcon: (Icon: LucideIcon) => react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2857
|
+
|
|
2855
2858
|
declare const AlertCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2856
2859
|
declare const AlertTriangleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2857
2860
|
declare const ArrowDownIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2858
2861
|
declare const ArrowLeftIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2859
2862
|
declare const ArrowRightIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2860
2863
|
declare const ArrowUpIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2861
|
-
declare const BellOffIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2862
2864
|
declare const BellIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2865
|
+
declare const BellOffIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2866
|
+
declare const BookmarkIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2863
2867
|
declare const CalendarIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2864
2868
|
declare const CameraIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2869
|
+
declare const CheckCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2865
2870
|
declare const CheckIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2866
2871
|
declare const ChevronDownIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2867
2872
|
declare const ChevronLeftIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
@@ -2871,12 +2876,15 @@ declare const GlobeIcon: react.ForwardRefExoticComponent<IconProps & react.RefAt
|
|
|
2871
2876
|
declare const HeartFilledIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2872
2877
|
declare const HeartIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2873
2878
|
declare const HelpCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2879
|
+
declare const HistoryIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2874
2880
|
declare const HomeIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2875
2881
|
declare const ImageIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2882
|
+
declare const ListIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2876
2883
|
declare const ListFilterIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2877
2884
|
declare const LogOutIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2878
|
-
declare const MapPinIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2879
2885
|
declare const MapIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2886
|
+
declare const MapPinIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2887
|
+
declare const MenuIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2880
2888
|
declare const MessageCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2881
2889
|
declare const MinusIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2882
2890
|
declare const MoreHorizontalIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
@@ -2885,10 +2893,12 @@ declare const PlusIcon: react.ForwardRefExoticComponent<IconProps & react.RefAtt
|
|
|
2885
2893
|
declare const SearchIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2886
2894
|
declare const SettingsIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2887
2895
|
declare const ShareIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2896
|
+
declare const SlidersIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2888
2897
|
declare const StarFilledIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2889
2898
|
declare const StarIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2890
2899
|
declare const TrashIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2891
2900
|
declare const UserIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2901
|
+
declare const XCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2892
2902
|
declare const XIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2893
2903
|
|
|
2894
2904
|
declare const getSizeStyles$3: (theme: {
|
|
@@ -5434,4 +5444,4 @@ declare function useStableId(fixedId?: string | null): string;
|
|
|
5434
5444
|
*/
|
|
5435
5445
|
declare const useSafeLayoutEffect: typeof useLayoutEffect;
|
|
5436
5446
|
|
|
5437
|
-
export { AlertCircleIcon, AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarProps, BellIcon, BellOffIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CreateIconOptions, Divider, DividerProps, ForwardRefComponent, GlobalStyles, GlobeIcon, Heading, HeadingProps, HeartFilledIcon, HeartIcon, HelpCircleIcon, HintBox, HintBoxProps, HintBoxTitleProps, HomeIcon, IconButton, IconButtonProps, IconProps, Image, ImageIcon, ImageProps, InputBase, InputBaseOptions, InputBaseProps, IntrinsicElement, Label, LabelProps, Link, LinkProps, ListFilterIcon, LoadingDots, LoadingDotsProps, LogOutIcon, MapIcon, MapPinIcon, MessageCircleIcon, MinusIcon, MoreHorizontalIcon, MoreVerticalIcon, OwnProps, Paragraph, ParagraphProps, PlusIcon, PropsOf, QdsProvider, SearchIcon, Select, SelectBase, SelectBaseOptions, SelectOptionProps, SelectProps, SettingsIcon, ShareIcon, Spacer, SpacerProps, Stack, StackProps, StarFilledIcon, StarIcon, TextField, TextFieldProps, Textarea, TextareaBase, TextareaBaseOptions, TextareaBaseProps, TextareaProps, Theme, ThemeOverrides, TrashIcon, UseBreakpointOptions, UseBreakpointValueProps, UseFormFieldProps, UseImageProps, UserIcon, VariantProps, XIcon, createIcon, createStyle, createStyleVariants, getFormFieldBaseStyles, overrideTheme, pxToRem, theme, useBreakpoint, useBreakpointValue, useFormField, useImage, useSafeLayoutEffect, useStableId };
|
|
5447
|
+
export { AlertCircleIcon, AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarProps, BellIcon, BellOffIcon, BookmarkIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CreateIconOptions, Divider, DividerProps, ForwardRefComponent, GlobalStyles, GlobeIcon, Heading, HeadingProps, HeartFilledIcon, HeartIcon, HelpCircleIcon, HintBox, HintBoxProps, HintBoxTitleProps, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconProps, Image, ImageIcon, ImageProps, InputBase, InputBaseOptions, InputBaseProps, IntrinsicElement, Label, LabelProps, Link, LinkProps, ListFilterIcon, ListIcon, LoadingDots, LoadingDotsProps, LogOutIcon, MapIcon, MapPinIcon, MenuIcon, MessageCircleIcon, MinusIcon, MoreHorizontalIcon, MoreVerticalIcon, OwnProps, Paragraph, ParagraphProps, PlusIcon, PropsOf, QdsProvider, SearchIcon, Select, SelectBase, SelectBaseOptions, SelectOptionProps, SelectProps, SettingsIcon, ShareIcon, SlidersIcon, Spacer, SpacerProps, Stack, StackProps, StarFilledIcon, StarIcon, TextField, TextFieldProps, Textarea, TextareaBase, TextareaBaseOptions, TextareaBaseProps, TextareaProps, Theme, ThemeOverrides, TrashIcon, UseBreakpointOptions, UseBreakpointValueProps, UseFormFieldProps, UseImageProps, UserIcon, VariantProps, XCircleIcon, XIcon, createIcon, createLucideIcon, createStyle, createStyleVariants, getFormFieldBaseStyles, overrideTheme, pxToRem, theme, useBreakpoint, useBreakpointValue, useFormField, useImage, useSafeLayoutEffect, useStableId };
|