omnia-sass 3.5.89 → 3.5.101

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.
@@ -1,3 +1,4 @@
1
+ // SHARED Components
1
2
  // Global
2
3
  $white: #fff !default;
3
4
  $gray-100: #f8f9fa !default;
@@ -8352,14 +8353,6 @@ a.close.disabled {
8352
8353
 
8353
8354
 
8354
8355
  /* latin */
8355
-
8356
- @font-face {
8357
- font-family: 'Exo 2';
8358
- font-style: normal;
8359
- font-weight: 400;
8360
- src: local('Exo 2'), local('Exo2-Regular'), url(./fonts/Exo2-Regular.ttf) format('truetype');
8361
- }
8362
-
8363
8356
  body {
8364
8357
  background-color: $body-bg !important;
8365
8358
  font-family: -apple-system, BlinkMacSystemFont, 'Exo 2', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
@@ -11290,9 +11283,7 @@ table .checkmark {
11290
11283
  }
11291
11284
 
11292
11285
 
11293
-
11294
11286
  // SHARED Pages
11295
-
11296
11287
  .page-not-found {
11297
11288
  text-align: center;
11298
11289
  .title {
@@ -11311,10 +11302,6 @@ table .checkmark {
11311
11302
  }
11312
11303
 
11313
11304
  .small-content-page {
11314
- background: url(/public/img/omnia_bg.png) no-repeat;
11315
- background-position: center;
11316
- background-repeat: no-repeat;
11317
- background-size: cover;
11318
11305
  min-height: 100vh;
11319
11306
  height: 100%;
11320
11307
  padding: 2.5rem;
@@ -11380,519 +11367,8 @@ table .checkmark {
11380
11367
  }
11381
11368
 
11382
11369
 
11383
- // MANAGEMENT
11384
-
11385
- .client-secret-window-body {
11386
- label {
11387
- margin: 0;
11388
- }
11389
- .form-field {
11390
- padding: 0;
11391
- }
11392
- }
11393
-
11394
-
11395
- //
11396
- // From: https://www.w3schools.com/howto/howto_css_switch.asp
11397
- //
11398
- // The feature-toggler - the box around the slider
11399
- .feature-toggler {
11400
- position: relative;
11401
- display: inline-block;
11402
- width: 60px;
11403
- height: 28px;
11404
- }
11405
-
11406
- // Hide default HTML checkbox
11407
- .feature-toggler input {
11408
- opacity: 0;
11409
- width: 0;
11410
- height: 0;
11411
- }
11412
-
11413
- // The slider
11414
- .feature-toggler-slider {
11415
- position: absolute;
11416
- cursor: pointer;
11417
- top: 0;
11418
- left: 0;
11419
- right: 0;
11420
- bottom: 0;
11421
- background-color: $gray-300;
11422
- -webkit-transition: 0.4s;
11423
- transition: 0.4s;
11424
- }
11425
-
11426
- .feature-toggler-slider:before {
11427
- position: absolute;
11428
- content: '';
11429
- height: 22px;
11430
- width: 22px;
11431
- left: 3px;
11432
- bottom: 3px;
11433
- background-color: white;
11434
- -webkit-transition: 0.4s;
11435
- transition: 0.4s;
11436
- }
11437
-
11438
- input:checked + .feature-toggler-slider {
11439
- background-color: $primary;
11440
- }
11441
-
11442
- input:focus + .feature-toggler-slider {
11443
- box-shadow: 0 0 4px $gray-600;
11444
- }
11445
-
11446
- input:checked + .feature-toggler-slider:before {
11447
- -webkit-transform: translateX(26px);
11448
- -ms-transform: translateX(26px);
11449
- transform: translateX(26px);
11450
- }
11451
-
11452
- // Rounded sliders
11453
- .feature-toggler-slider.feature-toggler-round {
11454
- border-radius: 28px;
11455
- }
11456
-
11457
- .feature-toggler-slider.feature-toggler-round:before {
11458
- border-radius: 50%;
11459
- }
11460
-
11461
-
11462
- // MODELER
11463
- .graph-visualizer {
11464
- width: 100%;
11465
- border: 1px solid $gray-300;
11466
- .node {
11467
- &:hover {
11468
- cursor: pointer;
11469
- }
11470
- > :first-child {
11471
- stroke: $primary;
11472
- fill: #fff;
11473
- }
11474
- &.initial-state {
11475
- > :first-child {
11476
- stroke: $primary;
11477
- fill: $info;
11478
- }
11479
- .label {
11480
- fill: white;
11481
- }
11482
- }
11483
- }
11484
- .edgePath path {
11485
- stroke: $secondary;
11486
- fill: $secondary;
11487
- stroke-width: 1px;
11488
- }
11489
- &:hover {
11490
- cursor: grab;
11491
- }
11492
- }
11493
-
11494
- .blog-feed-panel {
11495
- .loader {
11496
- padding: 1.2rem !important;
11497
- }
11498
- .list-group-item {
11499
- padding: 0.25rem 0;
11500
- }
11501
- }
11502
-
11503
- .wizard {
11504
- .modal-footer > .tab-content > .tab-pane > .btn {
11505
- &:not(:last-child) {
11506
- margin-right: 0.25rem;
11507
- }
11508
- &:not(:first-child) {
11509
- margin-left: 0.25rem;
11510
- }
11511
- }
11512
- }
11513
-
11514
- $padding: 0.5rem;
11515
- $editor-sidebar-panel-header-height: 24px;
11516
- $editor-sidebar-tab-header-height: 42px;
11517
-
11518
- .editor-sidebar {
11519
- .nav-tabs {
11520
- display: flex;
11521
- flex-direction: row;
11522
- height: #{$editor-sidebar-tab-header-height};
11523
- .nav-item {
11524
- a {
11525
- text-align: center;
11526
- }
11527
- }
11528
- }
11529
-
11530
- .tab-pane {
11531
- height: 100%;
11532
- }
11533
-
11534
- .tab-content {
11535
- height: calc(100% - #{$editor-sidebar-tab-header-height});
11536
- }
11537
-
11538
- .editor-sidebar-container {
11539
- display: contents;
11540
- .editor-sidebar-panel.properties {
11541
- height: 45%;
11542
- }
11543
-
11544
- .editor-sidebar-header-option {
11545
- width: 100%;
11546
- border-radius: 0;
11547
- overflow-x: hidden;
11548
- text-overflow: ellipsis;
11549
- padding: 0.375rem 0.375rem;
11550
- &.rounded-top-left {
11551
- border-top-left-radius: 0.3rem;
11552
- }
11553
- &.rounded-top-right {
11554
- border-top-right-radius: 0.3rem;
11555
- }
11556
- }
11557
-
11558
- .editor-sidebar-panel {
11559
- border: 1px solid $gray-400;
11560
- display: flex;
11561
- flex-direction: column;
11562
- overflow-y: hidden;
11563
- .static-form-controls {
11564
- display: none;
11565
- }
11566
-
11567
- .editor-sidebar-panel-content {
11568
- overflow-y: auto;
11569
- overflow-x: hidden;
11570
- height: calc(100% - #{$editor-sidebar-tab-header-height});
11571
- .static-form-container {
11572
- padding-bottom: 0;
11573
- }
11574
- }
11575
- }
11576
- }
11577
-
11578
- .overflow-x-hidden {
11579
- overflow-x: hidden;
11580
- }
11581
-
11582
- .panel-content {
11583
- height: calc(100% - #{$editor-sidebar-panel-header-height});
11584
- }
11585
-
11586
- .panel-content-scroll {
11587
- overflow-y: scroll;
11588
- }
11589
-
11590
- .editor-sidebar-options {
11591
- padding-top: $padding;
11592
- }
11593
-
11594
- .editor-sidebar-panel-header {
11595
- background-color: $gray-600;
11596
- color: $gray-100;
11597
- padding-left: 0.5rem;
11598
- height: #{$editor-sidebar-panel-header-height};
11599
- width: 100%;
11600
- }
11601
- }
11602
-
11603
- /* width */
11604
- ::-webkit-scrollbar {
11605
- width: 10px;
11606
- height: 10px;
11607
- }
11608
-
11609
- /* Track */
11610
- ::-webkit-scrollbar-track {
11611
- background: #f1f1f1;
11612
- }
11613
-
11614
- /* Handle */
11615
- ::-webkit-scrollbar-thumb {
11616
- background: #888;
11617
- }
11618
-
11619
- /* Handle on hover */
11620
- ::-webkit-scrollbar-thumb:hover {
11621
- background: #555;
11622
- }
11623
-
11624
- .modeler-homepage-tile {
11625
- .loader {
11626
- padding: 0;
11627
- }
11628
- }
11629
-
11630
- $footerHeight: 50px;
11631
- $advancedEditor-sidebar-container-header-height: 24px;
11632
-
11633
- #form-field-expression {
11634
- height: 50vh !important;
11635
- }
11636
- #form-field-content {
11637
- height: 70vh !important;
11638
- }
11639
-
11640
- .advancedEditor-container {
11641
- overflow-y: scroll;
11642
- height: calc(100vh - #{$footerHeight} - #{$topbar-height} - 40px - 55px - 2px);
11643
-
11644
- .advancedEditor-sidebar-container {
11645
- margin: 0.25rem;
11646
- border: 1px solid $gray-600;
11647
- overflow-x: hidden;
11648
- overflow-y: hidden;
11649
- }
11650
- }
11651
-
11652
- .viewsTree-content {
11653
- overflow-y: auto;
11654
- overflow-x: auto;
11655
- height: 50vh;
11656
- }
11657
-
11658
- .viewNode {
11659
- width: auto;
11660
- white-space: nowrap;
11661
- }
11662
-
11663
- .d-grid {
11664
- display: grid;
11665
- }
11666
-
11667
- .viewsTree-header {
11668
- background-color: $gray-600;
11669
- color: $gray-100;
11670
- padding: 0 0.5rem;
11671
- height: #{$advancedEditor-sidebar-container-header-height};
11672
- width: 100%;
11673
- }
11674
-
11675
- .viewNode-content {
11676
- margin-left: 1rem;
11677
- }
11678
-
11679
- .viewNode-container {
11680
- padding-left: 1rem;
11681
- background-color: $gray-100;
11682
- }
11683
-
11684
- .viewNode-column {
11685
- padding-left: 0.5rem;
11686
- display: flex;
11687
- &:hover {
11688
- background-color: $primary;
11689
- color: $white;
11690
- small {
11691
- color: $white;
11692
- }
11693
- }
11694
- small {
11695
- color: $gray-500;
11696
- padding-left: 0.25rem;
11697
- }
11698
- }
11699
-
11700
- .expand-icon,
11701
- .viewNode-division,
11702
- .viewNode-header {
11703
- &:hover {
11704
- cursor: pointer;
11705
- }
11706
- }
11707
-
11708
- .fit-content {
11709
- height: fit-content;
11710
- }
11711
-
11712
- .viewNode-header {
11713
- width: 100%;
11714
- display: inline-flex;
11715
- &:not(:hover) {
11716
- .table-icon {
11717
- display: none;
11718
- }
11719
- }
11720
- &:hover {
11721
- background-color: $primary;
11722
- color: $white;
11723
- .table-icon {
11724
- display: inline-block;
11725
- }
11726
- }
11727
- }
11728
-
11729
- .viewNode-division {
11730
- background-color: $gray-500;
11731
- color: $gray-100;
11732
- &:hover {
11733
- background-color: $primary;
11734
- color: $white;
11735
- }
11736
- display: flex;
11737
- height: fit-content;
11738
- }
11739
-
11740
- .advancedEditor-testResult {
11741
- width: 100%;
11742
- top: 0;
11743
- }
11744
-
11745
- .advancedEditor-testResultRow {
11746
- margin-right: 0;
11747
- }
11748
-
11749
- .advancedEditor-testResultTable {
11750
- margin-right: 0;
11751
- margin-left: 0;
11752
- }
11753
-
11754
- .advancedEditor-messages {
11755
- width: 100%;
11756
- }
11757
-
11758
- .advancedEditor-footer {
11759
- position: relative;
11760
- bottom: 0;
11761
- height: $footerHeight;
11762
- width: 100%;
11763
- }
11764
-
11765
- .footer-warningMessage {
11766
- align-self: center;
11767
- margin-right: 1rem;
11768
- border: solid $warning;
11769
- border-radius: 1rem;
11770
- padding: 0.1rem 0.5rem 0.1rem !important;
11771
- &:hover {
11772
- cursor: default;
11773
- }
11774
- }
11775
-
11776
- .footer-languageCombo {
11777
- align-items: center;
11778
- span,
11779
- select,
11780
- button {
11781
- color: $gray-600;
11782
- }
11783
- }
11784
-
11785
- #expression_help {
11786
- color: $secondary;
11787
- }
11788
11370
 
11789
- .text-template-editor-result-preview {
11790
- background-color: #e5e5e5;
11791
- padding: 0.5rem;
11792
- border-radius: 3px;
11793
- }
11794
11371
 
11795
- #form-field-template,
11796
- #form-field-parameters {
11797
- border: 1px solid #e5e5e5;
11798
- border-radius: 5px;
11799
- }
11800
-
11801
- .advanced-editor-separator-left {
11802
- border-left: 1px solid #e5e5e5;
11803
- }
11804
-
11805
- .theme-editor-result-preview {
11806
- background-color: #e5e5e5;
11807
- padding: 0.5rem;
11808
- border-radius: 3px;
11809
- }
11810
-
11811
- #form-field-template,
11812
- #form-field-parameters {
11813
- border: 1px solid #e5e5e5;
11814
- border-radius: 5px;
11815
- height: 50vh !important;
11816
- }
11817
-
11818
- #form-field-viewjson {
11819
- border: 1px solid #e5e5e5;
11820
- border-radius: 5px;
11821
- height: calc(100% - 1.5rem) !important;
11822
- }
11823
-
11824
- .advanced-editor-separator-left {
11825
- border-left: 1px solid #e5e5e5;
11826
- }
11827
-
11828
- .omnia-unit-formula-part {
11829
- cursor: pointer;
11830
- }
11831
-
11832
- .omnia-unit-formula-variable {
11833
- opacity: 0.5;
11834
- overflow: hidden;
11835
- line-height: normal;
11836
- -webkit-transition: width 0.25s ease-in;
11837
- -moz-transition: width 0.25s ease-in;
11838
- -o-transition: width 0.25s ease-in;
11839
- transition: width 0.25s ease-in;
11840
- &.omnia-unit-formula-variable-highlighted {
11841
- opacity: 1;
11842
- cursor: pointer;
11843
- &.omnia-unit-formula-variable-highlighted-animated {
11844
- width: 20% !important;
11845
- }
11846
- }
11847
- }
11848
-
11849
- $footerHeight: 50px;
11850
-
11851
- .userinterface-container {
11852
- display: flex;
11853
- overflow: hidden;
11854
- height: calc(100% - #{$footerHeight});
11855
- }
11856
-
11857
- .user-interface-preview {
11858
- padding-top: 3px;
11859
- padding-bottom: 3px;
11860
- overflow-y: scroll;
11861
- height: 100%;
11862
- }
11863
-
11864
- .userinterface-footer {
11865
- position: fixed;
11866
- bottom: 0;
11867
- left: 0;
11868
- height: $footerHeight;
11869
- width: 100%;
11870
- }
11871
-
11872
- .user-interface-modeling-component {
11873
- height: calc(100vh - #{$topbar-height} - #{$breadcrumb-height});
11874
- }
11875
-
11876
- .discount-tab-height{
11877
- height: calc(100vh - #{$topbar-height} - #{$breadcrumb-height} - 42px - 0.5rem) !important;
11878
- }
11879
-
11880
- .propertyInput {
11881
- height: auto;
11882
- padding: 0px;
11883
- border-radius: 0rem;
11884
- width: 100%;
11885
- }
11886
-
11887
- .propertyInput.form-check-input {
11888
- position: relative;
11889
- margin: 0;
11890
- border-radius: 0;
11891
- width: 1rem;
11892
- }
11893
- .editor-sidebar-col {
11894
- padding: 0;
11895
- }
11896
11372
 
11897
11373
  // RUNTIME
11898
11374
 
@@ -12153,46 +11629,3 @@ $history-badge-size: 30px;
12153
11629
  }
12154
11630
 
12155
11631
 
12156
-
12157
- .tenant-selection-page {
12158
- thead,
12159
- .list-records-number {
12160
- display: none;
12161
- }
12162
-
12163
- .list-footer {
12164
- background-color: transparent;
12165
- border: none;
12166
- padding: 0.5rem 0 0 0;
12167
- }
12168
-
12169
- .table {
12170
- border: none;
12171
- }
12172
-
12173
- td {
12174
- padding: 0.25rem 0;
12175
-
12176
- button {
12177
- padding: 0;
12178
- font-size: 1.1rem;
12179
- }
12180
-
12181
- small {
12182
- font-size: $font-size-sm;
12183
- }
12184
- }
12185
-
12186
- tbody td {
12187
- font-size: 125%;
12188
- }
12189
-
12190
- .table-bordered td {
12191
- border-top: none;
12192
- border-right: none;
12193
- border-left: none;
12194
- }
12195
- }
12196
-
12197
-
12198
-
package/package.json CHANGED
@@ -5,19 +5,20 @@
5
5
  "scripts": {
6
6
  "build": "scss-bundle -c scss-bundle.config.json",
7
7
  "test": "echo ok",
8
- "pack": "yarn pack"
8
+ "pack": "yarn pack",
9
+ "clean": "rimraf dist && rimraf omnia-low-code-omnia-sass*.tgz"
9
10
  },
10
11
  "devDependencies": {
11
- "@omnia-low-code/web-app": "^3.5.89",
12
+ "@omnia-low-code/runtime-web-app": "^3.5.101",
12
13
  "scss-bundle": "3.1.2"
13
14
  },
14
15
  "workspaces": {
15
16
  "nohoist": [
16
- "*@omnia-low-code/web-app*",
17
- "*@omnia-low-code/web-app*/**"
17
+ "*@omnia-low-code/runtime-web-app*",
18
+ "*@omnia-low-code/runtime-web-app*/**"
18
19
  ]
19
20
  },
20
- "version": "3.5.89",
21
+ "version": "3.5.101",
21
22
  "author": "",
22
23
  "license": "MIT"
23
24
  }