@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.
Files changed (76) hide show
  1. package/dist/cjs/index.js +9242 -1
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/components/hint-box/hint-box.d.ts +1 -1
  4. package/dist/cjs/types/components/icon/create-icon.d.ts +5 -447
  5. package/dist/cjs/types/components/icon/create-lucide-icon.d.ts +4 -0
  6. package/dist/cjs/types/components/icon/icon.types.d.ts +20 -0
  7. package/dist/cjs/types/components/icon/icons.d.ts +39 -0
  8. package/dist/cjs/types/components/icon/index.d.ts +1 -0
  9. package/dist/esm/index.js +9242 -1
  10. package/dist/esm/index.js.map +1 -1
  11. package/dist/esm/types/components/hint-box/hint-box.d.ts +1 -1
  12. package/dist/esm/types/components/icon/create-icon.d.ts +5 -447
  13. package/dist/esm/types/components/icon/create-lucide-icon.d.ts +4 -0
  14. package/dist/esm/types/components/icon/icon.types.d.ts +20 -0
  15. package/dist/esm/types/components/icon/icons.d.ts +39 -0
  16. package/dist/esm/types/components/icon/index.d.ts +1 -0
  17. package/dist/index.d.ts +28 -467
  18. package/package.json +2 -1
  19. package/dist/cjs/types/components/icon/icons/arrow-down.d.ts +0 -2
  20. package/dist/cjs/types/components/icon/icons/arrow-left.d.ts +0 -2
  21. package/dist/cjs/types/components/icon/icons/arrow-right.d.ts +0 -2
  22. package/dist/cjs/types/components/icon/icons/arrow-up.d.ts +0 -2
  23. package/dist/cjs/types/components/icon/icons/bell-slash.d.ts +0 -2
  24. package/dist/cjs/types/components/icon/icons/bell.d.ts +0 -2
  25. package/dist/cjs/types/components/icon/icons/calendar.d.ts +0 -2
  26. package/dist/cjs/types/components/icon/icons/check.d.ts +0 -2
  27. package/dist/cjs/types/components/icon/icons/chevron-down.d.ts +0 -2
  28. package/dist/cjs/types/components/icon/icons/chevron-left.d.ts +0 -2
  29. package/dist/cjs/types/components/icon/icons/chevron-right.d.ts +0 -2
  30. package/dist/cjs/types/components/icon/icons/chevron-up.d.ts +0 -2
  31. package/dist/cjs/types/components/icon/icons/ellipsis-vertical.d.ts +0 -2
  32. package/dist/cjs/types/components/icon/icons/ellipsis.d.ts +0 -2
  33. package/dist/cjs/types/components/icon/icons/heart-filled.d.ts +0 -2
  34. package/dist/cjs/types/components/icon/icons/heart.d.ts +0 -2
  35. package/dist/cjs/types/components/icon/icons/image.d.ts +0 -2
  36. package/dist/cjs/types/components/icon/icons/index.d.ts +0 -28
  37. package/dist/cjs/types/components/icon/icons/location-dot.d.ts +0 -2
  38. package/dist/cjs/types/components/icon/icons/map.d.ts +0 -2
  39. package/dist/cjs/types/components/icon/icons/minus.d.ts +0 -2
  40. package/dist/cjs/types/components/icon/icons/plus.d.ts +0 -2
  41. package/dist/cjs/types/components/icon/icons/search.d.ts +0 -2
  42. package/dist/cjs/types/components/icon/icons/settings.d.ts +0 -2
  43. package/dist/cjs/types/components/icon/icons/star-filled.d.ts +0 -2
  44. package/dist/cjs/types/components/icon/icons/star.d.ts +0 -2
  45. package/dist/cjs/types/components/icon/icons/trash.d.ts +0 -2
  46. package/dist/cjs/types/components/icon/icons/user.d.ts +0 -2
  47. package/dist/cjs/types/components/icon/icons/xmark.d.ts +0 -2
  48. package/dist/esm/types/components/icon/icons/arrow-down.d.ts +0 -2
  49. package/dist/esm/types/components/icon/icons/arrow-left.d.ts +0 -2
  50. package/dist/esm/types/components/icon/icons/arrow-right.d.ts +0 -2
  51. package/dist/esm/types/components/icon/icons/arrow-up.d.ts +0 -2
  52. package/dist/esm/types/components/icon/icons/bell-slash.d.ts +0 -2
  53. package/dist/esm/types/components/icon/icons/bell.d.ts +0 -2
  54. package/dist/esm/types/components/icon/icons/calendar.d.ts +0 -2
  55. package/dist/esm/types/components/icon/icons/check.d.ts +0 -2
  56. package/dist/esm/types/components/icon/icons/chevron-down.d.ts +0 -2
  57. package/dist/esm/types/components/icon/icons/chevron-left.d.ts +0 -2
  58. package/dist/esm/types/components/icon/icons/chevron-right.d.ts +0 -2
  59. package/dist/esm/types/components/icon/icons/chevron-up.d.ts +0 -2
  60. package/dist/esm/types/components/icon/icons/ellipsis-vertical.d.ts +0 -2
  61. package/dist/esm/types/components/icon/icons/ellipsis.d.ts +0 -2
  62. package/dist/esm/types/components/icon/icons/heart-filled.d.ts +0 -2
  63. package/dist/esm/types/components/icon/icons/heart.d.ts +0 -2
  64. package/dist/esm/types/components/icon/icons/image.d.ts +0 -2
  65. package/dist/esm/types/components/icon/icons/index.d.ts +0 -28
  66. package/dist/esm/types/components/icon/icons/location-dot.d.ts +0 -2
  67. package/dist/esm/types/components/icon/icons/map.d.ts +0 -2
  68. package/dist/esm/types/components/icon/icons/minus.d.ts +0 -2
  69. package/dist/esm/types/components/icon/icons/plus.d.ts +0 -2
  70. package/dist/esm/types/components/icon/icons/search.d.ts +0 -2
  71. package/dist/esm/types/components/icon/icons/settings.d.ts +0 -2
  72. package/dist/esm/types/components/icon/icons/star-filled.d.ts +0 -2
  73. package/dist/esm/types/components/icon/icons/star.d.ts +0 -2
  74. package/dist/esm/types/components/icon/icons/trash.d.ts +0 -2
  75. package/dist/esm/types/components/icon/icons/user.d.ts +0 -2
  76. 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$6: (theme: {
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$6>;
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$5: (theme: {
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$5>;
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<HTMLSpanElement>, HTMLSpanElement>, {}>;
2798
+ }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
2799
2799
  };
2800
2800
 
2801
- declare const getSizeStyles$4: (theme: {
2802
- mediaQueries: {
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 LocationDotIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
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, 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 };
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.8.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",
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ArrowDownIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ArrowLeftIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ArrowRightIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ArrowUpIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const BellSlashIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const BellIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const CalendarIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const CheckIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ChevronDownIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ChevronLeftIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ChevronRightIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ChevronUpIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const EllipsisVerticalIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const EllipsisIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const HeartFilledIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const HeartIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ImageIcon: import("react").ForwardRefExoticComponent<import("../create-icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;