@dragunio/fe-libs 0.1.6 → 0.1.7
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/README.md +11 -1
- package/dist/{chunk-NDMLXSI5.mjs → chunk-GT4546FD.mjs} +16 -0
- package/dist/icons.d.mts +3 -1
- package/dist/icons.d.ts +3 -1
- package/dist/icons.js +18 -0
- package/dist/icons.mjs +5 -1
- package/dist/index.d.mts +52 -3
- package/dist/index.d.ts +52 -3
- package/dist/index.js +967 -300
- package/dist/index.mjs +938 -290
- package/dist/styles.css +123 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -214,6 +214,36 @@
|
|
|
214
214
|
outline-offset: 2px;
|
|
215
215
|
}
|
|
216
216
|
|
|
217
|
+
/* packages/button-bar/src/styles.css */
|
|
218
|
+
.fe-button-bar {
|
|
219
|
+
display: flex;
|
|
220
|
+
align-items: center;
|
|
221
|
+
flex-wrap: wrap;
|
|
222
|
+
gap: 8px;
|
|
223
|
+
}
|
|
224
|
+
.fe-button-bar__more {
|
|
225
|
+
position: relative;
|
|
226
|
+
}
|
|
227
|
+
.fe-button-bar__menu {
|
|
228
|
+
position: absolute;
|
|
229
|
+
z-index: 10;
|
|
230
|
+
top: calc(100% + 8px);
|
|
231
|
+
right: 0;
|
|
232
|
+
width: 256px;
|
|
233
|
+
min-width: 256px;
|
|
234
|
+
padding: 4px 0;
|
|
235
|
+
border: 1px solid #d4d8e0;
|
|
236
|
+
border-radius: 12px;
|
|
237
|
+
background: #fff;
|
|
238
|
+
box-shadow: 0 10px 24px rgb(16 24 40 / 15%);
|
|
239
|
+
}
|
|
240
|
+
.fe-button-bar__menu .fe-button {
|
|
241
|
+
justify-content: flex-start;
|
|
242
|
+
width: 100%;
|
|
243
|
+
border-radius: 0;
|
|
244
|
+
text-align: left;
|
|
245
|
+
}
|
|
246
|
+
|
|
217
247
|
/* packages/table/src/styles.css */
|
|
218
248
|
.fe-table {
|
|
219
249
|
width: 100%;
|
|
@@ -2256,4 +2286,97 @@ table[data-fe-table] tbody tr:hover {
|
|
|
2256
2286
|
}
|
|
2257
2287
|
}
|
|
2258
2288
|
|
|
2289
|
+
/* packages/avatar/src/styles.css */
|
|
2290
|
+
.fe-avatar {
|
|
2291
|
+
--fe-avatar-size: 40px;
|
|
2292
|
+
display: inline-flex;
|
|
2293
|
+
width: var(--fe-avatar-size);
|
|
2294
|
+
height: var(--fe-avatar-size);
|
|
2295
|
+
box-sizing: border-box;
|
|
2296
|
+
flex: 0 0 auto;
|
|
2297
|
+
align-items: center;
|
|
2298
|
+
justify-content: center;
|
|
2299
|
+
overflow: hidden;
|
|
2300
|
+
vertical-align: middle;
|
|
2301
|
+
background: #eef0f3;
|
|
2302
|
+
color: #344054;
|
|
2303
|
+
font: inherit;
|
|
2304
|
+
font-size: var(--fe-avatar-font-size, 15px);
|
|
2305
|
+
font-weight: 700;
|
|
2306
|
+
line-height: 1;
|
|
2307
|
+
letter-spacing: 0.02em;
|
|
2308
|
+
}
|
|
2309
|
+
.fe-avatar--circle {
|
|
2310
|
+
border-radius: 50%;
|
|
2311
|
+
}
|
|
2312
|
+
.fe-avatar--rounded {
|
|
2313
|
+
border-radius: 26%;
|
|
2314
|
+
}
|
|
2315
|
+
.fe-avatar__image,
|
|
2316
|
+
.fe-avatar__fallback-icon {
|
|
2317
|
+
display: block;
|
|
2318
|
+
width: 100%;
|
|
2319
|
+
height: 100%;
|
|
2320
|
+
}
|
|
2321
|
+
.fe-avatar__image {
|
|
2322
|
+
object-fit: cover;
|
|
2323
|
+
}
|
|
2324
|
+
.fe-avatar__initials {
|
|
2325
|
+
display: grid;
|
|
2326
|
+
width: 100%;
|
|
2327
|
+
height: 100%;
|
|
2328
|
+
place-items: center;
|
|
2329
|
+
-webkit-user-select: none;
|
|
2330
|
+
user-select: none;
|
|
2331
|
+
}
|
|
2332
|
+
.fe-avatar-group {
|
|
2333
|
+
--fe-avatar-group-overlap: 10px;
|
|
2334
|
+
--fe-avatar-group-border: #fff;
|
|
2335
|
+
display: inline-flex;
|
|
2336
|
+
align-items: center;
|
|
2337
|
+
gap: 10px;
|
|
2338
|
+
color: #344054;
|
|
2339
|
+
font: inherit;
|
|
2340
|
+
}
|
|
2341
|
+
.fe-avatar-group__items {
|
|
2342
|
+
display: flex;
|
|
2343
|
+
align-items: center;
|
|
2344
|
+
isolation: isolate;
|
|
2345
|
+
}
|
|
2346
|
+
.fe-avatar-group__item {
|
|
2347
|
+
position: relative;
|
|
2348
|
+
display: inline-flex;
|
|
2349
|
+
}
|
|
2350
|
+
.fe-avatar-group__item + .fe-avatar-group__item,
|
|
2351
|
+
.fe-avatar-group__more {
|
|
2352
|
+
margin-inline-start: calc(var(--fe-avatar-group-overlap) * -1);
|
|
2353
|
+
}
|
|
2354
|
+
.fe-avatar-group__item > .fe-avatar {
|
|
2355
|
+
box-shadow: 0 0 0 2px var(--fe-avatar-group-border);
|
|
2356
|
+
}
|
|
2357
|
+
.fe-avatar-group__more {
|
|
2358
|
+
display: inline-grid;
|
|
2359
|
+
width: var(--fe-avatar-size);
|
|
2360
|
+
height: var(--fe-avatar-size);
|
|
2361
|
+
box-sizing: border-box;
|
|
2362
|
+
flex: 0 0 auto;
|
|
2363
|
+
place-items: center;
|
|
2364
|
+
border: 2px solid var(--fe-avatar-group-border);
|
|
2365
|
+
border-radius: 50%;
|
|
2366
|
+
background: #eef0f3;
|
|
2367
|
+
color: #475467;
|
|
2368
|
+
font-size: var(--fe-avatar-font-size, 15px);
|
|
2369
|
+
font-weight: 700;
|
|
2370
|
+
line-height: 1;
|
|
2371
|
+
}
|
|
2372
|
+
.fe-avatar-group__content {
|
|
2373
|
+
min-width: 0;
|
|
2374
|
+
overflow: hidden;
|
|
2375
|
+
font-size: 14px;
|
|
2376
|
+
font-weight: 500;
|
|
2377
|
+
line-height: 1.4;
|
|
2378
|
+
text-overflow: ellipsis;
|
|
2379
|
+
white-space: nowrap;
|
|
2380
|
+
}
|
|
2381
|
+
|
|
2259
2382
|
/* src/styles.css */
|