@sankhyalabs/ez-design 1.2.0 → 1.2.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.
@@ -8421,7 +8421,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8421
8421
  .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"] {
8422
8422
  position: relative;
8423
8423
  cursor: pointer;
8424
- display: inline-block; }
8424
+ display: inline-block;
8425
+ background-color: transparent; }
8425
8426
  .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:before {
8426
8427
  content: "";
8427
8428
  display: block;
@@ -8434,13 +8435,16 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8434
8435
  border: 2px solid var(--title--primary);
8435
8436
  border-radius: var(--border--radius-small);
8436
8437
  background-color: #ffffff; }
8438
+ .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:checked:before {
8439
+ border-color: var(--color--primary);
8440
+ background-color: var(--color--primary-200); }
8437
8441
  .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:checked:after {
8438
8442
  content: "";
8439
8443
  display: block;
8440
8444
  width: 5px;
8441
8445
  height: 8px;
8442
8446
  border: solid var(--color--primary);
8443
- border-width: 0 2px 2px 0;
8447
+ border-width: 0 2.5px 2.5px 0;
8444
8448
  -webkit-transform: rotate(45deg);
8445
8449
  -ms-transform: rotate(45deg);
8446
8450
  transform: rotate(45deg);
@@ -8453,7 +8457,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8453
8457
  width: 6px;
8454
8458
  height: 8px;
8455
8459
  border: solid var(--title--primary);
8456
- border-width: 0 0 2px 0;
8460
+ border-width: 0 0 2.5px 0;
8457
8461
  position: absolute;
8458
8462
  top: 2px;
8459
8463
  left: 6px; }
@@ -8487,7 +8491,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8487
8491
  .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"] {
8488
8492
  position: relative;
8489
8493
  cursor: pointer;
8490
- display: inline-block; }
8494
+ display: inline-block;
8495
+ background-color: transparent; }
8491
8496
  .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:before {
8492
8497
  content: "";
8493
8498
  display: block;
@@ -8500,13 +8505,16 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8500
8505
  border: 2px solid var(--title--primary);
8501
8506
  border-radius: var(--border--radius-small);
8502
8507
  background-color: #ffffff; }
8508
+ .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:checked:before {
8509
+ border-color: var(--color--primary);
8510
+ background-color: var(--color--primary-200); }
8503
8511
  .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:checked:after {
8504
8512
  content: "";
8505
8513
  display: block;
8506
8514
  width: 5px;
8507
8515
  height: 8px;
8508
8516
  border: solid var(--color--primary);
8509
- border-width: 0 2px 2px 0;
8517
+ border-width: 0 2.5px 2.5px 0;
8510
8518
  -webkit-transform: rotate(45deg);
8511
8519
  -ms-transform: rotate(45deg);
8512
8520
  transform: rotate(45deg);
@@ -8519,7 +8527,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
8519
8527
  width: 6px;
8520
8528
  height: 8px;
8521
8529
  border: solid var(--title--primary);
8522
- border-width: 0 0 2px 0;
8530
+ border-width: 0 0 2.5px 0;
8523
8531
  position: absolute;
8524
8532
  top: 2px;
8525
8533
  left: 6px; }