superdesk-ui-framework 3.1.2 → 3.1.3

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.
@@ -10668,6 +10668,135 @@
10668
10668
  --icon-base-size: 64px
10669
10669
  ; }
10670
10670
 
10671
+ .icon-thumb-up:before {
10672
+ content: ""; }
10673
+
10674
+ .icon-thumb-up.color--default {
10675
+ color: var(--color-icon-default); }
10676
+
10677
+ .icon-thumb-up.color--primary {
10678
+ color: var(--sd-colour-primary) !important; }
10679
+
10680
+ .icon-thumb-up.color--success {
10681
+ color: var(--sd-colour-success) !important; }
10682
+
10683
+ .icon-thumb-up.color--warning {
10684
+ color: var(--sd-colour-warning) !important; }
10685
+
10686
+ .icon-thumb-up.color--alert {
10687
+ color: var(--sd-colour-alert) !important; }
10688
+
10689
+ .icon-thumb-up.color--highlight {
10690
+ color: var(--sd-colour-highlight) !important; }
10691
+
10692
+ .icon-thumb-up.color--light {
10693
+ color: var(--color-text-lighter) !important; }
10694
+
10695
+ .icon-thumb-up.color--white {
10696
+ color: #e2e5e9 !important; }
10697
+
10698
+ .icon-thumb-up.scale--1\.5x {
10699
+ --icon-base-size: 24px
10700
+ ; }
10701
+
10702
+ .icon-thumb-up.scale--2x {
10703
+ --icon-base-size: 32px
10704
+ ; }
10705
+
10706
+ .icon-thumb-up.scale--3x {
10707
+ --icon-base-size: 48px
10708
+ ; }
10709
+
10710
+ .icon-thumb-up.scale--4x {
10711
+ --icon-base-size: 64px
10712
+ ; }
10713
+
10714
+ .icon-thumb-down:before {
10715
+ content: ""; }
10716
+
10717
+ .icon-thumb-down.color--default {
10718
+ color: var(--color-icon-default); }
10719
+
10720
+ .icon-thumb-down.color--primary {
10721
+ color: var(--sd-colour-primary) !important; }
10722
+
10723
+ .icon-thumb-down.color--success {
10724
+ color: var(--sd-colour-success) !important; }
10725
+
10726
+ .icon-thumb-down.color--warning {
10727
+ color: var(--sd-colour-warning) !important; }
10728
+
10729
+ .icon-thumb-down.color--alert {
10730
+ color: var(--sd-colour-alert) !important; }
10731
+
10732
+ .icon-thumb-down.color--highlight {
10733
+ color: var(--sd-colour-highlight) !important; }
10734
+
10735
+ .icon-thumb-down.color--light {
10736
+ color: var(--color-text-lighter) !important; }
10737
+
10738
+ .icon-thumb-down.color--white {
10739
+ color: #e2e5e9 !important; }
10740
+
10741
+ .icon-thumb-down.scale--1\.5x {
10742
+ --icon-base-size: 24px
10743
+ ; }
10744
+
10745
+ .icon-thumb-down.scale--2x {
10746
+ --icon-base-size: 32px
10747
+ ; }
10748
+
10749
+ .icon-thumb-down.scale--3x {
10750
+ --icon-base-size: 48px
10751
+ ; }
10752
+
10753
+ .icon-thumb-down.scale--4x {
10754
+ --icon-base-size: 64px
10755
+ ; }
10756
+
10757
+ .icon-open-ai:before {
10758
+ content: ""; }
10759
+
10760
+ .icon-open-ai.color--default {
10761
+ color: var(--color-icon-default); }
10762
+
10763
+ .icon-open-ai.color--primary {
10764
+ color: var(--sd-colour-primary) !important; }
10765
+
10766
+ .icon-open-ai.color--success {
10767
+ color: var(--sd-colour-success) !important; }
10768
+
10769
+ .icon-open-ai.color--warning {
10770
+ color: var(--sd-colour-warning) !important; }
10771
+
10772
+ .icon-open-ai.color--alert {
10773
+ color: var(--sd-colour-alert) !important; }
10774
+
10775
+ .icon-open-ai.color--highlight {
10776
+ color: var(--sd-colour-highlight) !important; }
10777
+
10778
+ .icon-open-ai.color--light {
10779
+ color: var(--color-text-lighter) !important; }
10780
+
10781
+ .icon-open-ai.color--white {
10782
+ color: #e2e5e9 !important; }
10783
+
10784
+ .icon-open-ai.scale--1\.5x {
10785
+ --icon-base-size: 24px
10786
+ ; }
10787
+
10788
+ .icon-open-ai.scale--2x {
10789
+ --icon-base-size: 32px
10790
+ ; }
10791
+
10792
+ .icon-open-ai.scale--3x {
10793
+ --icon-base-size: 48px
10794
+ ; }
10795
+
10796
+ .icon-open-ai.scale--4x {
10797
+ --icon-base-size: 64px
10798
+ ; }
10799
+
10671
10800
  .icn-mix {
10672
10801
  position: relative;
10673
10802
  display: inline-flex !important;
@@ -30121,6 +30250,135 @@ a.label {
30121
30250
  --icon-base-size: 64px
30122
30251
  ; }
30123
30252
 
30253
+ .icon-thumb-up:before {
30254
+ content: ""; }
30255
+
30256
+ .icon-thumb-up.color--default {
30257
+ color: var(--color-icon-default); }
30258
+
30259
+ .icon-thumb-up.color--primary {
30260
+ color: var(--sd-colour-primary) !important; }
30261
+
30262
+ .icon-thumb-up.color--success {
30263
+ color: var(--sd-colour-success) !important; }
30264
+
30265
+ .icon-thumb-up.color--warning {
30266
+ color: var(--sd-colour-warning) !important; }
30267
+
30268
+ .icon-thumb-up.color--alert {
30269
+ color: var(--sd-colour-alert) !important; }
30270
+
30271
+ .icon-thumb-up.color--highlight {
30272
+ color: var(--sd-colour-highlight) !important; }
30273
+
30274
+ .icon-thumb-up.color--light {
30275
+ color: var(--color-text-lighter) !important; }
30276
+
30277
+ .icon-thumb-up.color--white {
30278
+ color: #e2e5e9 !important; }
30279
+
30280
+ .icon-thumb-up.scale--1\.5x {
30281
+ --icon-base-size: 24px
30282
+ ; }
30283
+
30284
+ .icon-thumb-up.scale--2x {
30285
+ --icon-base-size: 32px
30286
+ ; }
30287
+
30288
+ .icon-thumb-up.scale--3x {
30289
+ --icon-base-size: 48px
30290
+ ; }
30291
+
30292
+ .icon-thumb-up.scale--4x {
30293
+ --icon-base-size: 64px
30294
+ ; }
30295
+
30296
+ .icon-thumb-down:before {
30297
+ content: ""; }
30298
+
30299
+ .icon-thumb-down.color--default {
30300
+ color: var(--color-icon-default); }
30301
+
30302
+ .icon-thumb-down.color--primary {
30303
+ color: var(--sd-colour-primary) !important; }
30304
+
30305
+ .icon-thumb-down.color--success {
30306
+ color: var(--sd-colour-success) !important; }
30307
+
30308
+ .icon-thumb-down.color--warning {
30309
+ color: var(--sd-colour-warning) !important; }
30310
+
30311
+ .icon-thumb-down.color--alert {
30312
+ color: var(--sd-colour-alert) !important; }
30313
+
30314
+ .icon-thumb-down.color--highlight {
30315
+ color: var(--sd-colour-highlight) !important; }
30316
+
30317
+ .icon-thumb-down.color--light {
30318
+ color: var(--color-text-lighter) !important; }
30319
+
30320
+ .icon-thumb-down.color--white {
30321
+ color: #e2e5e9 !important; }
30322
+
30323
+ .icon-thumb-down.scale--1\.5x {
30324
+ --icon-base-size: 24px
30325
+ ; }
30326
+
30327
+ .icon-thumb-down.scale--2x {
30328
+ --icon-base-size: 32px
30329
+ ; }
30330
+
30331
+ .icon-thumb-down.scale--3x {
30332
+ --icon-base-size: 48px
30333
+ ; }
30334
+
30335
+ .icon-thumb-down.scale--4x {
30336
+ --icon-base-size: 64px
30337
+ ; }
30338
+
30339
+ .icon-open-ai:before {
30340
+ content: ""; }
30341
+
30342
+ .icon-open-ai.color--default {
30343
+ color: var(--color-icon-default); }
30344
+
30345
+ .icon-open-ai.color--primary {
30346
+ color: var(--sd-colour-primary) !important; }
30347
+
30348
+ .icon-open-ai.color--success {
30349
+ color: var(--sd-colour-success) !important; }
30350
+
30351
+ .icon-open-ai.color--warning {
30352
+ color: var(--sd-colour-warning) !important; }
30353
+
30354
+ .icon-open-ai.color--alert {
30355
+ color: var(--sd-colour-alert) !important; }
30356
+
30357
+ .icon-open-ai.color--highlight {
30358
+ color: var(--sd-colour-highlight) !important; }
30359
+
30360
+ .icon-open-ai.color--light {
30361
+ color: var(--color-text-lighter) !important; }
30362
+
30363
+ .icon-open-ai.color--white {
30364
+ color: #e2e5e9 !important; }
30365
+
30366
+ .icon-open-ai.scale--1\.5x {
30367
+ --icon-base-size: 24px
30368
+ ; }
30369
+
30370
+ .icon-open-ai.scale--2x {
30371
+ --icon-base-size: 32px
30372
+ ; }
30373
+
30374
+ .icon-open-ai.scale--3x {
30375
+ --icon-base-size: 48px
30376
+ ; }
30377
+
30378
+ .icon-open-ai.scale--4x {
30379
+ --icon-base-size: 64px
30380
+ ; }
30381
+
30124
30382
  .icn-mix {
30125
30383
  position: relative;
30126
30384
  display: inline-flex !important;
@@ -34219,6 +34477,68 @@ a.label {
34219
34477
  .big-icon--checkmark-circle:before {
34220
34478
  content: ""; }
34221
34479
 
34480
+ .big-icon--open-ai {
34481
+ content: ""; }
34482
+ .big-icon--open-ai.color--default {
34483
+ color: var(--color-icon-default); }
34484
+ .big-icon--open-ai.color--primary {
34485
+ color: var(--sd-colour-primary) !important; }
34486
+ .big-icon--open-ai.color--success {
34487
+ color: var(--sd-colour-success) !important; }
34488
+ .big-icon--open-ai.color--warning {
34489
+ color: var(--sd-colour-warning) !important; }
34490
+ .big-icon--open-ai.color--alert {
34491
+ color: var(--sd-colour-alert) !important; }
34492
+ .big-icon--open-ai.color--highlight {
34493
+ color: var(--sd-colour-highlight) !important; }
34494
+ .big-icon--open-ai.color--light {
34495
+ color: var(--color-text-lighter) !important; }
34496
+ .big-icon--open-ai.color--white {
34497
+ color: #e2e5e9 !important; }
34498
+ .big-icon--open-ai.scale--2x {
34499
+ --big-icon-size: 52px
34500
+ ; }
34501
+ .big-icon--open-ai.scale--3x {
34502
+ --big-icon-size: 78px
34503
+ ; }
34504
+ .big-icon--open-ai.scale--4x {
34505
+ --big-icon-size: 104px
34506
+ ; }
34507
+
34508
+ .big-icon--open-ai:before {
34509
+ content: ""; }
34510
+
34511
+ .big-icon--general-ai {
34512
+ content: ""; }
34513
+ .big-icon--general-ai.color--default {
34514
+ color: var(--color-icon-default); }
34515
+ .big-icon--general-ai.color--primary {
34516
+ color: var(--sd-colour-primary) !important; }
34517
+ .big-icon--general-ai.color--success {
34518
+ color: var(--sd-colour-success) !important; }
34519
+ .big-icon--general-ai.color--warning {
34520
+ color: var(--sd-colour-warning) !important; }
34521
+ .big-icon--general-ai.color--alert {
34522
+ color: var(--sd-colour-alert) !important; }
34523
+ .big-icon--general-ai.color--highlight {
34524
+ color: var(--sd-colour-highlight) !important; }
34525
+ .big-icon--general-ai.color--light {
34526
+ color: var(--color-text-lighter) !important; }
34527
+ .big-icon--general-ai.color--white {
34528
+ color: #e2e5e9 !important; }
34529
+ .big-icon--general-ai.scale--2x {
34530
+ --big-icon-size: 52px
34531
+ ; }
34532
+ .big-icon--general-ai.scale--3x {
34533
+ --big-icon-size: 78px
34534
+ ; }
34535
+ .big-icon--general-ai.scale--4x {
34536
+ --big-icon-size: 104px
34537
+ ; }
34538
+
34539
+ .big-icon--general-ai:before {
34540
+ content: ""; }
34541
+
34222
34542
  .modal-open {
34223
34543
  overflow: hidden; }
34224
34544
  .modal-open .dropdown__menu {
@@ -35560,7 +35880,14 @@ a.toggle-box__header {
35560
35880
  opacity: 0.7; }
35561
35881
 
35562
35882
  .tag-label--square {
35563
- border-radius: var(--b-radius--x-small); }
35883
+ border-radius: var(--b-radius--small);
35884
+ padding-inline-start: var(--space--1); }
35885
+
35886
+ .tag-label--draggable {
35887
+ border-radius: var(--b-radius--small);
35888
+ padding-inline-start: 6px; }
35889
+ .tag-label--draggable .drag-handle-wrapper {
35890
+ margin-inline-end: 6px; }
35564
35891
 
35565
35892
  .sd-search-tags__bar {
35566
35893
  position: relative;
@@ -35688,8 +36015,7 @@ tags-input,
35688
36015
  color: var(--color-text);
35689
36016
  cursor: pointer;
35690
36017
  transition: background-color .2s ease-out, color .1s ease-out, opacity .1s ease-out;
35691
- margin-inline-end: -1rem;
35692
- margin-inline-start: 0.8rem; }
36018
+ margin-inline-end: -1rem; }
35693
36019
  tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class^="icon-"], tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class*=" icon-"],
35694
36020
  .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class^="icon-"],
35695
36021
  .tags-input .tags-input__tags .tags-input__tag-item .tags-input__remove-button [class*=" icon-"] {
@@ -35726,10 +36052,17 @@ tags-input,
35726
36052
  display: flex;
35727
36053
  flex-direction: row;
35728
36054
  align-items: center;
35729
- gap: var(--space--2); }
36055
+ gap: var(--space--1); }
35730
36056
  tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box span,
35731
36057
  .tags-input .tags-input__tags .tags-input__tag-item ti-tag-item .tags-input__helper-box span {
35732
36058
  flex-grow: 1; }
36059
+ tags-input .tags-input__tags .tags-input__tag-item.tags-input__tag-item--draggable,
36060
+ .tags-input .tags-input__tags .tags-input__tag-item.tags-input__tag-item--draggable {
36061
+ border-radius: var(--b-radius--small);
36062
+ padding-inline-start: 6px; }
36063
+ tags-input .tags-input__tags .tags-input__tag-item.tags-input__tag-item--draggable .drag-handle-wrapper,
36064
+ .tags-input .tags-input__tags .tags-input__tag-item.tags-input__tag-item--draggable .drag-handle-wrapper {
36065
+ margin-inline-end: 6px; }
35733
36066
  tags-input .tags-input__tags .tags-input__tag-item--readonly,
35734
36067
  .tags-input .tags-input__tags .tags-input__tag-item--readonly {
35735
36068
  cursor: default !important; }
@@ -35962,7 +36295,7 @@ tags-input,
35962
36295
  .tags-input .tags-input__helper-box {
35963
36296
  display: flex;
35964
36297
  align-items: center;
35965
- gap: var(--space--2); }
36298
+ gap: var(--space--1); }
35966
36299
 
35967
36300
  .autocomplete {
35968
36301
  position: absolute;
@@ -36110,7 +36443,7 @@ tags-input,
36110
36443
  display: flex;
36111
36444
  width: 100%;
36112
36445
  align-items: center;
36113
- gap: var(--space--2); }
36446
+ gap: var(--space--1); }
36114
36447
  .tags-input__single-item .tags-input__remove-button {
36115
36448
  display: flex;
36116
36449
  align-items: center;
@@ -37893,11 +38226,11 @@ input.sd-inset-search__input {
37893
38226
  background-color: transparent; }
37894
38227
  .drag-handle-wrapper .drag-handle-dots {
37895
38228
  transition: all 0.1s ease;
37896
- opacity: 0.4; }
38229
+ opacity: 0.55; }
37897
38230
  .drag-handle-wrapper:hover {
37898
38231
  cursor: grab; }
37899
38232
  .drag-handle-wrapper:hover .drag-handle-dots {
37900
- opacity: 0.8; }
38233
+ opacity: 0.85; }
37901
38234
  .drag-handle-wrapper:active {
37902
38235
  cursor: grabbing; }
37903
38236
  .drag-handle-wrapper:active .drag-handle-dots {
@@ -63033,6 +63366,135 @@ i.sd-sidetab-menu__helper-icon {
63033
63366
  --icon-base-size: 64px
63034
63367
  ; }
63035
63368
 
63369
+ .icon-thumb-up:before {
63370
+ content: ""; }
63371
+
63372
+ .icon-thumb-up.color--default {
63373
+ color: var(--color-icon-default); }
63374
+
63375
+ .icon-thumb-up.color--primary {
63376
+ color: var(--sd-colour-primary) !important; }
63377
+
63378
+ .icon-thumb-up.color--success {
63379
+ color: var(--sd-colour-success) !important; }
63380
+
63381
+ .icon-thumb-up.color--warning {
63382
+ color: var(--sd-colour-warning) !important; }
63383
+
63384
+ .icon-thumb-up.color--alert {
63385
+ color: var(--sd-colour-alert) !important; }
63386
+
63387
+ .icon-thumb-up.color--highlight {
63388
+ color: var(--sd-colour-highlight) !important; }
63389
+
63390
+ .icon-thumb-up.color--light {
63391
+ color: var(--color-text-lighter) !important; }
63392
+
63393
+ .icon-thumb-up.color--white {
63394
+ color: #e2e5e9 !important; }
63395
+
63396
+ .icon-thumb-up.scale--1\.5x {
63397
+ --icon-base-size: 24px
63398
+ ; }
63399
+
63400
+ .icon-thumb-up.scale--2x {
63401
+ --icon-base-size: 32px
63402
+ ; }
63403
+
63404
+ .icon-thumb-up.scale--3x {
63405
+ --icon-base-size: 48px
63406
+ ; }
63407
+
63408
+ .icon-thumb-up.scale--4x {
63409
+ --icon-base-size: 64px
63410
+ ; }
63411
+
63412
+ .icon-thumb-down:before {
63413
+ content: ""; }
63414
+
63415
+ .icon-thumb-down.color--default {
63416
+ color: var(--color-icon-default); }
63417
+
63418
+ .icon-thumb-down.color--primary {
63419
+ color: var(--sd-colour-primary) !important; }
63420
+
63421
+ .icon-thumb-down.color--success {
63422
+ color: var(--sd-colour-success) !important; }
63423
+
63424
+ .icon-thumb-down.color--warning {
63425
+ color: var(--sd-colour-warning) !important; }
63426
+
63427
+ .icon-thumb-down.color--alert {
63428
+ color: var(--sd-colour-alert) !important; }
63429
+
63430
+ .icon-thumb-down.color--highlight {
63431
+ color: var(--sd-colour-highlight) !important; }
63432
+
63433
+ .icon-thumb-down.color--light {
63434
+ color: var(--color-text-lighter) !important; }
63435
+
63436
+ .icon-thumb-down.color--white {
63437
+ color: #e2e5e9 !important; }
63438
+
63439
+ .icon-thumb-down.scale--1\.5x {
63440
+ --icon-base-size: 24px
63441
+ ; }
63442
+
63443
+ .icon-thumb-down.scale--2x {
63444
+ --icon-base-size: 32px
63445
+ ; }
63446
+
63447
+ .icon-thumb-down.scale--3x {
63448
+ --icon-base-size: 48px
63449
+ ; }
63450
+
63451
+ .icon-thumb-down.scale--4x {
63452
+ --icon-base-size: 64px
63453
+ ; }
63454
+
63455
+ .icon-open-ai:before {
63456
+ content: ""; }
63457
+
63458
+ .icon-open-ai.color--default {
63459
+ color: var(--color-icon-default); }
63460
+
63461
+ .icon-open-ai.color--primary {
63462
+ color: var(--sd-colour-primary) !important; }
63463
+
63464
+ .icon-open-ai.color--success {
63465
+ color: var(--sd-colour-success) !important; }
63466
+
63467
+ .icon-open-ai.color--warning {
63468
+ color: var(--sd-colour-warning) !important; }
63469
+
63470
+ .icon-open-ai.color--alert {
63471
+ color: var(--sd-colour-alert) !important; }
63472
+
63473
+ .icon-open-ai.color--highlight {
63474
+ color: var(--sd-colour-highlight) !important; }
63475
+
63476
+ .icon-open-ai.color--light {
63477
+ color: var(--color-text-lighter) !important; }
63478
+
63479
+ .icon-open-ai.color--white {
63480
+ color: #e2e5e9 !important; }
63481
+
63482
+ .icon-open-ai.scale--1\.5x {
63483
+ --icon-base-size: 24px
63484
+ ; }
63485
+
63486
+ .icon-open-ai.scale--2x {
63487
+ --icon-base-size: 32px
63488
+ ; }
63489
+
63490
+ .icon-open-ai.scale--3x {
63491
+ --icon-base-size: 48px
63492
+ ; }
63493
+
63494
+ .icon-open-ai.scale--4x {
63495
+ --icon-base-size: 64px
63496
+ ; }
63497
+
63036
63498
  .icn-mix {
63037
63499
  position: relative;
63038
63500
  display: inline-flex !important;
@@ -63232,7 +63694,14 @@ i.sd-sidetab-menu__helper-icon {
63232
63694
  opacity: 0.7; }
63233
63695
 
63234
63696
  .tag-label--square {
63235
- border-radius: var(--b-radius--x-small); }
63697
+ border-radius: var(--b-radius--small);
63698
+ padding-inline-start: var(--space--1); }
63699
+
63700
+ .tag-label--draggable {
63701
+ border-radius: var(--b-radius--small);
63702
+ padding-inline-start: 6px; }
63703
+ .tag-label--draggable .drag-handle-wrapper {
63704
+ margin-inline-end: 6px; }
63236
63705
 
63237
63706
  .sd-search-tags__bar {
63238
63707
  position: relative;