@teselagen/ove 0.5.31-beta.3 → 0.5.32-beta.1

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/style.css CHANGED
@@ -9085,257 +9085,6 @@ button:not(:disabled):active {
9085
9085
  .rg-celleditor input {
9086
9086
  border: none;
9087
9087
  }
9088
- .tg-flex-form-content .bp3-form-content {
9089
- display: flex;
9090
- }
9091
-
9092
- .error-popover {
9093
- margin: 5px;
9094
- color: red;
9095
- }
9096
-
9097
- .te-file-upload-input {
9098
- min-width: 140px;
9099
- }
9100
-
9101
- .ant-upload.ant-upload-drag {
9102
- border-width: 2px;
9103
- }
9104
-
9105
- .tg-upload-inner {
9106
- margin: 10px;
9107
- display: flex;
9108
- flex-direction: column;
9109
- align-items: center;
9110
- font-size: 16px;
9111
- }
9112
- .tg-dropzone.tg-dropzone-minimal {
9113
- height: 30px !important;
9114
- width: fit-content !important;
9115
- }
9116
- .tg-dropzone-minimal .tg-upload-inner {
9117
- flex-direction: row;
9118
- margin: 4px;
9119
- }
9120
- .tg-dropzone-minimal .bp3-icon {
9121
- flex-direction: row;
9122
- margin-right: 5px;
9123
- }
9124
-
9125
- .tg-hide-drop-target .ant-upload.ant-upload-drag {
9126
- display: none;
9127
- }
9128
-
9129
- .tg-dropzone {
9130
- width: 100% !important;
9131
- height: 100% !important;
9132
- border-width: 2px;
9133
- border-color: #d9d9d9;
9134
- border-style: dashed;
9135
- border-radius: 5px;
9136
- cursor: pointer;
9137
- transition: all 1s;
9138
- }
9139
- .tg-dropzone:hover {
9140
- border-color: rgb(91, 157, 211);
9141
- }
9142
- .tg-dropzone-active {
9143
- border-color: rgb(91, 157, 211);
9144
- }
9145
- .tg-dropzone-accept {
9146
- border-color: rgb(123, 214, 150);
9147
- }
9148
- .tg-dropzone-reject {
9149
- border-color: rgb(91, 157, 211);
9150
- }
9151
- .tg-dropzone-disabled {
9152
- cursor: not-allowed;
9153
- border-color: rgb(136, 133, 132) !important;
9154
- opacity: 0.8;
9155
- }
9156
- .tg-upload-file-list-item {
9157
- display: flex;
9158
- justify-content: space-between;
9159
- margin: 2px;
9160
- border-radius: 3px;
9161
- padding: 2px;
9162
- }
9163
- .tg-upload-file-list-item:hover {
9164
- background: rgb(215, 238, 255);
9165
- }
9166
- .clickableIcon {
9167
- cursor: pointer;
9168
- }
9169
- .clickableIcon:hover {
9170
- opacity: 0.7;
9171
- }
9172
-
9173
- .tg-upload-file-list-item a {
9174
- display: block;
9175
- white-space: nowrap;
9176
- overflow: hidden;
9177
- text-overflow: ellipsis;
9178
- }
9179
-
9180
- .tg-upload-file-list-item-overflow {
9181
- overflow: auto;
9182
- height: 150px;
9183
- }
9184
-
9185
- .tg-upload-file-list-counter {
9186
- position: absolute;
9187
- padding: 5px;
9188
- }
9189
-
9190
- .tg-spin {
9191
- animation-name: spin;
9192
- animation-duration: 1500ms;
9193
- animation-iteration-count: infinite;
9194
- animation-timing-function: linear;
9195
- }
9196
- @keyframes spin {
9197
- from {
9198
- transform: rotate(0deg);
9199
- }
9200
- to {
9201
- transform: rotate(360deg);
9202
- }
9203
- }
9204
-
9205
- /* .Select-multi-value-wrapper {
9206
- max-height: 100px;
9207
- overflow: scroll;
9208
- } */
9209
-
9210
- /* dark styles */
9211
- .bp3-dark .Select.is-open > .Select-control,
9212
- .bp3-dark .Select-control,
9213
- .bp3-dark .Select.is-disabled > .Select-control {
9214
- background: rgba(16, 22, 26, 0.3);
9215
- box-shadow:
9216
- 0 0 0 0 rgba(19, 124, 189, 0),
9217
- 0 0 0 0 rgba(19, 124, 189, 0),
9218
- 0 0 0 0 rgba(19, 124, 189, 0),
9219
- inset 0 0 0 1px rgba(16, 22, 26, 0.3),
9220
- inset 0 1px 1px rgba(16, 22, 26, 0.4);
9221
- background: rgba(16, 22, 26, 0.3);
9222
- color: #f5f8fa;
9223
- }
9224
-
9225
- .bp3-dark .Select.is-focused:not(.is-open) > .Select-control {
9226
- background: rgba(16, 22, 26, 0.3);
9227
- color: #f5f8fa;
9228
- }
9229
-
9230
- .bp3-dark .Select-placeholder,
9231
- .bp3-dark .Select--single > .Select-control .Select-value {
9232
- color: rgb(191, 204, 214, 0.5); /*#bfccd6*/
9233
- }
9234
-
9235
- .bp3-dark .Select-control {
9236
- border: none !important;
9237
- }
9238
-
9239
- .bp3-dark
9240
- .Select.has-value.Select--single
9241
- > .Select-control
9242
- .Select-value
9243
- .Select-value-label,
9244
- .bp3-dark
9245
- .Select.has-value.is-pseudo-focused.Select--single
9246
- > .Select-control
9247
- .Select-value
9248
- .Select-value-label,
9249
- .bp3-dark .Select-option.is-selected {
9250
- color: #f5f8fa;
9251
- }
9252
-
9253
- .bp3-dark .Select-option {
9254
- background: #30404d;
9255
- color: #f5f8fa;
9256
- }
9257
-
9258
- .bp3-dark .Select-menu-outer {
9259
- border: 1px solid #26738cb0;
9260
- background: #202b33;
9261
- }
9262
-
9263
- .bp3-dark .Select-option.is-focused {
9264
- background: rgba(0, 126, 255, 0.08);
9265
- color: #f5f8fa;
9266
- }
9267
-
9268
- .bp3-dark .tg-upload-file-list-item:hover {
9269
- background: #26738cb0;
9270
- }
9271
-
9272
- .tg-tooltipError .bp3-popover-wrapper {
9273
- width: 100%;
9274
- }
9275
-
9276
- .tg-no-fill-field {
9277
- display: table !important;
9278
- }
9279
-
9280
- .item-upload-container {
9281
- padding: 5px;
9282
- width: 290px;
9283
- }
9284
-
9285
- .item-upload {
9286
- display: flex;
9287
- justify-content: space-between;
9288
- align-items: center;
9289
- }
9290
-
9291
- /* .bp3-control {
9292
- display: flex;
9293
- align-items: center;
9294
- } */
9295
-
9296
- .bp3-form-group.bp3-inline .bp3-form-content {
9297
- flex: 1;
9298
- }
9299
-
9300
- .bp3-dark input {
9301
- color: #f5f8fa;
9302
- }
9303
-
9304
- .tg-no-fill-field .bp3-checkbox {
9305
- display: flex;
9306
- align-items: center;
9307
- }
9308
-
9309
- .bp3-form-group .info-helper-wrapper:not(.info-helper-wrapper-noMarginTop) {
9310
- margin-top: -9px !important;
9311
- }
9312
-
9313
- .generateDefaultDot {
9314
- cursor: pointer;
9315
- border-radius: 50%;
9316
- background: #ffca00;
9317
- box-shadow: 0px 0px 2px black;
9318
- height: 8px;
9319
- width: 8px;
9320
- }
9321
- .bp3-dark .generateDefaultDot {
9322
- background: yellow;
9323
- }
9324
-
9325
- .bp3-label {
9326
- font-size: 13px;
9327
- font-weight: 600;
9328
- }
9329
-
9330
- :not(.no-inline-label-margins).bp3-inline .bp3-label {
9331
- /* text-align: right; */
9332
- padding-right: 20px;
9333
- min-width: 100px;
9334
- }
9335
-
9336
- .bp3-dark .tg-color-picker-selector input {
9337
- color: #222222;
9338
- }
9339
9088
  .tg-select {
9340
9089
  width: 100%;
9341
9090
  min-width: 170px;
@@ -10012,6 +9761,257 @@ body:not(.drag-active)
10012
9761
  display: flex;
10013
9762
  flex-direction: column;
10014
9763
  }
9764
+ .tg-flex-form-content .bp3-form-content {
9765
+ display: flex;
9766
+ }
9767
+
9768
+ .error-popover {
9769
+ margin: 5px;
9770
+ color: red;
9771
+ }
9772
+
9773
+ .te-file-upload-input {
9774
+ min-width: 140px;
9775
+ }
9776
+
9777
+ .ant-upload.ant-upload-drag {
9778
+ border-width: 2px;
9779
+ }
9780
+
9781
+ .tg-upload-inner {
9782
+ margin: 10px;
9783
+ display: flex;
9784
+ flex-direction: column;
9785
+ align-items: center;
9786
+ font-size: 16px;
9787
+ }
9788
+ .tg-dropzone.tg-dropzone-minimal {
9789
+ height: 30px !important;
9790
+ width: fit-content !important;
9791
+ }
9792
+ .tg-dropzone-minimal .tg-upload-inner {
9793
+ flex-direction: row;
9794
+ margin: 4px;
9795
+ }
9796
+ .tg-dropzone-minimal .bp3-icon {
9797
+ flex-direction: row;
9798
+ margin-right: 5px;
9799
+ }
9800
+
9801
+ .tg-hide-drop-target .ant-upload.ant-upload-drag {
9802
+ display: none;
9803
+ }
9804
+
9805
+ .tg-dropzone {
9806
+ width: 100% !important;
9807
+ height: 100% !important;
9808
+ border-width: 2px;
9809
+ border-color: #d9d9d9;
9810
+ border-style: dashed;
9811
+ border-radius: 5px;
9812
+ cursor: pointer;
9813
+ transition: all 1s;
9814
+ }
9815
+ .tg-dropzone:hover {
9816
+ border-color: rgb(91, 157, 211);
9817
+ }
9818
+ .tg-dropzone-active {
9819
+ border-color: rgb(91, 157, 211);
9820
+ }
9821
+ .tg-dropzone-accept {
9822
+ border-color: rgb(123, 214, 150);
9823
+ }
9824
+ .tg-dropzone-reject {
9825
+ border-color: rgb(91, 157, 211);
9826
+ }
9827
+ .tg-dropzone-disabled {
9828
+ cursor: not-allowed;
9829
+ border-color: rgb(136, 133, 132) !important;
9830
+ opacity: 0.8;
9831
+ }
9832
+ .tg-upload-file-list-item {
9833
+ display: flex;
9834
+ justify-content: space-between;
9835
+ margin: 2px;
9836
+ border-radius: 3px;
9837
+ padding: 2px;
9838
+ }
9839
+ .tg-upload-file-list-item:hover {
9840
+ background: rgb(215, 238, 255);
9841
+ }
9842
+ .clickableIcon {
9843
+ cursor: pointer;
9844
+ }
9845
+ .clickableIcon:hover {
9846
+ opacity: 0.7;
9847
+ }
9848
+
9849
+ .tg-upload-file-list-item a {
9850
+ display: block;
9851
+ white-space: nowrap;
9852
+ overflow: hidden;
9853
+ text-overflow: ellipsis;
9854
+ }
9855
+
9856
+ .tg-upload-file-list-item-overflow {
9857
+ overflow: auto;
9858
+ height: 150px;
9859
+ }
9860
+
9861
+ .tg-upload-file-list-counter {
9862
+ position: absolute;
9863
+ padding: 5px;
9864
+ }
9865
+
9866
+ .tg-spin {
9867
+ animation-name: spin;
9868
+ animation-duration: 1500ms;
9869
+ animation-iteration-count: infinite;
9870
+ animation-timing-function: linear;
9871
+ }
9872
+ @keyframes spin {
9873
+ from {
9874
+ transform: rotate(0deg);
9875
+ }
9876
+ to {
9877
+ transform: rotate(360deg);
9878
+ }
9879
+ }
9880
+
9881
+ /* .Select-multi-value-wrapper {
9882
+ max-height: 100px;
9883
+ overflow: scroll;
9884
+ } */
9885
+
9886
+ /* dark styles */
9887
+ .bp3-dark .Select.is-open > .Select-control,
9888
+ .bp3-dark .Select-control,
9889
+ .bp3-dark .Select.is-disabled > .Select-control {
9890
+ background: rgba(16, 22, 26, 0.3);
9891
+ box-shadow:
9892
+ 0 0 0 0 rgba(19, 124, 189, 0),
9893
+ 0 0 0 0 rgba(19, 124, 189, 0),
9894
+ 0 0 0 0 rgba(19, 124, 189, 0),
9895
+ inset 0 0 0 1px rgba(16, 22, 26, 0.3),
9896
+ inset 0 1px 1px rgba(16, 22, 26, 0.4);
9897
+ background: rgba(16, 22, 26, 0.3);
9898
+ color: #f5f8fa;
9899
+ }
9900
+
9901
+ .bp3-dark .Select.is-focused:not(.is-open) > .Select-control {
9902
+ background: rgba(16, 22, 26, 0.3);
9903
+ color: #f5f8fa;
9904
+ }
9905
+
9906
+ .bp3-dark .Select-placeholder,
9907
+ .bp3-dark .Select--single > .Select-control .Select-value {
9908
+ color: rgb(191, 204, 214, 0.5); /*#bfccd6*/
9909
+ }
9910
+
9911
+ .bp3-dark .Select-control {
9912
+ border: none !important;
9913
+ }
9914
+
9915
+ .bp3-dark
9916
+ .Select.has-value.Select--single
9917
+ > .Select-control
9918
+ .Select-value
9919
+ .Select-value-label,
9920
+ .bp3-dark
9921
+ .Select.has-value.is-pseudo-focused.Select--single
9922
+ > .Select-control
9923
+ .Select-value
9924
+ .Select-value-label,
9925
+ .bp3-dark .Select-option.is-selected {
9926
+ color: #f5f8fa;
9927
+ }
9928
+
9929
+ .bp3-dark .Select-option {
9930
+ background: #30404d;
9931
+ color: #f5f8fa;
9932
+ }
9933
+
9934
+ .bp3-dark .Select-menu-outer {
9935
+ border: 1px solid #26738cb0;
9936
+ background: #202b33;
9937
+ }
9938
+
9939
+ .bp3-dark .Select-option.is-focused {
9940
+ background: rgba(0, 126, 255, 0.08);
9941
+ color: #f5f8fa;
9942
+ }
9943
+
9944
+ .bp3-dark .tg-upload-file-list-item:hover {
9945
+ background: #26738cb0;
9946
+ }
9947
+
9948
+ .tg-tooltipError .bp3-popover-wrapper {
9949
+ width: 100%;
9950
+ }
9951
+
9952
+ .tg-no-fill-field {
9953
+ display: table !important;
9954
+ }
9955
+
9956
+ .item-upload-container {
9957
+ padding: 5px;
9958
+ width: 290px;
9959
+ }
9960
+
9961
+ .item-upload {
9962
+ display: flex;
9963
+ justify-content: space-between;
9964
+ align-items: center;
9965
+ }
9966
+
9967
+ /* .bp3-control {
9968
+ display: flex;
9969
+ align-items: center;
9970
+ } */
9971
+
9972
+ .bp3-form-group.bp3-inline .bp3-form-content {
9973
+ flex: 1;
9974
+ }
9975
+
9976
+ .bp3-dark input {
9977
+ color: #f5f8fa;
9978
+ }
9979
+
9980
+ .tg-no-fill-field .bp3-checkbox {
9981
+ display: flex;
9982
+ align-items: center;
9983
+ }
9984
+
9985
+ .bp3-form-group .info-helper-wrapper:not(.info-helper-wrapper-noMarginTop) {
9986
+ margin-top: -9px !important;
9987
+ }
9988
+
9989
+ .generateDefaultDot {
9990
+ cursor: pointer;
9991
+ border-radius: 50%;
9992
+ background: #ffca00;
9993
+ box-shadow: 0px 0px 2px black;
9994
+ height: 8px;
9995
+ width: 8px;
9996
+ }
9997
+ .bp3-dark .generateDefaultDot {
9998
+ background: yellow;
9999
+ }
10000
+
10001
+ .bp3-label {
10002
+ font-size: 13px;
10003
+ font-weight: 600;
10004
+ }
10005
+
10006
+ :not(.no-inline-label-margins).bp3-inline .bp3-label {
10007
+ /* text-align: right; */
10008
+ padding-right: 20px;
10009
+ min-width: 100px;
10010
+ }
10011
+
10012
+ .bp3-dark .tg-color-picker-selector input {
10013
+ color: #222222;
10014
+ }
10015
10015
  .dna-loader {
10016
10016
  display: inline-block;
10017
10017
  position: relative;