skillgrid 0.0.42 → 0.0.43
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/components/Button/Button.d.ts +2 -1
- package/dist/components/Button/Button.type.d.ts +58 -66
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/lib/get-safe-rel.d.ts +11 -0
- package/dist/components/Button/lib/get-safe-rel.test.d.ts +1 -0
- package/dist/components/Icon/Icon.d.ts +12 -0
- package/dist/components/Icon/Icon.type.d.ts +156 -0
- package/dist/components/Icon/IconCategories.d.ts +429 -0
- package/dist/components/Icon/IconWithCategories.d.ts +42 -0
- package/dist/components/Icon/index.d.ts +3 -0
- package/dist/components/Icon/useIcon.d.ts +61 -0
- package/dist/components/Loader/Loader.type.d.ts +1 -1
- package/dist/components/StoryStyles.d.ts +255 -0
- package/dist/components/Tooltip/Tooltip.type.d.ts +1 -4
- package/dist/index.cjs.js +11 -11
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +4019 -3073
- package/package.json +5 -1
|
@@ -0,0 +1,255 @@
|
|
|
1
|
+
export declare const pageStyles: {
|
|
2
|
+
fontFamily: string;
|
|
3
|
+
color: string;
|
|
4
|
+
lineHeight: number;
|
|
5
|
+
padding: string;
|
|
6
|
+
maxWidth: string;
|
|
7
|
+
margin: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const headerStyles: {
|
|
10
|
+
display: string;
|
|
11
|
+
flexDirection: "column";
|
|
12
|
+
alignItems: string;
|
|
13
|
+
padding: string;
|
|
14
|
+
gap: string;
|
|
15
|
+
width: string;
|
|
16
|
+
marginBottom: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const headerTitleContainerStyles: {
|
|
19
|
+
display: string;
|
|
20
|
+
flexDirection: "column";
|
|
21
|
+
alignItems: string;
|
|
22
|
+
padding: string;
|
|
23
|
+
gap: string;
|
|
24
|
+
width: string;
|
|
25
|
+
};
|
|
26
|
+
export declare const headerTitleStyles: {
|
|
27
|
+
width: string;
|
|
28
|
+
fontFamily: string;
|
|
29
|
+
fontStyle: string;
|
|
30
|
+
fontWeight: number;
|
|
31
|
+
fontSize: string;
|
|
32
|
+
lineHeight: string;
|
|
33
|
+
letterSpacing: string;
|
|
34
|
+
color: string;
|
|
35
|
+
};
|
|
36
|
+
export declare const headerSubtitleStyles: {
|
|
37
|
+
width: string;
|
|
38
|
+
maxWidth: string;
|
|
39
|
+
fontFamily: string;
|
|
40
|
+
fontStyle: string;
|
|
41
|
+
fontWeight: number;
|
|
42
|
+
fontSize: string;
|
|
43
|
+
lineHeight: string;
|
|
44
|
+
color: string;
|
|
45
|
+
};
|
|
46
|
+
export declare const headerDescriptionStyles: {
|
|
47
|
+
width: string;
|
|
48
|
+
maxWidth: string;
|
|
49
|
+
fontFamily: string;
|
|
50
|
+
fontStyle: string;
|
|
51
|
+
fontWeight: number;
|
|
52
|
+
fontSize: string;
|
|
53
|
+
lineHeight: string;
|
|
54
|
+
letterSpacing: string;
|
|
55
|
+
color: string;
|
|
56
|
+
};
|
|
57
|
+
export declare const sectionStyles: {
|
|
58
|
+
marginBottom: string;
|
|
59
|
+
padding: string;
|
|
60
|
+
};
|
|
61
|
+
export declare const sectionTitleStyles: {
|
|
62
|
+
width: string;
|
|
63
|
+
fontFamily: string;
|
|
64
|
+
fontStyle: string;
|
|
65
|
+
fontWeight: number;
|
|
66
|
+
fontSize: string;
|
|
67
|
+
lineHeight: string;
|
|
68
|
+
color: string;
|
|
69
|
+
marginBottom: string;
|
|
70
|
+
};
|
|
71
|
+
export declare const subSectionTitleStyles: {
|
|
72
|
+
fontFamily: string;
|
|
73
|
+
fontSize: string;
|
|
74
|
+
fontWeight: number;
|
|
75
|
+
lineHeight: string;
|
|
76
|
+
marginBottom: string;
|
|
77
|
+
marginTop: string;
|
|
78
|
+
color: string;
|
|
79
|
+
};
|
|
80
|
+
export declare const paragraphStyles: {
|
|
81
|
+
fontFamily: string;
|
|
82
|
+
fontSize: string;
|
|
83
|
+
lineHeight: string;
|
|
84
|
+
color: string;
|
|
85
|
+
marginBottom: string;
|
|
86
|
+
};
|
|
87
|
+
export declare const listStyles: {
|
|
88
|
+
marginBottom: string;
|
|
89
|
+
paddingLeft: string;
|
|
90
|
+
};
|
|
91
|
+
export declare const listItemStyles: {
|
|
92
|
+
fontFamily: string;
|
|
93
|
+
fontSize: string;
|
|
94
|
+
lineHeight: string;
|
|
95
|
+
color: string;
|
|
96
|
+
marginBottom: string;
|
|
97
|
+
};
|
|
98
|
+
export declare const dividerStyles: {
|
|
99
|
+
borderBottom: string;
|
|
100
|
+
margin: string;
|
|
101
|
+
width: string;
|
|
102
|
+
};
|
|
103
|
+
export declare const codeBlockStyles: {
|
|
104
|
+
fontFamily: string;
|
|
105
|
+
fontSize: string;
|
|
106
|
+
lineHeight: string;
|
|
107
|
+
backgroundColor: string;
|
|
108
|
+
padding: string;
|
|
109
|
+
borderRadius: string;
|
|
110
|
+
marginBottom: string;
|
|
111
|
+
overflow: string;
|
|
112
|
+
width: string;
|
|
113
|
+
color: string;
|
|
114
|
+
};
|
|
115
|
+
export declare const gridStyles: {
|
|
116
|
+
display: string;
|
|
117
|
+
gridTemplateColumns: string;
|
|
118
|
+
gap: string;
|
|
119
|
+
width: string;
|
|
120
|
+
marginBottom: string;
|
|
121
|
+
};
|
|
122
|
+
export declare const rowStyles: {
|
|
123
|
+
display: string;
|
|
124
|
+
flexWrap: "wrap";
|
|
125
|
+
gap: string;
|
|
126
|
+
marginBottom: string;
|
|
127
|
+
};
|
|
128
|
+
export declare const variantContainerStyles: {
|
|
129
|
+
boxSizing: "border-box";
|
|
130
|
+
display: string;
|
|
131
|
+
flexDirection: "column";
|
|
132
|
+
alignItems: string;
|
|
133
|
+
padding: string;
|
|
134
|
+
width: string;
|
|
135
|
+
height: string;
|
|
136
|
+
background: string;
|
|
137
|
+
border: string;
|
|
138
|
+
boxShadow: string;
|
|
139
|
+
borderRadius: string;
|
|
140
|
+
marginBottom: string;
|
|
141
|
+
};
|
|
142
|
+
export declare const darkVariantContainerStyles: {
|
|
143
|
+
background: string;
|
|
144
|
+
border: string;
|
|
145
|
+
boxSizing: "border-box";
|
|
146
|
+
display: string;
|
|
147
|
+
flexDirection: "column";
|
|
148
|
+
alignItems: string;
|
|
149
|
+
padding: string;
|
|
150
|
+
width: string;
|
|
151
|
+
height: string;
|
|
152
|
+
boxShadow: string;
|
|
153
|
+
borderRadius: string;
|
|
154
|
+
marginBottom: string;
|
|
155
|
+
};
|
|
156
|
+
export declare const variantDemoStyles: {
|
|
157
|
+
boxSizing: "border-box";
|
|
158
|
+
display: string;
|
|
159
|
+
flexDirection: "column";
|
|
160
|
+
justifyContent: string;
|
|
161
|
+
alignItems: string;
|
|
162
|
+
padding: string;
|
|
163
|
+
gap: string;
|
|
164
|
+
width: string;
|
|
165
|
+
height: string;
|
|
166
|
+
borderBottom: string;
|
|
167
|
+
};
|
|
168
|
+
export declare const darkVariantDemoStyles: {
|
|
169
|
+
borderBottom: string;
|
|
170
|
+
boxSizing: "border-box";
|
|
171
|
+
display: string;
|
|
172
|
+
flexDirection: "column";
|
|
173
|
+
justifyContent: string;
|
|
174
|
+
alignItems: string;
|
|
175
|
+
padding: string;
|
|
176
|
+
gap: string;
|
|
177
|
+
width: string;
|
|
178
|
+
height: string;
|
|
179
|
+
};
|
|
180
|
+
export declare const variantInfoStyles: {
|
|
181
|
+
display: string;
|
|
182
|
+
flexDirection: "column";
|
|
183
|
+
alignItems: string;
|
|
184
|
+
padding: string;
|
|
185
|
+
gap: string;
|
|
186
|
+
width: string;
|
|
187
|
+
height: string;
|
|
188
|
+
};
|
|
189
|
+
export declare const variantTitleStyles: {
|
|
190
|
+
width: string;
|
|
191
|
+
fontFamily: string;
|
|
192
|
+
fontStyle: string;
|
|
193
|
+
fontWeight: string;
|
|
194
|
+
fontSize: string;
|
|
195
|
+
lineHeight: string;
|
|
196
|
+
color: string;
|
|
197
|
+
};
|
|
198
|
+
export declare const darkVariantTitleStyles: {
|
|
199
|
+
color: string;
|
|
200
|
+
width: string;
|
|
201
|
+
fontFamily: string;
|
|
202
|
+
fontStyle: string;
|
|
203
|
+
fontWeight: string;
|
|
204
|
+
fontSize: string;
|
|
205
|
+
lineHeight: string;
|
|
206
|
+
};
|
|
207
|
+
export declare const variantDescriptionStyles: {
|
|
208
|
+
width: string;
|
|
209
|
+
fontFamily: string;
|
|
210
|
+
fontStyle: string;
|
|
211
|
+
fontWeight: string;
|
|
212
|
+
fontSize: string;
|
|
213
|
+
lineHeight: string;
|
|
214
|
+
letterSpacing: string;
|
|
215
|
+
color: string;
|
|
216
|
+
};
|
|
217
|
+
export declare const darkVariantDescriptionStyles: {
|
|
218
|
+
color: string;
|
|
219
|
+
width: string;
|
|
220
|
+
fontFamily: string;
|
|
221
|
+
fontStyle: string;
|
|
222
|
+
fontWeight: string;
|
|
223
|
+
fontSize: string;
|
|
224
|
+
lineHeight: string;
|
|
225
|
+
letterSpacing: string;
|
|
226
|
+
};
|
|
227
|
+
export declare const tableStyles: {
|
|
228
|
+
width: string;
|
|
229
|
+
borderCollapse: "collapse";
|
|
230
|
+
marginBottom: string;
|
|
231
|
+
fontSize: string;
|
|
232
|
+
border: string;
|
|
233
|
+
borderRadius: string;
|
|
234
|
+
overflow: string;
|
|
235
|
+
};
|
|
236
|
+
export declare const tableCellStyles: {
|
|
237
|
+
padding: string;
|
|
238
|
+
textAlign: "left";
|
|
239
|
+
borderBottom: string;
|
|
240
|
+
color: string;
|
|
241
|
+
fontSize: string;
|
|
242
|
+
lineHeight: string;
|
|
243
|
+
fontFamily: string;
|
|
244
|
+
};
|
|
245
|
+
export declare const tableHeaderStyles: {
|
|
246
|
+
fontWeight: string;
|
|
247
|
+
background: string;
|
|
248
|
+
color: string;
|
|
249
|
+
padding: string;
|
|
250
|
+
textAlign: "left";
|
|
251
|
+
borderBottom: string;
|
|
252
|
+
fontSize: string;
|
|
253
|
+
lineHeight: string;
|
|
254
|
+
fontFamily: string;
|
|
255
|
+
};
|
|
@@ -12,10 +12,7 @@ export type TooltipContentClassNames = {
|
|
|
12
12
|
text?: string;
|
|
13
13
|
closeButton?: string;
|
|
14
14
|
};
|
|
15
|
-
type
|
|
16
|
-
displayAs?: 'button';
|
|
17
|
-
}>;
|
|
18
|
-
export type TooltipButtonConfig = TooltipNativeButton & {
|
|
15
|
+
export type TooltipButtonConfig = ButtonAsNativeButtonProps & {
|
|
19
16
|
closeOnClick?: boolean;
|
|
20
17
|
};
|
|
21
18
|
export interface TooltipCommonProps {
|