@sankhyalabs/ez-design 1.1.1 → 1.2.0
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.
- package/dist/default/ez-themed.css +153 -45
- package/dist/default/ez-themed.min.css +1 -1
- package/dist/default/icons/fonts/ez-icons.css +6 -6
- package/dist/default/icons/fonts/ez-icons.eot +0 -0
- package/dist/default/icons/fonts/ez-icons.less +6 -6
- package/dist/default/icons/fonts/ez-icons.module.less +6 -6
- package/dist/default/icons/fonts/ez-icons.scss +6 -6
- package/dist/default/icons/fonts/ez-icons.styl +6 -6
- package/dist/default/icons/fonts/ez-icons.ttf +0 -0
- package/dist/default/icons/fonts/ez-icons.woff +0 -0
- package/dist/default/icons/fonts/ez-icons.woff2 +0 -0
- package/dist/default/icons/fonts/unicode.html +4 -4
- package/package.json +1 -1
|
@@ -41,6 +41,14 @@
|
|
|
41
41
|
--color--warning: #f2d410;
|
|
42
42
|
--color--warning-200: #FDF8D8;
|
|
43
43
|
--color--warning-900: #EFB103;
|
|
44
|
+
--color-alert--cold-50: #E1E9FF;
|
|
45
|
+
--color-alert--cold-800: #042eff;
|
|
46
|
+
--color-alert--warm-50: #feede3;
|
|
47
|
+
--color-alert--warm-800: #cf3105;
|
|
48
|
+
--color-alert--success-50: #E7F6E0;
|
|
49
|
+
--color-alert--success-800: #157A00;
|
|
50
|
+
--color-alert--error-50: #F7E0E5;
|
|
51
|
+
--color-alert--error-800: #BD0025;
|
|
44
52
|
--color--disable-primary: #e5eaf0;
|
|
45
53
|
--color--disable-secondary: #f2f5f8;
|
|
46
54
|
--color--inverted: #fff;
|
|
@@ -8384,6 +8392,151 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
|
|
|
8384
8392
|
background-color: var(--ag-input-focus-border-color); }
|
|
8385
8393
|
.ez-grid input[class^='ag-'][type='range']:disabled {
|
|
8386
8394
|
opacity: 0.5; }
|
|
8395
|
+
.ez-grid__cell-header:not([col-id="checkBoxColumn"]) {
|
|
8396
|
+
border-right: var(--border--small) var(--color--strokes);
|
|
8397
|
+
padding-right: var(--space--medium); }
|
|
8398
|
+
.ez-grid__cell-header .ag-header-cell-comp-wrapper {
|
|
8399
|
+
width: 100%; }
|
|
8400
|
+
.ez-grid__cell-body {
|
|
8401
|
+
font-family: var(--font-pattern);
|
|
8402
|
+
font-size: var(--text--medium);
|
|
8403
|
+
color: var(--text--primary); }
|
|
8404
|
+
.ez-grid__cell-body.ag-cell-value:not(.ag-cell-range-right):not(.ag-cell-range-single-cell), .ez-grid__cell-body.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell), .ez-grid__cell-body.ag-cell-last-right-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
|
|
8405
|
+
border-right-color: var(--color--strokes); }
|
|
8406
|
+
.ez-grid__cell-body.ag-cell[col-id="statusColumn"] {
|
|
8407
|
+
display: flex;
|
|
8408
|
+
align-items: center;
|
|
8409
|
+
justify-content: center;
|
|
8410
|
+
padding-left: 0;
|
|
8411
|
+
padding-right: 11px; }
|
|
8412
|
+
.ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] {
|
|
8413
|
+
border-right: none;
|
|
8414
|
+
padding-left: 0;
|
|
8415
|
+
padding-right: 0; }
|
|
8416
|
+
.ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-selection-checkbox {
|
|
8417
|
+
margin: 0 5px; }
|
|
8418
|
+
.ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper {
|
|
8419
|
+
width: 18px;
|
|
8420
|
+
height: 18px; }
|
|
8421
|
+
.ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"] {
|
|
8422
|
+
position: relative;
|
|
8423
|
+
cursor: pointer;
|
|
8424
|
+
display: inline-block; }
|
|
8425
|
+
.ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:before {
|
|
8426
|
+
content: "";
|
|
8427
|
+
display: block;
|
|
8428
|
+
position: absolute;
|
|
8429
|
+
width: 18px;
|
|
8430
|
+
height: 18px;
|
|
8431
|
+
top: 50%;
|
|
8432
|
+
left: 50%;
|
|
8433
|
+
transform: translate(-50%, -50%);
|
|
8434
|
+
border: 2px solid var(--title--primary);
|
|
8435
|
+
border-radius: var(--border--radius-small);
|
|
8436
|
+
background-color: #ffffff; }
|
|
8437
|
+
.ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:checked:after {
|
|
8438
|
+
content: "";
|
|
8439
|
+
display: block;
|
|
8440
|
+
width: 5px;
|
|
8441
|
+
height: 8px;
|
|
8442
|
+
border: solid var(--color--primary);
|
|
8443
|
+
border-width: 0 2px 2px 0;
|
|
8444
|
+
-webkit-transform: rotate(45deg);
|
|
8445
|
+
-ms-transform: rotate(45deg);
|
|
8446
|
+
transform: rotate(45deg);
|
|
8447
|
+
position: absolute;
|
|
8448
|
+
top: 4px;
|
|
8449
|
+
left: 6.5px; }
|
|
8450
|
+
.ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:indeterminate::after {
|
|
8451
|
+
content: "";
|
|
8452
|
+
display: block;
|
|
8453
|
+
width: 6px;
|
|
8454
|
+
height: 8px;
|
|
8455
|
+
border: solid var(--title--primary);
|
|
8456
|
+
border-width: 0 0 2px 0;
|
|
8457
|
+
position: absolute;
|
|
8458
|
+
top: 2px;
|
|
8459
|
+
left: 6px; }
|
|
8460
|
+
.ez-grid__cell-status {
|
|
8461
|
+
display: inline-block;
|
|
8462
|
+
vertical-align: middle;
|
|
8463
|
+
clear: both;
|
|
8464
|
+
width: 12px;
|
|
8465
|
+
height: 12px;
|
|
8466
|
+
background-color: var(--color--strokes);
|
|
8467
|
+
border: 1px solid transparent;
|
|
8468
|
+
border-radius: 50%;
|
|
8469
|
+
margin: 0 auto; }
|
|
8470
|
+
.ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-value:not(.ag-cell-range-right):not(.ag-cell-range-single-cell), .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell), .ez-grid .ag-ltr .ez-grid__cell-body.ag-cell-last-right-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
|
|
8471
|
+
border-right-color: var(--color--strokes); }
|
|
8472
|
+
.ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="statusColumn"] {
|
|
8473
|
+
display: flex;
|
|
8474
|
+
align-items: center;
|
|
8475
|
+
justify-content: center;
|
|
8476
|
+
padding-left: 0;
|
|
8477
|
+
padding-right: 11px; }
|
|
8478
|
+
.ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] {
|
|
8479
|
+
border-right: none;
|
|
8480
|
+
padding-left: 0;
|
|
8481
|
+
padding-right: 0; }
|
|
8482
|
+
.ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-selection-checkbox {
|
|
8483
|
+
margin: 0 5px; }
|
|
8484
|
+
.ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper {
|
|
8485
|
+
width: 18px;
|
|
8486
|
+
height: 18px; }
|
|
8487
|
+
.ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"] {
|
|
8488
|
+
position: relative;
|
|
8489
|
+
cursor: pointer;
|
|
8490
|
+
display: inline-block; }
|
|
8491
|
+
.ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:before {
|
|
8492
|
+
content: "";
|
|
8493
|
+
display: block;
|
|
8494
|
+
position: absolute;
|
|
8495
|
+
width: 18px;
|
|
8496
|
+
height: 18px;
|
|
8497
|
+
top: 50%;
|
|
8498
|
+
left: 50%;
|
|
8499
|
+
transform: translate(-50%, -50%);
|
|
8500
|
+
border: 2px solid var(--title--primary);
|
|
8501
|
+
border-radius: var(--border--radius-small);
|
|
8502
|
+
background-color: #ffffff; }
|
|
8503
|
+
.ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:checked:after {
|
|
8504
|
+
content: "";
|
|
8505
|
+
display: block;
|
|
8506
|
+
width: 5px;
|
|
8507
|
+
height: 8px;
|
|
8508
|
+
border: solid var(--color--primary);
|
|
8509
|
+
border-width: 0 2px 2px 0;
|
|
8510
|
+
-webkit-transform: rotate(45deg);
|
|
8511
|
+
-ms-transform: rotate(45deg);
|
|
8512
|
+
transform: rotate(45deg);
|
|
8513
|
+
position: absolute;
|
|
8514
|
+
top: 4px;
|
|
8515
|
+
left: 6.5px; }
|
|
8516
|
+
.ez-grid .ag-ltr .ez-grid__cell-body.ag-cell[col-id="checkBoxColumn"] .ag-checkbox-input-wrapper input[type="checkbox"]:indeterminate::after {
|
|
8517
|
+
content: "";
|
|
8518
|
+
display: block;
|
|
8519
|
+
width: 6px;
|
|
8520
|
+
height: 8px;
|
|
8521
|
+
border: solid var(--title--primary);
|
|
8522
|
+
border-width: 0 0 2px 0;
|
|
8523
|
+
position: absolute;
|
|
8524
|
+
top: 2px;
|
|
8525
|
+
left: 6px; }
|
|
8526
|
+
.ez-grid .ag-pinned-left-header {
|
|
8527
|
+
border-right: none; }
|
|
8528
|
+
.ez-grid .ag-pinned-right-header {
|
|
8529
|
+
border-left: none; }
|
|
8530
|
+
.ez-grid .ag-pinned-left-header .ez-grid__header-cell,
|
|
8531
|
+
.ez-grid .ag-pinned-right-header .ez-grid__header-cell {
|
|
8532
|
+
padding-right: var(--space--medium); }
|
|
8533
|
+
.ez-grid .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
|
|
8534
|
+
border-right-color: var(--color--strokes); }
|
|
8535
|
+
.ez-grid .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
|
|
8536
|
+
border-left-color: var(--color--strokes); }
|
|
8537
|
+
.ez-grid .ag-horizontal-left-spacer,
|
|
8538
|
+
.ez-grid .ag-horizontal-right-spacer {
|
|
8539
|
+
overflow-x: auto; }
|
|
8387
8540
|
.ez-grid .ag-header-cell-text {
|
|
8388
8541
|
font-family: var(--font-pattern);
|
|
8389
8542
|
color: var(--title--primary);
|
|
@@ -8391,13 +8544,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
|
|
|
8391
8544
|
font-weight: var(--text-weight--large); }
|
|
8392
8545
|
.ez-grid .ag-header {
|
|
8393
8546
|
border-bottom: none; }
|
|
8394
|
-
.ez-grid .ag-cell {
|
|
8395
|
-
display: flex;
|
|
8396
|
-
align-items: center;
|
|
8397
|
-
line-height: normal;
|
|
8398
|
-
font-family: var(--font-pattern);
|
|
8399
|
-
font-size: var(--text--medium);
|
|
8400
|
-
color: var(--text--primary); }
|
|
8401
8547
|
.ez-grid .ag-menu-separator {
|
|
8402
8548
|
display: none; }
|
|
8403
8549
|
.ez-grid .ag-tabs-header.ag-menu-header {
|
|
@@ -8500,44 +8646,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
|
|
|
8500
8646
|
content: ""; }
|
|
8501
8647
|
.ez-grid input.ag-input-field-input.ag-checkbox-input {
|
|
8502
8648
|
opacity: 1; }
|
|
8503
|
-
.ez-grid input[type="checkbox"] {
|
|
8504
|
-
position: relative;
|
|
8505
|
-
cursor: pointer;
|
|
8506
|
-
display: inline-block; }
|
|
8507
|
-
.ez-grid input[type="checkbox"]:before {
|
|
8508
|
-
content: "";
|
|
8509
|
-
display: block;
|
|
8510
|
-
position: absolute;
|
|
8511
|
-
width: 16px;
|
|
8512
|
-
height: 16px;
|
|
8513
|
-
top: -3px;
|
|
8514
|
-
left: 0;
|
|
8515
|
-
border: 2px solid var(--title--primary);
|
|
8516
|
-
border-radius: var(--border--radius-small);
|
|
8517
|
-
background-color: white; }
|
|
8518
|
-
.ez-grid input[type="checkbox"]:checked:after {
|
|
8519
|
-
content: "";
|
|
8520
|
-
display: block;
|
|
8521
|
-
width: 5px;
|
|
8522
|
-
height: 8px;
|
|
8523
|
-
border: solid var(--color--primary);
|
|
8524
|
-
border-width: 0 2px 2px 0;
|
|
8525
|
-
-webkit-transform: rotate(45deg);
|
|
8526
|
-
-ms-transform: rotate(45deg);
|
|
8527
|
-
transform: rotate(45deg);
|
|
8528
|
-
position: absolute;
|
|
8529
|
-
top: 0px;
|
|
8530
|
-
left: 5.5px; }
|
|
8531
|
-
.ez-grid input[type="checkbox"]:indeterminate::after {
|
|
8532
|
-
content: "";
|
|
8533
|
-
display: block;
|
|
8534
|
-
width: 6px;
|
|
8535
|
-
height: 8px;
|
|
8536
|
-
border: solid var(--title--primary);
|
|
8537
|
-
border-width: 0 0 2px 0;
|
|
8538
|
-
position: absolute;
|
|
8539
|
-
top: -2px;
|
|
8540
|
-
left: 5px; }
|
|
8541
8649
|
.ez-grid .ag-virtual-list-viewport.ag-column-select-virtual-list-viewport.ag-focus-managed {
|
|
8542
8650
|
max-height: 120px;
|
|
8543
8651
|
overflow-y: auto; }
|