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.
- package/lib/Schema.d.ts +4 -3
- package/lib/Schema.js.map +1 -1
- package/lib/components/AssociatedSelection.js +2 -2
- package/lib/components/AssociatedSelection.js.map +2 -2
- package/lib/components/Checkbox.d.ts +20 -20
- package/lib/components/Collapse.d.ts +51 -23
- package/lib/components/Collapse.js +69 -11
- package/lib/components/Collapse.js.map +2 -2
- package/lib/components/CollapseGroup.d.ts +88 -0
- package/lib/components/CollapseGroup.js +81 -0
- package/lib/components/CollapseGroup.js.map +13 -0
- package/lib/components/Editor.d.ts +84 -84
- package/lib/components/GridNav.d.ts +52 -0
- package/lib/components/GridNav.js +123 -0
- package/lib/components/GridNav.js.map +13 -0
- package/lib/components/ListGroup.d.ts +21 -21
- package/lib/components/Tabs.d.ts +20 -20
- package/lib/components/TabsTransfer.d.ts +84 -84
- package/lib/components/Toast.d.ts +86 -85
- package/lib/components/Toast.js +6 -3
- package/lib/components/Toast.js.map +2 -2
- package/lib/components/Transfer.d.ts +84 -84
- package/lib/components/TransferDropDown.d.ts +84 -84
- package/lib/components/Tree.d.ts +115 -84
- package/lib/components/Tree.js +183 -30
- package/lib/components/Tree.js.map +2 -2
- package/lib/envOverwrite.d.ts +1 -1
- package/lib/envOverwrite.js +24 -9
- package/lib/envOverwrite.js.map +2 -2
- package/lib/factory.d.ts +11 -1
- package/lib/factory.js +31 -4
- package/lib/factory.js.map +2 -2
- package/lib/icons/drag-bar.js +10 -3
- package/lib/index.d.ts +2 -0
- package/lib/index.js +3 -1
- package/lib/index.js.map +2 -2
- package/lib/renderers/Collapse.d.ts +25 -20
- package/lib/renderers/Collapse.js +10 -73
- package/lib/renderers/Collapse.js.map +2 -2
- package/lib/renderers/CollapseGroup.d.ts +42 -0
- package/lib/renderers/CollapseGroup.js +33 -0
- package/lib/renderers/CollapseGroup.js.map +13 -0
- package/lib/renderers/Form/InputCity.d.ts +84 -84
- package/lib/renderers/Form/Item.js +2 -1
- package/lib/renderers/Form/Item.js.map +2 -2
- package/lib/renderers/GridNav.d.ts +99 -0
- package/lib/renderers/GridNav.js +82 -0
- package/lib/renderers/GridNav.js.map +13 -0
- package/lib/store/formItem.js +44 -4
- package/lib/store/formItem.js.map +2 -2
- package/lib/themes/ang-ie11.css +194 -27
- package/lib/themes/ang.css +194 -27
- package/lib/themes/ang.css.map +1 -1
- package/lib/themes/antd-ie11.css +194 -27
- package/lib/themes/antd.css +194 -27
- package/lib/themes/antd.css.map +1 -1
- package/lib/themes/cxd-ie11.css +201 -34
- package/lib/themes/cxd.css +201 -34
- package/lib/themes/cxd.css.map +1 -1
- package/lib/themes/dark-ie11.css +194 -27
- package/lib/themes/dark.css +194 -27
- package/lib/themes/dark.css.map +1 -1
- package/lib/themes/default.css +201 -34
- package/lib/themes/default.css.map +1 -1
- package/lib/types.d.ts +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/api.d.ts +1 -0
- package/lib/utils/api.js +77 -6
- package/lib/utils/api.js.map +2 -2
- package/lib/utils/helper.d.ts +6 -0
- package/lib/utils/helper.js +18 -1
- package/lib/utils/helper.js.map +2 -2
- package/package.json +1 -1
- package/schema.json +242 -34
- package/scss/components/_anchor-nav.scss +1 -0
- package/scss/components/_collapse-group.scss +11 -0
- package/scss/components/_collapse.scss +33 -22
- package/scss/components/_grid-nav.scss +128 -0
- package/scss/components/_nav.scss +1 -1
- package/scss/components/_spinner.scss +5 -4
- package/scss/components/_table.scss +6 -0
- package/scss/components/form/_combo.scss +4 -0
- package/scss/components/form/_tree.scss +42 -0
- package/scss/themes/_common.scss +2 -0
- package/scss/themes/_cxd-variables.scss +6 -7
- package/scss/themes/cxd.scss +1 -0
- package/sdk/ang-ie11.css +227 -28
- package/sdk/ang.css +227 -27
- package/sdk/antd-ie11.css +227 -28
- package/sdk/antd.css +227 -27
- package/sdk/charts.js +13 -13
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +2 -2
- package/sdk/cxd-ie11.css +233 -32
- package/sdk/cxd.css +234 -34
- package/sdk/dark-ie11.css +227 -28
- package/sdk/dark.css +227 -27
- package/sdk/exceljs.js +1 -1
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +18 -18
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk-ie11.css +233 -32
- package/sdk/sdk.css +234 -34
- package/sdk/sdk.js +1179 -1145
- package/sdk/thirds/hls.js/hls.js +1 -1
- package/sdk/thirds/mpegts.js/mpegts.js +1 -1
- package/sdk/tinymce.js +57 -57
- package/src/Schema.ts +5 -1
- package/src/components/AssociatedSelection.tsx +3 -1
- package/src/components/Collapse.tsx +144 -20
- package/src/components/CollapseGroup.tsx +130 -0
- package/src/components/GridNav.tsx +233 -0
- package/src/components/Toast.tsx +23 -16
- package/src/components/Tree.tsx +194 -8
- package/src/envOverwrite.ts +20 -7
- package/src/factory.tsx +52 -6
- package/src/icons/drag-bar.svg +12 -6
- package/src/index.tsx +2 -0
- package/src/renderers/Collapse.tsx +70 -117
- package/src/renderers/CollapseGroup.tsx +80 -0
- package/src/renderers/GridNav.tsx +204 -0
- package/src/store/formItem.ts +94 -2
- package/src/types.ts +1 -1
- package/src/utils/api.ts +93 -6
- package/src/utils/helper.ts +19 -0
- package/tsconfig-for-declaration.json +1 -1
package/lib/themes/dark-ie11.css
CHANGED
@@ -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:
|
6182
|
-
height:
|
6181
|
+
width: 16px;
|
6182
|
+
height: 16px;
|
6183
6183
|
}
|
6184
6184
|
.dark-Spinner--icon svg.icon {
|
6185
|
-
width:
|
6186
|
-
height:
|
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
|
-
|
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:
|
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.
|
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(
|
6443
|
+
transform: rotate(45deg);
|
6443
6444
|
transform-origin: 50% 50%;
|
6444
6445
|
}
|
6445
|
-
.dark-Collapse-
|
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
|
6449
|
-
|
6450
|
-
transform-origin: 0% 50%;
|
6452
|
+
.dark-Collapse .dark-TplField {
|
6453
|
+
display: inline-block;
|
6451
6454
|
}
|
6452
|
-
.dark-Collapse.is-
|
6453
|
-
|
6455
|
+
.dark-Collapse.is-active .dark-Collapse-arrow:before {
|
6456
|
+
transform: rotate(135deg);
|
6457
|
+
transform-origin: 50% 30%;
|
6454
6458
|
}
|
6455
|
-
.dark-Collapse
|
6456
|
-
|
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.
|
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
|
-
|
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 {
|
package/lib/themes/dark.css
CHANGED
@@ -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:
|
6182
|
-
height:
|
6181
|
+
width: 16px;
|
6182
|
+
height: 16px;
|
6183
6183
|
}
|
6184
6184
|
.dark-Spinner--icon svg.icon {
|
6185
|
-
width:
|
6186
|
-
height:
|
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
|
-
|
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:
|
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.
|
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(
|
6443
|
+
transform: rotate(45deg);
|
6443
6444
|
transform-origin: 50% 50%;
|
6444
6445
|
}
|
6445
|
-
.dark-Collapse-
|
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
|
6449
|
-
|
6450
|
-
transform-origin: 0% 50%;
|
6452
|
+
.dark-Collapse .dark-TplField {
|
6453
|
+
display: inline-block;
|
6451
6454
|
}
|
6452
|
-
.dark-Collapse.is-
|
6453
|
-
|
6455
|
+
.dark-Collapse.is-active .dark-Collapse-arrow:before {
|
6456
|
+
transform: rotate(135deg);
|
6457
|
+
transform-origin: 50% 30%;
|
6454
6458
|
}
|
6455
|
-
.dark-Collapse
|
6456
|
-
|
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.
|
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
|
-
|
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 {
|