@skodaflow/web-library 3.2.5 → 3.3.0-alpha.1

package/theme/skoda/globals.css

@@ -576,12 +576,19 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 .ag-sticky-top-full-width-container {
   position: absolute;
   top: 0px;
-  left: 0px;
   pointer-events: none;
 }
-
-.ag-full-width-container {
-  width: 100%;
+.ag-ltr .ag-full-width-container,
+.ag-ltr .ag-floating-top-full-width-container,
+.ag-ltr .ag-floating-bottom-full-width-container,
+.ag-ltr .ag-sticky-top-full-width-container {
+  left: 0;
+}
+.ag-rtl .ag-full-width-container,
+.ag-rtl .ag-floating-top-full-width-container,
+.ag-rtl .ag-floating-bottom-full-width-container,
+.ag-rtl .ag-sticky-top-full-width-container {
+  right: 0;
 }
 
 .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
@@ -685,7 +692,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   position: relative;
 }
 
-.ag-header-cell-sortable {
+.ag-header-cell-sortable .ag-header-cell-label {
   cursor: pointer;
 }
 
@@ -705,9 +712,16 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 
 .ag-header-row {
   position: absolute;
+}
+
+.ag-header-row:not(.ag-header-row-column-group) {
   overflow: hidden;
 }
 
+.ag-header.ag-header-allow-overflow .ag-header-row {
+  overflow: visible;
+}
+
 .ag-header-cell {
   display: inline-flex;
   align-items: center;
@@ -734,6 +748,11 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   align-self: stretch;
 }
 
+.ag-header-group-cell-label.ag-sticky-label {
+  position: sticky;
+  flex: none;
+}
+
 .ag-header-cell-text {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1150,8 +1169,11 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 
 .ag-popup-editor {
   position: absolute;
-  user-select: none;
   z-index: 1;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 .ag-large-text-input {
@@ -1266,8 +1288,11 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 .ag-resizer {
   position: absolute;
   pointer-events: none;
-  user-select: none;
   z-index: 1;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 .ag-resizer.ag-resizer-topLeft {
   top: 0;
@@ -1358,6 +1383,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   max-height: 100%;
   overflow-y: auto;
   position: absolute;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 
@@ -1432,6 +1460,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   flex: 1 1 auto;
   align-items: center;
   white-space: nowrap;
+  overflow: hidden;
 }
 
 .ag-paging-panel {
@@ -1458,6 +1487,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   overflow-y: auto;
   overflow-x: hidden;
   cursor: default;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 
@@ -1529,6 +1561,10 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   position: absolute;
 }
 
+.ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize {
+  display: none;
+}
+
 .ag-cell-label-container {
   display: flex;
   justify-content: space-between;
@@ -1543,6 +1579,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 .ag-right-aligned-header .ag-cell-label-container {
   flex-direction: row;
 }
+.ag-right-aligned-header .ag-header-cell-text {
+  text-align: end;
+}
 
 .ag-side-bar {
   display: flex;
@@ -4991,7 +5030,6 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   box-shadow: var(--ag-card-shadow);
   padding: var(--ag-grid-size);
   padding: 0;
-  height: var(--ag-row-height);
   background-color: var(--ag-control-panel-background-color);
 }
 
@@ -5334,14 +5372,6 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
   border-top: var(--ag-borders-critical) var(--ag-border-color);
 }
 
-.ag-menu:not(.ag-tabs) .ag-filter-select {
-  min-width: calc(var(--ag-menu-min-width) - 2 * var(--ag-widget-container-horizontal-padding) - 2px);
-}
-
-.ag-tabs .ag-filter-select {
-  min-width: calc(var(--ag-tab-min-width) - 2 * var(--ag-widget-container-horizontal-padding) - 2px);
-}
-
 .ag-filter-select .ag-picker-field-wrapper {
   width: 0;
 }
@@ -5482,10 +5512,20 @@ input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
 .ag-simple-filter-body-wrapper {
   padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
   padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
+  overflow-y: auto;
+  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
 }
 .ag-simple-filter-body-wrapper > * {
   margin-bottom: var(--ag-widget-vertical-spacing);
 }
+.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
+  margin: 0;
+}
+
+.ag-menu:not(.ag-tabs) .ag-filter .ag-simple-filter-body-wrapper,
+.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
+  min-width: calc(var(--ag-menu-min-width) - 2px);
+}
 
 .ag-filter-no-matches {
   padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
@@ -5941,6 +5981,19 @@ button.ag-side-button-button:focus {
   background-color: var(--ag-header-cell-moving-background-color);
 }
 
+.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
+  left: var(--ag-cell-horizontal-padding);
+}
+.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
+  right: var(--ag-cell-horizontal-padding);
+}
+
+.ag-header-cell.ag-header-span-height::after,
+.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
+  height: calc(100% - var(--ag-grid-size) * 4);
+  top: calc(var(--ag-grid-size) * 2);
+}
+
 .ag-keyboard-focus .ag-header-cell:focus {
   outline: none;
 }
@@ -5988,7 +6041,7 @@ button.ag-side-button-button:focus {
   padding-right: 4px;
 }
 
-.ag-header-row:not(:first-child) .ag-header-cell,
+.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
 .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
   border-top: var(--ag-borders-critical) var(--ag-border-color);
 }
@@ -6039,6 +6092,12 @@ button.ag-side-button-button:focus {
   background-color: var(--ag-header-column-resize-handle-color);
 }
 
+.ag-header-cell.ag-header-span-height::after,
+.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
+  height: calc(100% - var(--ag-grid-size) * 4);
+  top: calc(var(--ag-grid-size) * 2);
+}
+
 .ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
   left: calc(50% - var(--ag-header-column-resize-handle-width));
 }
@@ -6388,6 +6447,9 @@ button.ag-side-button-button:focus {
 
 .ag-chart-tabbed-menu-header {
   flex: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
   user-select: none;
   cursor: default;
 }
@@ -6424,6 +6486,9 @@ button.ag-side-button-button:focus {
   width: 100%;
   height: 30px;
   padding: 0 10px;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 
@@ -6511,6 +6576,9 @@ button.ag-side-button-button:focus {
   display: flex;
   flex-direction: column;
   position: relative;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 

package/build/design/skoda/components/theme.menu.d.ts

@@ -1,2 +0,0 @@
-import { Components } from '@mui/material/styles';
-export declare const flowMenu: Components['MuiPaper'];

package/build/design/skoda/components/theme.tab.d.ts

@@ -1,2 +0,0 @@
-import { Components } from '@mui/material/styles';
-export declare const flowTab: Components['MuiTab'];

package/build/design/skoda/theme.baseline.d.ts

@@ -1,5 +0,0 @@
-import { Theme } from '@mui/material';
-export declare const getFlowCssBaseline: (theme: Theme) => {
-    backgroundColor: string;
-};
-export declare const applyCssBaseline: (t: Theme) => Theme;