@seeqdev/qomponents 0.0.162 → 0.0.164
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/index.esm.js +4 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -3
- package/dist/index.js.map +1 -1
- package/dist/src/Icon/Icon.types.d.ts +8 -4
- package/dist/styles.css +13 -6
- package/package.json +1 -1
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
|
|
3
3
|
export declare const iconTypes: readonly ["theme", "white", "dark-gray", "darkish-gray", "gray", "color", "info", "text", "warning", "inherit", "danger", "theme-light", "success"];
|
|
4
4
|
export type IconType = (typeof iconTypes)[number];
|
|
5
|
+
export type IconSize = '2xs' | 'xs' | 'sm' | 'lg' | 'xl' | '2xl' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x';
|
|
5
6
|
/**
|
|
6
7
|
* Props for the Icon component that renders customizable icons with various styling options.
|
|
7
8
|
* Extends TooltipComponentProps to support tooltip functionality on the icon.
|
|
@@ -36,6 +37,11 @@ export interface IconProps extends TooltipComponentProps {
|
|
|
36
37
|
* @default 'theme'
|
|
37
38
|
*/
|
|
38
39
|
type?: IconType;
|
|
40
|
+
/**
|
|
41
|
+
* Icon size, mapped to FontAwesome sizing classes so it works for both FA and FontCustom icons.
|
|
42
|
+
* Examples: 'sm', 'lg', 'xl', '2xl', '1x'...'10x', 'xs', '2xs'.
|
|
43
|
+
*/
|
|
44
|
+
size?: IconSize;
|
|
39
45
|
/**
|
|
40
46
|
* Custom color value for the icon when `type` is set to 'color'.
|
|
41
47
|
* Can be any valid CSS color (hex, rgb, color names, etc.).
|
|
@@ -59,13 +65,11 @@ export interface IconProps extends TooltipComponentProps {
|
|
|
59
65
|
*/
|
|
60
66
|
id?: string;
|
|
61
67
|
/**
|
|
62
|
-
*
|
|
63
|
-
* Cannot be used together with the `small` prop. Useful for emphasis or better visibility.
|
|
68
|
+
* @deprecated Use `size="lg"` instead.
|
|
64
69
|
*/
|
|
65
70
|
large?: boolean;
|
|
66
71
|
/**
|
|
67
|
-
*
|
|
68
|
-
* Cannot be used together with the `large` prop. Useful for compact layouts or inline text.
|
|
72
|
+
* @deprecated Use `size="sm"` instead.
|
|
69
73
|
*/
|
|
70
74
|
small?: boolean;
|
|
71
75
|
/**
|
package/dist/styles.css
CHANGED
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.fc {
|
|
10
|
-
font: normal normal normal 14px/1 fontCustom;
|
|
11
10
|
font-family: fontCustom !important;
|
|
12
|
-
|
|
11
|
+
font-weight: normal;
|
|
12
|
+
font-style: normal;
|
|
13
|
+
font-size: 1em;
|
|
14
|
+
line-height: 1;
|
|
13
15
|
text-transform: none;
|
|
14
16
|
display: inline-block;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
/* Better Font Rendering =========== */
|
|
17
|
+
speak: none;
|
|
18
18
|
-webkit-font-smoothing: antialiased;
|
|
19
19
|
-moz-osx-font-smoothing: grayscale;
|
|
20
20
|
}
|
|
@@ -1184,7 +1184,9 @@
|
|
|
1184
1184
|
content: "\f979" !important;
|
|
1185
1185
|
}
|
|
1186
1186
|
|
|
1187
|
-
/*
|
|
1187
|
+
/*
|
|
1188
|
+
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
|
|
1189
|
+
*/
|
|
1188
1190
|
|
|
1189
1191
|
/*
|
|
1190
1192
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
@@ -2914,6 +2916,11 @@ ol,
|
|
|
2914
2916
|
padding-bottom: 1rem;
|
|
2915
2917
|
}
|
|
2916
2918
|
|
|
2919
|
+
.tw-py-6 {
|
|
2920
|
+
padding-top: 1.5rem;
|
|
2921
|
+
padding-bottom: 1.5rem;
|
|
2922
|
+
}
|
|
2923
|
+
|
|
2917
2924
|
.tw-py-\[1px\] {
|
|
2918
2925
|
padding-top: 1px;
|
|
2919
2926
|
padding-bottom: 1px;
|