flexlayout-react 0.6.10 → 0.7.2

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 (51) hide show
  1. package/ChangeLog.txt +12 -0
  2. package/README.md +45 -48
  3. package/declarations/model/Floating.d.ts +15 -0
  4. package/declarations/model/FloatingSet.d.ts +9 -0
  5. package/declarations/view/Icons.d.ts +0 -1
  6. package/declarations/view/Layout.d.ts +12 -3
  7. package/dist/flexlayout.js +7 -7
  8. package/dist/flexlayout_min.js +1 -1
  9. package/lib/PopupMenu.js.map +1 -1
  10. package/lib/index.js +5 -1
  11. package/lib/index.js.map +1 -1
  12. package/lib/model/Floating.js +61 -0
  13. package/lib/model/Floating.js.map +1 -0
  14. package/lib/model/FloatingSet.js +58 -0
  15. package/lib/model/FloatingSet.js.map +1 -0
  16. package/lib/view/BorderTabSet.js +4 -2
  17. package/lib/view/BorderTabSet.js.map +1 -1
  18. package/lib/view/ErrorBoundary.js.map +1 -1
  19. package/lib/view/Icons.js +15 -10
  20. package/lib/view/Icons.js.map +1 -1
  21. package/lib/view/Layout.js +29 -76
  22. package/lib/view/Layout.js.map +1 -1
  23. package/lib/view/TabSet.js +3 -1
  24. package/lib/view/TabSet.js.map +1 -1
  25. package/lib/view/Utils.js.map +1 -1
  26. package/package.json +20 -20
  27. package/src/PopupMenu.tsx +5 -5
  28. package/src/view/BorderButton.tsx +3 -3
  29. package/src/view/BorderTabSet.tsx +9 -7
  30. package/src/view/ErrorBoundary.tsx +1 -0
  31. package/src/view/Icons.tsx +17 -7
  32. package/src/view/Layout.tsx +38 -104
  33. package/src/view/TabButton.tsx +3 -3
  34. package/src/view/TabButtonStamp.tsx +3 -3
  35. package/src/view/TabSet.tsx +8 -6
  36. package/src/view/Utils.tsx +3 -3
  37. package/style/_base.scss +1 -1
  38. package/style/dark.css +4 -3
  39. package/style/dark.css.map +1 -1
  40. package/style/dark.scss +1 -0
  41. package/style/gray.css +4 -3
  42. package/style/gray.css.map +1 -1
  43. package/style/gray.scss +1 -0
  44. package/style/light.css +4 -3
  45. package/style/light.css.map +1 -1
  46. package/style/light.scss +1 -0
  47. package/style/underline.css +13 -7
  48. package/style/underline.css.map +1 -1
  49. package/style/underline.scss +11 -5
  50. package/dist/flexlayout.js.zip +0 -0
  51. package/dist/flexlayout_min.js.zip +0 -0
package/style/underline.scss CHANGED
@@ -35,6 +35,7 @@ $font-family: Roboto, Arial, sans-serif !default;
35
35
  --font-family: #{$font_family};
36
36
 
37
37
  --color-overflow: gray;
38
+ --color-icon: gray;
38
39
 
39
40
  --color-tabset-background: var(--color-background);
40
41
  --color-tabset-background-selected: var(--color-1);
@@ -77,6 +78,7 @@ $font-family: Roboto, Arial, sans-serif !default;
77
78
 
78
79
  --color-underline: rgb(65, 105, 225);
79
80
  --color-underline-hover: #aaa;
81
+ --underline_height: 3px;
80
82
  }
81
83
  }
82
84
 
@@ -102,18 +104,20 @@ $font-family: Roboto, Arial, sans-serif !default;
102
104
  }
103
105
 
104
106
  @mixin tab_button_mixin {
107
+ padding: 2px 0.5em calc(4px - var(--underline_height)) 0.5em;
105
108
  }
106
109
 
107
110
  @mixin tab_button_selected_mixin {
108
- border-bottom: 3px solid var(--color-underline);
111
+ border-bottom: var(--underline_height) solid var(--color-underline);
109
112
  }
110
113
 
111
114
  @mixin tab_button_unselected_mixin {
112
115
  color: gray;
116
+ border-bottom: var(--underline_height) solid transparent;
113
117
  }
114
118
 
115
119
  @mixin tab_button_hovered_mixin {
116
- border-bottom: 3px solid var(--color-underline-hover);
120
+ border-bottom: var(--underline_height) solid var(--color-underline-hover);
117
121
  }
118
122
 
119
123
  @mixin close_button_hovered_mixin {
@@ -128,17 +132,19 @@ $font-family: Roboto, Arial, sans-serif !default;
128
132
  }
129
133
 
130
134
  @mixin border_button_mixin {
135
+ padding: 2px 0.5em calc(4px - var(--underline_height)) 0.5em;
131
136
  }
132
137
 
133
138
  @mixin border_button_selected_mixin {
134
- border-bottom: 3px solid var(--color-underline);
139
+ border-bottom: var(--underline_height) solid var(--color-underline);
135
140
  }
136
141
 
137
142
  @mixin border_button_unselected_mixin {
138
- }
143
+ border-bottom: var(--underline_height) solid transparent;
144
+ }
139
145
 
140
146
  @mixin border_button_hovered_mixin {
141
- border-bottom: 3px solid var(--color-underline-hover);
147
+ border-bottom: var(--underline_height) solid var(--color-underline-hover);
142
148
  }
143
149
 
144
150
  @mixin splitter_mixin {
package/dist/flexlayout.js.zip DELETED
Binary file
package/dist/flexlayout_min.js.zip DELETED
Binary file