@sankhyalabs/ez-design 5.9.0 → 5.10.0-dev.2

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; }
@@ -9089,9 +9121,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9089
9121
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9090
9122
  .ez-grid .ag-tabs.ag-menu.ag-focus-managed.ag-ltr.ag-popup-child::-webkit-scrollbar {
9091
9123
  background-color: var(--scrollbar--background);
9092
- width: var(--space--medium);
9093
- max-width: var(--space--medium);
9094
- min-width: var(--space--medium); }
9124
+ width: var(--space--small);
9125
+ max-width: var(--space--small);
9126
+ min-width: var(--space--small); }
9095
9127
  .ez-grid .ag-tabs.ag-menu.ag-focus-managed.ag-ltr.ag-popup-child::-webkit-scrollbar-track {
9096
9128
  background-color: var(--scrollbar--background);
9097
9129
  border-radius: var(--border--radius-small); }
@@ -9107,9 +9139,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9107
9139
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9108
9140
  .ez-grid .ag-virtual-list-viewport.ag-column-select-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar {
9109
9141
  background-color: var(--scrollbar--background);
9110
- width: var(--space--medium);
9111
- max-width: var(--space--medium);
9112
- min-width: var(--space--medium); }
9142
+ width: var(--space--small);
9143
+ max-width: var(--space--small);
9144
+ min-width: var(--space--small); }
9113
9145
  .ez-grid .ag-virtual-list-viewport.ag-column-select-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar-track {
9114
9146
  background-color: var(--scrollbar--background);
9115
9147
  border-radius: var(--border--radius-small); }
@@ -9125,9 +9157,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9125
9157
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9126
9158
  .ez-grid .ag-virtual-list-viewport.ag-filter-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar {
9127
9159
  background-color: var(--scrollbar--background);
9128
- width: var(--space--medium);
9129
- max-width: var(--space--medium);
9130
- min-width: var(--space--medium); }
9160
+ width: var(--space--small);
9161
+ max-width: var(--space--small);
9162
+ min-width: var(--space--small); }
9131
9163
  .ez-grid .ag-virtual-list-viewport.ag-filter-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar-track {
9132
9164
  background-color: var(--scrollbar--background);
9133
9165
  border-radius: var(--border--radius-small); }
@@ -9145,9 +9177,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9145
9177
  overflow-x: hidden; }
9146
9178
  .ez-grid .ag-body-viewport::-webkit-scrollbar {
9147
9179
  background-color: var(--scrollbar--background);
9148
- width: var(--space--medium);
9149
- max-width: var(--space--medium);
9150
- min-width: var(--space--medium); }
9180
+ width: var(--space--small);
9181
+ max-width: var(--space--small);
9182
+ min-width: var(--space--small); }
9151
9183
  .ez-grid .ag-body-viewport::-webkit-scrollbar-track {
9152
9184
  background-color: var(--scrollbar--background);
9153
9185
  border-radius: var(--border--radius-small); }
@@ -9165,9 +9197,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9165
9197
  .ez-grid .ag-column-select-header {
9166
9198
  padding: 0; }
9167
9199
  .ez-grid .ag-body-horizontal-scroll {
9168
- height: var(--space--medium);
9169
- max-height: var(--space--medium);
9170
- min-height: var(--space--medium); }
9200
+ height: var(--space--small);
9201
+ max-height: var(--space--small);
9202
+ min-height: var(--space--small); }
9171
9203
  .ez-grid .ag-set-filter-item {
9172
9204
  margin: 0; }
9173
9205
  .ez-grid .ag-body-horizontal-scroll-viewport {
@@ -9175,9 +9207,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9175
9207
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9176
9208
  .ez-grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
9177
9209
  background-color: var(--scrollbar--background);
9178
- height: var(--space--medium);
9179
- max-height: var(--space--medium);
9180
- min-height: var(--space--medium); }
9210
+ height: var(--space--small);
9211
+ max-height: var(--space--small);
9212
+ min-height: var(--space--small); }
9181
9213
  .ez-grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track {
9182
9214
  background-color: var(--scrollbar--background);
9183
9215
  border-radius: var(--border--radius-small); }