@odx/ui 5.3.3 → 5.3.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @odx/ui
 
+## 5.3.5
+
+### Patch Changes
+
+- 15f5ae4: Styling for new data rows using a pinned row (ag-grid)
+
+## 5.3.4
+
+### Patch Changes
+
+- 69bafe1: Removed scrollbar-gutter property for better compatibility
+
 ## 5.3.3
 
 ### Patch Changes

package/ag-grid-theme.css

@@ -1 +1 @@
-@charset "UTF-8";.ag-theme-odx{--ag-border-color:var(--odx-c-separator);--ag-foreground-color:var(--odx-c-text);--ag-secondary-foreground-color:var(--odx-c-text);--ag-disabled-foreground-color:var(--odx-c-text-disabled);--ag-row-hover-color:var(--odx-c-ghost-hover);--ag-selected-row-background-color:var(--odx-c-selected);--ag-background-color:var(--odx-c-background-content);--ag-checkbox-indeterminate-color:var(--odx-control-color-selected);--ag-checkbox-checked-color:var(--odx-control-color-selected);--ag-font-family:var(--odx-typography-font-family);--ag-font-size:var(--odx-typography-base-size);--ag-icon-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)));--ag-icon-font-family:core-icons;--ag-icon-font-code-aggregation:"";--ag-icon-font-code-arrows:"";--ag-icon-font-code-asc:"";--ag-icon-font-code-cancel:"";--ag-icon-font-code-chart:"";--ag-icon-font-code-checkbox-checked:"";--ag-icon-font-code-checkbox-indeterminate:"";--ag-icon-font-code-checkbox-unchecked:"";--ag-icon-font-code-color-picker:"";--ag-icon-font-code-columns:"";--ag-icon-font-code-contracted:"";--ag-icon-font-code-copy:"";--ag-icon-font-code-cut:"";--ag-icon-font-code-cross:"";--ag-icon-font-code-csv:"";--ag-icon-font-code-desc:"";--ag-icon-font-code-excel:"";--ag-icon-font-code-expanded:"";--ag-icon-font-code-eye-slash:"";--ag-icon-font-code-eye:"";--ag-icon-font-code-filter:"";--ag-icon-font-code-first:"";--ag-icon-font-code-grip:"";--ag-icon-font-code-group:"";--ag-icon-font-code-last:"";--ag-icon-font-code-left:"";--ag-icon-font-code-linked:"";--ag-icon-font-code-loading:"";--ag-icon-font-code-maximize:"";--ag-icon-font-code-menu:"";--ag-icon-font-code-minimize:"";--ag-icon-font-code-next:"";--ag-icon-font-code-none:"";--ag-icon-font-code-not-allowed:"";--ag-icon-font-code-paste:"";--ag-icon-font-code-pin:"";--ag-icon-font-code-pivot:"";--ag-icon-font-code-previous:"";--ag-icon-font-code-radio-button-off:"";--ag-icon-font-code-radio-button-on:"";--ag-icon-font-code-right:"";--ag-icon-font-code-save:"";--ag-icon-font-code-small-down:"";--ag-icon-font-code-small-left:"";--ag-icon-font-code-small-right:"";--ag-icon-font-code-small-up:"";--ag-icon-font-code-tick:"";--ag-icon-font-code-tree-closed:"";--ag-icon-font-code-tree-indeterminate:"";--ag-icon-font-code-tree-open:"";--ag-icon-font-code-unlinked:"";--ag-grid-size:calc(var(--odx-vertical-rythm-base-size)*.25);--ag-widget-vertical-spacing:calc(var(--odx-vertical-rythm-base-size)*.5);--ag-header-height:calc(var(--odx-vertical-rythm-base-size)*2);--ag-row-height:calc(var(--odx-vertical-rythm-base-size)*2);--ag-table-line-height:calc(var(--odx-vertical-rythm-base-size)*1.5);--ag-list-item-height:calc(var(--odx-vertical-rythm-base-size)*1.5)}.ag-theme-odx input[class^=ag-][type=text]{background:var(--gray-100);border:var(--ag-borders-critical) var(--gray100);border-radius:var(--odx-v-border-radius-controls);font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing);line-height:var(--ag-table-line-height);outline:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);padding-left:calc(var(--odx-vertical-rythm-base-size)*.3334);padding-right:calc(var(--odx-vertical-rythm-base-size)*.3334);transition-delay:0s;transition-duration:var(--odx-v-transition-duration);transition-property:background-color;transition-timing-function:var(--odx-v-transition-easing-fn);vertical-align:middle}.ag-theme-odx input[class^=ag-][type=text]::-moz-placeholder{color:var(--odx-c-text);opacity:.65}.ag-theme-odx input[class^=ag-][type=text]::placeholder{color:var(--odx-c-text);opacity:.65}.ag-theme-odx input[class^=ag-][type=text]:focus{background-color:var(--odx-c-focus);outline-color:var(--odx-c-focus-outline)}@media (hover:hover){.ag-theme-odx input[class^=ag-][type=text]:not(:focus):hover{background-color:var(--odx-input-control-background-color-hover);outline-color:var(--odx-input-control-outline-color-hover)}}.ag-theme-odx .ag-standard-button{background-color:var(--odx-c-primary);border-radius:var(--odx-v-border-radius-controls);color:var(--odx-c-primary-text);height:calc(var(--odx-vertical-rythm-base-size)*1.5);min-width:calc(var(--odx-vertical-rythm-base-size)*3);outline-offset:calc(var(--odx-v-outline-width-bold)*-1);outline-width:var(--odx-v-outline-width-bold);transition:all var(--odx-v-transition-duration) 0s var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline}.ag-theme-odx .ag-header{border-bottom:var(--ag-borders-critical) var(--gray-700)}.ag-theme-odx .ag-header-row:not(:first-child) .ag-header-cell,.ag-theme-odx .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group{border:none}.ag-theme-odx .ag-header .ag-cell-label-container{width:-moz-fit-content;width:fit-content}.ag-theme-odx .ag-header .ag-floating-filter .ag-filter-select .ag-picker-field-wrapper{height:calc(var(--odx-vertical-rythm-base-size)*1.5)}.ag-theme-odx .ag-header .ag-floating-filter input[type=text]:disabled{color:var(--odx-c-text);font-weight:var(--odx-typography-font-weight-medium);padding:0}.ag-theme-odx .ag-header .ag-header-cell-text{font-weight:var(--odx-typography-font-weight-medium)}.ag-theme-odx .ag-header .ag-header-cell-label{padding-right:calc(var(--odx-vertical-rythm-base-size)*.25)}.ag-theme-odx .ag-header .ag-header-icon.ag-header-cell-menu-button{height:calc(var(--odx-vertical-rythm-base-size)*.667);width:calc(var(--odx-vertical-rythm-base-size)*.667)}.ag-theme-odx.ag-popup [type=text]:focus{border-color:var(--ag-input-border-color);border-radius:var(--odx-v-border-radius);box-shadow:unset}.ag-theme-odx .ag-radio-button-input-wrapper{align-items:center;background-color:var(--odx-control-background-color);border-radius:50%;display:flex;flex:0 0 auto;height:calc(var(--odx-vertical-rythm-base-size)*.8334);justify-content:center;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.0834);margin-top:calc(var(--odx-vertical-rythm-base-size)*.0834);outline:var(--odx-v-outline-width) solid transparent;outline-color:var(--odx-control-outline-color);outline-offset:calc(var(--odx-v-outline-width)*-1);padding:1px;transition:all var(--odx-v-transition-duration) 0s var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline-color;width:calc(var(--odx-vertical-rythm-base-size)*.8334)}@media (hover:hover){.ag-theme-odx .ag-radio-button-input-wrapper:hover{background-color:var(--odx-control-background-color-hover);outline-color:var(--odx-control-outline-color-hover)}}.ag-theme-odx .ag-radio-button-input-wrapper.ag-checked{background-color:var(--odx-control-background-color-selected);color:var(--odx-control-color-selected);opacity:1;outline-color:var(--odx-control-outline-color-selected)}.ag-theme-odx .ag-radio-button-input-wrapper.ag-checked:after{background-color:var(--odx-control-color-selected);border-radius:50%;height:calc(var(--odx-vertical-rythm-base-size)*.1667);left:unset;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);top:unset;transform:scale(1);width:calc(var(--odx-vertical-rythm-base-size)*.1667)}.ag-theme-odx .ag-root-wrapper{border:none}.ag-theme-odx .ag-select .ag-picker-field-display{color:var(--odx-c-text)}.ag-theme-odx .ag-select .ag-picker-field-icon{padding-right:calc(var(--odx-vertical-rythm-base-size)*.5)}.ag-theme-odx .ag-select-list{color:var(--odx-c-text)}.ag-theme-odx .ag-paging-panel .ag-paging-number,.ag-theme-odx .ag-paging-panel .ag-paging-row-summary-panel-number{font-weight:var(--odx-typography-font-weight-semibold)}.ag-theme-odx .ag-checkbox-input{background-color:var(--odx-control-background-color);border-radius:var(--odx-v-border-radius-controls);color:var(--odx-control-color-selected);flex:0 0 auto;height:calc(var(--odx-vertical-rythm-base-size)*.8334);opacity:1;outline-color:var(--odx-control-outline-color);outline:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);padding:1px;transition-delay:0s;transition-duration:var(--odx-v-transition-duration);transition-property:background-color,color;transition-timing-function:var(--odx-v-transition-easing-fn);width:calc(var(--odx-vertical-rythm-base-size)*.8334)}@media (hover:hover){.ag-theme-odx .ag-checkbox-input:hover{background-color:var(--odx-control-background-color-hover);cursor:pointer;outline-color:var(--odx-control-outline-color-hover)}}.ag-theme-odx .ag-checkbox-input-wrapper:after{font-size:calc(var(--odx-vertical-rythm-base-size)*.75);height:calc(var(--odx-vertical-rythm-base-size)*.75);left:50%;opacity:0;top:50%;transform:translate(-50%,-50%);transition-delay:0s;transition-duration:var(--odx-v-transition-duration);transition-property:opacity;transition-timing-function:var(--odx-v-transition-easing-fn);width:calc(var(--odx-vertical-rythm-base-size)*.75)}.ag-theme-odx .ag-checkbox-input-wrapper:has(.ag-checkbox-input:checked,.ag-checkbox-input:indeterminate):after{opacity:1}.ag-theme-odx .ag-checkbox-input:checked,.ag-theme-odx .ag-checkbox-input:indeterminate{background-color:var(--odx-control-background-color-selected);color:var(--odx-control-color-selected);outline-color:var(--odx-control-outline-color-selected)}.ag-theme-odx .ag-checkbox-input:disabled{color:var(--odx-control-color-disabled)}
+@charset "UTF-8";.ag-theme-odx{--ag-border-color:var(--odx-c-separator);--ag-foreground-color:var(--odx-c-text);--ag-secondary-foreground-color:var(--odx-c-text);--ag-disabled-foreground-color:var(--odx-c-text-disabled);--ag-row-hover-color:var(--odx-c-ghost-hover);--ag-selected-row-background-color:var(--odx-c-selected);--ag-background-color:var(--odx-c-background-content);--ag-checkbox-indeterminate-color:var(--odx-control-color-selected);--ag-checkbox-checked-color:var(--odx-control-color-selected);--ag-font-family:var(--odx-typography-font-family);--ag-font-size:var(--odx-typography-base-size);--ag-icon-size:calc(var(--odx-typography-base-size)*(1*var(--odx-typography-positive-font-scaling-factor)));--ag-icon-font-family:core-icons;--ag-icon-font-code-aggregation:"";--ag-icon-font-code-arrows:"";--ag-icon-font-code-asc:"";--ag-icon-font-code-cancel:"";--ag-icon-font-code-chart:"";--ag-icon-font-code-checkbox-checked:"";--ag-icon-font-code-checkbox-indeterminate:"";--ag-icon-font-code-checkbox-unchecked:"";--ag-icon-font-code-color-picker:"";--ag-icon-font-code-columns:"";--ag-icon-font-code-contracted:"";--ag-icon-font-code-copy:"";--ag-icon-font-code-cut:"";--ag-icon-font-code-cross:"";--ag-icon-font-code-csv:"";--ag-icon-font-code-desc:"";--ag-icon-font-code-excel:"";--ag-icon-font-code-expanded:"";--ag-icon-font-code-eye-slash:"";--ag-icon-font-code-eye:"";--ag-icon-font-code-filter:"";--ag-icon-font-code-first:"";--ag-icon-font-code-grip:"";--ag-icon-font-code-group:"";--ag-icon-font-code-last:"";--ag-icon-font-code-left:"";--ag-icon-font-code-linked:"";--ag-icon-font-code-loading:"";--ag-icon-font-code-maximize:"";--ag-icon-font-code-menu:"";--ag-icon-font-code-minimize:"";--ag-icon-font-code-next:"";--ag-icon-font-code-none:"";--ag-icon-font-code-not-allowed:"";--ag-icon-font-code-paste:"";--ag-icon-font-code-pin:"";--ag-icon-font-code-pivot:"";--ag-icon-font-code-previous:"";--ag-icon-font-code-radio-button-off:"";--ag-icon-font-code-radio-button-on:"";--ag-icon-font-code-right:"";--ag-icon-font-code-save:"";--ag-icon-font-code-small-down:"";--ag-icon-font-code-small-left:"";--ag-icon-font-code-small-right:"";--ag-icon-font-code-small-up:"";--ag-icon-font-code-tick:"";--ag-icon-font-code-tree-closed:"";--ag-icon-font-code-tree-indeterminate:"";--ag-icon-font-code-tree-open:"";--ag-icon-font-code-unlinked:"";--ag-grid-size:calc(var(--odx-vertical-rythm-base-size)*.25);--ag-widget-vertical-spacing:calc(var(--odx-vertical-rythm-base-size)*.5);--ag-header-height:calc(var(--odx-vertical-rythm-base-size)*2);--ag-row-height:calc(var(--odx-vertical-rythm-base-size)*2);--ag-table-line-height:calc(var(--odx-vertical-rythm-base-size)*1.5);--ag-list-item-height:calc(var(--odx-vertical-rythm-base-size)*1.5)}.ag-theme-odx input[class^=ag-][type=text]{background:var(--gray-100);border:var(--ag-borders-critical) var(--gray100);border-radius:var(--odx-v-border-radius-controls);font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-medium-letter-spacing);line-height:var(--ag-table-line-height);outline:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);padding-left:calc(var(--odx-vertical-rythm-base-size)*.3334);padding-right:calc(var(--odx-vertical-rythm-base-size)*.3334);transition-delay:0s;transition-duration:var(--odx-v-transition-duration);transition-property:background-color;transition-timing-function:var(--odx-v-transition-easing-fn);vertical-align:middle}.ag-theme-odx input[class^=ag-][type=text]::-moz-placeholder{color:var(--odx-c-text);opacity:.65}.ag-theme-odx input[class^=ag-][type=text]::placeholder{color:var(--odx-c-text);opacity:.65}.ag-theme-odx input[class^=ag-][type=text]:focus{background-color:var(--odx-c-focus);outline-color:var(--odx-c-focus-outline)}@media(hover:hover){.ag-theme-odx input[class^=ag-][type=text]:not(:focus):hover{background-color:var(--odx-input-control-background-color-hover);outline-color:var(--odx-input-control-outline-color-hover)}}.ag-theme-odx .ag-cell:has(.odx-datepicker,.odx-daterangepicker){padding:0 calc(var(--ag-cell-horizontal-padding) - 1px)}.ag-theme-odx .ag-cell .odx-calendar td{line-height:calc(var(--odx-vertical-rythm-base-size)*1)}.ag-theme-odx .ag-cell odx-checkbox-cell-renderer,.ag-theme-odx .ag-cell odx-checkbox-header-cell-renderer{align-items:center;display:inline-flex;height:100%;justify-content:center;line-height:calc(var(--odx-vertical-rythm-base-size)*1)}.ag-theme-odx .ag-cell.hide-ag-selection-checkbox .ag-cell-value{overflow:visible}.ag-theme-odx .ag-cell.hide-ag-selection-checkbox .ag-selection-checkbox,.ag-theme-odx .ag-header-cell.hide-ag-header-select-all .ag-header-select-all{display:none}.ag-theme-odx .ag-picker-field-icon{color:var(--odx-c-text)}.ag-theme-odx .ag-standard-button{background-color:var(--odx-c-primary);border-radius:var(--odx-v-border-radius-controls);color:var(--odx-c-primary-text);height:calc(var(--odx-vertical-rythm-base-size)*1.5);min-width:calc(var(--odx-vertical-rythm-base-size)*3);outline-offset:calc(var(--odx-v-outline-width-bold)*-1);outline-width:var(--odx-v-outline-width-bold);transition:all var(--odx-v-transition-duration) 0s var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline}.ag-theme-odx .ag-cell-inline-editing:has(.ag-select){border:none}.ag-theme-odx .ag-select .ag-picker-field-wrapper{height:calc(var(--odx-vertical-rythm-base-size)*1.5)}.ag-theme-odx .ag-select .ag-picker-field-display{color:var(--odx-c-text)}.ag-theme-odx .ag-select .ag-picker-field-icon{padding-right:calc(var(--odx-vertical-rythm-base-size)*.5)}.ag-theme-odx .ag-header{border-bottom:var(--ag-borders-critical) var(--gray-700)}.ag-theme-odx .ag-header-row:not(:first-child) .ag-header-cell,.ag-theme-odx .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group{border:none}.ag-theme-odx .ag-header .ag-cell-label-container{width:-moz-fit-content;width:fit-content}.ag-theme-odx .ag-header .ag-floating-filter .ag-filter-select .ag-picker-field-wrapper{height:calc(var(--odx-vertical-rythm-base-size)*1.5)}.ag-theme-odx .ag-header .ag-floating-filter input[type=text]:disabled{color:var(--odx-c-text);font-weight:var(--odx-typography-font-weight-medium);padding:0}.ag-theme-odx .ag-header .ag-header-cell-text{font-weight:var(--odx-typography-font-weight-medium)}.ag-theme-odx .ag-header .ag-header-cell-label{padding-right:calc(var(--odx-vertical-rythm-base-size)*.25)}.ag-theme-odx .ag-header .ag-header-icon.ag-header-cell-menu-button{height:calc(var(--odx-vertical-rythm-base-size)*.667);width:calc(var(--odx-vertical-rythm-base-size)*.667)}.ag-theme-odx.ag-popup [type=text]:focus{border:var(--ag-input-border);border-radius:var(--odx-v-border-radius);box-shadow:unset}.ag-theme-odx .ag-radio-button-input-wrapper{align-items:center;background-color:var(--odx-control-background-color);border-radius:50%;display:flex;flex:0 0 auto;height:calc(var(--odx-vertical-rythm-base-size)*.8334);justify-content:center;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.0834);margin-top:calc(var(--odx-vertical-rythm-base-size)*.0834);outline:var(--odx-v-outline-width) solid transparent;outline-color:var(--odx-control-outline-color);outline-offset:calc(var(--odx-v-outline-width)*-1);padding:1px;transition:all var(--odx-v-transition-duration) 0s var(--odx-v-transition-easing-fn);transition-property:background-color,color,outline-color;width:calc(var(--odx-vertical-rythm-base-size)*.8334)}@media(hover:hover){.ag-theme-odx .ag-radio-button-input-wrapper:hover{background-color:var(--odx-control-background-color-hover);outline-color:var(--odx-control-outline-color-hover)}}.ag-theme-odx .ag-radio-button-input-wrapper.ag-checked{background-color:var(--odx-control-background-color-selected);color:var(--odx-control-color-selected);opacity:1;outline-color:var(--odx-control-outline-color-selected)}.ag-theme-odx .ag-radio-button-input-wrapper.ag-checked:after{background-color:var(--odx-control-color-selected);border-radius:50%;height:calc(var(--odx-vertical-rythm-base-size)*.1667);left:unset;margin-bottom:calc(var(--odx-vertical-rythm-base-size)*0);margin-top:calc(var(--odx-vertical-rythm-base-size)*0);top:unset;transform:scale(1);width:calc(var(--odx-vertical-rythm-base-size)*.1667)}.ag-theme-odx .ag-root-wrapper{border:none}.ag-theme-odx.no-filters .ag-header-row.ag-header-row-column-filter{display:none}.ag-theme-odx .ag-select-list{background-color:var(--odx-c-background-content);border-bottom:calc(var(--odx-vertical-rythm-base-size)*.5) solid transparent;border-radius:var(--odx-v-border-radius);border-top:calc(var(--odx-vertical-rythm-base-size)*.5) solid transparent;box-shadow:var(--odx-v-box-shadow-layer-1);color:var(--odx-c-text);overflow:auto;overscroll-behavior:contain;padding-left:calc(var(--odx-vertical-rythm-base-size)*.5);padding-right:calc(var(--odx-vertical-rythm-base-size)*.5)}.ag-theme-odx .ag-select-list .ag-list-item{border-radius:var(--odx-v-border-radius-controls);cursor:pointer;font-weight:var(--odx-typography-font-weight-normal);letter-spacing:var(--odx-typography-font-weight-normal-letter-spacing);line-height:calc(var(--odx-vertical-rythm-base-size)*1);margin-bottom:calc(var(--odx-vertical-rythm-base-size)*.1667);padding:calc(var(--odx-vertical-rythm-base-size)*.25) calc(var(--odx-vertical-rythm-base-size)*.5);transition-delay:0s;transition-duration:var(--odx-v-transition-duration);transition-property:background-color,color,outline-color;transition-timing-function:var(--odx-v-transition-easing-fn);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ag-theme-odx .ag-select-list .ag-list-item:last-child{margin-bottom:0}@media(hover:hover){.ag-theme-odx .ag-select-list .ag-list-item:hover{background-color:var(--gray-50)}}.ag-theme-odx .ag-paging-panel .ag-paging-number,.ag-theme-odx .ag-paging-panel .ag-paging-row-summary-panel-number{font-weight:var(--odx-typography-font-weight-semibold)}.ag-theme-odx .ag-checkbox-input{background-color:var(--odx-control-background-color);border-radius:var(--odx-v-border-radius-controls);color:var(--odx-control-color-selected);flex:0 0 auto;height:calc(var(--odx-vertical-rythm-base-size)*.8334);opacity:1;outline-color:var(--odx-control-outline-color);outline:var(--odx-v-outline-width) solid transparent;outline-offset:calc(var(--odx-v-outline-width)*-1);padding:1px;transition-delay:0s;transition-duration:var(--odx-v-transition-duration);transition-property:background-color,color;transition-timing-function:var(--odx-v-transition-easing-fn);width:calc(var(--odx-vertical-rythm-base-size)*.8334)}@media(hover:hover){.ag-theme-odx .ag-checkbox-input:hover{background-color:var(--odx-control-background-color-hover);cursor:pointer;outline-color:var(--odx-control-outline-color-hover)}}.ag-theme-odx .ag-floating-top .ag-row{color:var(--odx-c-text-disabled)}.ag-theme-odx .ag-floating-top .ag-cell .ag-input-wrapper,.ag-theme-odx .ag-floating-top .ag-cell .ag-select{padding:0 calc(var(--ag-cell-horizontal-padding) - 1px)}.ag-theme-odx .ag-floating-top .ag-cell input{color:var(--odx-c-text);height:unset}.ag-theme-odx .ag-floating-top .ag-cell-focus:not(.ag-cell-range-selected):focus-within{border:none}