Skip to content

Commit bc53cd1

Browse files
yordan-styordan-st
committed
fix: update variable references
1 parent 4127525 commit bc53cd1

File tree

9 files changed

+131
-131
lines changed

9 files changed

+131
-131
lines changed

‎packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-design-properties.scss‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,48 @@
11
.table-compact {
22
.th {
3-
padding: var(--spacing-small, $dg-spacing-small);
3+
padding: var(--spacing-small, $spacing-small);
44

55
.filter-selectors {
6-
margin: 0 var(--spacing-small, $dg-spacing-small);
6+
margin: 0 var(--spacing-small, $spacing-small);
77
}
88
}
99

1010
&:has(.th .column-container .filter:not(:empty)) {
1111
.th {
1212
&.column-selector {
13-
padding: var(--spacing-small, $dg-spacing-small) 0;
13+
padding: var(--spacing-small, $spacing-small) 0;
1414
}
1515
&.widget-datagrid-col-select {
16-
padding-bottom: calc(var(--spacing-small, $dg-spacing-small) + 11px);
16+
padding-bottom: calc(var(--spacing-small, $spacing-small) + 11px);
1717
}
1818
}
1919
}
2020

2121
.td {
22-
padding: var(--spacing-small, $dg-spacing-small);
22+
padding: var(--spacing-small, $spacing-small);
2323
}
2424

2525
.dropdown-container .dropdown-list {
26-
margin: 0 var(--spacing-small, $dg-spacing-small);
26+
margin: 0 var(--spacing-small, $spacing-small);
2727
}
2828

2929
.column-selector {
3030
/* Column content */
3131
.column-selector-content {
32-
padding-right: var(--spacing-small, $dg-spacing-small);
32+
padding-right: var(--spacing-small, $spacing-small);
3333
}
3434
}
3535
}
3636

3737
.table-striped {
3838
.tr:nth-child(odd) > .td {
39-
background-color: var(--grid-bg-striped, $dg-grid-bg-striped);
39+
background-color: var(--grid-bg-striped, $bg-color-secondary);
4040
}
4141
}
4242

4343
.table-hover {
4444
.tr:hover > .td {
45-
background-color: var(--grid-bg-hover, $dg-grid-bg-hover);
45+
background-color: var(--grid-bg-hover, $bg-color-hover);
4646
}
4747
}
4848

‎packages/modules/data-widgets/src/themesource/datawidgets/web/_datagrid-filters.scss‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@
6464
left: 0;
6565
padding: 0;
6666
margin: 0;
67-
background: var(--bg-color-secondary, $dg-background-color);
67+
background: var(--bg-color-secondary, $bg-color);
6868
z-index: 51;
6969
border-radius: 8px;
7070
list-style-type: none;
@@ -86,13 +86,13 @@
8686
}
8787

8888
&.filter-selected {
89-
background-color: var(--gray-lighter, $dg-hover-color);
90-
color: var(--brand-primary, $dg-brand-primary);
89+
background-color: var(--gray-lighter, $hover-color);
90+
color: var(--brand-primary, $brand-primary);
9191
}
9292

9393
&:hover,
9494
&.filter-highlighted {
95-
background-color: var(--gray-lighter, $dg-hover-color);
95+
background-color: var(--gray-lighter, $hover-color);
9696
}
9797
}
9898
}
@@ -106,9 +106,9 @@
106106
display: flex;
107107
align-items: center;
108108
font-weight: normal;
109-
min-height: var(--spacing-larger, $dg-item-min-height);
109+
min-height: var(--spacing-larger, $item-min-height);
110110
cursor: pointer;
111-
padding: 0 var(--spacing-small, $dg-spacing-small);
111+
padding: 0 var(--spacing-small, $spacing-small);
112112

113113
.filter-label {
114114
overflow: hidden;
@@ -117,13 +117,13 @@
117117
}
118118

119119
&.filter-selected {
120-
background-color: var(--gray-lighter, $dg-hover-color);
121-
color: var(--brand-primary, $dg-brand-primary);
120+
background-color: var(--gray-lighter, $hover-color);
121+
color: var(--brand-primary, $brand-primary);
122122
}
123123

124124
&:hover,
125125
&:focus {
126-
background-color: var(--gray-lighter, $dg-hover-color);
126+
background-color: var(--gray-lighter, $hover-color);
127127
}
128128

129129
label {
@@ -138,7 +138,7 @@
138138
}
139139

140140
:not(.dropdown-content) > .dropdown-list {
141-
background: var(--bg-color-secondary, $dg-background-color);
141+
background: var(--bg-color-secondary, $bg-color);
142142
border-radius: 8px;
143143
box-shadow:
144144
0 2px 20px 1px rgba(5, 15, 129, 0.05),
@@ -148,7 +148,7 @@
148148
}
149149

150150
.dropdown-content {
151-
background: var(--bg-color-secondary, $dg-background-color);
151+
background: var(--bg-color-secondary, $bg-color);
152152
border-radius: 8px;
153153
box-shadow:
154154
0 2px 20px 1px rgba(5, 15, 129, 0.05),
@@ -168,7 +168,7 @@
168168
display: flex;
169169
flex-flow: row nowrap;
170170
align-items: center;
171-
padding: 0 var(--spacing-small, $dg-spacing-small);
171+
padding: 0 var(--spacing-small, $spacing-small);
172172
min-height: 40px;
173173
}
174174

@@ -185,7 +185,7 @@
185185
caret-color: transparent;
186186
cursor: pointer;
187187

188-
background-image: url($dg-arrow);
188+
background-image: url($arrow);
189189
background-repeat: no-repeat;
190190
background-position: center;
191191
background-position-x: right;
@@ -197,9 +197,9 @@
197197

198198
.dropdown-list {
199199
left: 0;
200-
margin: 0 var(--spacing-small, $dg-spacing-small);
200+
margin: 0 var(--spacing-small, $spacing-small);
201201
padding: 0;
202-
background: var(--bg-color-secondary, $dg-background-color);
202+
background: var(--bg-color-secondary, $bg-color);
203203
z-index: 102;
204204
border-radius: 8px;
205205
list-style-type: none;
@@ -213,9 +213,9 @@
213213
display: flex;
214214
align-items: center;
215215
font-weight: normal;
216-
min-height: var(--spacing-larger, $dg-item-min-height);
216+
min-height: var(--spacing-larger, $item-min-height);
217217
cursor: pointer;
218-
padding: 0 var(--spacing-small, $dg-spacing-small);
218+
padding: 0 var(--spacing-small, $spacing-small);
219219

220220
.filter-label {
221221
overflow: hidden;
@@ -224,13 +224,13 @@
224224
}
225225

226226
&.filter-selected {
227-
background-color: var(--gray-lighter, $dg-hover-color);
228-
color: var(--brand-primary, $dg-brand-primary);
227+
background-color: var(--gray-lighter, $hover-color);
228+
color: var(--brand-primary, $brand-primary);
229229
}
230230

231231
&:hover,
232232
&:focus {
233-
background-color: var(--gray-lighter, $dg-hover-color);
233+
background-color: var(--gray-lighter, $hover-color);
234234
}
235235

236236
label {

0 commit comments

Comments
 (0)