@kne/system-layout 0.1.0-alpha.1 → 0.1.0-alpha.11

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 CHANGED
@@ -48,7 +48,7 @@ import '@kne/system-layout/dist/index.css';
48
48
  - _SystemLayout(@kne/current-lib_system-layout)[import * as _SystemLayout from "@kne/system-layout"],(@kne/current-lib_system-layout/dist/index.css)
49
49
 
50
50
  ```jsx
51
- const { default: SystemLayout } = _SystemLayout;
51
+ const { default: SystemLayout, Page } = _SystemLayout;
52
52
 
53
53
  const BaseExample = () => {
54
54
  return (
@@ -60,7 +60,7 @@ const BaseExample = () => {
60
60
  }}
61
61
  aiDialog={{}}
62
62
  menu={{
63
- base: 'SystemLayout',
63
+ base: '/SystemLayout',
64
64
  items: [
65
65
  {
66
66
  path: '/',
@@ -104,8 +104,27 @@ const BaseExample = () => {
104
104
  icon: 'icon-network_intelligence'
105
105
  }
106
106
  ]
107
- }}
108
- />
107
+ }}>
108
+ <Page
109
+ title="Home"
110
+ buttonProps={{
111
+ list: [
112
+ {
113
+ type: 'primary',
114
+ children: 'New'
115
+ },
116
+ {
117
+ children: 'Options'
118
+ },
119
+ {
120
+ loading: true,
121
+ children: 'Options2'
122
+ }
123
+ ]
124
+ }}>
125
+ Content
126
+ </Page>
127
+ </SystemLayout>
109
128
  </div>
110
129
  );
111
130
  };
package/dist/index.css CHANGED
@@ -259,6 +259,40 @@
259
259
  padding: 24px 24px 24px 0;
260
260
  position: relative;
261
261
  }
262
+ ._sK89O .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link):not(.ant-btn-dashed):not(.ant-btn-text):not(:disabled) {
263
+ background: var(--primary-color-2);
264
+ color: var(--primary-color);
265
+ }
266
+ ._sK89O .ant-btn:not(.ant-btn-link):not(.ant-btn-dashed):not(.ant-btn-text):not(:disabled) {
267
+ border: 1px solid rgba(255, 255, 255, 0.1) !important;
268
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08);
269
+ backdrop-filter: blur(10px);
270
+ }
271
+ ._sK89O .ant-btn:not(.ant-btn-link):not(.ant-btn-dashed):not(.ant-btn-text):not(:disabled):hover:not(:disabled):not(.ant-btn-loading) {
272
+ backdrop-filter: blur(40px) saturate(1.5) brightness(1.2);
273
+ transform: scale(1.04);
274
+ }
275
+ ._sK89O .ant-btn:active:not(.ant-btn-loading) {
276
+ box-shadow: none !important;
277
+ transform: scale(1);
278
+ }
279
+ ._sK89O .ant-btn:disabled {
280
+ box-shadow: none;
281
+ color: var(--font-color-disabled);
282
+ background: rgba(17, 24, 39, 0.2);
283
+ }
284
+ ._sK89O .ant-btn.ant-btn-primary:not(:disabled) {
285
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08);
286
+ }
287
+ ._sK89O .ant-btn.ant-btn-loading {
288
+ opacity: 0.6;
289
+ }
290
+ ._sK89O .ant-btn {
291
+ position: relative;
292
+ }
293
+ ._sK89O .ant-btn .ant-btn-loading-icon {
294
+ position: absolute;
295
+ }
262
296
 
263
297
  ._-LpWn {
264
298
  flex: none;
@@ -282,6 +316,7 @@
282
316
  padding: 12px 0;
283
317
  border: none;
284
318
  background: none;
319
+ justify-content: center;
285
320
  }
286
321
 
287
322
  ._-T-Dc {
@@ -291,7 +326,8 @@
291
326
  }
292
327
  ._-T-Dc img {
293
328
  height: 24px;
294
- object-fit: fill;
329
+ object-fit: contain;
330
+ max-width: 100%;
295
331
  }
296
332
 
297
333
  ._2cRWf {
@@ -299,16 +335,46 @@
299
335
  align-items: center;
300
336
  }
301
337
 
302
- ._8dzE7 {
338
+ ._5D-Oq {
303
339
  position: absolute;
304
- right: 0;
340
+ right: -28px;
341
+ top: 20px;
305
342
  z-index: 999;
306
- transform: translate(0, -32px);
307
343
  cursor: pointer;
344
+ width: 36px;
345
+ height: 36px;
346
+ border-radius: 50%;
347
+ display: flex;
348
+ align-items: center;
349
+ justify-content: center;
350
+ }
351
+ ._5D-Oq:hover ._p4eOE {
352
+ opacity: 1;
353
+ animation: _3JQL4 0.4s ease-out;
354
+ }
355
+ @keyframes _3JQL4 {
356
+ 0%, 100% {
357
+ transform: scale(1) translate(0, 0);
358
+ }
359
+ 50% {
360
+ transform: scale(1.1, 0.9);
361
+ }
362
+ }
363
+
364
+ ._p4eOE {
365
+ position: absolute;
366
+ width: 100%;
367
+ height: 100%;
368
+ border-radius: 50%;
369
+ opacity: 0;
370
+ transition: opacity 0.5s;
371
+ }
372
+
373
+ ._8dzE7 {
308
374
  transition: transform 0.3s;
309
375
  }
310
376
  ._8dzE7.is-closed {
311
- transform: translate(0, -32px) scaleX(-1);
377
+ transform: scaleX(-1);
312
378
  }
313
379
 
314
380
  ._7wq3X {
@@ -324,7 +390,7 @@
324
390
  min-height: 40px;
325
391
  padding: 12px 16px;
326
392
  display: flex;
327
- justify-content: center;
393
+ justify-content: flex-start;
328
394
  overflow: hidden;
329
395
  }
330
396
 
@@ -338,13 +404,13 @@
338
404
  }
339
405
 
340
406
  ._HnwkM {
341
- padding: 24px;
342
407
  height: var(--page-height);
343
408
  border-radius: 12px;
344
409
  border: 1px solid rgba(255, 255, 255, 0.1);
345
410
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.5) 100%);
346
411
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08), 0 20px 40px 0 rgba(0, 0, 0, 0.08);
347
412
  backdrop-filter: blur(10px);
413
+ min-width: 0;
348
414
  }
349
415
 
350
416
  ._8gqbZ {
@@ -376,6 +442,8 @@
376
442
  ._UAJc- {
377
443
  --container-width: 400px;
378
444
  --container-height: 400px;
445
+ --container-base-width: var(--container-width);
446
+ --container-base-height: var(--container-height);
379
447
  background: rgba(255, 255, 255, 0.4);
380
448
  backdrop-filter: blur(10px);
381
449
  border-radius: 8px;
@@ -385,27 +453,59 @@
385
453
  bottom: 24px;
386
454
  left: 16px;
387
455
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08);
388
- transition: all 0.3s;
456
+ transition: box-shadow 0.3s;
457
+ }
458
+ @keyframes _VjIWn {
459
+ 0%, 100% {
460
+ transform: scale(1);
461
+ }
462
+ 50% {
463
+ transform: scale(1.02, 0.98);
464
+ }
389
465
  }
390
466
  ._UAJc-:hover {
467
+ animation: _VjIWn 0.4s ease-out;
391
468
  background: rgba(255, 255, 255, 0.6);
392
469
  backdrop-filter: blur(10px) saturate(1.5);
393
- transform: scale(1.02);
470
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08), 0 20px 40px 0 rgba(0, 0, 0, 0.08);
471
+ }
472
+
473
+ ._I7Anv {
474
+ padding: 24px 0 24px 24px;
394
475
  }
395
476
 
396
477
  ._UhsFd {
397
478
  background: rgba(255, 255, 255, 0.4);
398
479
  border-radius: 8px;
399
480
  height: 100%;
400
- transition: all 0.3s;
481
+ transition: box-shadow 0.3s;
482
+ }
483
+ @keyframes _H7slV {
484
+ 0%, 100% {
485
+ transform: scale(1, 1);
486
+ }
487
+ 50% {
488
+ transform: scale(1.01, 0.99);
489
+ }
401
490
  }
402
491
  ._UhsFd:hover {
403
492
  backdrop-filter: blur(40px) saturate(1.2);
404
- transform: scale(1.01);
493
+ animation: _H7slV 0.4s ease-out;
494
+ box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05), 0 15px 30px 0 rgba(0, 0, 0, 0.08), 0 20px 40px 0 rgba(0, 0, 0, 0.08);
405
495
  }
406
496
 
407
497
  ._2mdNn {
408
- height: calc(var(--page-content-height) - 48px);
498
+ --container-height: calc(var(--page-content-height) - 58px);
499
+ height: var(--container-height);
500
+ }
501
+
502
+ ._OM1Q2 {
503
+ --container-height: var(--page-content-height);
504
+ height: var(--container-height);
505
+ padding: 24px;
506
+ }
507
+ ._OM1Q2._6gjkS {
508
+ overflow-y: auto;
409
509
  }
410
510
 
411
511
  ._nyAa2 {
@@ -425,7 +525,8 @@
425
525
  }
426
526
 
427
527
  ._YmBhl {
428
- height: calc(var(--container-height) - 58px);
528
+ --container-height: calc(var(--container-base-height) - 58px);
529
+ height: var(--container-height);
429
530
  }
430
531
  ._Rfzv4 {
431
532
  font-size: 12px;
@@ -476,4 +577,16 @@
476
577
  ._Xa-2h.is-closed ._qoDtD {
477
578
  font-size: 24px;
478
579
  }
580
+ ._IOVGr {
581
+ font-size: 20px;
582
+ font-weight: 500;
583
+ justify-content: flex-start;
584
+ padding-left: 24px;
585
+ }
586
+
587
+ ._mKsLu {
588
+ display: flex;
589
+ justify-content: flex-end;
590
+ flex: 1;
591
+ }
479
592
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["iconfont.css","style.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["@font-face {\n font-family: 'system'; /* Project id 5022759 */\n /* Color fonts */\n src:\n url('iconfont.woff2?t=1758011291118') format('woff2'),\n url('iconfont.woff?t=1758011291118') format('woff'),\n url('iconfont.ttf?t=1758011291118') format('truetype');\n}\n\n.system {\n font-family: 'system' !important;\n font-size: 16px;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-chart_data:before {\n content: '\\e63d';\n}\n\n.icon-contacts:before {\n content: '\\e63e';\n}\n\n.icon-assignment:before {\n content: '\\e63f';\n}\n\n.icon-manage_accounts:before {\n content: '\\e640';\n}\n\n.icon-assignment_ind:before {\n content: '\\e641';\n}\n\n.icon-network_intelligence:before {\n content: '\\e639';\n}\n\n.icon-automation:before {\n content: '\\e63a';\n}\n\n.icon-groups_2:before {\n content: '\\e63b';\n}\n\n.icon-snippet_folder:before {\n content: '\\e63c';\n}\n\n.icon-home:before {\n content: '\\e637';\n}\n\n.icon-home_line:before {\n content: '\\e638';\n}\n\n.icon-a-Typeedit:before {\n content: '\\e62b';\n}\n\n.icon-a-Typefilter_alt:before {\n content: '\\e62c';\n}\n\n.icon-a-Typearrow_upload_ready:before {\n content: '\\e62d';\n}\n\n.icon-a-Typeadd:before {\n content: '\\e62e';\n}\n\n.icon-a-Typecheck_indeterminate_small:before {\n content: '\\e62f';\n}\n\n.icon-a-Typeclose_small:before {\n content: '\\e630';\n}\n\n.icon-a-Typeadd_2:before {\n content: '\\e631';\n}\n\n.icon-a-Typearrow_forward_ios:before {\n content: '\\e632';\n}\n\n.icon-a-Typearrow_drop_down:before {\n content: '\\e633';\n}\n\n.icon-a-Typedescription:before {\n content: '\\e634';\n}\n\n.icon-a-Typebalance:before {\n content: '\\e635';\n}\n\n.icon-a-Typedelete:before {\n content: '\\e636';\n}\n\n.icon-a-Typelink:before {\n content: '\\e617';\n}\n\n.icon-a-Typeios_share:before {\n content: '\\e618';\n}\n\n.icon-a-Typemobile_2:before {\n content: '\\e619';\n}\n\n.icon-a-Typesend:before {\n content: '\\e61a';\n}\n\n.icon-a-Typecalendar_month:before {\n content: '\\e61b';\n}\n\n.icon-a-Typesettings:before {\n content: '\\e61c';\n}\n\n.icon-a-Typeqr_code:before {\n content: '\\e61d';\n}\n\n.icon-a-Typekeyboard_arrow_down:before {\n content: '\\e61e';\n}\n\n.icon-a-Typehide:before {\n content: '\\e61f';\n}\n\n.icon-a-Typeimagesmode:before {\n content: '\\e620';\n}\n\n.icon-a-Typedrag_handle:before {\n content: '\\e621';\n}\n\n.icon-a-Typeattach_file_add:before {\n content: '\\e622';\n}\n\n.icon-a-Typecontent_copy:before {\n content: '\\e623';\n}\n\n.icon-a-Typecheck_small:before {\n content: '\\e624';\n}\n\n.icon-a-Typechevron_right:before {\n content: '\\e625';\n}\n\n.icon-a-Typechevron_backward:before {\n content: '\\e626';\n}\n\n.icon-a-Typeinfo:before {\n content: '\\e627';\n}\n\n.icon-a-Typeequal:before {\n content: '\\e628';\n}\n\n.icon-a-Typeinstant_mix:before {\n content: '\\e629';\n}\n\n.icon-a-Typeclose:before {\n content: '\\e62a';\n}\n\n.icon-a-Typeupload:before {\n content: '\\e60b';\n}\n\n.icon-a-Typesave:before {\n content: '\\e60c';\n}\n\n.icon-a-Typemail:before {\n content: '\\e609';\n}\n\n.icon-a-Typeeast:before {\n content: '\\e60a';\n}\n\n.icon-a-Typepercent:before {\n content: '\\e60d';\n}\n\n.icon-a-Typecheck:before {\n content: '\\e608';\n}\n\n.icon-a-Typepicture_in_picture_small:before {\n content: '\\e60e';\n}\n\n.icon-a-Typemove_item:before {\n content: '\\e60f';\n}\n\n.icon-a-Typediversity_3:before {\n content: '\\e610';\n}\n\n.icon-a-Typeperson_add:before {\n content: '\\e611';\n}\n\n.icon-a-Typecheck_circle:before {\n content: '\\e612';\n}\n\n.icon-a-Typeedit_off:before {\n content: '\\e613';\n}\n\n.icon-a-Typeopen_in_full:before {\n content: '\\e614';\n}\n\n.icon-a-Typesearch:before {\n content: '\\e615';\n}\n\n.icon-a-Typedownload:before {\n content: '\\e616';\n}\n",".menu-group {\n font-size: 12px;\n color: var(--font-color-grey);\n line-height: 24px;\n padding: 12px;\n}\n\n.menu-item-icon {\n color: var(--font-color-grey);\n}\n\n.menu-group-split {\n opacity: 0.6;\n background: var(--font-color-grey-3);\n height: 1px;\n width: 28px;\n margin: 8px auto;\n}\n\n.menu-item {\n line-height: 24px;\n padding: 12px;\n margin: 2px 0;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.3s;\n}\n.menu-item:hover {\n backdrop-filter: brightness(1.1);\n transform: scale(1.02);\n}\n.menu-item:global(.is-active) {\n background: linear-gradient(270deg, rgba(255, 255, 255, 0) -4%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.3) 100%);\n box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.05);\n}\n.menu-item:global(.is-active) .menu-item-icon {\n color: var(--primary-color);\n}\n.menu-item:global(.is-closed) {\n display: flex;\n justify-content: center;\n}\n.menu-item:global(.is-closed):global(.is-active) {\n background: rgba(255, 255, 255, 0.6);\n backdrop-filter: blur(40px) saturate(1.5);\n}\n.menu-item:global(.is-closed) .menu-item-icon {\n font-size: 24px;\n}"]}
1
+ {"version":3,"sources":["iconfont.css","style.module.scss"],"names":[],"mappings":"AAAA;EACE,qBAAqB,EAAE,uBAAuB;EAC9C,gBAAgB;EAChB;;;kEAGwD;AAC1D;;AAEA;EACE,gCAAgC;EAChC,eAAe;EACf,kBAAkB;EAClB,mCAAmC;EACnC,kCAAkC;AACpC;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;ACvPA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,iCAAiC;EACjC,sDAAsD;EACtD,0BAA0B;EAC1B,4BAA4B;EAC5B,6BAA6B;EAC7B,sBAAsB;EACtB,yBAAyB;EACzB,kBAAkB;AACpB;AACA;EACE,kCAAkC;EAClC,2BAA2B;AAC7B;AACA;EACE,qDAAqD;EACrD,+EAA+E;EAC/E,2BAA2B;AAC7B;AACA;EACE,yDAAyD;EACzD,sBAAsB;AACxB;AACA;EACE,2BAA2B;EAC3B,mBAAmB;AACrB;AACA;EACE,gBAAgB;EAChB,iCAAiC;EACjC,iCAAiC;AACnC;AACA;EACE,+EAA+E;AACjF;AACA;EACE,YAAY;AACd;AACA;EACE,kBAAkB;AACpB;AACA;EACE,kBAAkB;AACpB;;AAEA;EACE,UAAU;EACV,sBAAsB;EACtB,kBAAkB;AACpB;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,4BAA4B;AAC9B;AACA;EACE,eAAe;AACjB;AACA;EACE,iBAAiB;EACjB,uBAAuB;AACzB;AACA;EACE,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,2BAA2B;AAC7B;AACA;EACE,YAAY;EACZ,mBAAmB;EACnB,eAAe;AACjB;;AAEA;EACE,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,SAAS;EACT,YAAY;EACZ,eAAe;EACf,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;AACA;EACE,UAAU;EACV,+BAA8B;AAChC;AACA;EACE;IACE,mCAAmC;EACrC;EACA;IACE,0BAA0B;EAC5B;AACF;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,UAAU;EACV,wBAAwB;AAC1B;;AAEA;EACE,0BAA0B;AAC5B;AACA;EACE,qBAAqB;AACvB;;AAEA;EACE,qBAAqB;EACrB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,0CAA0C;EAC1C,qCAAqC;EACrC,2BAA2B;EAC3B,gBAAgB;EAChB,kBAAkB;EAClB,aAAa;EACb,2BAA2B;EAC3B,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,6BAA6B;AAC/B;;AAEA;EACE,0BAA0B;EAC1B,mBAAmB;EACnB,0CAA0C;EAC1C,+FAA+F;EAC/F,kHAAkH;EAClH,2BAA2B;EAC3B,YAAY;AACd;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,aAAa;EACb,eAAe;EACf,kBAAkB;EAClB,oCAAoC;EACpC,2BAA2B;EAC3B,eAAe;EACf,oBAAoB;AACtB;AACA;EACE,oCAAoC;EACpC,yCAAyC;EACzC,qBAAqB;AACvB;;AAEA;EACE,wBAAwB;EACxB,yBAAyB;EACzB,8CAA8C;EAC9C,gDAAgD;EAChD,oCAAoC;EACpC,2BAA2B;EAC3B,kBAAkB;EAClB,6BAA6B;EAC7B,+BAA+B;EAC/B,kBAAkB;EAClB,YAAY;EACZ,UAAU;EACV,+EAA+E;EAC/E,2BAA2B;AAC7B;AACA;EACE;IACE,mBAAmB;EACrB;EACA;IACE,4BAA4B;EAC9B;AACF;AACA;EACE,+BAA4C;EAC5C,oCAAoC;EACpC,yCAAyC;EACzC,kHAAkH;AACpH;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,oCAAoC;EACpC,kBAAkB;EAClB,YAAY;EACZ,2BAA2B;AAC7B;AACA;EACE;IACE,sBAAsB;EACxB;EACA;IACE,4BAA4B;EAC9B;AACF;AACA;EACE,yCAAyC;EACzC,+BAA0C;EAC1C,kHAAkH;AACpH;;AAEA;EACE,2DAA2D;EAC3D,+BAA+B;AACjC;;AAEA;EACE,8CAA8C;EAC9C,+BAA+B;EAC/B,aAAa;AACf;AACA;EACE,gBAAgB;AAClB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,YAAY;EACZ,mBAAmB;EACnB,8BAA8B;EAC9B,eAAe;AACjB;AACA;EACE,eAAe;EACf,6BAA6B;EAC7B,eAAe;AACjB;;AAEA;EACE,6DAA6D;EAC7D,+BAA+B;AACjC;AAxRA;EACE,eAAe;EACf,6BAA6B;EAC7B,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,YAAY;EACZ,oCAAoC;EACpC,WAAW;EACX,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,aAAa;EACb,aAAa;EACb,kBAAkB;EAClB,eAAe;EACf,oBAAoB;AACtB;AACA;EACE,gCAAgC;EAChC,sBAAsB;AACxB;AACA;EACE,4HAA4H;EAC5H,8CAA8C;AAChD;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,aAAa;EACb,uBAAuB;AACzB;AACA;EACE,oCAAoC;EACpC,yCAAyC;AAC3C;AACA;EACE,eAAe;AACjB;AAhDA;EACE,eAAe;EACf,gBAAgB;EAChB,2BAA2B;EAC3B,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,yBAAyB;EACzB,OAAO;AACT","file":"index.css","sourcesContent":["@font-face {\n font-family: 'system'; /* Project id 5022759 */\n /* Color fonts */\n src:\n url('iconfont.woff2?t=1758011291118') format('woff2'),\n url('iconfont.woff?t=1758011291118') format('woff'),\n url('iconfont.ttf?t=1758011291118') format('truetype');\n}\n\n.system {\n font-family: 'system' !important;\n font-size: 16px;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-chart_data:before {\n content: '\\e63d';\n}\n\n.icon-contacts:before {\n content: '\\e63e';\n}\n\n.icon-assignment:before {\n content: '\\e63f';\n}\n\n.icon-manage_accounts:before {\n content: '\\e640';\n}\n\n.icon-assignment_ind:before {\n content: '\\e641';\n}\n\n.icon-network_intelligence:before {\n content: '\\e639';\n}\n\n.icon-automation:before {\n content: '\\e63a';\n}\n\n.icon-groups_2:before {\n content: '\\e63b';\n}\n\n.icon-snippet_folder:before {\n content: '\\e63c';\n}\n\n.icon-home:before {\n content: '\\e637';\n}\n\n.icon-home_line:before {\n content: '\\e638';\n}\n\n.icon-a-Typeedit:before {\n content: '\\e62b';\n}\n\n.icon-a-Typefilter_alt:before {\n content: '\\e62c';\n}\n\n.icon-a-Typearrow_upload_ready:before {\n content: '\\e62d';\n}\n\n.icon-a-Typeadd:before {\n content: '\\e62e';\n}\n\n.icon-a-Typecheck_indeterminate_small:before {\n content: '\\e62f';\n}\n\n.icon-a-Typeclose_small:before {\n content: '\\e630';\n}\n\n.icon-a-Typeadd_2:before {\n content: '\\e631';\n}\n\n.icon-a-Typearrow_forward_ios:before {\n content: '\\e632';\n}\n\n.icon-a-Typearrow_drop_down:before {\n content: '\\e633';\n}\n\n.icon-a-Typedescription:before {\n content: '\\e634';\n}\n\n.icon-a-Typebalance:before {\n content: '\\e635';\n}\n\n.icon-a-Typedelete:before {\n content: '\\e636';\n}\n\n.icon-a-Typelink:before {\n content: '\\e617';\n}\n\n.icon-a-Typeios_share:before {\n content: '\\e618';\n}\n\n.icon-a-Typemobile_2:before {\n content: '\\e619';\n}\n\n.icon-a-Typesend:before {\n content: '\\e61a';\n}\n\n.icon-a-Typecalendar_month:before {\n content: '\\e61b';\n}\n\n.icon-a-Typesettings:before {\n content: '\\e61c';\n}\n\n.icon-a-Typeqr_code:before {\n content: '\\e61d';\n}\n\n.icon-a-Typekeyboard_arrow_down:before {\n content: '\\e61e';\n}\n\n.icon-a-Typehide:before {\n content: '\\e61f';\n}\n\n.icon-a-Typeimagesmode:before {\n content: '\\e620';\n}\n\n.icon-a-Typedrag_handle:before {\n content: '\\e621';\n}\n\n.icon-a-Typeattach_file_add:before {\n content: '\\e622';\n}\n\n.icon-a-Typecontent_copy:before {\n content: '\\e623';\n}\n\n.icon-a-Typecheck_small:before {\n content: '\\e624';\n}\n\n.icon-a-Typechevron_right:before {\n content: '\\e625';\n}\n\n.icon-a-Typechevron_backward:before {\n content: '\\e626';\n}\n\n.icon-a-Typeinfo:before {\n content: '\\e627';\n}\n\n.icon-a-Typeequal:before {\n content: '\\e628';\n}\n\n.icon-a-Typeinstant_mix:before {\n content: '\\e629';\n}\n\n.icon-a-Typeclose:before {\n content: '\\e62a';\n}\n\n.icon-a-Typeupload:before {\n content: '\\e60b';\n}\n\n.icon-a-Typesave:before {\n content: '\\e60c';\n}\n\n.icon-a-Typemail:before {\n content: '\\e609';\n}\n\n.icon-a-Typeeast:before {\n content: '\\e60a';\n}\n\n.icon-a-Typepercent:before {\n content: '\\e60d';\n}\n\n.icon-a-Typecheck:before {\n content: '\\e608';\n}\n\n.icon-a-Typepicture_in_picture_small:before {\n content: '\\e60e';\n}\n\n.icon-a-Typemove_item:before {\n content: '\\e60f';\n}\n\n.icon-a-Typediversity_3:before {\n content: '\\e610';\n}\n\n.icon-a-Typeperson_add:before {\n content: '\\e611';\n}\n\n.icon-a-Typecheck_circle:before {\n content: '\\e612';\n}\n\n.icon-a-Typeedit_off:before {\n content: '\\e613';\n}\n\n.icon-a-Typeopen_in_full:before {\n content: '\\e614';\n}\n\n.icon-a-Typesearch:before {\n content: '\\e615';\n}\n\n.icon-a-Typedownload:before {\n content: '\\e616';\n}\n",".page-title {\n font-size: 20px;\n font-weight: 500;\n justify-content: flex-start;\n padding-left: 24px;\n}\n\n.page-title-extra {\n display: flex;\n justify-content: flex-end;\n flex: 1;\n}"]}