@sankhyalabs/ez-design 0.0.0-bugfix-dev-KB-50971.0 → 0.0.0-bugfix-dev-KB-72883.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.
@@ -166,9 +166,12 @@ body * {
166
166
  body::-webkit-scrollbar,
167
167
  body *::-webkit-scrollbar {
168
168
  background-color: var(--scrollbar--background);
169
- width: var(--space--medium);
170
- max-width: var(--space--medium);
171
- min-width: var(--space--medium); }
169
+ width: var(--space--small);
170
+ max-width: var(--space--small);
171
+ min-width: var(--space--small);
172
+ height: var(--space--small);
173
+ max-height: var(--space--small);
174
+ min-height: var(--space--small); }
172
175
  html::-webkit-scrollbar-track,
173
176
  body::-webkit-scrollbar-track,
174
177
  body *::-webkit-scrollbar-track {
@@ -529,6 +532,33 @@ body {
529
532
  .ez-border-radius--large {
530
533
  border-radius: 24px; }
531
534
 
535
+ .ez-border--none {
536
+ border: none; }
537
+
538
+ .ez-border-shadow--small {
539
+ box-shadow: 0px 0px 1px 0px #008561; }
540
+
541
+ .ez-border-shadow--medium {
542
+ box-shadow: 0px 0px 2px 0px #008561; }
543
+
544
+ .ez-border-shadow--large {
545
+ box-shadow: 0px 0px 3px 0px #008561; }
546
+
547
+ .ez-border-shadow--xlarge {
548
+ box-shadow: 0px 0px 5px 0px #008561; }
549
+
550
+ .ez-border-shadow--focus-small:focus {
551
+ box-shadow: 0px 0px 1px 0px #008561; }
552
+
553
+ .ez-border-shadow--focus-medium:focus {
554
+ box-shadow: 0px 0px 2px 0px #008561; }
555
+
556
+ .ez-border-shadow--focus-large:focus {
557
+ box-shadow: 0px 0px 3px 0px #008561; }
558
+
559
+ .ez-border-shadow--focus-xlarge:focus {
560
+ box-shadow: 0px 0px 5px 0px #008561; }
561
+
532
562
  .ez-margin--extra-small {
533
563
  margin: 3px; }
534
564
 
@@ -840,7 +870,8 @@ body {
840
870
  color: #fff;
841
871
  text-shadow: 0 0 0 #fff, 0 0 1px transparent; }
842
872
  .ez-text--bold {
843
- font-weight: 600; }
873
+ font-weight: 600;
874
+ color: var(--title--primary); }
844
875
  .ez-text--full {
845
876
  width: 100%; }
846
877
  .ez-text--primary {
@@ -871,6 +902,7 @@ body {
871
902
  .ez-title {
872
903
  display: flex;
873
904
  font-family: "Roboto";
905
+ color: var(--title--primary);
874
906
  margin: 0;
875
907
  font-weight: 600;
876
908
  line-height: 1.3; }
@@ -1351,6 +1383,14 @@ body {
1351
1383
  width: 100%;
1352
1384
  border-radius: var(--border--radius-medium);
1353
1385
  box-shadow: var(--shadow); }
1386
+ .ez-box__container--padding-small {
1387
+ padding: var(--space--sm);
1388
+ display: flex;
1389
+ flex-wrap: wrap;
1390
+ background-color: var(--background--xlight);
1391
+ width: 100%;
1392
+ border-radius: var(--border--radius-medium);
1393
+ box-shadow: var(--shadow); }
1354
1394
  .ez-box__container--inverted {
1355
1395
  background-color: var(--background--xlight);
1356
1396
  border-radius: var(--border--radius-medium); }
@@ -9089,9 +9129,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9089
9129
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9090
9130
  .ez-grid .ag-tabs.ag-menu.ag-focus-managed.ag-ltr.ag-popup-child::-webkit-scrollbar {
9091
9131
  background-color: var(--scrollbar--background);
9092
- width: var(--space--medium);
9093
- max-width: var(--space--medium);
9094
- min-width: var(--space--medium); }
9132
+ width: var(--space--small);
9133
+ max-width: var(--space--small);
9134
+ min-width: var(--space--small); }
9095
9135
  .ez-grid .ag-tabs.ag-menu.ag-focus-managed.ag-ltr.ag-popup-child::-webkit-scrollbar-track {
9096
9136
  background-color: var(--scrollbar--background);
9097
9137
  border-radius: var(--border--radius-small); }
@@ -9107,9 +9147,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9107
9147
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9108
9148
  .ez-grid .ag-virtual-list-viewport.ag-column-select-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar {
9109
9149
  background-color: var(--scrollbar--background);
9110
- width: var(--space--medium);
9111
- max-width: var(--space--medium);
9112
- min-width: var(--space--medium); }
9150
+ width: var(--space--small);
9151
+ max-width: var(--space--small);
9152
+ min-width: var(--space--small); }
9113
9153
  .ez-grid .ag-virtual-list-viewport.ag-column-select-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar-track {
9114
9154
  background-color: var(--scrollbar--background);
9115
9155
  border-radius: var(--border--radius-small); }
@@ -9125,9 +9165,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9125
9165
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9126
9166
  .ez-grid .ag-virtual-list-viewport.ag-filter-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar {
9127
9167
  background-color: var(--scrollbar--background);
9128
- width: var(--space--medium);
9129
- max-width: var(--space--medium);
9130
- min-width: var(--space--medium); }
9168
+ width: var(--space--small);
9169
+ max-width: var(--space--small);
9170
+ min-width: var(--space--small); }
9131
9171
  .ez-grid .ag-virtual-list-viewport.ag-filter-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar-track {
9132
9172
  background-color: var(--scrollbar--background);
9133
9173
  border-radius: var(--border--radius-small); }
@@ -9145,9 +9185,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9145
9185
  overflow-x: hidden; }
9146
9186
  .ez-grid .ag-body-viewport::-webkit-scrollbar {
9147
9187
  background-color: var(--scrollbar--background);
9148
- width: var(--space--medium);
9149
- max-width: var(--space--medium);
9150
- min-width: var(--space--medium); }
9188
+ width: var(--space--small);
9189
+ max-width: var(--space--small);
9190
+ min-width: var(--space--small); }
9151
9191
  .ez-grid .ag-body-viewport::-webkit-scrollbar-track {
9152
9192
  background-color: var(--scrollbar--background);
9153
9193
  border-radius: var(--border--radius-small); }
@@ -9165,9 +9205,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9165
9205
  .ez-grid .ag-column-select-header {
9166
9206
  padding: 0; }
9167
9207
  .ez-grid .ag-body-horizontal-scroll {
9168
- height: var(--space--medium);
9169
- max-height: var(--space--medium);
9170
- min-height: var(--space--medium); }
9208
+ height: var(--space--small);
9209
+ max-height: var(--space--small);
9210
+ min-height: var(--space--small); }
9171
9211
  .ez-grid .ag-set-filter-item {
9172
9212
  margin: 0; }
9173
9213
  .ez-grid .ag-body-horizontal-scroll-viewport {
@@ -9175,9 +9215,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9175
9215
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9176
9216
  .ez-grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
9177
9217
  background-color: var(--scrollbar--background);
9178
- height: var(--space--medium);
9179
- max-height: var(--space--medium);
9180
- min-height: var(--space--medium); }
9218
+ height: var(--space--small);
9219
+ max-height: var(--space--small);
9220
+ min-height: var(--space--small); }
9181
9221
  .ez-grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track {
9182
9222
  background-color: var(--scrollbar--background);
9183
9223
  border-radius: var(--border--radius-small); }
@@ -9209,8 +9249,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9209
9249
  --ez-text-input__icon--width: 32px;
9210
9250
  height: 100%; }
9211
9251
 
9212
- .grid_height-min {
9252
+ .grid_height-0 {
9213
9253
  --snk-grid-min-height: 0;
9214
9254
  --ez-grid--min-height: 0; }
9215
- .grid_height-min snk-simple-crud {
9255
+ .grid_height-0 snk-simple-crud {
9216
9256
  --snk-simple-crud-grid--min-height: 0px; }