amis 1.4.2-beta.13 → 1.4.2-beta.15

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.
Files changed (128) hide show
  1. package/lib/Schema.d.ts +4 -3
  2. package/lib/Schema.js.map +1 -1
  3. package/lib/components/AssociatedSelection.js +2 -2
  4. package/lib/components/AssociatedSelection.js.map +2 -2
  5. package/lib/components/Checkbox.d.ts +20 -20
  6. package/lib/components/Collapse.d.ts +51 -23
  7. package/lib/components/Collapse.js +69 -11
  8. package/lib/components/Collapse.js.map +2 -2
  9. package/lib/components/CollapseGroup.d.ts +88 -0
  10. package/lib/components/CollapseGroup.js +81 -0
  11. package/lib/components/CollapseGroup.js.map +13 -0
  12. package/lib/components/Editor.d.ts +84 -84
  13. package/lib/components/GridNav.d.ts +52 -0
  14. package/lib/components/GridNav.js +123 -0
  15. package/lib/components/GridNav.js.map +13 -0
  16. package/lib/components/ListGroup.d.ts +21 -21
  17. package/lib/components/Tabs.d.ts +20 -20
  18. package/lib/components/TabsTransfer.d.ts +84 -84
  19. package/lib/components/Toast.d.ts +86 -85
  20. package/lib/components/Toast.js +6 -3
  21. package/lib/components/Toast.js.map +2 -2
  22. package/lib/components/Transfer.d.ts +84 -84
  23. package/lib/components/TransferDropDown.d.ts +84 -84
  24. package/lib/components/Tree.d.ts +115 -84
  25. package/lib/components/Tree.js +183 -30
  26. package/lib/components/Tree.js.map +2 -2
  27. package/lib/envOverwrite.d.ts +1 -1
  28. package/lib/envOverwrite.js +24 -9
  29. package/lib/envOverwrite.js.map +2 -2
  30. package/lib/factory.d.ts +11 -1
  31. package/lib/factory.js +31 -4
  32. package/lib/factory.js.map +2 -2
  33. package/lib/icons/drag-bar.js +10 -3
  34. package/lib/index.d.ts +2 -0
  35. package/lib/index.js +3 -1
  36. package/lib/index.js.map +2 -2
  37. package/lib/renderers/Collapse.d.ts +25 -20
  38. package/lib/renderers/Collapse.js +10 -73
  39. package/lib/renderers/Collapse.js.map +2 -2
  40. package/lib/renderers/CollapseGroup.d.ts +42 -0
  41. package/lib/renderers/CollapseGroup.js +33 -0
  42. package/lib/renderers/CollapseGroup.js.map +13 -0
  43. package/lib/renderers/Form/InputCity.d.ts +84 -84
  44. package/lib/renderers/Form/Item.js +2 -1
  45. package/lib/renderers/Form/Item.js.map +2 -2
  46. package/lib/renderers/GridNav.d.ts +99 -0
  47. package/lib/renderers/GridNav.js +82 -0
  48. package/lib/renderers/GridNav.js.map +13 -0
  49. package/lib/store/formItem.js +44 -4
  50. package/lib/store/formItem.js.map +2 -2
  51. package/lib/themes/ang-ie11.css +194 -27
  52. package/lib/themes/ang.css +194 -27
  53. package/lib/themes/ang.css.map +1 -1
  54. package/lib/themes/antd-ie11.css +194 -27
  55. package/lib/themes/antd.css +194 -27
  56. package/lib/themes/antd.css.map +1 -1
  57. package/lib/themes/cxd-ie11.css +201 -34
  58. package/lib/themes/cxd.css +201 -34
  59. package/lib/themes/cxd.css.map +1 -1
  60. package/lib/themes/dark-ie11.css +194 -27
  61. package/lib/themes/dark.css +194 -27
  62. package/lib/themes/dark.css.map +1 -1
  63. package/lib/themes/default.css +201 -34
  64. package/lib/themes/default.css.map +1 -1
  65. package/lib/types.d.ts +1 -1
  66. package/lib/types.js.map +1 -1
  67. package/lib/utils/api.d.ts +1 -0
  68. package/lib/utils/api.js +77 -6
  69. package/lib/utils/api.js.map +2 -2
  70. package/lib/utils/helper.d.ts +6 -0
  71. package/lib/utils/helper.js +18 -1
  72. package/lib/utils/helper.js.map +2 -2
  73. package/package.json +1 -1
  74. package/schema.json +242 -34
  75. package/scss/components/_anchor-nav.scss +1 -0
  76. package/scss/components/_collapse-group.scss +11 -0
  77. package/scss/components/_collapse.scss +33 -22
  78. package/scss/components/_grid-nav.scss +128 -0
  79. package/scss/components/_nav.scss +1 -1
  80. package/scss/components/_spinner.scss +5 -4
  81. package/scss/components/_table.scss +6 -0
  82. package/scss/components/form/_combo.scss +4 -0
  83. package/scss/components/form/_tree.scss +42 -0
  84. package/scss/themes/_common.scss +2 -0
  85. package/scss/themes/_cxd-variables.scss +6 -7
  86. package/scss/themes/cxd.scss +1 -0
  87. package/sdk/ang-ie11.css +227 -28
  88. package/sdk/ang.css +227 -27
  89. package/sdk/antd-ie11.css +227 -28
  90. package/sdk/antd.css +227 -27
  91. package/sdk/charts.js +13 -13
  92. package/sdk/color-picker.js +65 -65
  93. package/sdk/cropperjs.js +2 -2
  94. package/sdk/cxd-ie11.css +233 -32
  95. package/sdk/cxd.css +234 -34
  96. package/sdk/dark-ie11.css +227 -28
  97. package/sdk/dark.css +227 -27
  98. package/sdk/exceljs.js +1 -1
  99. package/sdk/markdown.js +69 -69
  100. package/sdk/papaparse.js +1 -1
  101. package/sdk/renderers/Form/CityDB.js +1 -1
  102. package/sdk/rest.js +18 -18
  103. package/sdk/rich-text.js +62 -62
  104. package/sdk/sdk-ie11.css +233 -32
  105. package/sdk/sdk.css +234 -34
  106. package/sdk/sdk.js +1179 -1145
  107. package/sdk/thirds/hls.js/hls.js +1 -1
  108. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  109. package/sdk/tinymce.js +57 -57
  110. package/src/Schema.ts +5 -1
  111. package/src/components/AssociatedSelection.tsx +3 -1
  112. package/src/components/Collapse.tsx +144 -20
  113. package/src/components/CollapseGroup.tsx +130 -0
  114. package/src/components/GridNav.tsx +233 -0
  115. package/src/components/Toast.tsx +23 -16
  116. package/src/components/Tree.tsx +194 -8
  117. package/src/envOverwrite.ts +20 -7
  118. package/src/factory.tsx +52 -6
  119. package/src/icons/drag-bar.svg +12 -6
  120. package/src/index.tsx +2 -0
  121. package/src/renderers/Collapse.tsx +70 -117
  122. package/src/renderers/CollapseGroup.tsx +80 -0
  123. package/src/renderers/GridNav.tsx +204 -0
  124. package/src/store/formItem.ts +94 -2
  125. package/src/types.ts +1 -1
  126. package/src/utils/api.ts +93 -6
  127. package/src/utils/helper.ts +19 -0
  128. package/tsconfig-for-declaration.json +1 -1
@@ -5476,8 +5476,8 @@ input[type=button].dark-Button--block {
5476
5476
  cursor: move;
5477
5477
  position: absolute;
5478
5478
  left: 0;
5479
- top: 0.6875rem;
5480
5479
  display: none;
5480
+ line-height: 0;
5481
5481
  }
5482
5482
  .dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemDrager > .icon, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemDrager > .dark-Badge > .icon, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemDrager > .icon, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemDrager > .dark-Badge > .icon {
5483
5483
  color: var(--icon-color);
@@ -6178,12 +6178,13 @@ input[type=button].dark-Button--block {
6178
6178
  .dark-Spinner--icon {
6179
6179
  background: transparent;
6180
6180
  animation: spin 2s linear infinite;
6181
- width: var(--fontSizeLg);
6182
- height: var(--fontSizeLg);
6181
+ width: 16px;
6182
+ height: 16px;
6183
6183
  }
6184
6184
  .dark-Spinner--icon svg.icon {
6185
- width: var(--fontSizeLg);
6186
- height: var(--fontSizeLg);
6185
+ width: 16px;
6186
+ height: 16px;
6187
+ top: 0;
6187
6188
  }
6188
6189
 
6189
6190
  .dark-Spinner--overlay {
@@ -6401,7 +6402,7 @@ input[type=button].dark-Button--block {
6401
6402
  .dark-Collapse {
6402
6403
  border: var(--Collapse-border);
6403
6404
  padding: 0;
6404
- margin-bottom: var(--Form-item-gap);
6405
+ line-height: 1.25rem;
6405
6406
  }
6406
6407
  .dark-Collapse-header {
6407
6408
  font-size: var(--Collapse-header-fontSize);
@@ -6410,6 +6411,7 @@ input[type=button].dark-Button--block {
6410
6411
  padding: var(--Collapse-header-padding);
6411
6412
  margin: 0;
6412
6413
  border-bottom: var(--borderWidth) solid var(--Collapse-border-color);
6414
+ cursor: pointer;
6413
6415
  background: var(--Collapse-header-bg);
6414
6416
  }
6415
6417
  .dark-Collapse-header-wrapper {
@@ -6426,8 +6428,7 @@ input[type=button].dark-Button--block {
6426
6428
  display: inline-block;
6427
6429
  width: 1rem;
6428
6430
  text-align: center;
6429
- margin-right: 0.5rem;
6430
- cursor: pointer;
6431
+ margin-right: var(--gap-xs);
6431
6432
  }
6432
6433
  .dark-Collapse-arrow:before {
6433
6434
  content: "";
@@ -6435,31 +6436,42 @@ input[type=button].dark-Button--block {
6435
6436
  display: inline-block;
6436
6437
  width: 0.375rem;
6437
6438
  height: 0.375rem;
6438
- top: -0.25rem;
6439
+ top: -0.125rem;
6439
6440
  border-color: var(--text-color);
6440
6441
  border-style: solid;
6441
6442
  border-width: 0.0625rem 0.0625rem 0 0;
6442
- transform: rotate(135deg);
6443
+ transform: rotate(45deg);
6443
6444
  transform-origin: 50% 50%;
6444
6445
  }
6445
- .dark-Collapse-TplField {
6446
+ .dark-Collapse-icon-tranform {
6446
6447
  display: inline-block;
6448
+ width: 1rem;
6449
+ text-align: center;
6450
+ margin-right: var(--gap-xs);
6447
6451
  }
6448
- .dark-Collapse.is-collapsed .dark-Collapse-arrow:before {
6449
- transform: rotate(45deg);
6450
- transform-origin: 0% 50%;
6452
+ .dark-Collapse .dark-TplField {
6453
+ display: inline-block;
6451
6454
  }
6452
- .dark-Collapse.is-collapsed .dark-Collapse-header {
6453
- border-bottom: var(--Collapse-header-collapsed-border);
6455
+ .dark-Collapse.is-active .dark-Collapse-arrow:before {
6456
+ transform: rotate(135deg);
6457
+ transform-origin: 50% 30%;
6454
6458
  }
6455
- .dark-Collapse--collapsable .dark-Collapse-header {
6456
- cursor: pointer;
6459
+ .dark-Collapse.is-active .dark-Collapse-icon-tranform {
6460
+ transform: rotate(90deg);
6461
+ }
6462
+ .dark-Collapse--disabled .dark-Collapse-header {
6463
+ cursor: not-allowed;
6457
6464
  user-select: none;
6465
+ color: var(--text--muted-color);
6466
+ }
6467
+ .dark-Collapse--disabled .dark-Collapse-header:hover {
6468
+ background-color: var(--Collapse-header-bg-disabled-color);
6469
+ }
6470
+ .dark-Collapse--disabled .dark-Collapse-arrow:before {
6471
+ border-color: var(--text--muted-color);
6458
6472
  }
6459
6473
  .dark-Collapse--title-bottom .dark-Collapse-header {
6460
6474
  text-align: center;
6461
- color: var(--link-color);
6462
- border-left: none;
6463
6475
  font-size: var(--fontSizeBase);
6464
6476
  border-top: var(--Collapse-header-collapsed-borderTop);
6465
6477
  border-bottom: var(--Collapse-header-collapsed-borderBottom);
@@ -6468,14 +6480,12 @@ input[type=button].dark-Button--block {
6468
6480
  border-top: none;
6469
6481
  }
6470
6482
  .dark-Collapse--title-bottom .dark-Collapse-arrow:before {
6471
- top: 0.125rem;
6472
- transform: rotate(-45deg);
6473
- transform-origin: 0% 50%;
6474
- }
6475
- .dark-Collapse--title-bottom.is-collapsed .dark-Collapse-arrow:before {
6476
- top: -0.375rem;
6483
+ top: -0.25rem;
6477
6484
  transform: rotate(135deg);
6478
- transform-origin: 0% 50%;
6485
+ }
6486
+ .dark-Collapse--title-bottom.is-active .dark-Collapse-arrow:before {
6487
+ top: 0;
6488
+ transform: rotate(-45deg);
6479
6489
  }
6480
6490
  .dark-Collapse-contentWrapper {
6481
6491
  transition: height var(--animation-duration) ease;
@@ -6491,6 +6501,10 @@ input[type=button].dark-Button--block {
6491
6501
  font-weight: var(--Collapse-content-fontWeight);
6492
6502
  }
6493
6503
 
6504
+ .dark-CollapseGroup.icon-position-right .dark-Collapse-header .dark-Collapse-arrow {
6505
+ float: right;
6506
+ }
6507
+
6494
6508
  .dark-ColorField {
6495
6509
  display: inline-block;
6496
6510
  }
@@ -8181,6 +8195,10 @@ input[type=button].dark-Button--block {
8181
8195
  padding-right: 0;
8182
8196
  cursor: move;
8183
8197
  }
8198
+ .dark-Table-table > thead > tr > th.dark-Table-dragCell > svg,
8199
+ .dark-Table-table > tbody > tr > td.dark-Table-dragCell > svg {
8200
+ vertical-align: middle;
8201
+ }
8184
8202
  .dark-Table-table > tbody > tr > td.dark-Table-expandCell {
8185
8203
  position: relative;
8186
8204
  }
@@ -8488,6 +8506,9 @@ input[type=button].dark-Button--block {
8488
8506
  text-decoration: none;
8489
8507
  color: var(--icon-onHover-color);
8490
8508
  }
8509
+ .dark-Table-dragBtn > svg {
8510
+ vertical-align: -2px;
8511
+ }
8491
8512
  .dark-Table-table > tbody > tr:hover .dark-Table-dragBtn, .dark-Table-table > tbody > tr.is-dragging .dark-Table-dragBtn, .dark-Table-table > tbody > tr.is-drop-allowed .dark-Table-dragBtn {
8492
8513
  visibility: visible;
8493
8514
  }
@@ -10809,6 +10830,112 @@ input[type=button].dark-Button--block {
10809
10830
  display: none;
10810
10831
  }
10811
10832
 
10833
+ .u-hairline::after {
10834
+ position: absolute;
10835
+ box-sizing: border-box;
10836
+ content: " ";
10837
+ pointer-events: none;
10838
+ top: -50%;
10839
+ right: -50%;
10840
+ bottom: -50%;
10841
+ left: -50%;
10842
+ border: 0 solid var(--borderColorLight);
10843
+ z-index: 1;
10844
+ transform: scale(0.5);
10845
+ }
10846
+
10847
+ .dark-GridNav {
10848
+ display: flex;
10849
+ flex-wrap: wrap;
10850
+ }
10851
+ .dark-GridNav-top {
10852
+ position: relative;
10853
+ }
10854
+ .dark-GridNav-top::after {
10855
+ border-top-width: 0.0625rem;
10856
+ }
10857
+
10858
+ .dark-GridNavItem {
10859
+ position: relative;
10860
+ box-sizing: border-box;
10861
+ }
10862
+ .dark-GridNavItem--square {
10863
+ height: 0;
10864
+ position: relative;
10865
+ }
10866
+ .dark-GridNavItem-icon {
10867
+ width: var(--rv-grid-item-icon-size);
10868
+ }
10869
+ .dark-GridNavItem-text {
10870
+ color: var(--text-color);
10871
+ font-size: var(--fontSizeSm);
10872
+ line-height: 1.5;
10873
+ word-break: break-all;
10874
+ flex-shrink: 0;
10875
+ }
10876
+ .dark-GridNavItem-icon + .dark-GridNavItem-text {
10877
+ margin-top: 0.5rem;
10878
+ }
10879
+ .dark-GridNavItem-image {
10880
+ display: inline-block;
10881
+ }
10882
+ .dark-GridNavItem-image svg,
10883
+ .dark-GridNavItem-image img {
10884
+ max-width: 100%;
10885
+ display: block;
10886
+ width: 60%;
10887
+ margin: 0 auto;
10888
+ }
10889
+ .dark-GridNavItem-content {
10890
+ display: flex;
10891
+ flex-direction: column;
10892
+ box-sizing: border-box;
10893
+ height: 100%;
10894
+ padding: var(--gap-md) var(--gap-sm);
10895
+ background-color: var(--white);
10896
+ position: relative;
10897
+ }
10898
+ .dark-GridNavItem-content .dark-Badge-text {
10899
+ z-index: 10;
10900
+ }
10901
+ .dark-GridNavItem-content--border::after {
10902
+ border-width: 0 var(--borderWidth) var(--borderWidth) 0;
10903
+ }
10904
+ .dark-GridNavItem-content--square {
10905
+ position: absolute;
10906
+ top: 0;
10907
+ right: 0;
10908
+ left: 0;
10909
+ }
10910
+ .dark-GridNavItem-content--center {
10911
+ align-items: center;
10912
+ justify-content: center;
10913
+ }
10914
+ .dark-GridNavItem-content--horizontal {
10915
+ flex-direction: row;
10916
+ }
10917
+ .dark-GridNavItem-content--horizontal .dark-GridNavItem-text {
10918
+ margin: 0 0 0 var(--gap-sm);
10919
+ }
10920
+ .dark-GridNavItem-content--reverse {
10921
+ flex-direction: column-reverse;
10922
+ }
10923
+ .dark-GridNavItem-content--reverse .dark-GridNavItem-text {
10924
+ margin: 0 0 var(--gap-sm);
10925
+ }
10926
+ .dark-GridNavItem-content--horizontal .dark-GridNavItem-content--reverse {
10927
+ flex-direction: row-reverse;
10928
+ }
10929
+ .dark-GridNavItem-content--horizontal .dark-GridNavItem-content--reverse .dark-GridNavItem-text {
10930
+ margin: 0 var(--gap-sm) 0 0;
10931
+ }
10932
+ .dark-GridNavItem-content--surround::after {
10933
+ border-width: var(--borderWidth);
10934
+ }
10935
+ .dark-GridNavItem-content--clickable {
10936
+ cursor: pointer;
10937
+ }
10938
+
10812
10939
  fieldset.dark-Collapse--lg, fieldset.dark-Collapse--md, fieldset.dark-Collapse--base, fieldset.dark-Collapse--sm, fieldset.dark-Collapse--xs {
10813
10940
  position: relative;
10814
10941
  }
@@ -14351,6 +14478,9 @@ td.rdtQuarter.rdtDisabled > span {
14351
14478
  .dark-Tree.is-disabled {
14352
14479
  pointer-events: none;
14353
14480
  }
14481
+ .dark-Tree.is-draggable {
14482
+ position: relative;
14483
+ }
14354
14484
  .dark-Tree--outline .dark-Tree-sublist .dark-Tree-item--isLeaf:before {
14355
14485
  position: absolute;
14356
14486
  top: -8px;
@@ -14384,6 +14514,9 @@ td.rdtQuarter.rdtDisabled > span {
14384
14514
  bottom: 0;
14385
14515
  left: -99999px;
14386
14516
  }
14517
+ .dark-Tree.is-draggable .dark-Tree-itemLabel:hover::after {
14518
+ display: none;
14519
+ }
14387
14520
  .dark-Tree-item-icons {
14388
14521
  visibility: hidden;
14389
14522
  transition: visibility var(--animation-duration) ease;
@@ -14480,6 +14613,10 @@ td.rdtQuarter.rdtDisabled > span {
14480
14613
  display: inline-block;
14481
14614
  width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));
14482
14615
  }
14616
+ .dark-Tree-itemDrager {
14617
+ cursor: move;
14618
+ color: var(--icon-color);
14619
+ }
14483
14620
  .dark-Tree-spinner {
14484
14621
  margin-right: var(--gap-xs);
14485
14622
  }
@@ -14514,6 +14651,31 @@ td.rdtQuarter.rdtDisabled > span {
14514
14651
  .dark-Tree-placeholder {
14515
14652
  color: var(--text--muted-color);
14516
14653
  }
14654
+ .dark-Tree-dropIndicator {
14655
+ position: absolute;
14656
+ height: 0.125rem;
14657
+ background-color: var(--Tree-itemLabel--onChecked-color);
14658
+ border-radius: 0.0625rem;
14659
+ z-index: 1;
14660
+ }
14661
+ .dark-Tree-dropIndicator::after {
14662
+ position: absolute;
14663
+ top: -0.1875rem;
14664
+ left: -0.375rem;
14665
+ width: 0.5rem;
14666
+ height: 0.5rem;
14667
+ background-color: transparent;
14668
+ border: 0.125rem solid var(--Tree-itemLabel--onChecked-color);
14669
+ border-radius: 50%;
14670
+ content: "";
14671
+ }
14672
+ .dark-Tree-dropIndicator--hover {
14673
+ border-radius: 0;
14674
+ background-color: var(--Tree-item-onHover-bg);
14675
+ }
14676
+ .dark-Tree-dropIndicator--hover::after {
14677
+ display: none;
14678
+ }
14517
14679
 
14518
14680
  .dark-TreeSelectControl {
14519
14681
  position: relative;
@@ -14787,6 +14949,8 @@ td.rdtQuarter.rdtDisabled > span {
14787
14949
  }
14788
14950
  .dark-Combo--hor .dark-Combo-itemDrager {
14789
14951
  padding: var(--Combo--horizontal-dragger-top) 0.375rem 0 0;
14952
+ display: flex;
14953
+ align-items: center;
14790
14954
  }
14791
14955
  .dark-Combo--ver:not(.dark-Combo--noBorder)::before, .dark-Combo--ver:not(.dark-Combo--noBorder)::after {
14792
14956
  display: table;
@@ -14833,6 +14997,8 @@ td.rdtQuarter.rdtDisabled > span {
14833
14997
  position: absolute;
14834
14998
  top: var(--Combo--horizontal-dragger-top);
14835
14999
  left: -1.875rem;
15000
+ display: flex;
15001
+ align-items: center;
14836
15002
  }
14837
15003
  .dark-Combo--ver:not(.dark-Combo--noBorder).is-draggable > .dark-Combo-items > .dark-Combo-item {
14838
15004
  margin-left: 2.1875rem;
@@ -16257,6 +16423,7 @@ td.rdtQuarter.rdtDisabled > span {
16257
16423
  border: none;
16258
16424
  flex-grow: 1;
16259
16425
  overflow: auto;
16426
+ scroll-behavior: smooth;
16260
16427
  background: var(--Tabs-content-bg);
16261
16428
  }
16262
16429
  .dark-AnchorNav-section-wrap > .dark-AnchorNav-section {
@@ -5476,8 +5476,8 @@ input[type=button].dark-Button--block {
5476
5476
  cursor: move;
5477
5477
  position: absolute;
5478
5478
  left: 0;
5479
- top: 0.6875rem;
5480
5479
  display: none;
5480
+ line-height: 0;
5481
5481
  }
5482
5482
  .dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemDrager > .icon, .dark-Nav .dark-Nav-list--stacked .dark-Nav-item .dark-Nav-itemDrager > .dark-Badge > .icon, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemDrager > .icon, .dark-Nav .dark-Nav-list--stacked .dark-Badge .dark-Nav-itemDrager > .dark-Badge > .icon {
5483
5483
  color: var(--icon-color);
@@ -6178,12 +6178,13 @@ input[type=button].dark-Button--block {
6178
6178
  .dark-Spinner--icon {
6179
6179
  background: transparent;
6180
6180
  animation: spin 2s linear infinite;
6181
- width: var(--fontSizeLg);
6182
- height: var(--fontSizeLg);
6181
+ width: 16px;
6182
+ height: 16px;
6183
6183
  }
6184
6184
  .dark-Spinner--icon svg.icon {
6185
- width: var(--fontSizeLg);
6186
- height: var(--fontSizeLg);
6185
+ width: 16px;
6186
+ height: 16px;
6187
+ top: 0;
6187
6188
  }
6188
6189
 
6189
6190
  .dark-Spinner--overlay {
@@ -6401,7 +6402,7 @@ input[type=button].dark-Button--block {
6401
6402
  .dark-Collapse {
6402
6403
  border: var(--Collapse-border);
6403
6404
  padding: 0;
6404
- margin-bottom: var(--Form-item-gap);
6405
+ line-height: 1.25rem;
6405
6406
  }
6406
6407
  .dark-Collapse-header {
6407
6408
  font-size: var(--Collapse-header-fontSize);
@@ -6410,6 +6411,7 @@ input[type=button].dark-Button--block {
6410
6411
  padding: var(--Collapse-header-padding);
6411
6412
  margin: 0;
6412
6413
  border-bottom: var(--borderWidth) solid var(--Collapse-border-color);
6414
+ cursor: pointer;
6413
6415
  background: var(--Collapse-header-bg);
6414
6416
  }
6415
6417
  .dark-Collapse-header-wrapper {
@@ -6426,8 +6428,7 @@ input[type=button].dark-Button--block {
6426
6428
  display: inline-block;
6427
6429
  width: 1rem;
6428
6430
  text-align: center;
6429
- margin-right: 0.5rem;
6430
- cursor: pointer;
6431
+ margin-right: var(--gap-xs);
6431
6432
  }
6432
6433
  .dark-Collapse-arrow:before {
6433
6434
  content: "";
@@ -6435,31 +6436,42 @@ input[type=button].dark-Button--block {
6435
6436
  display: inline-block;
6436
6437
  width: 0.375rem;
6437
6438
  height: 0.375rem;
6438
- top: -0.25rem;
6439
+ top: -0.125rem;
6439
6440
  border-color: var(--text-color);
6440
6441
  border-style: solid;
6441
6442
  border-width: 0.0625rem 0.0625rem 0 0;
6442
- transform: rotate(135deg);
6443
+ transform: rotate(45deg);
6443
6444
  transform-origin: 50% 50%;
6444
6445
  }
6445
- .dark-Collapse-TplField {
6446
+ .dark-Collapse-icon-tranform {
6446
6447
  display: inline-block;
6448
+ width: 1rem;
6449
+ text-align: center;
6450
+ margin-right: var(--gap-xs);
6447
6451
  }
6448
- .dark-Collapse.is-collapsed .dark-Collapse-arrow:before {
6449
- transform: rotate(45deg);
6450
- transform-origin: 0% 50%;
6452
+ .dark-Collapse .dark-TplField {
6453
+ display: inline-block;
6451
6454
  }
6452
- .dark-Collapse.is-collapsed .dark-Collapse-header {
6453
- border-bottom: var(--Collapse-header-collapsed-border);
6455
+ .dark-Collapse.is-active .dark-Collapse-arrow:before {
6456
+ transform: rotate(135deg);
6457
+ transform-origin: 50% 30%;
6454
6458
  }
6455
- .dark-Collapse--collapsable .dark-Collapse-header {
6456
- cursor: pointer;
6459
+ .dark-Collapse.is-active .dark-Collapse-icon-tranform {
6460
+ transform: rotate(90deg);
6461
+ }
6462
+ .dark-Collapse--disabled .dark-Collapse-header {
6463
+ cursor: not-allowed;
6457
6464
  user-select: none;
6465
+ color: var(--text--muted-color);
6466
+ }
6467
+ .dark-Collapse--disabled .dark-Collapse-header:hover {
6468
+ background-color: var(--Collapse-header-bg-disabled-color);
6469
+ }
6470
+ .dark-Collapse--disabled .dark-Collapse-arrow:before {
6471
+ border-color: var(--text--muted-color);
6458
6472
  }
6459
6473
  .dark-Collapse--title-bottom .dark-Collapse-header {
6460
6474
  text-align: center;
6461
- color: var(--link-color);
6462
- border-left: none;
6463
6475
  font-size: var(--fontSizeBase);
6464
6476
  border-top: var(--Collapse-header-collapsed-borderTop);
6465
6477
  border-bottom: var(--Collapse-header-collapsed-borderBottom);
@@ -6468,14 +6480,12 @@ input[type=button].dark-Button--block {
6468
6480
  border-top: none;
6469
6481
  }
6470
6482
  .dark-Collapse--title-bottom .dark-Collapse-arrow:before {
6471
- top: 0.125rem;
6472
- transform: rotate(-45deg);
6473
- transform-origin: 0% 50%;
6474
- }
6475
- .dark-Collapse--title-bottom.is-collapsed .dark-Collapse-arrow:before {
6476
- top: -0.375rem;
6483
+ top: -0.25rem;
6477
6484
  transform: rotate(135deg);
6478
- transform-origin: 0% 50%;
6485
+ }
6486
+ .dark-Collapse--title-bottom.is-active .dark-Collapse-arrow:before {
6487
+ top: 0;
6488
+ transform: rotate(-45deg);
6479
6489
  }
6480
6490
  .dark-Collapse-contentWrapper {
6481
6491
  transition: height var(--animation-duration) ease;
@@ -6491,6 +6501,10 @@ input[type=button].dark-Button--block {
6491
6501
  font-weight: var(--Collapse-content-fontWeight);
6492
6502
  }
6493
6503
 
6504
+ .dark-CollapseGroup.icon-position-right .dark-Collapse-header .dark-Collapse-arrow {
6505
+ float: right;
6506
+ }
6507
+
6494
6508
  .dark-ColorField {
6495
6509
  display: inline-block;
6496
6510
  }
@@ -8181,6 +8195,10 @@ input[type=button].dark-Button--block {
8181
8195
  padding-right: 0;
8182
8196
  cursor: move;
8183
8197
  }
8198
+ .dark-Table-table > thead > tr > th.dark-Table-dragCell > svg,
8199
+ .dark-Table-table > tbody > tr > td.dark-Table-dragCell > svg {
8200
+ vertical-align: middle;
8201
+ }
8184
8202
  .dark-Table-table > tbody > tr > td.dark-Table-expandCell {
8185
8203
  position: relative;
8186
8204
  }
@@ -8488,6 +8506,9 @@ input[type=button].dark-Button--block {
8488
8506
  text-decoration: none;
8489
8507
  color: var(--icon-onHover-color);
8490
8508
  }
8509
+ .dark-Table-dragBtn > svg {
8510
+ vertical-align: -2px;
8511
+ }
8491
8512
  .dark-Table-table > tbody > tr:hover .dark-Table-dragBtn, .dark-Table-table > tbody > tr.is-dragging .dark-Table-dragBtn, .dark-Table-table > tbody > tr.is-drop-allowed .dark-Table-dragBtn {
8492
8513
  visibility: visible;
8493
8514
  }
@@ -10809,6 +10830,112 @@ input[type=button].dark-Button--block {
10809
10830
  display: none;
10810
10831
  }
10811
10832
 
10833
+ .u-hairline::after {
10834
+ position: absolute;
10835
+ box-sizing: border-box;
10836
+ content: " ";
10837
+ pointer-events: none;
10838
+ top: -50%;
10839
+ right: -50%;
10840
+ bottom: -50%;
10841
+ left: -50%;
10842
+ border: 0 solid var(--borderColorLight);
10843
+ z-index: 1;
10844
+ transform: scale(0.5);
10845
+ }
10846
+
10847
+ .dark-GridNav {
10848
+ display: flex;
10849
+ flex-wrap: wrap;
10850
+ }
10851
+ .dark-GridNav-top {
10852
+ position: relative;
10853
+ }
10854
+ .dark-GridNav-top::after {
10855
+ border-top-width: 0.0625rem;
10856
+ }
10857
+
10858
+ .dark-GridNavItem {
10859
+ position: relative;
10860
+ box-sizing: border-box;
10861
+ }
10862
+ .dark-GridNavItem--square {
10863
+ height: 0;
10864
+ position: relative;
10865
+ }
10866
+ .dark-GridNavItem-icon {
10867
+ width: var(--rv-grid-item-icon-size);
10868
+ }
10869
+ .dark-GridNavItem-text {
10870
+ color: var(--text-color);
10871
+ font-size: var(--fontSizeSm);
10872
+ line-height: 1.5;
10873
+ word-break: break-all;
10874
+ flex-shrink: 0;
10875
+ }
10876
+ .dark-GridNavItem-icon + .dark-GridNavItem-text {
10877
+ margin-top: 0.5rem;
10878
+ }
10879
+ .dark-GridNavItem-image {
10880
+ display: inline-block;
10881
+ }
10882
+ .dark-GridNavItem-image svg,
10883
+ .dark-GridNavItem-image img {
10884
+ max-width: 100%;
10885
+ display: block;
10886
+ width: 60%;
10887
+ margin: 0 auto;
10888
+ }
10889
+ .dark-GridNavItem-content {
10890
+ display: flex;
10891
+ flex-direction: column;
10892
+ box-sizing: border-box;
10893
+ height: 100%;
10894
+ padding: var(--gap-md) var(--gap-sm);
10895
+ background-color: var(--white);
10896
+ position: relative;
10897
+ }
10898
+ .dark-GridNavItem-content .dark-Badge-text {
10899
+ z-index: 10;
10900
+ }
10901
+ .dark-GridNavItem-content--border::after {
10902
+ border-width: 0 var(--borderWidth) var(--borderWidth) 0;
10903
+ }
10904
+ .dark-GridNavItem-content--square {
10905
+ position: absolute;
10906
+ top: 0;
10907
+ right: 0;
10908
+ left: 0;
10909
+ }
10910
+ .dark-GridNavItem-content--center {
10911
+ align-items: center;
10912
+ justify-content: center;
10913
+ }
10914
+ .dark-GridNavItem-content--horizontal {
10915
+ flex-direction: row;
10916
+ }
10917
+ .dark-GridNavItem-content--horizontal .dark-GridNavItem-text {
10918
+ margin: 0 0 0 var(--gap-sm);
10919
+ }
10920
+ .dark-GridNavItem-content--reverse {
10921
+ flex-direction: column-reverse;
10922
+ }
10923
+ .dark-GridNavItem-content--reverse .dark-GridNavItem-text {
10924
+ margin: 0 0 var(--gap-sm);
10925
+ }
10926
+ .dark-GridNavItem-content--horizontal .dark-GridNavItem-content--reverse {
10927
+ flex-direction: row-reverse;
10928
+ }
10929
+ .dark-GridNavItem-content--horizontal .dark-GridNavItem-content--reverse .dark-GridNavItem-text {
10930
+ margin: 0 var(--gap-sm) 0 0;
10931
+ }
10932
+ .dark-GridNavItem-content--surround::after {
10933
+ border-width: var(--borderWidth);
10934
+ }
10935
+ .dark-GridNavItem-content--clickable {
10936
+ cursor: pointer;
10937
+ }
10938
+
10812
10939
  fieldset.dark-Collapse--lg, fieldset.dark-Collapse--md, fieldset.dark-Collapse--base, fieldset.dark-Collapse--sm, fieldset.dark-Collapse--xs {
10813
10940
  position: relative;
10814
10941
  }
@@ -14351,6 +14478,9 @@ td.rdtQuarter.rdtDisabled > span {
14351
14478
  .dark-Tree.is-disabled {
14352
14479
  pointer-events: none;
14353
14480
  }
14481
+ .dark-Tree.is-draggable {
14482
+ position: relative;
14483
+ }
14354
14484
  .dark-Tree--outline .dark-Tree-sublist .dark-Tree-item--isLeaf:before {
14355
14485
  position: absolute;
14356
14486
  top: -8px;
@@ -14384,6 +14514,9 @@ td.rdtQuarter.rdtDisabled > span {
14384
14514
  bottom: 0;
14385
14515
  left: -99999px;
14386
14516
  }
14517
+ .dark-Tree.is-draggable .dark-Tree-itemLabel:hover::after {
14518
+ display: none;
14519
+ }
14387
14520
  .dark-Tree-item-icons {
14388
14521
  visibility: hidden;
14389
14522
  transition: visibility var(--animation-duration) ease;
@@ -14480,6 +14613,10 @@ td.rdtQuarter.rdtDisabled > span {
14480
14613
  display: inline-block;
14481
14614
  width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));
14482
14615
  }
14616
+ .dark-Tree-itemDrager {
14617
+ cursor: move;
14618
+ color: var(--icon-color);
14619
+ }
14483
14620
  .dark-Tree-spinner {
14484
14621
  margin-right: var(--gap-xs);
14485
14622
  }
@@ -14514,6 +14651,31 @@ td.rdtQuarter.rdtDisabled > span {
14514
14651
  .dark-Tree-placeholder {
14515
14652
  color: var(--text--muted-color);
14516
14653
  }
14654
+ .dark-Tree-dropIndicator {
14655
+ position: absolute;
14656
+ height: 0.125rem;
14657
+ background-color: var(--Tree-itemLabel--onChecked-color);
14658
+ border-radius: 0.0625rem;
14659
+ z-index: 1;
14660
+ }
14661
+ .dark-Tree-dropIndicator::after {
14662
+ position: absolute;
14663
+ top: -0.1875rem;
14664
+ left: -0.375rem;
14665
+ width: 0.5rem;
14666
+ height: 0.5rem;
14667
+ background-color: transparent;
14668
+ border: 0.125rem solid var(--Tree-itemLabel--onChecked-color);
14669
+ border-radius: 50%;
14670
+ content: "";
14671
+ }
14672
+ .dark-Tree-dropIndicator--hover {
14673
+ border-radius: 0;
14674
+ background-color: var(--Tree-item-onHover-bg);
14675
+ }
14676
+ .dark-Tree-dropIndicator--hover::after {
14677
+ display: none;
14678
+ }
14517
14679
 
14518
14680
  .dark-TreeSelectControl {
14519
14681
  position: relative;
@@ -14787,6 +14949,8 @@ td.rdtQuarter.rdtDisabled > span {
14787
14949
  }
14788
14950
  .dark-Combo--hor .dark-Combo-itemDrager {
14789
14951
  padding: var(--Combo--horizontal-dragger-top) 0.375rem 0 0;
14952
+ display: flex;
14953
+ align-items: center;
14790
14954
  }
14791
14955
  .dark-Combo--ver:not(.dark-Combo--noBorder)::before, .dark-Combo--ver:not(.dark-Combo--noBorder)::after {
14792
14956
  display: table;
@@ -14833,6 +14997,8 @@ td.rdtQuarter.rdtDisabled > span {
14833
14997
  position: absolute;
14834
14998
  top: var(--Combo--horizontal-dragger-top);
14835
14999
  left: -1.875rem;
15000
+ display: flex;
15001
+ align-items: center;
14836
15002
  }
14837
15003
  .dark-Combo--ver:not(.dark-Combo--noBorder).is-draggable > .dark-Combo-items > .dark-Combo-item {
14838
15004
  margin-left: 2.1875rem;
@@ -16257,6 +16423,7 @@ td.rdtQuarter.rdtDisabled > span {
16257
16423
  border: none;
16258
16424
  flex-grow: 1;
16259
16425
  overflow: auto;
16426
+ scroll-behavior: smooth;
16260
16427
  background: var(--Tabs-content-bg);
16261
16428
  }
16262
16429
  .dark-AnchorNav-section-wrap > .dark-AnchorNav-section {