@sankhyalabs/ez-design 5.9.0 → 5.10.0-dev.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.
@@ -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
 
@@ -9089,9 +9119,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9089
9119
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9090
9120
  .ez-grid .ag-tabs.ag-menu.ag-focus-managed.ag-ltr.ag-popup-child::-webkit-scrollbar {
9091
9121
  background-color: var(--scrollbar--background);
9092
- width: var(--space--medium);
9093
- max-width: var(--space--medium);
9094
- min-width: var(--space--medium); }
9122
+ width: var(--space--small);
9123
+ max-width: var(--space--small);
9124
+ min-width: var(--space--small); }
9095
9125
  .ez-grid .ag-tabs.ag-menu.ag-focus-managed.ag-ltr.ag-popup-child::-webkit-scrollbar-track {
9096
9126
  background-color: var(--scrollbar--background);
9097
9127
  border-radius: var(--border--radius-small); }
@@ -9107,9 +9137,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9107
9137
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9108
9138
  .ez-grid .ag-virtual-list-viewport.ag-column-select-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar {
9109
9139
  background-color: var(--scrollbar--background);
9110
- width: var(--space--medium);
9111
- max-width: var(--space--medium);
9112
- min-width: var(--space--medium); }
9140
+ width: var(--space--small);
9141
+ max-width: var(--space--small);
9142
+ min-width: var(--space--small); }
9113
9143
  .ez-grid .ag-virtual-list-viewport.ag-column-select-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar-track {
9114
9144
  background-color: var(--scrollbar--background);
9115
9145
  border-radius: var(--border--radius-small); }
@@ -9125,9 +9155,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9125
9155
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9126
9156
  .ez-grid .ag-virtual-list-viewport.ag-filter-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar {
9127
9157
  background-color: var(--scrollbar--background);
9128
- width: var(--space--medium);
9129
- max-width: var(--space--medium);
9130
- min-width: var(--space--medium); }
9158
+ width: var(--space--small);
9159
+ max-width: var(--space--small);
9160
+ min-width: var(--space--small); }
9131
9161
  .ez-grid .ag-virtual-list-viewport.ag-filter-virtual-list-viewport.ag-focus-managed::-webkit-scrollbar-track {
9132
9162
  background-color: var(--scrollbar--background);
9133
9163
  border-radius: var(--border--radius-small); }
@@ -9145,9 +9175,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9145
9175
  overflow-x: hidden; }
9146
9176
  .ez-grid .ag-body-viewport::-webkit-scrollbar {
9147
9177
  background-color: var(--scrollbar--background);
9148
- width: var(--space--medium);
9149
- max-width: var(--space--medium);
9150
- min-width: var(--space--medium); }
9178
+ width: var(--space--small);
9179
+ max-width: var(--space--small);
9180
+ min-width: var(--space--small); }
9151
9181
  .ez-grid .ag-body-viewport::-webkit-scrollbar-track {
9152
9182
  background-color: var(--scrollbar--background);
9153
9183
  border-radius: var(--border--radius-small); }
@@ -9175,9 +9205,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
9175
9205
  scrollbar-color: var(--scrollbar--clicked) var(--scrollbar--background); }
9176
9206
  .ez-grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
9177
9207
  background-color: var(--scrollbar--background);
9178
- height: var(--space--medium);
9179
- max-height: var(--space--medium);
9180
- min-height: var(--space--medium); }
9208
+ height: var(--space--small);
9209
+ max-height: var(--space--small);
9210
+ min-height: var(--space--small); }
9181
9211
  .ez-grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track {
9182
9212
  background-color: var(--scrollbar--background);
9183
9213
  border-radius: var(--border--radius-small); }