@sankhyalabs/ez-design 5.10.0-dev.10 → 5.10.0-dev.12

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.
@@ -112,11 +112,13 @@
112
112
  --border--medium: 2px solid;
113
113
  --border--large: 3px solid;
114
114
  --border--xlarge: 5px solid;
115
- --shadow: 0px 0px 16px 0px rgba(0, 38, 111, .12);
116
- --shadow-focus: 0 0 0 2px;
117
- --shadow--small: 0 0 16px rgba(0, 38, 111, 0.07);
118
- --shadow--medium: 0px 8px 24px rgba(0, 38, 111, 0.1);
115
+ --shadow--xsmall: 0 0 3px 0 rgba(43, 58, 84, 0.20);
116
+ --shadow--small: 0 0 12px 0 rgba(43, 58, 84, 0.08);
117
+ --shadow: 0px 0px 16px 0px rgba(43, 58, 84, .12);
118
+ --shadow--medium: 0 0 24px 0 rgba(43, 58, 84, 0.10);
119
119
  --shadow--hard: 0 0 16px rgba(43, 58, 84, 0.24);
120
+ --shadow-focus: 0 0 0 2px;
121
+ --shadow--outline: 0px 0px 0px 1px;
120
122
  --transition: .2s linear;
121
123
  --space--extra-small: 3px;
122
124
  --space--small: 6px;
@@ -1432,6 +1434,15 @@ body {
1432
1434
  background-color: var(--background--xlight); }
1433
1435
  .ez-box--shadow-small .ez-box__container {
1434
1436
  box-shadow: none; }
1437
+ .ez-box--shadow-xsmall {
1438
+ box-shadow: var(--shadow--xsmall);
1439
+ background-color: var(--background--xlight); }
1440
+ .ez-box--shadow-xsmall .ez-box__container {
1441
+ box-shadow: none; }
1442
+ .ez-box--outline {
1443
+ box-shadow: var(--shadow--outline) var(--color--strokes);
1444
+ border: none;
1445
+ outline: none; }
1435
1446
  .ez-box--no-border {
1436
1447
  border: none; }
1437
1448
  .ez-box--info--success {
@@ -5882,8 +5893,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
5882
5893
 
5883
5894
  .ez-grid {
5884
5895
  --grid-row-default-bg: var(--background--xlight);
5885
- --grid-row-medium-bg: var(--background--medium);
5886
- --grid-row-strong-bg: var(--background--strong);
5896
+ --grid-row-hover-bg: var(--background--strong);
5897
+ --grid-row-selected-bg: var(--color--primary-300);
5898
+ --grid-row-selected-border-color: var(--color--primary);
5887
5899
  --grid-cel-border-small: var(--border--small);
5888
5900
  --grid-cel-border-medium: var(--border--medium);
5889
5901
  --grid-cel-border-color-primary: var(--color--primary);
@@ -9041,10 +9053,16 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9041
9053
  display: none; }
9042
9054
  .ez-grid .ag-row-no-focus {
9043
9055
  background-color: var(--grid-row-default-bg); }
9056
+ .ez-grid .ag-row {
9057
+ border-bottom: var(--border--small) var(--color--strokes); }
9058
+ .ez-grid .row-striped {
9059
+ background-color: var(--background--medium); }
9044
9060
  .ez-grid .ag-row-selected {
9045
- background-color: var(--grid-row-strong-bg); }
9061
+ background-color: var(--grid-row-selected-bg);
9062
+ border-top: var(--border--small) var(--grid-row-selected-border-color);
9063
+ border-bottom: var(--border--small) var(--grid-row-selected-border-color); }
9046
9064
  .ez-grid .ag-row-hover {
9047
- background-color: var(--grid-row-medium-bg); }
9065
+ background-color: var(--grid-row-hover-bg); }
9048
9066
  .ez-grid .ag-root-wrapper {
9049
9067
  border-bottom-right-radius: var(--border--radius-medium);
9050
9068
  border-bottom-left-radius: var(--border--radius-medium);
@@ -9160,10 +9178,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9160
9178
  border-left: var(--border--small) transparent;
9161
9179
  border-top: var(--border--small) transparent;
9162
9180
  border-bottom: var(--border--small) transparent; }
9163
- .ez-grid .ag-row-odd {
9164
- border-bottom: var(--border--small) var(--color--strokes); }
9165
- .ez-grid .ag-row-even {
9166
- border-bottom: var(--border--small) var(--color--strokes); }
9167
9181
  .ez-grid .ag-checkbox-input-wrapper::after {
9168
9182
  content: ""; }
9169
9183
  .ez-grid .ag-checkbox-input-wrapper.ag-checked::after {