@qasa/qds-ui 0.8.0 → 0.9.0-next.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/cjs/index.js +9242 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/hint-box/hint-box.d.ts +1 -1
- package/dist/cjs/types/components/icon/create-icon.d.ts +5 -447
- package/dist/cjs/types/components/icon/create-lucide-icon.d.ts +4 -0
- package/dist/cjs/types/components/icon/icon.types.d.ts +20 -0
- package/dist/cjs/types/components/icon/icons.d.ts +39 -0
- package/dist/cjs/types/components/icon/index.d.ts +1 -0
- package/dist/esm/index.js +9242 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/hint-box/hint-box.d.ts +1 -1
- package/dist/esm/types/components/icon/create-icon.d.ts +5 -447
- package/dist/esm/types/components/icon/create-lucide-icon.d.ts +4 -0
- package/dist/esm/types/components/icon/icon.types.d.ts +20 -0
- package/dist/esm/types/components/icon/icons.d.ts +39 -0
- package/dist/esm/types/components/icon/index.d.ts +1 -0
- package/dist/index.d.ts +28 -467
- package/package.json +2 -1
- package/dist/cjs/types/components/icon/icons/arrow-down.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/arrow-left.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/arrow-right.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/arrow-up.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/bell-slash.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/bell.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/calendar.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/check.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/chevron-down.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/chevron-left.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/chevron-right.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/chevron-up.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/ellipsis-vertical.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/ellipsis.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/heart-filled.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/heart.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/image.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/index.d.ts +0 -28
- package/dist/cjs/types/components/icon/icons/location-dot.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/map.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/minus.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/plus.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/search.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/settings.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/star-filled.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/star.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/trash.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/user.d.ts +0 -2
- package/dist/cjs/types/components/icon/icons/xmark.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/arrow-down.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/arrow-left.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/arrow-right.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/arrow-up.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/bell-slash.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/bell.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/calendar.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/check.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/chevron-down.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/chevron-left.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/chevron-right.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/chevron-up.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/ellipsis-vertical.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/ellipsis.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/heart-filled.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/heart.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/image.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/index.d.ts +0 -28
- package/dist/esm/types/components/icon/icons/location-dot.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/map.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/minus.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/plus.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/search.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/settings.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/star-filled.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/star.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/trash.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/user.d.ts +0 -2
- package/dist/esm/types/components/icon/icons/xmark.d.ts +0 -2
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import * as react from 'react';
|
|
|
3
3
|
import { ElementType, ComponentPropsWithoutRef, ReactNode, SVGAttributes, useLayoutEffect } from 'react';
|
|
4
4
|
import { Options } from '@emotion/cache';
|
|
5
5
|
import * as _emotion_react from '@emotion/react';
|
|
6
|
-
import { CSSObject } from '@emotion/react';
|
|
6
|
+
import { CSSObject, Theme as Theme$1 } from '@emotion/react';
|
|
7
7
|
import * as _emotion_styled from '@emotion/styled';
|
|
8
8
|
|
|
9
9
|
declare const theme: {
|
|
@@ -1370,7 +1370,7 @@ interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends For
|
|
|
1370
1370
|
*/
|
|
1371
1371
|
declare type PropsOf<E> = E extends react.ComponentType<infer P> ? P : never;
|
|
1372
1372
|
|
|
1373
|
-
declare const getSizeStyles$
|
|
1373
|
+
declare const getSizeStyles$5: (theme: {
|
|
1374
1374
|
mediaQueries: {
|
|
1375
1375
|
readonly smUp: "@media(min-width: 480px)";
|
|
1376
1376
|
readonly mdUp: "@media(min-width: 768px)";
|
|
@@ -2268,7 +2268,7 @@ declare const getVariantStyles$1: (theme: {
|
|
|
2268
2268
|
};
|
|
2269
2269
|
|
|
2270
2270
|
declare type ButtonVariant = VariantProps<typeof getVariantStyles$1>;
|
|
2271
|
-
declare type ButtonSize = VariantProps<typeof getSizeStyles$
|
|
2271
|
+
declare type ButtonSize = VariantProps<typeof getSizeStyles$5>;
|
|
2272
2272
|
interface ButtonOptions {
|
|
2273
2273
|
/**
|
|
2274
2274
|
* Sets the size of the button
|
|
@@ -2317,7 +2317,7 @@ interface DividerProps extends HTMLQdsProps<'span'>, DividerOptions {
|
|
|
2317
2317
|
}
|
|
2318
2318
|
declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLDivElement>>;
|
|
2319
2319
|
|
|
2320
|
-
declare const getSizeStyles$
|
|
2320
|
+
declare const getSizeStyles$4: (theme: {
|
|
2321
2321
|
mediaQueries: {
|
|
2322
2322
|
readonly smUp: "@media(min-width: 480px)";
|
|
2323
2323
|
readonly mdUp: "@media(min-width: 768px)";
|
|
@@ -2759,7 +2759,7 @@ declare const getSizeStyles$5: (theme: {
|
|
|
2759
2759
|
letterSpacing: string;
|
|
2760
2760
|
};
|
|
2761
2761
|
};
|
|
2762
|
-
declare type HeadingSize = VariantProps<typeof getSizeStyles$
|
|
2762
|
+
declare type HeadingSize = VariantProps<typeof getSizeStyles$4>;
|
|
2763
2763
|
declare type HeadingColor = keyof Theme['colors']['text'];
|
|
2764
2764
|
interface HeadingOptions {
|
|
2765
2765
|
/**
|
|
@@ -2795,437 +2795,11 @@ declare const HintBox: react.ForwardRefExoticComponent<Pick<react.DetailedHTMLPr
|
|
|
2795
2795
|
Title: _emotion_styled.StyledComponent<{
|
|
2796
2796
|
theme?: _emotion_react.Theme | undefined;
|
|
2797
2797
|
as?: react.ElementType<any> | undefined;
|
|
2798
|
-
}, react.DetailedHTMLProps<react.HTMLAttributes<
|
|
2798
|
+
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
2799
2799
|
};
|
|
2800
2800
|
|
|
2801
|
-
declare
|
|
2802
|
-
|
|
2803
|
-
readonly smUp: "@media(min-width: 480px)";
|
|
2804
|
-
readonly mdUp: "@media(min-width: 768px)";
|
|
2805
|
-
readonly lgUp: "@media(min-width: 1024px)";
|
|
2806
|
-
readonly xlUp: "@media(min-width: 1280px)";
|
|
2807
|
-
readonly '2xlUp': "@media(min-width: 1536px)";
|
|
2808
|
-
};
|
|
2809
|
-
spacing: {
|
|
2810
|
-
'0x': string;
|
|
2811
|
-
'1x': string;
|
|
2812
|
-
'2x': string;
|
|
2813
|
-
'3x': string;
|
|
2814
|
-
'4x': string;
|
|
2815
|
-
'5x': string;
|
|
2816
|
-
'6x': string;
|
|
2817
|
-
'8x': string;
|
|
2818
|
-
'12x': string;
|
|
2819
|
-
'16x': string;
|
|
2820
|
-
'20x': string;
|
|
2821
|
-
'24x': string;
|
|
2822
|
-
};
|
|
2823
|
-
breakpoints: {
|
|
2824
|
-
readonly base: 0;
|
|
2825
|
-
readonly sm: 480;
|
|
2826
|
-
readonly md: 768;
|
|
2827
|
-
readonly lg: 1024;
|
|
2828
|
-
readonly xl: 1280;
|
|
2829
|
-
readonly '2xl': 1536;
|
|
2830
|
-
};
|
|
2831
|
-
zIndices: {
|
|
2832
|
-
hide: number;
|
|
2833
|
-
auto: string;
|
|
2834
|
-
base: number;
|
|
2835
|
-
docked: number;
|
|
2836
|
-
dropdown: number;
|
|
2837
|
-
sticky: number;
|
|
2838
|
-
banner: number;
|
|
2839
|
-
overlay: number;
|
|
2840
|
-
modal: number;
|
|
2841
|
-
popover: number;
|
|
2842
|
-
skipLink: number;
|
|
2843
|
-
toast: number;
|
|
2844
|
-
tooltip: number;
|
|
2845
|
-
};
|
|
2846
|
-
colors: {
|
|
2847
|
-
/**
|
|
2848
|
-
* The `svg`'s `viewBox` attribute
|
|
2849
|
-
*/
|
|
2850
|
-
core: {
|
|
2851
|
-
black: string;
|
|
2852
|
-
white: string;
|
|
2853
|
-
gray90: string;
|
|
2854
|
-
gray80: string;
|
|
2855
|
-
gray70: string;
|
|
2856
|
-
gray60: string;
|
|
2857
|
-
gray50: string;
|
|
2858
|
-
gray40: string;
|
|
2859
|
-
gray30: string;
|
|
2860
|
-
gray20: string;
|
|
2861
|
-
gray10: string;
|
|
2862
|
-
uiPink: string;
|
|
2863
|
-
uiPinkDark: string;
|
|
2864
|
-
uiPinkLight: string;
|
|
2865
|
-
brown: string;
|
|
2866
|
-
brownDark: string;
|
|
2867
|
-
brownLight: string;
|
|
2868
|
-
offWhite: string;
|
|
2869
|
-
offWhiteDark: string;
|
|
2870
|
-
offWhiteLight: string;
|
|
2871
|
-
softPink: string;
|
|
2872
|
-
warmYellow: string;
|
|
2873
|
-
softYellow: string;
|
|
2874
|
-
red10: string;
|
|
2875
|
-
red20: string;
|
|
2876
|
-
red30: string;
|
|
2877
|
-
red40: string;
|
|
2878
|
-
red50: string;
|
|
2879
|
-
red60: string;
|
|
2880
|
-
red70: string;
|
|
2881
|
-
red80: string;
|
|
2882
|
-
red90: string;
|
|
2883
|
-
green90: string;
|
|
2884
|
-
green80: string;
|
|
2885
|
-
green70: string; /**
|
|
2886
|
-
* The size of the icon.
|
|
2887
|
-
*
|
|
2888
|
-
* @default 16
|
|
2889
|
-
*/
|
|
2890
|
-
green60: string;
|
|
2891
|
-
green50: string;
|
|
2892
|
-
green40: string;
|
|
2893
|
-
green30: string;
|
|
2894
|
-
green20: string;
|
|
2895
|
-
green10: string;
|
|
2896
|
-
blue90: string;
|
|
2897
|
-
blue80: string;
|
|
2898
|
-
blue70: string;
|
|
2899
|
-
blue60: string;
|
|
2900
|
-
blue50: string;
|
|
2901
|
-
blue40: string;
|
|
2902
|
-
blue30: string;
|
|
2903
|
-
blue20: string;
|
|
2904
|
-
blue10: string;
|
|
2905
|
-
yellow90: string;
|
|
2906
|
-
yellow80: string;
|
|
2907
|
-
yellow70: string;
|
|
2908
|
-
yellow60: string;
|
|
2909
|
-
yellow50: string;
|
|
2910
|
-
yellow40: string;
|
|
2911
|
-
yellow30: string;
|
|
2912
|
-
yellow20: string;
|
|
2913
|
-
yellow10: string;
|
|
2914
|
-
blackAlpha20: string;
|
|
2915
|
-
};
|
|
2916
|
-
bg: {
|
|
2917
|
-
default: string;
|
|
2918
|
-
brandPrimary: string;
|
|
2919
|
-
brandPrimaryHover: string;
|
|
2920
|
-
brandPrimaryActive: string;
|
|
2921
|
-
brandSecondary: string;
|
|
2922
|
-
brandSecondaryHover: string;
|
|
2923
|
-
brandSecondaryActive: string;
|
|
2924
|
-
brandTertiary: string;
|
|
2925
|
-
brandTertiaryHover: string;
|
|
2926
|
-
brandTertiaryActive: string;
|
|
2927
|
-
negative: string;
|
|
2928
|
-
warning: string;
|
|
2929
|
-
positive: string;
|
|
2930
|
-
inset: string;
|
|
2931
|
-
backdrop: string;
|
|
2932
|
-
};
|
|
2933
|
-
text: {
|
|
2934
|
-
strong: string;
|
|
2935
|
-
default: string;
|
|
2936
|
-
subtle: string;
|
|
2937
|
-
disabled: string;
|
|
2938
|
-
negative: string;
|
|
2939
|
-
warning: string;
|
|
2940
|
-
positive: string;
|
|
2941
|
-
onBrandPrimary: string;
|
|
2942
|
-
onBrandSecondary: string;
|
|
2943
|
-
onBrandTertiary: string;
|
|
2944
|
-
};
|
|
2945
|
-
icon: {
|
|
2946
|
-
default: string;
|
|
2947
|
-
strong: string;
|
|
2948
|
-
subtle: string;
|
|
2949
|
-
disabled: string;
|
|
2950
|
-
negative: string;
|
|
2951
|
-
warning: string;
|
|
2952
|
-
success: string;
|
|
2953
|
-
onBrandPrimary: string;
|
|
2954
|
-
onBrandSecondary: string;
|
|
2955
|
-
onBrandTertiary: string;
|
|
2956
|
-
};
|
|
2957
|
-
border: {
|
|
2958
|
-
default: string;
|
|
2959
|
-
defaultHover: string;
|
|
2960
|
-
defaultSelected: string;
|
|
2961
|
-
strong: string;
|
|
2962
|
-
subtle: string;
|
|
2963
|
-
negative: string;
|
|
2964
|
-
warning: string;
|
|
2965
|
-
success: string;
|
|
2966
|
-
};
|
|
2967
|
-
};
|
|
2968
|
-
sizes: {
|
|
2969
|
-
112: string;
|
|
2970
|
-
128: string;
|
|
2971
|
-
144: string;
|
|
2972
|
-
160: string;
|
|
2973
|
-
176: string;
|
|
2974
|
-
192: string;
|
|
2975
|
-
224: string;
|
|
2976
|
-
256: string;
|
|
2977
|
-
288: string;
|
|
2978
|
-
320: string;
|
|
2979
|
-
384: string;
|
|
2980
|
-
448: string;
|
|
2981
|
-
512: string;
|
|
2982
|
-
576: string;
|
|
2983
|
-
672: string;
|
|
2984
|
-
768: string;
|
|
2985
|
-
896: string;
|
|
2986
|
-
1024: string;
|
|
2987
|
-
'0x': string;
|
|
2988
|
-
'1x': string;
|
|
2989
|
-
'2x': string;
|
|
2990
|
-
'3x': string;
|
|
2991
|
-
'4x': string;
|
|
2992
|
-
'5x': string;
|
|
2993
|
-
'6x': string;
|
|
2994
|
-
'8x': string;
|
|
2995
|
-
'12x': string;
|
|
2996
|
-
'16x': string;
|
|
2997
|
-
'20x': string;
|
|
2998
|
-
'24x': string;
|
|
2999
|
-
};
|
|
3000
|
-
radii: {
|
|
3001
|
-
none: string;
|
|
3002
|
-
'2xs': string;
|
|
3003
|
-
xs: string;
|
|
3004
|
-
sm: string;
|
|
3005
|
-
md: string;
|
|
3006
|
-
lg: string;
|
|
3007
|
-
xl: string;
|
|
3008
|
-
full: string;
|
|
3009
|
-
}; /**
|
|
3010
|
-
* The size of the icon.
|
|
3011
|
-
*
|
|
3012
|
-
* @default 16
|
|
3013
|
-
*/
|
|
3014
|
-
shadows: {
|
|
3015
|
-
none: string;
|
|
3016
|
-
sm: string;
|
|
3017
|
-
md: string;
|
|
3018
|
-
lg: string;
|
|
3019
|
-
xl: string;
|
|
3020
|
-
};
|
|
3021
|
-
typography: {
|
|
3022
|
-
display: {
|
|
3023
|
-
'3xl': {
|
|
3024
|
-
fontFamily: string;
|
|
3025
|
-
fontWeight: string;
|
|
3026
|
-
fontSize: string;
|
|
3027
|
-
lineHeight: string;
|
|
3028
|
-
letterSpacing: string;
|
|
3029
|
-
fontFeatureSettings: string;
|
|
3030
|
-
};
|
|
3031
|
-
'2xl': {
|
|
3032
|
-
fontFamily: string;
|
|
3033
|
-
fontWeight: string;
|
|
3034
|
-
fontSize: string;
|
|
3035
|
-
lineHeight: string;
|
|
3036
|
-
letterSpacing: string;
|
|
3037
|
-
fontFeatureSettings: string;
|
|
3038
|
-
};
|
|
3039
|
-
xl: {
|
|
3040
|
-
fontFamily: string;
|
|
3041
|
-
fontWeight: string;
|
|
3042
|
-
fontSize: string;
|
|
3043
|
-
lineHeight: string;
|
|
3044
|
-
letterSpacing: string;
|
|
3045
|
-
fontFeatureSettings: string;
|
|
3046
|
-
};
|
|
3047
|
-
lg: {
|
|
3048
|
-
fontFamily: string;
|
|
3049
|
-
fontWeight: string;
|
|
3050
|
-
fontSize: string;
|
|
3051
|
-
lineHeight: string;
|
|
3052
|
-
letterSpacing: string;
|
|
3053
|
-
fontFeatureSettings: string;
|
|
3054
|
-
};
|
|
3055
|
-
md: {
|
|
3056
|
-
fontFamily: string;
|
|
3057
|
-
fontWeight: string;
|
|
3058
|
-
fontSize: string;
|
|
3059
|
-
lineHeight: string;
|
|
3060
|
-
letterSpacing: string;
|
|
3061
|
-
fontFeatureSettings: string;
|
|
3062
|
-
};
|
|
3063
|
-
sm: {
|
|
3064
|
-
fontFamily: string;
|
|
3065
|
-
fontWeight: string;
|
|
3066
|
-
fontSize: string;
|
|
3067
|
-
lineHeight: string;
|
|
3068
|
-
letterSpacing: string;
|
|
3069
|
-
fontFeatureSettings: string;
|
|
3070
|
-
};
|
|
3071
|
-
xs: {
|
|
3072
|
-
fontFamily: string;
|
|
3073
|
-
fontWeight: string;
|
|
3074
|
-
fontSize: string;
|
|
3075
|
-
lineHeight: string;
|
|
3076
|
-
letterSpacing: string;
|
|
3077
|
-
fontFeatureSettings: string;
|
|
3078
|
-
};
|
|
3079
|
-
};
|
|
3080
|
-
title: {
|
|
3081
|
-
lg: {
|
|
3082
|
-
fontFamily: string;
|
|
3083
|
-
fontWeight: string;
|
|
3084
|
-
fontSize: string;
|
|
3085
|
-
lineHeight: string;
|
|
3086
|
-
letterSpacing: string;
|
|
3087
|
-
};
|
|
3088
|
-
md: {
|
|
3089
|
-
fontFamily: string;
|
|
3090
|
-
fontWeight: string;
|
|
3091
|
-
fontSize: string;
|
|
3092
|
-
lineHeight: string;
|
|
3093
|
-
letterSpacing: string;
|
|
3094
|
-
};
|
|
3095
|
-
sm: {
|
|
3096
|
-
fontFamily: string;
|
|
3097
|
-
fontWeight: string;
|
|
3098
|
-
fontSize: string;
|
|
3099
|
-
lineHeight: string;
|
|
3100
|
-
letterSpacing: string;
|
|
3101
|
-
};
|
|
3102
|
-
xs: {
|
|
3103
|
-
fontFamily: string;
|
|
3104
|
-
fontWeight: string;
|
|
3105
|
-
fontSize: string;
|
|
3106
|
-
lineHeight: string;
|
|
3107
|
-
letterSpacing: string;
|
|
3108
|
-
};
|
|
3109
|
-
'2xs': {
|
|
3110
|
-
fontFamily: string;
|
|
3111
|
-
fontWeight: string;
|
|
3112
|
-
fontSize: string;
|
|
3113
|
-
lineHeight: string;
|
|
3114
|
-
letterSpacing: string;
|
|
3115
|
-
};
|
|
3116
|
-
'3xs': {
|
|
3117
|
-
fontFamily: string;
|
|
3118
|
-
fontWeight: string;
|
|
3119
|
-
fontSize: string;
|
|
3120
|
-
lineHeight: string;
|
|
3121
|
-
letterSpacing: string;
|
|
3122
|
-
};
|
|
3123
|
-
};
|
|
3124
|
-
body: {
|
|
3125
|
-
xl: {
|
|
3126
|
-
fontFamily: string;
|
|
3127
|
-
fontWeight: string;
|
|
3128
|
-
fontSize: string;
|
|
3129
|
-
lineHeight: string;
|
|
3130
|
-
letterSpacing: string;
|
|
3131
|
-
};
|
|
3132
|
-
lg: {
|
|
3133
|
-
fontFamily: string;
|
|
3134
|
-
fontWeight: string;
|
|
3135
|
-
fontSize: string;
|
|
3136
|
-
lineHeight: string;
|
|
3137
|
-
letterSpacing: string;
|
|
3138
|
-
};
|
|
3139
|
-
md: {
|
|
3140
|
-
fontFamily: string;
|
|
3141
|
-
fontWeight: string;
|
|
3142
|
-
fontSize: string;
|
|
3143
|
-
lineHeight: string;
|
|
3144
|
-
letterSpacing: string;
|
|
3145
|
-
};
|
|
3146
|
-
sm: {
|
|
3147
|
-
fontFamily: string;
|
|
3148
|
-
fontWeight: string;
|
|
3149
|
-
fontSize: string;
|
|
3150
|
-
lineHeight: string;
|
|
3151
|
-
letterSpacing: string;
|
|
3152
|
-
};
|
|
3153
|
-
xs: {
|
|
3154
|
-
fontFamily: string;
|
|
3155
|
-
fontWeight: string;
|
|
3156
|
-
fontSize: string;
|
|
3157
|
-
lineHeight: string;
|
|
3158
|
-
letterSpacing: string;
|
|
3159
|
-
};
|
|
3160
|
-
};
|
|
3161
|
-
label: {
|
|
3162
|
-
md: {
|
|
3163
|
-
fontFamily: string;
|
|
3164
|
-
fontWeight: string;
|
|
3165
|
-
fontSize: string;
|
|
3166
|
-
lineHeight: string;
|
|
3167
|
-
letterSpacing: string;
|
|
3168
|
-
};
|
|
3169
|
-
sm: {
|
|
3170
|
-
fontFamily: string;
|
|
3171
|
-
fontWeight: string;
|
|
3172
|
-
fontSize: string;
|
|
3173
|
-
lineHeight: string;
|
|
3174
|
-
letterSpacing: string;
|
|
3175
|
-
};
|
|
3176
|
-
};
|
|
3177
|
-
button: {
|
|
3178
|
-
md: {
|
|
3179
|
-
fontFamily: string;
|
|
3180
|
-
fontWeight: string;
|
|
3181
|
-
fontSize: string;
|
|
3182
|
-
lineHeight: string;
|
|
3183
|
-
letterSpacing: string;
|
|
3184
|
-
};
|
|
3185
|
-
sm: {
|
|
3186
|
-
fontFamily: string;
|
|
3187
|
-
fontWeight: string;
|
|
3188
|
-
fontSize: string;
|
|
3189
|
-
lineHeight: string;
|
|
3190
|
-
letterSpacing: string;
|
|
3191
|
-
};
|
|
3192
|
-
};
|
|
3193
|
-
caption: {
|
|
3194
|
-
md: {
|
|
3195
|
-
fontFamily: string;
|
|
3196
|
-
fontWeight: string;
|
|
3197
|
-
fontSize: string;
|
|
3198
|
-
lineHeight: string;
|
|
3199
|
-
letterSpacing: string;
|
|
3200
|
-
};
|
|
3201
|
-
sm: {
|
|
3202
|
-
fontFamily: string;
|
|
3203
|
-
fontWeight: string;
|
|
3204
|
-
fontSize: string;
|
|
3205
|
-
lineHeight: string;
|
|
3206
|
-
letterSpacing: string;
|
|
3207
|
-
};
|
|
3208
|
-
};
|
|
3209
|
-
};
|
|
3210
|
-
}) => {
|
|
3211
|
-
32: {
|
|
3212
|
-
fontSize: string;
|
|
3213
|
-
};
|
|
3214
|
-
24: {
|
|
3215
|
-
fontSize: string;
|
|
3216
|
-
};
|
|
3217
|
-
20: {
|
|
3218
|
-
fontSize: string;
|
|
3219
|
-
};
|
|
3220
|
-
16: {
|
|
3221
|
-
fontSize: string;
|
|
3222
|
-
};
|
|
3223
|
-
12: {
|
|
3224
|
-
fontSize: string;
|
|
3225
|
-
};
|
|
3226
|
-
};
|
|
3227
|
-
declare type IconSize = VariantProps<typeof getSizeStyles$4>;
|
|
3228
|
-
declare type IconColor = keyof Theme['colors']['icon'] | 'inherit';
|
|
2801
|
+
declare type IconSize = 12 | 16 | 20 | 24 | 32;
|
|
2802
|
+
declare type IconColor = keyof Theme$1['colors']['icon'] | 'currentColor';
|
|
3229
2803
|
interface IconOptions {
|
|
3230
2804
|
/**
|
|
3231
2805
|
* The size of the icon.
|
|
@@ -3241,6 +2815,7 @@ interface IconOptions {
|
|
|
3241
2815
|
declare type OmittedProps$9 = 'color' | 'onClick' | 'width' | 'height' | 'fontSize';
|
|
3242
2816
|
interface IconProps extends Omit<SVGAttributes<SVGElement>, OmittedProps$9>, IconOptions {
|
|
3243
2817
|
}
|
|
2818
|
+
|
|
3244
2819
|
interface CreateIconOptions {
|
|
3245
2820
|
/**
|
|
3246
2821
|
* The `svg`'s `viewBox` attribute
|
|
@@ -3272,63 +2847,49 @@ interface CreateIconOptions {
|
|
|
3272
2847
|
*/
|
|
3273
2848
|
displayName?: string;
|
|
3274
2849
|
}
|
|
2850
|
+
/**
|
|
2851
|
+
* Helper function to create an icon component.
|
|
2852
|
+
*/
|
|
3275
2853
|
declare const createIcon: (options: CreateIconOptions) => react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3276
2854
|
|
|
2855
|
+
declare const AlertCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2856
|
+
declare const AlertTriangleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3277
2857
|
declare const ArrowDownIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3278
|
-
|
|
3279
2858
|
declare const ArrowLeftIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3280
|
-
|
|
3281
2859
|
declare const ArrowRightIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3282
|
-
|
|
3283
2860
|
declare const ArrowUpIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3284
|
-
|
|
3285
|
-
declare const BellSlashIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3286
|
-
|
|
2861
|
+
declare const BellOffIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3287
2862
|
declare const BellIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3288
|
-
|
|
3289
2863
|
declare const CalendarIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3290
|
-
|
|
2864
|
+
declare const CameraIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3291
2865
|
declare const CheckIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3292
|
-
|
|
3293
2866
|
declare const ChevronDownIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3294
|
-
|
|
3295
2867
|
declare const ChevronLeftIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3296
|
-
|
|
3297
2868
|
declare const ChevronRightIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3298
|
-
|
|
3299
2869
|
declare const ChevronUpIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3300
|
-
|
|
3301
|
-
declare const EllipsisVerticalIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3302
|
-
|
|
3303
|
-
declare const EllipsisIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3304
|
-
|
|
2870
|
+
declare const GlobeIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3305
2871
|
declare const HeartFilledIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3306
|
-
|
|
3307
2872
|
declare const HeartIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3308
|
-
|
|
2873
|
+
declare const HelpCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2874
|
+
declare const HomeIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3309
2875
|
declare const ImageIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3310
|
-
|
|
3311
|
-
declare const
|
|
3312
|
-
|
|
2876
|
+
declare const ListFilterIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2877
|
+
declare const LogOutIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2878
|
+
declare const MapPinIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3313
2879
|
declare const MapIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3314
|
-
|
|
2880
|
+
declare const MessageCircleIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3315
2881
|
declare const MinusIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3316
|
-
|
|
2882
|
+
declare const MoreHorizontalIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2883
|
+
declare const MoreVerticalIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3317
2884
|
declare const PlusIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3318
|
-
|
|
3319
2885
|
declare const SearchIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3320
|
-
|
|
3321
2886
|
declare const SettingsIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3322
|
-
|
|
2887
|
+
declare const ShareIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3323
2888
|
declare const StarFilledIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3324
|
-
|
|
3325
2889
|
declare const StarIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3326
|
-
|
|
3327
2890
|
declare const TrashIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3328
|
-
|
|
3329
2891
|
declare const UserIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3330
|
-
|
|
3331
|
-
declare const XmarkIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
2892
|
+
declare const XIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
3332
2893
|
|
|
3333
2894
|
declare const getSizeStyles$3: (theme: {
|
|
3334
2895
|
mediaQueries: {
|
|
@@ -5873,4 +5434,4 @@ declare function useStableId(fixedId?: string | null): string;
|
|
|
5873
5434
|
*/
|
|
5874
5435
|
declare const useSafeLayoutEffect: typeof useLayoutEffect;
|
|
5875
5436
|
|
|
5876
|
-
export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Avatar, AvatarProps, BellIcon,
|
|
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 };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qasa/qds-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0-next.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -76,6 +76,7 @@
|
|
|
76
76
|
"jest-matchmedia-mock": "^1.1.0",
|
|
77
77
|
"jest-watch-typeahead": "^2.2.0",
|
|
78
78
|
"lint-staged": "^13.0.3",
|
|
79
|
+
"lucide-react": "^0.294.0",
|
|
79
80
|
"plop": "^3.1.1",
|
|
80
81
|
"prettier": "^2.7.1",
|
|
81
82
|
"react": "^18.2.0",
|