flexlayout-react 0.7.0 → 0.7.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.
Files changed (33) hide show
  1. package/ChangeLog.txt +4 -0
  2. package/README.md +6 -10
  3. package/declarations/model/Floating.d.ts +15 -0
  4. package/declarations/model/FloatingSet.d.ts +9 -0
  5. package/declarations/view/Layout.d.ts +6 -0
  6. package/dist/flexlayout.js +4 -4
  7. package/dist/flexlayout_min.js +1 -1
  8. package/lib/model/Floating.js +61 -0
  9. package/lib/model/Floating.js.map +1 -0
  10. package/lib/model/FloatingSet.js +58 -0
  11. package/lib/model/FloatingSet.js.map +1 -0
  12. package/lib/view/BorderTabSet.js +3 -1
  13. package/lib/view/BorderTabSet.js.map +1 -1
  14. package/lib/view/Icons.js +8 -3
  15. package/lib/view/Icons.js.map +1 -1
  16. package/lib/view/Layout.js +8 -0
  17. package/lib/view/Layout.js.map +1 -1
  18. package/lib/view/TabSet.js +3 -1
  19. package/lib/view/TabSet.js.map +1 -1
  20. package/package.json +1 -1
  21. package/src/view/BorderTabSet.tsx +5 -3
  22. package/src/view/Icons.tsx +17 -7
  23. package/src/view/Layout.tsx +10 -1
  24. package/src/view/TabSet.tsx +5 -3
  25. package/style/_base.scss +1 -1
  26. package/style/dark.css +1 -1
  27. package/style/gray.css +1 -1
  28. package/style/light.css +1 -1
  29. package/style/underline.css +10 -5
  30. package/style/underline.css.map +1 -1
  31. package/style/underline.scss +10 -5
  32. package/dist/flexlayout.js.zip +0 -0
  33. package/dist/flexlayout_min.js.zip +0 -0
package/style/light.css CHANGED
@@ -294,7 +294,7 @@
294
294
  .flexlayout__tab_toolbar_sticky_buttons_container {
295
295
  display: flex;
296
296
  gap: 0.3em;
297
- padding-left: 2px;
297
+ padding-left: 5px;
298
298
  align-items: center;
299
299
  }
300
300
  .flexlayout__tab_floating {
package/style/underline.css CHANGED
@@ -47,6 +47,7 @@
47
47
  --color-edge-marker: gray;
48
48
  --color-underline: rgb(65, 105, 225);
49
49
  --color-underline-hover: #aaa;
50
+ --underline_height: 3px;
50
51
  }
51
52
 
52
53
  .flexlayout__layout {
@@ -216,23 +217,25 @@
216
217
  box-sizing: border-box;
217
218
  padding: 3px 0.5em;
218
219
  cursor: pointer;
220
+ padding: 2px 0.5em calc(4px - var(--underline_height)) 0.5em;
219
221
  }
220
222
  .flexlayout__tab_button--selected {
221
223
  background-color: var(--color-tab-selected-background);
222
224
  color: var(--color-tab-selected);
223
- border-bottom: 3px solid var(--color-underline);
225
+ border-bottom: var(--underline_height) solid var(--color-underline);
224
226
  }
225
227
  @media (hover: hover) {
226
228
  .flexlayout__tab_button:hover {
227
229
  background-color: var(--color-tab-selected-background);
228
230
  color: var(--color-tab-selected);
229
- border-bottom: 3px solid var(--color-underline-hover);
231
+ border-bottom: var(--underline_height) solid var(--color-underline-hover);
230
232
  }
231
233
  }
232
234
  .flexlayout__tab_button--unselected {
233
235
  background-color: var(--color-tab-unselected-background);
234
236
  color: var(--color-tab-unselected);
235
237
  color: gray;
238
+ border-bottom: var(--underline_height) solid transparent;
236
239
  }
237
240
  .flexlayout__tab_button_leading {
238
241
  display: flex;
@@ -301,7 +304,7 @@
301
304
  .flexlayout__tab_toolbar_sticky_buttons_container {
302
305
  display: flex;
303
306
  gap: 0.3em;
304
- padding-left: 2px;
307
+ padding-left: 5px;
305
308
  align-items: center;
306
309
  }
307
310
  .flexlayout__tab_floating {
@@ -397,22 +400,24 @@
397
400
  margin: 2px 0px;
398
401
  box-sizing: border-box;
399
402
  white-space: nowrap;
403
+ padding: 2px 0.5em calc(4px - var(--underline_height)) 0.5em;
400
404
  }
401
405
  .flexlayout__border_button--selected {
402
406
  background-color: var(--color-border-tab-selected-background);
403
407
  color: var(--color-border-tab-selected);
404
- border-bottom: 3px solid var(--color-underline);
408
+ border-bottom: var(--underline_height) solid var(--color-underline);
405
409
  }
406
410
  @media (hover: hover) {
407
411
  .flexlayout__border_button:hover {
408
412
  background-color: var(--color-border-tab-selected-background);
409
413
  color: var(--color-border-tab-selected);
410
- border-bottom: 3px solid var(--color-underline-hover);
414
+ border-bottom: var(--underline_height) solid var(--color-underline-hover);
411
415
  }
412
416
  }
413
417
  .flexlayout__border_button--unselected {
414
418
  background-color: var(--color-border-tab-unselected-background);
415
419
  color: var(--color-border-tab-unselected);
420
+ border-bottom: var(--underline_height) solid transparent;
416
421
  }
417
422
  .flexlayout__border_button_leading {
418
423
  display: flex;
package/style/underline.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["underline.scss","_base.scss"],"names":[],"mappings":"AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;;;ACrEJ;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;EACI;;AAGA;EACI;IACI;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;;AAGJ;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;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EDuDR;EACA;EACA;;ACrDI;EACI;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;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;EAEA;;AAGA;EACI;EACA;EDzGZ;;AC4GQ;EACI;IACI;IACA;IDvGhB;;;AC4GQ;EACI;EACA;EDlHZ;;AC8HQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDjJZ;;ACyJQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDzLhB;;;AC2MQ;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;;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;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EDxQR;EACA;EACA;;AC0QI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EDtTZ;;ACyTQ;EACI;IACI;IACA;IDrThB;;;AC0TQ;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDjWZ;;ACyWQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID1YhB;;;ACkZY;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;EArkBJ;EACA;EACA;EACA;EACA;;AAqkBI;EACI;EA1kBR;EACA;EACA;EACA;EACA;EAykBQ;EACA;EACA;;AAIR;EAnlBA;EACA;EACA;EACA;EACA;EAilBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;;AD3cR;EACI","file":"underline.css"}
1
+ {"version":3,"sourceRoot":"","sources":["underline.scss","_base.scss"],"names":[],"mappings":"AAkBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;;ACtEJ;EARA;EACA;EACA;EACA;EACA;EAMI;;AAGJ;EACI;;AAGA;EACI;IACI;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;;AAGJ;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;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;ED4DR;EACA;EACA;;AC1DI;EACI;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;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;EAEA;EDtGR;;ACyGQ;EACI;EACA;EDvGZ;;AC0GQ;EACI;IACI;IACA;IDpGhB;;;ACyGQ;EACI;EACA;EDhHZ;EACA;;AC2HQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;ED9IZ;;ACsJQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDtLhB;;;ACwMQ;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;;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;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;EDnQR;EACA;EACA;;ACqQI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDjTR;;ACoTQ;EACI;EACA;EDlTZ;;ACqTQ;EACI;IACI;IACA;IDhThB;;;ACqTQ;EACI;EACA;ED3TZ;;AC+TQ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;ED9VZ;;ACsWQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDvYhB;;;AC+YY;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;EArkBJ;EACA;EACA;EACA;EACA;;AAqkBI;EACI;EA1kBR;EACA;EACA;EACA;EACA;EAykBQ;EACA;EACA;;AAIR;EAnlBA;EACA;EACA;EACA;EACA;EAilBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;;ADtcR;EACI","file":"underline.css"}
package/style/underline.scss CHANGED
@@ -77,6 +77,7 @@ $font-family: Roboto, Arial, sans-serif !default;
77
77
 
78
78
  --color-underline: rgb(65, 105, 225);
79
79
  --color-underline-hover: #aaa;
80
+ --underline_height: 3px;
80
81
  }
81
82
  }
82
83
 
@@ -102,18 +103,20 @@ $font-family: Roboto, Arial, sans-serif !default;
102
103
  }
103
104
 
104
105
  @mixin tab_button_mixin {
106
+ padding: 2px 0.5em calc(4px - var(--underline_height)) 0.5em;
105
107
  }
106
108
 
107
109
  @mixin tab_button_selected_mixin {
108
- border-bottom: 3px solid var(--color-underline);
110
+ border-bottom: var(--underline_height) solid var(--color-underline);
109
111
  }
110
112
 
111
113
  @mixin tab_button_unselected_mixin {
112
114
  color: gray;
115
+ border-bottom: var(--underline_height) solid transparent;
113
116
  }
114
117
 
115
118
  @mixin tab_button_hovered_mixin {
116
- border-bottom: 3px solid var(--color-underline-hover);
119
+ border-bottom: var(--underline_height) solid var(--color-underline-hover);
117
120
  }
118
121
 
119
122
  @mixin close_button_hovered_mixin {
@@ -128,17 +131,19 @@ $font-family: Roboto, Arial, sans-serif !default;
128
131
  }
129
132
 
130
133
  @mixin border_button_mixin {
134
+ padding: 2px 0.5em calc(4px - var(--underline_height)) 0.5em;
131
135
  }
132
136
 
133
137
  @mixin border_button_selected_mixin {
134
- border-bottom: 3px solid var(--color-underline);
138
+ border-bottom: var(--underline_height) solid var(--color-underline);
135
139
  }
136
140
 
137
141
  @mixin border_button_unselected_mixin {
138
- }
142
+ border-bottom: var(--underline_height) solid transparent;
143
+ }
139
144
 
140
145
  @mixin border_button_hovered_mixin {
141
- border-bottom: 3px solid var(--color-underline-hover);
146
+ border-bottom: var(--underline_height) solid var(--color-underline-hover);
142
147
  }
143
148
 
144
149
  @mixin splitter_mixin {
package/dist/flexlayout.js.zip DELETED
Binary file
package/dist/flexlayout_min.js.zip DELETED
Binary file