amis 1.5.3 → 1.5.4

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 (119) hide show
  1. package/README.md +5 -0
  2. package/lib/components/Card.d.ts +96 -0
  3. package/lib/components/Card.js +85 -0
  4. package/lib/components/Card.js.map +13 -0
  5. package/lib/components/DatePicker.d.ts +85 -84
  6. package/lib/components/DatePicker.js.map +2 -2
  7. package/lib/components/DateRangePicker.d.ts +84 -84
  8. package/lib/components/MonthRangePicker.d.ts +84 -84
  9. package/lib/components/Picker.d.ts +503 -0
  10. package/lib/components/Picker.js +65 -0
  11. package/lib/components/Picker.js.map +13 -0
  12. package/lib/components/PickerColumn.d.ts +29 -459
  13. package/lib/components/PickerColumn.js +35 -44
  14. package/lib/components/PickerColumn.js.map +2 -2
  15. package/lib/components/Select.d.ts +238 -238
  16. package/lib/components/Select.js +9 -2
  17. package/lib/components/Select.js.map +2 -2
  18. package/lib/components/Selection.js +1 -4
  19. package/lib/components/Selection.js.map +2 -2
  20. package/lib/components/Switch.d.ts +6 -6
  21. package/lib/components/Switch.js.map +2 -2
  22. package/lib/components/calendar/Calendar.js +15 -0
  23. package/lib/components/calendar/Calendar.js.map +2 -2
  24. package/lib/components/calendar/DaysView.js +4 -4
  25. package/lib/components/calendar/DaysView.js.map +2 -2
  26. package/lib/components/calendar/TimeView.d.ts +10 -0
  27. package/lib/components/calendar/TimeView.js +55 -2
  28. package/lib/components/calendar/TimeView.js.map +2 -2
  29. package/lib/components/calendar/YearsView.d.ts +9 -0
  30. package/lib/components/calendar/YearsView.js +19 -0
  31. package/lib/components/calendar/YearsView.js.map +2 -2
  32. package/lib/index.js +1 -1
  33. package/lib/renderers/Card.d.ts +81 -13
  34. package/lib/renderers/Card.js +178 -81
  35. package/lib/renderers/Card.js.map +2 -2
  36. package/lib/renderers/Form/DiffEditor.d.ts +145 -37
  37. package/lib/renderers/Form/Editor.d.ts +144 -36
  38. package/lib/renderers/Form/Formula.js +5 -5
  39. package/lib/renderers/Form/Formula.js.map +2 -2
  40. package/lib/renderers/Form/InputCity.d.ts +84 -84
  41. package/lib/renderers/Form/InputFile.js +2 -2
  42. package/lib/renderers/Form/InputFile.js.map +2 -2
  43. package/lib/renderers/Form/index.js +10 -0
  44. package/lib/renderers/Form/index.js.map +2 -2
  45. package/lib/renderers/Form/wrapControl.js +3 -2
  46. package/lib/renderers/Form/wrapControl.js.map +2 -2
  47. package/lib/store/combo.d.ts +160 -40
  48. package/lib/store/form.d.ts +64 -16
  49. package/lib/store/formItem.d.ts +4 -2
  50. package/lib/store/formItem.js +11 -6
  51. package/lib/store/formItem.js.map +2 -2
  52. package/lib/store/table.d.ts +128 -32
  53. package/lib/themes/ang-ie11.css +177 -30
  54. package/lib/themes/ang.css +177 -30
  55. package/lib/themes/ang.css.map +1 -1
  56. package/lib/themes/antd-ie11.css +177 -30
  57. package/lib/themes/antd.css +177 -30
  58. package/lib/themes/antd.css.map +1 -1
  59. package/lib/themes/cxd-ie11.css +177 -30
  60. package/lib/themes/cxd.css +177 -30
  61. package/lib/themes/cxd.css.map +1 -1
  62. package/lib/themes/dark-ie11.css +177 -30
  63. package/lib/themes/dark.css +177 -30
  64. package/lib/themes/dark.css.map +1 -1
  65. package/lib/themes/default.css +177 -30
  66. package/lib/themes/default.css.map +1 -1
  67. package/lib/utils/helper.d.ts +7 -0
  68. package/lib/utils/helper.js +33 -1
  69. package/lib/utils/helper.js.map +2 -2
  70. package/package.json +2 -2
  71. package/schema.json +157 -13
  72. package/scss/_properties.scss +13 -2
  73. package/scss/components/_card.scss +155 -15
  74. package/scss/components/_nav.scss +1 -1
  75. package/scss/components/_picker-columns.scss +20 -14
  76. package/scss/components/form/_file.scss +2 -2
  77. package/scss/components/form/_selection.scss +4 -0
  78. package/scss/components/form/_switch.scss +6 -0
  79. package/sdk/ang-ie11.css +214 -40
  80. package/sdk/ang.css +216 -32
  81. package/sdk/antd-ie11.css +214 -40
  82. package/sdk/antd.css +216 -32
  83. package/sdk/charts.js +14 -14
  84. package/sdk/color-picker.js +65 -65
  85. package/sdk/cropperjs.js +2 -2
  86. package/sdk/cxd-ie11.css +206 -32
  87. package/sdk/cxd.css +216 -32
  88. package/sdk/dark-ie11.css +214 -40
  89. package/sdk/dark.css +216 -32
  90. package/sdk/exceljs.js +1 -1
  91. package/sdk/markdown.js +69 -69
  92. package/sdk/papaparse.js +1 -1
  93. package/sdk/renderers/Form/CityDB.js +1 -1
  94. package/sdk/rest.js +18 -18
  95. package/sdk/rich-text.js +62 -62
  96. package/sdk/sdk-ie11.css +206 -32
  97. package/sdk/sdk.css +216 -32
  98. package/sdk/sdk.js +1190 -1186
  99. package/sdk/thirds/hls.js/hls.js +1 -1
  100. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  101. package/sdk/tinymce.js +57 -57
  102. package/src/components/Card.tsx +203 -0
  103. package/src/components/DatePicker.tsx +3 -0
  104. package/src/components/Picker.tsx +145 -0
  105. package/src/components/PickerColumn.tsx +58 -95
  106. package/src/components/Select.tsx +17 -12
  107. package/src/components/Selection.tsx +1 -4
  108. package/src/components/Switch.tsx +7 -7
  109. package/src/components/calendar/Calendar.tsx +18 -0
  110. package/src/components/calendar/DaysView.tsx +6 -4
  111. package/src/components/calendar/TimeView.tsx +80 -5
  112. package/src/components/calendar/YearsView.tsx +44 -1
  113. package/src/renderers/Card.tsx +299 -191
  114. package/src/renderers/Form/Formula.tsx +7 -5
  115. package/src/renderers/Form/InputFile.tsx +6 -2
  116. package/src/renderers/Form/index.tsx +12 -0
  117. package/src/renderers/Form/wrapControl.tsx +5 -2
  118. package/src/store/formItem.ts +12 -6
  119. package/src/utils/helper.ts +34 -0
@@ -56,6 +56,7 @@
56
56
  --borderWidth: 0.0625rem;
57
57
  --fontWeightNormal: 400;
58
58
  --fontWeightBase: var(--fontWeightNormal);
59
+ --fontWeightMd: 500;
59
60
  --fontWeightBold: 700;
60
61
  --background: var(--white);
61
62
  --code-color: var(--danger);
@@ -373,6 +374,14 @@
373
374
  --Calendar-shortcuts-bg: transparent;
374
375
  --Calendar-shortcuts-height: 1.875rem;
375
376
  --Calendar-wLabel-color: #999;
377
+ --Calendar-icon-bottom: -0.25rem;
378
+ --Calendar-icon-width: 0.625rem;
379
+ --Calendar-icon-height: 0.625rem;
380
+ --Calendar-borderWidth: 0.0625rem;
381
+ --Calendar-rdt-day: 6.25rem;
382
+ --Calendar-schedule-content-padding: 0 0.25rem;
383
+ --Calendar-schedule-content-height: 1.25rem;
384
+ --Calendar-schedule-content-color: #fff;
376
385
  --Card-actions-borderColor: #dfe2e6;
377
386
  --Card-actions-fontSize: var(--fontSizeBase);
378
387
  --Card-actions-onChecked-onHover-bg: #c2ecf9;
@@ -383,6 +392,7 @@
383
392
  --Card-borderColor: var(--borderColor);
384
393
  --Card-borderRadius: var(--borderRadius);
385
394
  --Card-borderWidth: var(--borderWidth);
395
+ --Card-secondary-color: #83868c;
386
396
  --Card-onChecked-bg: #d9f3fb;
387
397
  --Card-onChecked-borderColor: #abe4f6;
388
398
  --Card-onChecked-color: #20b9e8;
@@ -996,8 +1006,8 @@
996
1006
  --PickerColumns-title-lineHeight: 1.5;
997
1007
  --PickerColumns-action-padding: 0 var(--gap-sm);
998
1008
  --PickerColumns-action-fontSize: var(--fontSizeMd);
999
- --PickerColumns-confirmAction-color: var(--Button--info-bg);
1000
- --PickerColumns-cancelAction-color: var(--Button--light-bg);
1009
+ --PickerColumns-confirmAction-color: rgba(64, 64, 64, 0.85);
1010
+ --PickerColumns-cancelAction-color: rgba(128, 128, 128, 0.85);
1001
1011
  --PickerColumns-option-fontSize: var(--fontSizeLg);
1002
1012
  --PickerColumns-optionText-color: var(--text-color);
1003
1013
  --PickerColumns-optionDisabled-opacity: 0.3;
@@ -4599,13 +4609,9 @@ input[type=button].antd-Button--block {
4599
4609
  position: relative;
4600
4610
  background-color: var(--PickerColumns-bg);
4601
4611
  user-select: none;
4602
- }
4603
- .antd-PickerColumns-popOver {
4604
- position: fixed;
4605
- bottom: 0;
4606
- left: 0;
4607
- width: 100%;
4608
- padding: 0 var(--gap-sm);
4612
+ flex: 1;
4613
+ overflow: hidden;
4614
+ font-size: var(--PickerColumns-option-fontSize);
4609
4615
  }
4610
4616
  .antd-PickerColumns-toolbar {
4611
4617
  display: flex;
@@ -4624,6 +4630,9 @@ input[type=button].antd-Button--block {
4624
4630
  .antd-PickerColumns-cancel:active, .antd-PickerColumns-confirm:active {
4625
4631
  opacity: 0.7;
4626
4632
  }
4633
+ .antd-PickerColumns-cancel:hover, .antd-PickerColumns-confirm:hover {
4634
+ background-color: none !important;
4635
+ }
4627
4636
  .antd-PickerColumns-confirm {
4628
4637
  color: var(--PickerColumns-confirmAction-color);
4629
4638
  }
@@ -4665,6 +4674,17 @@ input[type=button].antd-Button--block {
4665
4674
  transform: translateY(-50%);
4666
4675
  pointer-events: none;
4667
4676
  }
4677
+ .antd-PickerColumns-frame::after {
4678
+ position: absolute;
4679
+ content: "";
4680
+ border-bottom: 1px solid var(--borderColor);
4681
+ border-top: 1px solid var(--borderColor);
4682
+ top: -50%;
4683
+ right: -50%;
4684
+ left: -50%;
4685
+ bottom: -50%;
4686
+ transform: scale(0.5);
4687
+ }
4668
4688
  .antd-PickerColumns-mask {
4669
4689
  position: absolute;
4670
4690
  top: 0;
@@ -4678,11 +4698,6 @@ input[type=button].antd-Button--block {
4678
4698
  transform: translateZ(0);
4679
4699
  pointer-events: none;
4680
4700
  }
4681
- .antd-PickerColumns-column {
4682
- flex: 1;
4683
- overflow: hidden;
4684
- font-size: var(--PickerColumns-option-fontSize);
4685
- }
4686
4701
  .antd-PickerColumns-columnWrapper {
4687
4702
  margin: 0;
4688
4703
  padding: 0;
@@ -5648,7 +5663,7 @@ input[type=button].antd-Button--block {
5648
5663
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a {
5649
5664
  color: var(--Nav-item-onActive-color);
5650
5665
  position: relative;
5651
- background: var(--Nav-item-onActive-bg);
5666
+ background: var(--Nav-item-onActive-bg) !important;
5652
5667
  }
5653
5668
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a::after {
5654
5669
  transform: scaleY(1);
@@ -9345,8 +9360,9 @@ input[type=button].antd-Button--block {
9345
9360
  cursor: pointer;
9346
9361
  }
9347
9362
  .antd-Card-title {
9348
- color: var(--text--loud-color);
9363
+ color: var(--text-color);
9349
9364
  font-size: var(--fontSizeMd);
9365
+ font-weight: var(--fontWeightMd);
9350
9366
  white-space: nowrap;
9351
9367
  overflow: hidden;
9352
9368
  text-overflow: ellipsis;
@@ -9364,14 +9380,13 @@ input[type=button].antd-Button--block {
9364
9380
  margin-top: var(--gap-xs);
9365
9381
  }
9366
9382
  .antd-Card-dragBtn {
9383
+ display: inline-block;
9367
9384
  cursor: pointer;
9368
- float: right;
9369
- margin: var(--gap-sm);
9385
+ padding: 0 var(--gap-sm);
9370
9386
  }
9371
9387
  .antd-Card-heading {
9372
9388
  display: flex;
9373
- flex-direction: row;
9374
- padding: var(--gap-sm) var(--gap-base);
9389
+ padding: var(--gap-md);
9375
9390
  flex: 1 0 auto;
9376
9391
  }
9377
9392
  .antd-Card-avtar {
@@ -9395,17 +9410,19 @@ input[type=button].antd-Button--block {
9395
9410
  float: left;
9396
9411
  margin-right: var(--gap-base);
9397
9412
  font-size: var(--fontSizeXl);
9398
- text-transform: uppercase;
9413
+ text-transform: uppercase();
9399
9414
  }
9400
9415
  .antd-Card-meta {
9401
9416
  display: block;
9402
9417
  flex-grow: 1;
9403
9418
  height: 100%;
9404
9419
  position: relative;
9405
- margin-right: var(--gap-md);
9420
+ }
9421
+ .antd-Card-meta + .antd-Card-toolbar {
9422
+ margin-left: var(--gap-md);
9406
9423
  }
9407
9424
  .antd-Card-toolbar {
9408
- margin-right: calc(-1 * var(--gap-base));
9425
+ line-height: normal;
9409
9426
  text-align: right;
9410
9427
  }
9411
9428
  .antd-Card-highlight {
@@ -9414,16 +9431,14 @@ input[type=button].antd-Button--block {
9414
9431
  height: 0.5rem;
9415
9432
  border-radius: 100%;
9416
9433
  display: inline-block;
9417
- position: absolute;
9418
- top: var(--gap-xs);
9419
- right: 0.125rem;
9434
+ margin: 0 var(--gap-sm);
9420
9435
  }
9421
9436
  .antd-Card-body {
9422
- padding: var(--gap-base);
9437
+ padding: var(--gap-md);
9423
9438
  flex: 1 0 auto;
9424
9439
  }
9425
9440
  .antd-Card-heading + .antd-Card-body {
9426
- padding-top: var(--gap-xs);
9441
+ padding-top: 0;
9427
9442
  }
9428
9443
  .antd-Card-field {
9429
9444
  position: relative;
@@ -9448,6 +9463,7 @@ input[type=button].antd-Button--block {
9448
9463
  flex-direction: row;
9449
9464
  width: 100%;
9450
9465
  table-layout: fixed;
9466
+ white-space: nowrap;
9451
9467
  }
9452
9468
  .antd-Card-actions > a {
9453
9469
  background: transparent;
@@ -9515,6 +9531,127 @@ input[type=button].antd-Button--block {
9515
9531
  .is-dragging > .antd-Card {
9516
9532
  opacity: var(--Card-onDragging-opacity);
9517
9533
  }
9534
+ .antd-Card-footer-wrapper {
9535
+ display: flex;
9536
+ align-items: center;
9537
+ justify-content: space-between;
9538
+ }
9539
+ .antd-Card-actions-wrapper {
9540
+ flex: 1;
9541
+ display: flex;
9542
+ align-items: center;
9543
+ justify-content: flex-end;
9544
+ flex-wrap: wrap;
9545
+ }
9546
+ .antd-Card-checkbox {
9547
+ margin: 0 var(--gap-sm) !important;
9548
+ }
9549
+ .antd-Card-secondary {
9550
+ max-width: 12.5rem;
9551
+ color: var(--Card-secondary-color);
9552
+ padding: 0 var(--gap-md);
9553
+ font-size: var(--fontSizeMd);
9554
+ font-weight: var(--fontWeightBase);
9555
+ white-space: nowrap;
9556
+ overflow: hidden;
9557
+ text-overflow: ellipsis;
9558
+ }
9559
+ .antd-Card-secondary + .antd-Card-actions-wrapper .antd-Card-actions {
9560
+ margin-left: unset;
9561
+ border: none;
9562
+ width: unset;
9563
+ }
9564
+ .antd-Card-secondary + .antd-Card-actions-wrapper .antd-Card-actions > a {
9565
+ border: none;
9566
+ }
9567
+ .antd-Card-multiMedia--top .antd-Card-actions-wrapper .antd-Card-actions, .antd-Card-multiMedia--bottom .antd-Card-actions-wrapper .antd-Card-actions, .antd-Card-multiMedia--left .antd-Card-actions-wrapper .antd-Card-actions, .antd-Card-multiMedia--right .antd-Card-actions-wrapper .antd-Card-actions {
9568
+ margin-left: unset;
9569
+ border: none;
9570
+ width: unset;
9571
+ }
9572
+ .antd-Card-multiMedia--top .antd-Card-actions-wrapper .antd-Card-actions > a, .antd-Card-multiMedia--bottom .antd-Card-actions-wrapper .antd-Card-actions > a, .antd-Card-multiMedia--left .antd-Card-actions-wrapper .antd-Card-actions > a, .antd-Card-multiMedia--right .antd-Card-actions-wrapper .antd-Card-actions > a {
9573
+ border: none;
9574
+ }
9575
+ .antd-Card-multiMedia--top {
9576
+ display: block;
9577
+ }
9578
+ .antd-Card-multiMedia--top .antd-Card-multiMedia-img {
9579
+ border-bottom-left-radius: unset;
9580
+ border-bottom-right-radius: unset;
9581
+ }
9582
+ .antd-Card-multiMedia--bottom {
9583
+ display: flex;
9584
+ flex-direction: column-reverse;
9585
+ }
9586
+ .antd-Card-multiMedia--bottom .antd-Card-actions {
9587
+ border-bottom: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
9588
+ }
9589
+ .antd-Card-multiMedia--bottom .antd-Card-multiMedia-img {
9590
+ border-top-left-radius: unset;
9591
+ border-top-right-radius: unset;
9592
+ }
9593
+ .antd-Card-multiMedia--top .antd-Card-body, .antd-Card-multiMedia--bottom .antd-Card-body {
9594
+ padding-bottom: var(--gap-md);
9595
+ }
9596
+ .antd-Card-multiMedia--left {
9597
+ display: flex;
9598
+ align-items: center;
9599
+ }
9600
+ .antd-Card-multiMedia--left .antd-Card-actions {
9601
+ margin-left: var(--gap-md);
9602
+ border-left: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
9603
+ }
9604
+ .antd-Card-multiMedia--left .antd-Card-multiMedia-img,
9605
+ .antd-Card-multiMedia--left .antd-Card-multiMedia-video {
9606
+ margin: var(--gap-md) 0 var(--gap-md) var(--gap-md);
9607
+ }
9608
+ .antd-Card-multiMedia--right {
9609
+ display: flex;
9610
+ align-items: center;
9611
+ justify-content: space-between;
9612
+ flex-direction: row-reverse;
9613
+ }
9614
+ .antd-Card-multiMedia--right .antd-Card-actions {
9615
+ margin-right: var(--gap-md);
9616
+ border-right: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
9617
+ }
9618
+ .antd-Card-multiMedia--right .antd-Card-multiMedia-img,
9619
+ .antd-Card-multiMedia--right .antd-Card-multiMedia-video {
9620
+ margin: var(--gap-md) var(--gap-md) var(--gap-md) 0;
9621
+ }
9622
+ .antd-Card-multiMedia-flex {
9623
+ flex: 1;
9624
+ display: flex;
9625
+ flex-direction: column;
9626
+ justify-content: center;
9627
+ }
9628
+ .antd-Card-multiMedia-img {
9629
+ display: block;
9630
+ width: 100%;
9631
+ height: auto;
9632
+ object-fit: cover;
9633
+ border-radius: var(--Card-borderRadius);
9634
+ }
9635
+ .antd-Card-multiMedia-video {
9636
+ width: 11.25rem;
9637
+ height: 7.5rem;
9638
+ }
9639
+ .antd-Card-multiMedia-video .antd-Video {
9640
+ width: 100%;
9641
+ height: 100%;
9642
+ min-width: unset;
9643
+ border-radius: var(--Card-borderRadius);
9644
+ overflow: hidden;
9645
+ }
9646
+ .antd-Card-multiMedia-video .antd-Video .antd-Video-player {
9647
+ width: 100%;
9648
+ height: 100%;
9649
+ }
9650
+ .antd-Card-multiMedia-video .antd-Video .antd-Video-player .video-react {
9651
+ width: 100%;
9652
+ height: 100%;
9653
+ padding-top: unset !important;
9654
+ }
9518
9655
 
9519
9656
  .antd-Field-quickEditBtn {
9520
9657
  color: var(--QuickEdit-iconColor);
@@ -12180,6 +12317,11 @@ fieldset.antd-Collapse--lg:after {
12180
12317
  margin-right: var(--Checkbox-gap);
12181
12318
  }
12182
12319
 
12320
+ .antd-GroupedSelection {
12321
+ max-height: 18.75rem;
12322
+ overflow: auto;
12323
+ user-select: none;
12324
+ }
12183
12325
  .antd-GroupedSelection-group:not(:first-child) > .antd-GroupedSelection-itemLabel {
12184
12326
  border-top: 0.0625rem solid var(--ListMenu-divider-color);
12185
12327
  }
@@ -12490,6 +12632,11 @@ fieldset.antd-Collapse--lg:after {
12490
12632
  font-weight: bold;
12491
12633
  transition: all var(--animation-duration);
12492
12634
  }
12635
+ .antd-Switch .text > svg {
12636
+ width: var(--fontSizeSm);
12637
+ height: var(--fontSizeSm);
12638
+ margin-top: calc((var(--Switch-height) - var(--fontSizeSm)) / 2);
12639
+ }
12493
12640
  .antd-Switch .slider:before {
12494
12641
  content: "";
12495
12642
  position: absolute;
@@ -14214,15 +14361,15 @@ td.rdtQuarter.rdtDisabled > span {
14214
14361
  outline: none;
14215
14362
  }
14216
14363
  .antd-FileControl-selectBtn {
14217
- display: flex;
14364
+ display: inline-flex;
14218
14365
  align-items: center;
14366
+ margin-right: 10px;
14219
14367
  }
14220
14368
  .antd-FileControl-selectBtn > svg {
14221
14369
  width: 0.875rem;
14222
14370
  height: 0.875rem;
14223
14371
  }
14224
14372
  .antd-FileControl-description {
14225
- margin-left: 10px;
14226
14373
  color: #999;
14227
14374
  font-size: 12px;
14228
14375
  }
@@ -56,6 +56,7 @@
56
56
  --borderWidth: 0.0625rem;
57
57
  --fontWeightNormal: 400;
58
58
  --fontWeightBase: var(--fontWeightNormal);
59
+ --fontWeightMd: 500;
59
60
  --fontWeightBold: 700;
60
61
  --background: var(--white);
61
62
  --code-color: var(--danger);
@@ -373,6 +374,14 @@
373
374
  --Calendar-shortcuts-bg: transparent;
374
375
  --Calendar-shortcuts-height: 1.875rem;
375
376
  --Calendar-wLabel-color: #999;
377
+ --Calendar-icon-bottom: -0.25rem;
378
+ --Calendar-icon-width: 0.625rem;
379
+ --Calendar-icon-height: 0.625rem;
380
+ --Calendar-borderWidth: 0.0625rem;
381
+ --Calendar-rdt-day: 6.25rem;
382
+ --Calendar-schedule-content-padding: 0 0.25rem;
383
+ --Calendar-schedule-content-height: 1.25rem;
384
+ --Calendar-schedule-content-color: #fff;
376
385
  --Card-actions-borderColor: #dfe2e6;
377
386
  --Card-actions-fontSize: var(--fontSizeBase);
378
387
  --Card-actions-onChecked-onHover-bg: #c2ecf9;
@@ -383,6 +392,7 @@
383
392
  --Card-borderColor: var(--borderColor);
384
393
  --Card-borderRadius: var(--borderRadius);
385
394
  --Card-borderWidth: var(--borderWidth);
395
+ --Card-secondary-color: #83868c;
386
396
  --Card-onChecked-bg: #d9f3fb;
387
397
  --Card-onChecked-borderColor: #abe4f6;
388
398
  --Card-onChecked-color: #20b9e8;
@@ -996,8 +1006,8 @@
996
1006
  --PickerColumns-title-lineHeight: 1.5;
997
1007
  --PickerColumns-action-padding: 0 var(--gap-sm);
998
1008
  --PickerColumns-action-fontSize: var(--fontSizeMd);
999
- --PickerColumns-confirmAction-color: var(--Button--info-bg);
1000
- --PickerColumns-cancelAction-color: var(--Button--light-bg);
1009
+ --PickerColumns-confirmAction-color: rgba(64, 64, 64, 0.85);
1010
+ --PickerColumns-cancelAction-color: rgba(128, 128, 128, 0.85);
1001
1011
  --PickerColumns-option-fontSize: var(--fontSizeLg);
1002
1012
  --PickerColumns-optionText-color: var(--text-color);
1003
1013
  --PickerColumns-optionDisabled-opacity: 0.3;
@@ -4599,13 +4609,9 @@ input[type=button].antd-Button--block {
4599
4609
  position: relative;
4600
4610
  background-color: var(--PickerColumns-bg);
4601
4611
  user-select: none;
4602
- }
4603
- .antd-PickerColumns-popOver {
4604
- position: fixed;
4605
- bottom: 0;
4606
- left: 0;
4607
- width: 100%;
4608
- padding: 0 var(--gap-sm);
4612
+ flex: 1;
4613
+ overflow: hidden;
4614
+ font-size: var(--PickerColumns-option-fontSize);
4609
4615
  }
4610
4616
  .antd-PickerColumns-toolbar {
4611
4617
  display: flex;
@@ -4624,6 +4630,9 @@ input[type=button].antd-Button--block {
4624
4630
  .antd-PickerColumns-cancel:active, .antd-PickerColumns-confirm:active {
4625
4631
  opacity: 0.7;
4626
4632
  }
4633
+ .antd-PickerColumns-cancel:hover, .antd-PickerColumns-confirm:hover {
4634
+ background-color: none !important;
4635
+ }
4627
4636
  .antd-PickerColumns-confirm {
4628
4637
  color: var(--PickerColumns-confirmAction-color);
4629
4638
  }
@@ -4665,6 +4674,17 @@ input[type=button].antd-Button--block {
4665
4674
  transform: translateY(-50%);
4666
4675
  pointer-events: none;
4667
4676
  }
4677
+ .antd-PickerColumns-frame::after {
4678
+ position: absolute;
4679
+ content: "";
4680
+ border-bottom: 1px solid var(--borderColor);
4681
+ border-top: 1px solid var(--borderColor);
4682
+ top: -50%;
4683
+ right: -50%;
4684
+ left: -50%;
4685
+ bottom: -50%;
4686
+ transform: scale(0.5);
4687
+ }
4668
4688
  .antd-PickerColumns-mask {
4669
4689
  position: absolute;
4670
4690
  top: 0;
@@ -4678,11 +4698,6 @@ input[type=button].antd-Button--block {
4678
4698
  transform: translateZ(0);
4679
4699
  pointer-events: none;
4680
4700
  }
4681
- .antd-PickerColumns-column {
4682
- flex: 1;
4683
- overflow: hidden;
4684
- font-size: var(--PickerColumns-option-fontSize);
4685
- }
4686
4701
  .antd-PickerColumns-columnWrapper {
4687
4702
  margin: 0;
4688
4703
  padding: 0;
@@ -5648,7 +5663,7 @@ input[type=button].antd-Button--block {
5648
5663
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a {
5649
5664
  color: var(--Nav-item-onActive-color);
5650
5665
  position: relative;
5651
- background: var(--Nav-item-onActive-bg);
5666
+ background: var(--Nav-item-onActive-bg) !important;
5652
5667
  }
5653
5668
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a::after {
5654
5669
  transform: scaleY(1);
@@ -9345,8 +9360,9 @@ input[type=button].antd-Button--block {
9345
9360
  cursor: pointer;
9346
9361
  }
9347
9362
  .antd-Card-title {
9348
- color: var(--text--loud-color);
9363
+ color: var(--text-color);
9349
9364
  font-size: var(--fontSizeMd);
9365
+ font-weight: var(--fontWeightMd);
9350
9366
  white-space: nowrap;
9351
9367
  overflow: hidden;
9352
9368
  text-overflow: ellipsis;
@@ -9364,14 +9380,13 @@ input[type=button].antd-Button--block {
9364
9380
  margin-top: var(--gap-xs);
9365
9381
  }
9366
9382
  .antd-Card-dragBtn {
9383
+ display: inline-block;
9367
9384
  cursor: pointer;
9368
- float: right;
9369
- margin: var(--gap-sm);
9385
+ padding: 0 var(--gap-sm);
9370
9386
  }
9371
9387
  .antd-Card-heading {
9372
9388
  display: flex;
9373
- flex-direction: row;
9374
- padding: var(--gap-sm) var(--gap-base);
9389
+ padding: var(--gap-md);
9375
9390
  flex: 1 0 auto;
9376
9391
  }
9377
9392
  .antd-Card-avtar {
@@ -9395,17 +9410,19 @@ input[type=button].antd-Button--block {
9395
9410
  float: left;
9396
9411
  margin-right: var(--gap-base);
9397
9412
  font-size: var(--fontSizeXl);
9398
- text-transform: uppercase;
9413
+ text-transform: uppercase();
9399
9414
  }
9400
9415
  .antd-Card-meta {
9401
9416
  display: block;
9402
9417
  flex-grow: 1;
9403
9418
  height: 100%;
9404
9419
  position: relative;
9405
- margin-right: var(--gap-md);
9420
+ }
9421
+ .antd-Card-meta + .antd-Card-toolbar {
9422
+ margin-left: var(--gap-md);
9406
9423
  }
9407
9424
  .antd-Card-toolbar {
9408
- margin-right: calc(-1 * var(--gap-base));
9425
+ line-height: normal;
9409
9426
  text-align: right;
9410
9427
  }
9411
9428
  .antd-Card-highlight {
@@ -9414,16 +9431,14 @@ input[type=button].antd-Button--block {
9414
9431
  height: 0.5rem;
9415
9432
  border-radius: 100%;
9416
9433
  display: inline-block;
9417
- position: absolute;
9418
- top: var(--gap-xs);
9419
- right: 0.125rem;
9434
+ margin: 0 var(--gap-sm);
9420
9435
  }
9421
9436
  .antd-Card-body {
9422
- padding: var(--gap-base);
9437
+ padding: var(--gap-md);
9423
9438
  flex: 1 0 auto;
9424
9439
  }
9425
9440
  .antd-Card-heading + .antd-Card-body {
9426
- padding-top: var(--gap-xs);
9441
+ padding-top: 0;
9427
9442
  }
9428
9443
  .antd-Card-field {
9429
9444
  position: relative;
@@ -9448,6 +9463,7 @@ input[type=button].antd-Button--block {
9448
9463
  flex-direction: row;
9449
9464
  width: 100%;
9450
9465
  table-layout: fixed;
9466
+ white-space: nowrap;
9451
9467
  }
9452
9468
  .antd-Card-actions > a {
9453
9469
  background: transparent;
@@ -9515,6 +9531,127 @@ input[type=button].antd-Button--block {
9515
9531
  .is-dragging > .antd-Card {
9516
9532
  opacity: var(--Card-onDragging-opacity);
9517
9533
  }
9534
+ .antd-Card-footer-wrapper {
9535
+ display: flex;
9536
+ align-items: center;
9537
+ justify-content: space-between;
9538
+ }
9539
+ .antd-Card-actions-wrapper {
9540
+ flex: 1;
9541
+ display: flex;
9542
+ align-items: center;
9543
+ justify-content: flex-end;
9544
+ flex-wrap: wrap;
9545
+ }
9546
+ .antd-Card-checkbox {
9547
+ margin: 0 var(--gap-sm) !important;
9548
+ }
9549
+ .antd-Card-secondary {
9550
+ max-width: 12.5rem;
9551
+ color: var(--Card-secondary-color);
9552
+ padding: 0 var(--gap-md);
9553
+ font-size: var(--fontSizeMd);
9554
+ font-weight: var(--fontWeightBase);
9555
+ white-space: nowrap;
9556
+ overflow: hidden;
9557
+ text-overflow: ellipsis;
9558
+ }
9559
+ .antd-Card-secondary + .antd-Card-actions-wrapper .antd-Card-actions {
9560
+ margin-left: unset;
9561
+ border: none;
9562
+ width: unset;
9563
+ }
9564
+ .antd-Card-secondary + .antd-Card-actions-wrapper .antd-Card-actions > a {
9565
+ border: none;
9566
+ }
9567
+ .antd-Card-multiMedia--top .antd-Card-actions-wrapper .antd-Card-actions, .antd-Card-multiMedia--bottom .antd-Card-actions-wrapper .antd-Card-actions, .antd-Card-multiMedia--left .antd-Card-actions-wrapper .antd-Card-actions, .antd-Card-multiMedia--right .antd-Card-actions-wrapper .antd-Card-actions {
9568
+ margin-left: unset;
9569
+ border: none;
9570
+ width: unset;
9571
+ }
9572
+ .antd-Card-multiMedia--top .antd-Card-actions-wrapper .antd-Card-actions > a, .antd-Card-multiMedia--bottom .antd-Card-actions-wrapper .antd-Card-actions > a, .antd-Card-multiMedia--left .antd-Card-actions-wrapper .antd-Card-actions > a, .antd-Card-multiMedia--right .antd-Card-actions-wrapper .antd-Card-actions > a {
9573
+ border: none;
9574
+ }
9575
+ .antd-Card-multiMedia--top {
9576
+ display: block;
9577
+ }
9578
+ .antd-Card-multiMedia--top .antd-Card-multiMedia-img {
9579
+ border-bottom-left-radius: unset;
9580
+ border-bottom-right-radius: unset;
9581
+ }
9582
+ .antd-Card-multiMedia--bottom {
9583
+ display: flex;
9584
+ flex-direction: column-reverse;
9585
+ }
9586
+ .antd-Card-multiMedia--bottom .antd-Card-actions {
9587
+ border-bottom: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
9588
+ }
9589
+ .antd-Card-multiMedia--bottom .antd-Card-multiMedia-img {
9590
+ border-top-left-radius: unset;
9591
+ border-top-right-radius: unset;
9592
+ }
9593
+ .antd-Card-multiMedia--top .antd-Card-body, .antd-Card-multiMedia--bottom .antd-Card-body {
9594
+ padding-bottom: var(--gap-md);
9595
+ }
9596
+ .antd-Card-multiMedia--left {
9597
+ display: flex;
9598
+ align-items: center;
9599
+ }
9600
+ .antd-Card-multiMedia--left .antd-Card-actions {
9601
+ margin-left: var(--gap-md);
9602
+ border-left: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
9603
+ }
9604
+ .antd-Card-multiMedia--left .antd-Card-multiMedia-img,
9605
+ .antd-Card-multiMedia--left .antd-Card-multiMedia-video {
9606
+ margin: var(--gap-md) 0 var(--gap-md) var(--gap-md);
9607
+ }
9608
+ .antd-Card-multiMedia--right {
9609
+ display: flex;
9610
+ align-items: center;
9611
+ justify-content: space-between;
9612
+ flex-direction: row-reverse;
9613
+ }
9614
+ .antd-Card-multiMedia--right .antd-Card-actions {
9615
+ margin-right: var(--gap-md);
9616
+ border-right: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
9617
+ }
9618
+ .antd-Card-multiMedia--right .antd-Card-multiMedia-img,
9619
+ .antd-Card-multiMedia--right .antd-Card-multiMedia-video {
9620
+ margin: var(--gap-md) var(--gap-md) var(--gap-md) 0;
9621
+ }
9622
+ .antd-Card-multiMedia-flex {
9623
+ flex: 1;
9624
+ display: flex;
9625
+ flex-direction: column;
9626
+ justify-content: center;
9627
+ }
9628
+ .antd-Card-multiMedia-img {
9629
+ display: block;
9630
+ width: 100%;
9631
+ height: auto;
9632
+ object-fit: cover;
9633
+ border-radius: var(--Card-borderRadius);
9634
+ }
9635
+ .antd-Card-multiMedia-video {
9636
+ width: 11.25rem;
9637
+ height: 7.5rem;
9638
+ }
9639
+ .antd-Card-multiMedia-video .antd-Video {
9640
+ width: 100%;
9641
+ height: 100%;
9642
+ min-width: unset;
9643
+ border-radius: var(--Card-borderRadius);
9644
+ overflow: hidden;
9645
+ }
9646
+ .antd-Card-multiMedia-video .antd-Video .antd-Video-player {
9647
+ width: 100%;
9648
+ height: 100%;
9649
+ }
9650
+ .antd-Card-multiMedia-video .antd-Video .antd-Video-player .video-react {
9651
+ width: 100%;
9652
+ height: 100%;
9653
+ padding-top: unset !important;
9654
+ }
9518
9655
 
9519
9656
  .antd-Field-quickEditBtn {
9520
9657
  color: var(--QuickEdit-iconColor);
@@ -12180,6 +12317,11 @@ fieldset.antd-Collapse--lg:after {
12180
12317
  margin-right: var(--Checkbox-gap);
12181
12318
  }
12182
12319
 
12320
+ .antd-GroupedSelection {
12321
+ max-height: 18.75rem;
12322
+ overflow: auto;
12323
+ user-select: none;
12324
+ }
12183
12325
  .antd-GroupedSelection-group:not(:first-child) > .antd-GroupedSelection-itemLabel {
12184
12326
  border-top: 0.0625rem solid var(--ListMenu-divider-color);
12185
12327
  }
@@ -12490,6 +12632,11 @@ fieldset.antd-Collapse--lg:after {
12490
12632
  font-weight: bold;
12491
12633
  transition: all var(--animation-duration);
12492
12634
  }
12635
+ .antd-Switch .text > svg {
12636
+ width: var(--fontSizeSm);
12637
+ height: var(--fontSizeSm);
12638
+ margin-top: calc((var(--Switch-height) - var(--fontSizeSm)) / 2);
12639
+ }
12493
12640
  .antd-Switch .slider:before {
12494
12641
  content: "";
12495
12642
  position: absolute;
@@ -14214,15 +14361,15 @@ td.rdtQuarter.rdtDisabled > span {
14214
14361
  outline: none;
14215
14362
  }
14216
14363
  .antd-FileControl-selectBtn {
14217
- display: flex;
14364
+ display: inline-flex;
14218
14365
  align-items: center;
14366
+ margin-right: 10px;
14219
14367
  }
14220
14368
  .antd-FileControl-selectBtn > svg {
14221
14369
  width: 0.875rem;
14222
14370
  height: 0.875rem;
14223
14371
  }
14224
14372
  .antd-FileControl-description {
14225
- margin-left: 10px;
14226
14373
  color: #999;
14227
14374
  font-size: 12px;
14228
14375
  }