flexlayout-react 0.8.2 → 0.8.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 (60) hide show
  1. package/ChangeLog.txt +10 -0
  2. package/README.md +3 -3
  3. package/declarations/Types.d.ts +3 -1
  4. package/declarations/model/BorderNode.d.ts +1 -0
  5. package/declarations/model/IJsonModel.d.ts +30 -2
  6. package/declarations/model/TabSetNode.d.ts +1 -0
  7. package/declarations/view/Layout.d.ts +1 -1
  8. package/declarations/view/Utils.d.ts +0 -3
  9. package/dist/flexlayout.js +12 -12
  10. package/dist/flexlayout_min.js +1 -1
  11. package/lib/Types.js +2 -0
  12. package/lib/Types.js.map +1 -1
  13. package/lib/model/BorderNode.js +4 -0
  14. package/lib/model/BorderNode.js.map +1 -1
  15. package/lib/model/LayoutWindow.js +1 -3
  16. package/lib/model/LayoutWindow.js.map +1 -1
  17. package/lib/model/Model.js +2 -9
  18. package/lib/model/Model.js.map +1 -1
  19. package/lib/model/TabSetNode.js +5 -1
  20. package/lib/model/TabSetNode.js.map +1 -1
  21. package/lib/view/BorderTabSet.js +17 -13
  22. package/lib/view/BorderTabSet.js.map +1 -1
  23. package/lib/view/Layout.js +2 -2
  24. package/lib/view/Layout.js.map +1 -1
  25. package/lib/view/Splitter.js +2 -2
  26. package/lib/view/Tab.js +5 -0
  27. package/lib/view/Tab.js.map +1 -1
  28. package/lib/view/TabOverflowHook.js +141 -112
  29. package/lib/view/TabOverflowHook.js.map +1 -1
  30. package/lib/view/TabSet.js +14 -20
  31. package/lib/view/TabSet.js.map +1 -1
  32. package/lib/view/Utils.js +0 -17
  33. package/lib/view/Utils.js.map +1 -1
  34. package/package.json +1 -1
  35. package/src/Types.ts +3 -0
  36. package/src/model/BorderNode.ts +7 -0
  37. package/src/model/IJsonModel.ts +34 -2
  38. package/src/model/LayoutWindow.ts +1 -3
  39. package/src/model/Model.ts +2 -9
  40. package/src/model/TabSetNode.ts +10 -1
  41. package/src/view/BorderTabSet.tsx +26 -15
  42. package/src/view/Layout.tsx +2 -2
  43. package/src/view/Splitter.tsx +2 -2
  44. package/src/view/Tab.tsx +6 -0
  45. package/src/view/TabOverflowHook.tsx +165 -127
  46. package/src/view/TabSet.tsx +19 -21
  47. package/src/view/Utils.tsx +0 -24
  48. package/style/_base.scss +26 -3
  49. package/style/dark.css +701 -685
  50. package/style/dark.css.map +1 -1
  51. package/style/gray.css +684 -668
  52. package/style/gray.css.map +1 -1
  53. package/style/light.css +685 -669
  54. package/style/light.css.map +1 -1
  55. package/style/rounded.css +730 -697
  56. package/style/rounded.css.map +1 -1
  57. package/style/rounded.scss +22 -5
  58. package/style/underline.css +705 -690
  59. package/style/underline.css.map +1 -1
  60. package/style/underline.scss +1 -1
package/style/rounded.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["rounded.scss","_base.scss"],"names":[],"mappings":"AAkBI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AChEJ;EAfA;EACA;EACA;EACA;EACA;EAaI;;AAEA;EAnBJ;EACA;EACA;EACA;EACA;EAiBQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAjCJ;EACA;EACA;EACA;EAgCQ;EACA;;AAIR;EAxCA;EACA;EACA;EACA;EAuCI;;AAGJ;EA7CA;EACA;EACA;EACA;EA4CI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;IACA;IACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAlJA;EACA;EACA;EACA;EAiJI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDrFJ;;ACwFI;EApKJ;EACA;EACA;EACA;EAmKQ;EACA;EACA;;AAGJ;EACI;;AAIJ;EAhLJ;EACA;EACA;EACA;EA+KQ;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EACI;;AAIJ;EACI;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EDzMR;EACA;;AC2MQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;AAMZ;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;EDxOZ;;ACoPQ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDnQZ;;AC2QQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDpThB;;;ACsUQ;EACI;EACA;EACA;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;EACA;EACA;;AAGA;EACI;EACA;EACA;;AAGJ;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;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDnbR;EACA;;ACqbQ;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDheZ;;ACweQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDzgBhB;;;ACihBY;EACI;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EA7sBJ;EACA;EACA;EACA;EACA;;AA8sBA;EAltBA;EACA;EACA;EACA;EACA;EAgtBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;ADzkBR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI","file":"rounded.css"}
1
+ {"version":3,"sourceRoot":"","sources":["rounded.scss","_base.scss"],"names":[],"mappings":"AAkBI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AChEJ;EAfA;EACA;EACA;EACA;EACA;EAaI;;AAEA;EAnBJ;EACA;EACA;EACA;EACA;EAiBQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAjCJ;EACA;EACA;EACA;EAgCQ;EACA;;AAIR;EAxCA;EACA;EACA;EACA;EAuCI;;AAGJ;EA7CA;EACA;EACA;EACA;EA4CI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;IACA;IACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAlJA;EACA;EACA;EACA;EAiJI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDrFJ;;ACwFI;EApKJ;EACA;EACA;EACA;EAmKQ;EACA;EACA;;AAGJ;EACI;;AAIJ;EAhLJ;EACA;EACA;EACA;EA+KQ;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EACI;;AAIJ;EACI;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EDzMR;EACA;;AC2MQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;AAMZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAKR;EACI;EACA;EDvOZ;;ACmPQ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDlQZ;;AC0QQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDrThB;;;ACuUQ;EACI;EACA;EACA;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;EACA;EACA;;AAGA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDpbR;EACA;;ACsbQ;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDjeZ;;ACyeQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID1gBhB;;;ACkhBY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EA/sBJ;EACA;EACA;EACA;EACA;;AAgtBA;EAptBA;EACA;EACA;EACA;EACA;EAktBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;;AD7lBR;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI","file":"rounded.css"}
package/style/rounded.scss CHANGED
@@ -54,7 +54,7 @@ $font-family: Roboto, Arial, sans-serif !default;
54
54
  --color-tab-selected: var(--color-text);
55
55
  --color-tab-selected-background: var(--color-2);
56
56
  --color-tab-unselected: gray;
57
- --color-tab-unselected-background: transparent;
57
+ --color-tab-unselected-background: #d3d4e745;
58
58
  --color-tab-textbox: var(--color-text);
59
59
  --color-tab-textbox-background: var(--color-3);
60
60
 
@@ -106,7 +106,7 @@ $font-family: Roboto, Arial, sans-serif !default;
106
106
 
107
107
  @mixin tab_button_mixin {
108
108
  border-radius: 10px;
109
- padding: 2px 0.6em;
109
+ padding: 2px 0.8em;
110
110
  }
111
111
 
112
112
  @mixin tab_button_selected_mixin {
@@ -138,7 +138,7 @@ $font-family: Roboto, Arial, sans-serif !default;
138
138
 
139
139
  @mixin border_button_mixin {
140
140
  border-radius: 10px;
141
- padding: 2px 0.7em;
141
+ padding: 2px 0.8em;
142
142
  }
143
143
 
144
144
  @mixin border_button_selected_mixin {
@@ -170,19 +170,28 @@ $font-family: Roboto, Arial, sans-serif !default;
170
170
 
171
171
  @import "_base";
172
172
 
173
+ .flexlayout__tabset {
174
+ padding: 3px;
175
+ }
176
+
173
177
  .flexlayout__tabset_content {
174
- padding: 1px 5px 5px 5px;
178
+ padding: 1px 3px 3px 3px;
175
179
  border-bottom-left-radius: 10px;
176
180
  border-bottom-right-radius: 10px;
177
181
  }
178
182
 
179
183
  .flexlayout__tab_border {
180
184
  border-radius: 10px;
181
- padding:3px;
185
+ padding:5px;
182
186
  }
183
187
 
184
188
  .flexlayout__tabset_tabbar_outer_top {
185
189
  border-bottom:unset;
190
+ padding-bottom: 1px;
191
+ }
192
+
193
+ .flexlayout__tabset_tabbar_inner_tab_container_top {
194
+ border-bottom: 2px solid transparent;
186
195
  }
187
196
 
188
197
  .flexlayout__border_tab_contents {
@@ -192,3 +201,11 @@ $font-family: Roboto, Arial, sans-serif !default;
192
201
  .flexlayout__border_tab_contents {
193
202
  border-radius: 10px;
194
203
  }
204
+
205
+ .flexlayout__border_sizer {
206
+ padding-bottom: 6px;
207
+ }
208
+
209
+ .flexlayout__border_bottom {
210
+ border-top: 2px solid var(--color-border-divider-line);
211
+ }