@theseam/ui-common 0.3.0 → 0.3.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 (36) hide show
  1. package/breadcrumbs/_breadcrumbs-theme.scss +3 -0
  2. package/breadcrumbs/breadcrumbs/breadcrumbs.component.scss +10 -0
  3. package/breadcrumbs/styles/_utilities.scss +3 -0
  4. package/breadcrumbs/styles/_variables.scss +1 -0
  5. package/breadcrumbs/theseam-ui-common-breadcrumbs.metadata.json +1 -1
  6. package/bundles/theseam-ui-common-breadcrumbs.umd.js +2 -1
  7. package/bundles/theseam-ui-common-breadcrumbs.umd.js.map +1 -1
  8. package/bundles/theseam-ui-common-framework.umd.js +18 -15
  9. package/bundles/theseam-ui-common-framework.umd.js.map +1 -1
  10. package/bundles/theseam-ui-common-widget.umd.js +1 -1
  11. package/esm2015/breadcrumbs/breadcrumbs/breadcrumbs.component.js +4 -3
  12. package/esm2015/framework/base-layout/base-layout.component.js +3 -3
  13. package/esm2015/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.js +5 -5
  14. package/esm2015/framework/top-bar/top-bar-title/top-bar-title.component.js +4 -3
  15. package/esm2015/framework/top-bar/top-bar.component.js +10 -8
  16. package/esm2015/widget/widget/widget.component.js +1 -1
  17. package/fesm2015/theseam-ui-common-breadcrumbs.js +3 -2
  18. package/fesm2015/theseam-ui-common-breadcrumbs.js.map +1 -1
  19. package/fesm2015/theseam-ui-common-framework.js +15 -12
  20. package/fesm2015/theseam-ui-common-framework.js.map +1 -1
  21. package/fesm2015/theseam-ui-common-widget.js +1 -1
  22. package/framework/base-layout/base-layout.component.scss +14 -0
  23. package/framework/base-layout/styles/_variables.scss +14 -0
  24. package/framework/theseam-ui-common-framework.metadata.json +1 -1
  25. package/framework/top-bar/_top-bar-theme.scss +5 -0
  26. package/framework/top-bar/styles/_utilities.scss +3 -0
  27. package/framework/top-bar/styles/_variables.scss +18 -0
  28. package/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.d.ts +3 -1
  29. package/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.scss +15 -0
  30. package/framework/top-bar/top-bar-title/top-bar-title.component.scss +6 -0
  31. package/framework/top-bar/top-bar.component.d.ts +3 -0
  32. package/framework/top-bar/top-bar.component.scss +39 -0
  33. package/package.json +1 -1
  34. package/widget/styles/_variables.scss +2 -0
  35. package/widget/theseam-ui-common-widget.metadata.json +1 -1
  36. package/widget/widget/widget.component.scss +2 -0
package/fesm2015/theseam-ui-common-widget.js CHANGED
@@ -1038,7 +1038,7 @@ WidgetComponent.decorators = [
1038
1038
  ])
1039
1039
  ])
1040
1040
  ],
1041
- styles: ["seam-widget{display:block;font-size:15px}seam-widget .seam-widget{background:#FFFFFF}seam-widget .widget-header{display:flex;flex-direction:row;border-bottom:1px solid #dee2e6;background:#F4F4F4;font-size:17px}seam-widget .widget-header .widget-header-content{flex:1 1 100%}seam-widget .widget-header .widget-header-btns-container{display:flex;flex-direction:row}seam-widget .widget-header .widget-header-btns-container>div{display:flex;flex-direction:column;justify-content:center;padding:4px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:15px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-title{font-size:17px}seam-widget .widget-header-icon{display:inline-block;vertical-align:top;max-height:20px;max-width:20px;height:20px;width:20px}seam-widget .widget-header-icon .widget-header-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;max-height:20px;max-width:20px;height:20px;width:20px}seam-widget .widget-header-icon .widget-header-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header-icon .widget-header-icon--img{height:100%;max-height:20px;max-width:20px}\n"]
1041
+ styles: ["seam-widget{display:block;font-size:15px}seam-widget .seam-widget{background:#FFFFFF;box-shadow:none}seam-widget .widget-header{display:flex;flex-direction:row;border-bottom:1px solid #dee2e6;background:#F4F4F4;font-size:17px}seam-widget .widget-header .widget-header-content{flex:1 1 100%}seam-widget .widget-header .widget-header-btns-container{display:flex;flex-direction:row}seam-widget .widget-header .widget-header-btns-container>div{display:flex;flex-direction:column;justify-content:center;padding:4px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:25px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-config .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;height:15px;width:30px}seam-widget .widget-header .widget-header-btns-container .widget-header-btn-collapse .seam-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header .widget-header-title{font-size:17px}seam-widget .widget-header-icon{display:inline-block;vertical-align:top;max-height:20px;max-width:20px;height:20px;width:20px;color:currentColor}seam-widget .widget-header-icon .widget-header-icon--fa{display:flex;flex-direction:row;justify-content:center;text-align:center;max-height:20px;max-width:20px;height:20px;width:20px}seam-widget .widget-header-icon .widget-header-icon--fa .svg-inline--fa{max-width:100%;height:100%;width:100%}seam-widget .widget-header-icon .widget-header-icon--img{height:100%;max-height:20px;max-width:20px}\n"]
1042
1042
  },] }
1043
1043
  ];
1044
1044
  WidgetComponent.ctorParameters = () => [];
package/framework/base-layout/base-layout.component.scss CHANGED
@@ -20,6 +20,11 @@ seam-base-layout {
20
20
  display: flex;
21
21
  flex-direction: column;
22
22
 
23
+ border-top: $base-layout-side-bar-container-border-top;
24
+ border-right: $base-layout-side-bar-container-border-right;
25
+ border-bottom: $base-layout-side-bar-container-border-bottom;
26
+ border-left: $base-layout-side-bar-container-border-left;
27
+
23
28
  .base-layout-side-bar-nav-content {
24
29
  flex: 1 1 0;
25
30
  }
@@ -34,6 +39,11 @@ seam-base-layout {
34
39
 
35
40
  .base-layout-top-bar-container {
36
41
  flex: 0 0 auto;
42
+
43
+ border-top: $base-layout-top-bar-container-border-top;
44
+ border-right: $base-layout-top-bar-container-border-right;
45
+ border-bottom: $base-layout-top-bar-container-border-bottom;
46
+ border-left: $base-layout-top-bar-container-border-left;
37
47
  }
38
48
 
39
49
  .base-layout-content-container {
@@ -56,6 +66,10 @@ seam-base-layout {
56
66
 
57
67
  .base-layout-content-container-header {
58
68
  margin: $base-header-margin;
69
+ padding: $base-header-padding;
70
+ background: $base-header-background;
71
+ border-radius: $base-header-border-radius;
72
+ overflow: hidden;
59
73
  }
60
74
 
61
75
  .btn-baselayout-action {
package/framework/base-layout/styles/_variables.scss CHANGED
@@ -1,4 +1,8 @@
1
1
  $base-header-margin: .25rem !default;
2
+ $base-header-padding: 0 !default;
3
+ $base-header-background: none !default;
4
+ $base-header-border-radius: 0 !default;
5
+
2
6
  $base-action-margin: 0 0 0 .25rem !default;
3
7
  $base-action-bg: $gray-200 !default;
4
8
  $base-action-hover-bg: #d3d9df !default;
@@ -7,3 +11,13 @@ $base-action-hover-color: $gray-600 !default;
7
11
  $base-action-padding-x: 1rem !default;
8
12
  $base-action-padding-y: .5rem !default;
9
13
  $base-action-border-radius: .25rem !default;
14
+
15
+ $base-layout-top-bar-container-border-top: none !default;
16
+ $base-layout-top-bar-container-border-right: none !default;
17
+ $base-layout-top-bar-container-border-bottom: 1px solid #dee2e6 !default;
18
+ $base-layout-top-bar-container-border-left: none !default;
19
+
20
+ $base-layout-side-bar-container-border-top: none !default;
21
+ $base-layout-side-bar-container-border-right: 1px solid #dee2e6 !default;
22
+ $base-layout-side-bar-container-border-bottom: none !default;
23
+ $base-layout-side-bar-container-border-left: none !default;