flexlayout-react 0.5.17 → 0.5.21

package/style/_base.scss

@@ -8,6 +8,21 @@
 
 .flexlayout {
     &__layout {
+        --color-text: #{$color_text};
+        --color-background: #{$color_background};
+        --color-base: #{$color_base};
+        --color-1: #{$color_1};
+        --color-2: #{$color_2};
+        --color-3: #{$color_3};
+        --color-4: #{$color_4};
+        --color-5: #{$color_5};
+        --color-6: #{$color_6};
+        --color-drag1: #{$color_drag1};
+        --color-drag2: #{$color_drag2};
+        
+        --font-size: #{$font-size};
+        --font-family: #{$font-family};
+
         @include absoluteFill;
         overflow: hidden;
     }
@@ -17,6 +32,8 @@
 
         @media (hover: hover) {
             &:hover {
+                transition: background-color ease-in .1s;
+                transition-delay: 0.05s;
                 @include splitter_hover_mixin;
             }
         }
@@ -37,14 +54,14 @@
         position: absolute;
         pointer-events: none;
         box-sizing: border-box;
-        border: 2px solid $color_drag1;
+        border: 2px solid var(--color-drag1);
         box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
         border-radius: 5px;
         z-index: 1000;
 
         &_edge {
             pointer-events: none;
-            border: 2px solid $color_drag2;
+            border: 2px solid var(--color-drag2);
             box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
             border-radius: 5px;
             z-index: 1000;
@@ -63,9 +80,9 @@
     &__drag_rect {
         position: absolute;
         cursor: move;
-        color: $color_text;
-        background-color: $color_1;
-        border: 2px solid $color_4;
+        color: var(--color-text);
+        background-color: var(--color-1);
+        border: 2px solid var(--color-4);
         box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.3);
         border-radius: 5px;
         z-index: 1000;
@@ -79,16 +96,16 @@
         overflow: hidden;
         padding: 10px;
         word-wrap: break-word;
-        font-size: $font-size;
-        font-family: $font-family;
+        font-size: var(--font-size);
+        font-family: var(--font-family);
     }
 
     &__tabset {
         overflow: hidden;
-        background-color: $color_1;
+        background-color: var(--color-1);
         box-sizing: border-box;
-        font-size: $font-size;
-        font-family: $font-family;
+        font-size: var(--font-size);
+        font-family: var(--font-family);
         @include tabset_mixin;
 
         &_header {
@@ -100,8 +117,8 @@
             right: 0;
             padding: 3px 3px 3px 5px;
             box-sizing: border-box;
-            border-bottom: 1px solid $color_3;
-            color: $color_text;
+            border-bottom: 1px solid var(--color-3);
+            color: var(--color-text);
             @include tabset_header_mixin;
 
             &_content {
@@ -113,7 +130,7 @@
             &_outer {
                 // tabset tabbar outer
                 box-sizing: border-box;
-                background-color: $color_1;
+                background-color: var(--color-1);
                 position: absolute;
                 left: 0;
                 right: 0;
@@ -123,11 +140,11 @@
             }
 
             &_outer_top {
-                border-bottom: 1px solid $color_3;
+                border-bottom: 1px solid var(--color-3);
             }
 
             &_outer_bottom {
-                border-top: 1px solid $color_3;
+                border-top: 1px solid var(--color-3);
             }
 
             &_inner {
@@ -169,11 +186,11 @@
         overflow: auto;
         position: absolute;
         box-sizing: border-box;
-        color: $color_text;
-        background-color: $color_background;
+        color: var(--color-text);
+        background-color: var(--color-background);
 
         &_button {
-            display: inline-flex;
+            display: flex;
             align-items: center;
             box-sizing: border-box;
             padding: 3px 8px; // if you change top or bottom update the tabset_sizer above
@@ -203,17 +220,21 @@
             }
 
             &_leading {
-                display: inline-block;
+                display: flex;
             }
 
             &_content {
-                display: inline-block;
+                display: flex;
             }
 
             &_textbox {
                 border: none;
-                color: green;
-                background-color: $color_3;
+                font-family: var(--font-family);
+                font-size: var(--font-size);
+                color: var(--color-text);
+                background-color: var(--color-5);
+                border: 1px inset var(--color-1);
+                border-radius: 3px;
             }
 
             &_textbox:focus {
@@ -221,7 +242,7 @@
             }
 
             &_trailing {
-                display: inline-block;
+                display: flex;
                 margin-left: 8px;
                 min-width: 8px;
                 min-height: 8px;
@@ -289,8 +310,8 @@
             overflow: auto;
             position: absolute;
             box-sizing: border-box;
-            color: $color_text;
-            background-color: $color_background;
+            color: var(--color-text);
+            background-color: var(--color-background);
             display: flex;
             justify-content: center;
             align-items: center;
@@ -318,28 +339,28 @@
         box-sizing: border-box;
         overflow: hidden;
         display: flex;
-        font-size: $font-size;
-        font-family: $font-family;
+        font-size: var(--font-size);
+        font-family: var(--font-family);
         @include border_mixin;
 
         &_top {
-            border-bottom: 1px solid $color_3;
+            border-bottom: 1px solid var(--color-3);
             align-items: center;
         }
 
         &_bottom {
-            border-top: 1px solid $color_3;
+            border-top: 1px solid var(--color-3);
             align-items: center;
         }
 
         &_left {
-            border-right: 1px solid $color_3;
+            border-right: 1px solid var(--color-3);
             align-content: center;
             flex-direction: column;
         }
 
         &_right {
-            border-left: 1px solid $color_3;
+            border-left: 1px solid var(--color-3);
             align-content: center;
             flex-direction: column;
         }
@@ -396,15 +417,15 @@
             }
 
             &_leading {
-                display: inline;
+                display: flex;
             }
 
             &_content {
-                display: inline-block;
+                display: flex;
             }
 
             &_trailing {
-                display: inline-block;
+                display: flex;
                 margin-left: 8px;
                 min-width: 8px;
                 min-height: 8px;
@@ -473,25 +494,28 @@
     }
 
     &__popup_menu {
-        font-size: $font-size;
-        font-family: $font-family;
+        font-size: var(--font-size);
+        font-family: var(--font-family);
 
         &_item {
+            margin: 2px;
             padding: 2px 10px 2px 10px;
             white-space: nowrap;
+            cursor: pointer;
+            border-radius: 2px;
         }
 
         @media (hover: hover) {
             &_item:hover {
-                background-color: $color_6;
+                background-color: var(--color-6);
             }
         }
 
         &_container {
             box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
-            border: 1px solid $color_6;
-            color: $color_text;
-            background: $color_background;
+            border: 1px solid var(--color-6);
+            color: var(--color-text);
+            background: var(--color-background);
             border-radius: 3px;
             position: absolute;
             z-index: 1000;
@@ -515,8 +539,8 @@
             @include absoluteFill;
 
             box-sizing: border-box;
-            background-color: $color_background;
-            color: $color_text;
+            background-color: var(--color-background);
+            color: var(--color-text);
         }
     }
 
@@ -537,21 +561,21 @@
     &__tabset_sizer {
         padding-top: 5px; // tab_button has 3 padding top, tabset header inner has 2 border
         padding-bottom: 3px; // tab_button has 3 padding bottom
-        font-size: $font-size;
-        font-family: $font-family;
+        font-size: var(--font-size);
+        font-family: var(--font-family);
     }
 
     &__tabset_header_sizer {
         padding-top: 3px;
         padding-bottom: 3px;
-        font-size: $font-size;
-        font-family: $font-family;
+        font-size: var(--font-size);
+        font-family: var(--font-family);
     }
 
     &__border_sizer {
         padding-top: 6px;
         padding-bottom: 5px;
-        font-size: $font-size;
-        font-family: $font-family;
+        font-size: var(--font-size);
+        font-family: var(--font-family);
     }
 }

package/style/dark.css

@@ -1,4 +1,17 @@
 .flexlayout__layout {
+  --color-text: white;
+  --color-background: black;
+  --color-base: black;
+  --color-1: #121212;
+  --color-2: #1a1a1a;
+  --color-3: #262626;
+  --color-4: #333333;
+  --color-5: #404040;
+  --color-6: #4d4d4d;
+  --color-drag1: #cfe8ff;
+  --color-drag2: #b7d1b5;
+  --font-size: medium;
+  --font-family: Roboto, Arial, sans-serif;
   left: 0;
   top: 0;
   right: 0;
@@ -7,11 +20,13 @@
   overflow: hidden;
 }
 .flexlayout__splitter {
-  background-color: #1a1a1a;
+  background-color: var(--color-2);
 }
 @media (hover: hover) {
   .flexlayout__splitter:hover {
-    background-color: #333333;
+    transition: background-color ease-in 0.1s;
+    transition-delay: 0.05s;
+    background-color: var(--color-4);
   }
 }
 .flexlayout__splitter_border {
@@ -20,7 +35,7 @@
 .flexlayout__splitter_drag {
   z-index: 1000;
   border-radius: 5px;
-  background-color: #404040;
+  background-color: var(--color-5);
 }
 .flexlayout__splitter_extra {
   background-color: transparent;
@@ -29,14 +44,14 @@
   position: absolute;
   pointer-events: none;
   box-sizing: border-box;
-  border: 2px solid #cfe8ff;
+  border: 2px solid var(--color-drag1);
   box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
   border-radius: 5px;
   z-index: 1000;
 }
 .flexlayout__outline_rect_edge {
   pointer-events: none;
-  border: 2px solid #b7d1b5;
+  border: 2px solid var(--color-drag2);
   box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
   border-radius: 5px;
   z-index: 1000;
@@ -52,9 +67,9 @@
 .flexlayout__drag_rect {
   position: absolute;
   cursor: move;
-  color: white;
-  background-color: #121212;
-  border: 2px solid #333333;
+  color: var(--color-text);
+  background-color: var(--color-1);
+  border: 2px solid var(--color-4);
   box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.3);
   border-radius: 5px;
   z-index: 1000;
@@ -67,16 +82,16 @@
   overflow: hidden;
   padding: 10px;
   word-wrap: break-word;
-  font-size: medium;
-  font-family: Roboto, Arial, sans-serif;
+  font-size: var(--font-size);
+  font-family: var(--font-family);
 }
 .flexlayout__tabset {
   overflow: hidden;
-  background-color: #121212;
+  background-color: var(--color-1);
   box-sizing: border-box;
-  font-size: medium;
-  font-family: Roboto, Arial, sans-serif;
-  background-color: #121212;
+  font-size: var(--font-size);
+  font-family: var(--font-family);
+  background-color: var(--color-1);
 }
 .flexlayout__tabset_header {
   position: absolute;
@@ -86,9 +101,9 @@
   right: 0;
   padding: 3px 3px 3px 5px;
   box-sizing: border-box;
-  border-bottom: 1px solid #262626;
-  color: white;
-  background-color: #121212;
+  border-bottom: 1px solid var(--color-3);
+  color: var(--color-text);
+  background-color: var(--color-1);
   box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
 }
 .flexlayout__tabset_header_content {
@@ -96,19 +111,19 @@
 }
 .flexlayout__tabset_tabbar_outer {
   box-sizing: border-box;
-  background-color: #121212;
+  background-color: var(--color-1);
   position: absolute;
   left: 0;
   right: 0;
   overflow: hidden;
   display: flex;
-  background-color: #121212;
+  background-color: var(--color-1);
 }
 .flexlayout__tabset_tabbar_outer_top {
-  border-bottom: 1px solid #262626;
+  border-bottom: 1px solid var(--color-3);
 }
 .flexlayout__tabset_tabbar_outer_bottom {
-  border-top: 1px solid #262626;
+  border-top: 1px solid var(--color-3);
 }
 .flexlayout__tabset_tabbar_inner {
   position: relative;
@@ -132,20 +147,20 @@
   border-bottom: 2px solid transparent;
 }
 .flexlayout__tabset-selected {
-  background-image: linear-gradient(black, #333333);
+  background-image: linear-gradient(var(--color-background), var(--color-4));
 }
 .flexlayout__tabset-maximized {
-  background-image: linear-gradient(#4d4d4d, #1a1a1a);
+  background-image: linear-gradient(var(--color-6), var(--color-2));
 }
 .flexlayout__tab {
   overflow: auto;
   position: absolute;
   box-sizing: border-box;
-  color: white;
-  background-color: black;
+  color: var(--color-text);
+  background-color: var(--color-background);
 }
 .flexlayout__tab_button {
-  display: inline-flex;
+  display: flex;
   align-items: center;
   box-sizing: border-box;
   padding: 3px 8px;
@@ -153,13 +168,13 @@
   cursor: pointer;
 }
 .flexlayout__tab_button--selected {
-  background-color: #262626;
-  color: white;
+  background-color: var(--color-3);
+  color: var(--color-text);
 }
 @media (hover: hover) {
   .flexlayout__tab_button:hover {
-    background-color: #262626;
-    color: white;
+    background-color: var(--color-3);
+    color: var(--color-text);
   }
 }
 .flexlayout__tab_button--unselected {
@@ -176,21 +191,25 @@
   border-bottom-right-radius: 3px;
 }
 .flexlayout__tab_button_leading {
-  display: inline-block;
+  display: flex;
 }
 .flexlayout__tab_button_content {
-  display: inline-block;
+  display: flex;
 }
 .flexlayout__tab_button_textbox {
   border: none;
-  color: green;
-  background-color: #262626;
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  color: var(--color-text);
+  background-color: var(--color-5);
+  border: 1px inset var(--color-1);
+  border-radius: 3px;
 }
 .flexlayout__tab_button_textbox:focus {
   outline: none;
 }
 .flexlayout__tab_button_trailing {
-  display: inline-block;
+  display: flex;
   margin-left: 8px;
   min-width: 8px;
   min-height: 8px;
@@ -247,8 +266,8 @@
   overflow: auto;
   position: absolute;
   box-sizing: border-box;
-  color: white;
-  background-color: black;
+  color: var(--color-text);
+  background-color: var(--color-background);
   display: flex;
   justify-content: center;
   align-items: center;
@@ -271,25 +290,25 @@
   box-sizing: border-box;
   overflow: hidden;
   display: flex;
-  font-size: medium;
-  font-family: Roboto, Arial, sans-serif;
-  background-color: #121212;
+  font-size: var(--font-size);
+  font-family: var(--font-family);
+  background-color: var(--color-1);
 }
 .flexlayout__border_top {
-  border-bottom: 1px solid #262626;
+  border-bottom: 1px solid var(--color-3);
   align-items: center;
 }
 .flexlayout__border_bottom {
-  border-top: 1px solid #262626;
+  border-top: 1px solid var(--color-3);
   align-items: center;
 }
 .flexlayout__border_left {
-  border-right: 1px solid #262626;
+  border-right: 1px solid var(--color-3);
   align-content: center;
   flex-direction: column;
 }
 .flexlayout__border_right {
-  border-left: 1px solid #262626;
+  border-left: 1px solid var(--color-3);
   align-content: center;
   flex-direction: column;
 }
@@ -328,29 +347,29 @@
   white-space: nowrap;
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
   border-radius: 3px;
-  background-color: #1a1a1a;
+  background-color: var(--color-2);
 }
 .flexlayout__border_button--selected {
-  background-color: #262626;
-  color: white;
+  background-color: var(--color-3);
+  color: var(--color-text);
 }
 @media (hover: hover) {
   .flexlayout__border_button:hover {
-    background-color: #262626;
-    color: white;
+    background-color: var(--color-3);
+    color: var(--color-text);
   }
 }
 .flexlayout__border_button--unselected {
   color: gray;
 }
 .flexlayout__border_button_leading {
-  display: inline;
+  display: flex;
 }
 .flexlayout__border_button_content {
-  display: inline-block;
+  display: flex;
 }
 .flexlayout__border_button_trailing {
-  display: inline-block;
+  display: flex;
   margin-left: 8px;
   min-width: 8px;
   min-height: 8px;
@@ -403,23 +422,26 @@
   margin-top: 5px;
 }
 .flexlayout__popup_menu {
-  font-size: medium;
-  font-family: Roboto, Arial, sans-serif;
+  font-size: var(--font-size);
+  font-family: var(--font-family);
 }
 .flexlayout__popup_menu_item {
+  margin: 2px;
   padding: 2px 10px 2px 10px;
   white-space: nowrap;
+  cursor: pointer;
+  border-radius: 2px;
 }
 @media (hover: hover) {
   .flexlayout__popup_menu_item:hover {
-    background-color: #4d4d4d;
+    background-color: var(--color-6);
   }
 }
 .flexlayout__popup_menu_container {
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
-  border: 1px solid #4d4d4d;
-  color: white;
-  background: black;
+  border: 1px solid var(--color-6);
+  color: var(--color-text);
+  background: var(--color-background);
   border-radius: 3px;
   position: absolute;
   z-index: 1000;
@@ -445,8 +467,8 @@
   bottom: 0;
   position: absolute;
   box-sizing: border-box;
-  background-color: black;
-  color: white;
+  background-color: var(--color-background);
+  color: var(--color-text);
 }
 .flexlayout__error_boundary_container {
   left: 0;
@@ -464,20 +486,20 @@
 .flexlayout__tabset_sizer {
   padding-top: 5px;
   padding-bottom: 3px;
-  font-size: medium;
-  font-family: Roboto, Arial, sans-serif;
+  font-size: var(--font-size);
+  font-family: var(--font-family);
 }
 .flexlayout__tabset_header_sizer {
   padding-top: 3px;
   padding-bottom: 3px;
-  font-size: medium;
-  font-family: Roboto, Arial, sans-serif;
+  font-size: var(--font-size);
+  font-family: var(--font-family);
 }
 .flexlayout__border_sizer {
   padding-top: 6px;
   padding-bottom: 5px;
-  font-size: medium;
-  font-family: Roboto, Arial, sans-serif;
+  font-size: var(--font-size);
+  font-family: var(--font-family);
 }
 
 /*# sourceMappingURL=dark.css.map */

package/style/dark.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_base.scss","dark.scss"],"names":[],"mappings":"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","file":"dark.css"}
+{"version":3,"sourceRoot":"","sources":["_base.scss","dark.scss"],"names":[],"mappings":"AASI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAtBJ;EACA;EACA;EACA;EACA;EAqBI;;AAGJ;ECuEA;;ADpEI;EACI;IACI;IACA;ICqEZ;;;ADjEI;EACI;;AAGJ;EACI;ECgER;EACA;;AD9DI;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EC3FJ;;AD8FI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECxFR;EACA;;AD0FQ;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;ECrHZ;;ADyHQ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EC1IJ;;AD8II;EC1IJ;;AD+IA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGA;EC1IR;EACA;;AD4IQ;EACI;ICrIZ;IACA;;;ADyIQ;EC9IR;;ADkJQ;ECxKR;EACA;EACA;;AD0KQ;ECtKR;EACA;EACA;;ADwKQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;IACI;IACA;;;AAGR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EC1QJ;;AD6QI;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EClUR;EACA;EACA;;ADmUQ;EC/TR;EACA;;ADiUQ;EACI;IC1TZ;IACA;;;AD8TQ;ECnUR;;ADuUQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;IACA;;;AAIR;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAEI;;AAGJ;EAEI;EACA;;AAMhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EAnhBJ;EACA;EACA;EACA;EACA;;AAmhBI;EACI;EAxhBR;EACA;EACA;EACA;EACA;EAuhBQ;EACA;EACA;;AAIR;EAjiBA;EACA;EACA;EACA;EACA;EA+hBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"dark.css"}