@skyux/ag-grid 11.0.0-alpha.12 → 11.0.0-alpha.13

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.
@@ -7985,6 +7985,48 @@ button.ag-side-button-button:focus {
7985
7985
  .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input[class^=ag-][type=range] {
7986
7986
  cursor: pointer;
7987
7987
  }
7988
+ .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7989
+ .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7990
+ .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7991
+ .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7992
+ .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7993
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7994
+ .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7995
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7996
+ .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7997
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox] {
7998
+ appearance: none;
7999
+ display: inline-flex;
8000
+ width: var(--sky-switch-size);
8001
+ height: var(--sky-switch-size);
8002
+ }
8003
+ .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8004
+ .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8005
+ .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8006
+ .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8007
+ .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8008
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8009
+ .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8010
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8011
+ .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8012
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled {
8013
+ background-color: var(--sky-background-color-disabled);
8014
+ cursor: default;
8015
+ }
8016
+ .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8017
+ .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8018
+ .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8019
+ .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8020
+ .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8021
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8022
+ .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8023
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8024
+ .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8025
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before {
8026
+ background-color: currentColor;
8027
+ content: " ";
8028
+ display: inline-block;
8029
+ }
7988
8030
  .ag-theme-sky-data-grid-default .ag-header-cell-sortable .ag-header-cell-label,
7989
8031
  .ag-theme-sky-data-entry-grid-default .ag-header-cell-sortable .ag-header-cell-label,
7990
8032
  .ag-theme-sky-data-grid-modern-light .ag-header-cell-sortable .ag-header-cell-label,
@@ -8376,6 +8418,34 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
8376
8418
  .ag-theme-sky-data-entry-grid-default .ag-header .ag-header-cell .ag-header-cell-label-sortable:hover {
8377
8419
  color: var(--sky-text-color-default);
8378
8420
  }
8421
+ .ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox],
8422
+ .ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox] {
8423
+ border: 1px solid #cdcfd2;
8424
+ border-radius: 3px;
8425
+ color: var(--sky-text-color-default);
8426
+ }
8427
+ .ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:disabled,
8428
+ .ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:disabled {
8429
+ border-color: var(--sky-background-color-disabled);
8430
+ border-width: 2px;
8431
+ }
8432
+ .ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
8433
+ .ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:checked:not(:disabled) {
8434
+ background-color: var(--sky-background-color-input-selected);
8435
+ border-color: var(--sky-highlight-color-info);
8436
+ border-width: 2px;
8437
+ }
8438
+ .ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
8439
+ .ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:focus:not(:disabled) {
8440
+ border-color: var(--sky-text-color-default);
8441
+ border-width: 2px;
8442
+ }
8443
+ .ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:checked:before,
8444
+ .ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:checked:before {
8445
+ width: 1em;
8446
+ height: 1em;
8447
+ clip-path: polygon(49.372% 71.425%, 32.182% 52.751%, 32.182% 52.751%, 31.26% 52.724%, 29.741% 53.568%, 27.799% 55.088%, 25.607% 57.088%, 23.34% 59.373%, 21.171% 61.747%, 19.275% 64.015%, 17.824% 65.982%, 16.993% 67.452%, 16.956% 68.229%, 46.535% 100%, 46.535% 100%, 47.14% 100.571%, 47.802% 101.016%, 48.507% 101.333%, 49.24% 101.523%, 49.988% 101.587%, 50.736% 101.523%, 51.469% 101.333%, 52.174% 101.016%, 52.836% 100.571%, 53.44% 100%, 100% 49.061%, 100% 49.061%, 99.916% 48.228%, 99.021% 46.804%, 97.5% 44.958%, 95.536% 42.861%, 93.314% 40.682%, 91.017% 38.59%, 88.83% 36.755%, 86.935% 35.345%, 85.519% 34.532%, 84.763% 34.484%, 49.372% 71.425%);
8448
+ }
8379
8449
 
8380
8450
  .ag-theme-sky-data-grid-modern-light .ag-header .ag-header-cell .ag-header-cell-label-sortable,
8381
8451
  .ag-theme-sky-data-grid-modern-dark .ag-header .ag-header-cell .ag-header-cell-label-sortable,
@@ -10976,6 +11046,74 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
10976
11046
  var(--sky-text-color-action-primary);
10977
11047
  border-right-width: 3px;
10978
11048
  }
11049
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox],
11050
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox],
11051
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox],
11052
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox],
11053
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox],
11054
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox],
11055
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox],
11056
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox] {
11057
+ color: var(--sky-text-color-action-primary);
11058
+ border: 1px solid var(--sky-border-color-neutral-medium-dark);
11059
+ border-radius: 6px;
11060
+ }
11061
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:disabled,
11062
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:disabled,
11063
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:disabled,
11064
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:disabled,
11065
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:disabled,
11066
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:disabled,
11067
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:disabled,
11068
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:disabled {
11069
+ color: var(--sky-text-color-default);
11070
+ }
11071
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11072
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11073
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11074
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11075
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11076
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11077
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11078
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled) {
11079
+ background-color: var(--sky-background-color-input-selected);
11080
+ border-color: var(--sky-text-color-action-primary);
11081
+ }
11082
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11083
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11084
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11085
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11086
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11087
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11088
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11089
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled) {
11090
+ border-color: var(--sky-text-color-action-primary);
11091
+ border-width: 2px;
11092
+ box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
11093
+ }
11094
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11095
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11096
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11097
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11098
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11099
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11100
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11101
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before {
11102
+ margin: 1px;
11103
+ }
11104
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:before,
11105
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:before,
11106
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:before,
11107
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:before,
11108
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:before,
11109
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:before,
11110
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:before,
11111
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:before {
11112
+ margin: 2px;
11113
+ width: 1em;
11114
+ height: 1em;
11115
+ clip-path: polygon(42.065% 88.662%, 42.065% 88.662%, 93.002% 33.64%, 93.617% 33.094%, 94.286% 32.67%, 94.996% 32.37%, 95.733% 32.193%, 96.483% 32.138%, 97.232% 32.207%, 97.966% 32.397%, 98.672% 32.71%, 99.335% 33.146%, 99.941% 33.704%, 99.941% 33.704%, 100.457% 34.359%, 100.86% 35.075%, 101.15% 35.837%, 101.327% 36.63%, 101.39% 37.439%, 101.339% 38.249%, 101.175% 39.046%, 100.897% 39.812%, 100.506% 40.535%, 100% 41.198%, 100% 41.198%, 45.563% 100%, 44.951% 100.563%, 44.28% 101.001%, 43.566% 101.313%, 42.822% 101.501%, 42.065% 101.564%, 41.307% 101.501%, 40.564% 101.313%, 39.849% 101.001%, 39.179% 100.563%, 38.566% 100%, 38.566% 100%, 16.296% 75.945%, 15.791% 75.281%, 15.399% 74.559%, 15.121% 73.792%, 14.957% 72.996%, 14.906% 72.186%, 14.969% 71.376%, 15.146% 70.583%, 15.436% 69.821%, 15.839% 69.105%, 16.356% 68.45%, 16.356% 68.45%, 16.962% 67.892%, 17.625% 67.457%, 18.33% 67.144%, 19.064% 66.953%, 19.814% 66.885%, 20.564% 66.939%, 21.301% 67.117%, 22.011% 67.417%, 22.68% 67.84%, 23.294% 68.386%, 23.294% 68.386%);
11116
+ }
10979
11117
 
10980
11118
  .ag-theme-sky-data-grid-modern-light,
10981
11119
  .ag-theme-sky-data-grid-modern-light-compact {