@itwin/itwinui-css 1.0.0-dev.8 → 1.0.0-dev.9

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.
Files changed (3) hide show
  1. package/css/all.css +21 -9
  2. package/css/table.css +21 -9
  3. package/package.json +1 -1
package/css/all.css CHANGED
@@ -5769,6 +5769,7 @@ div.iui-header-breadcrumb-button-icon{
5769
5769
  flex-shrink:0;
5770
5770
  width:var(--iui-size-m);
5771
5771
  height:var(--iui-size-m);
5772
+ fill:var(--_iui-table-cell-icon-fill);
5772
5773
  }
5773
5774
  .iui-table .iui-table-cell-start-icon{
5774
5775
  margin-right:var(--iui-size-xs);
@@ -5900,17 +5901,17 @@ div.iui-header-breadcrumb-button-icon{
5900
5901
  }
5901
5902
  .iui-table-header .iui-table-sort{
5902
5903
  opacity:0;
5903
- fill:var(--iui-color-foreground-4);
5904
5904
  }
5905
5905
  .iui-table-header .iui-sorted{
5906
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-2);
5906
5907
  background-color:var(--iui-color-background-4);
5907
5908
  }
5908
5909
  .iui-table-header .iui-sorted .iui-table-sort{
5909
5910
  opacity:1;
5910
- fill:var(--iui-color-foreground-2);
5911
5911
  }
5912
5912
 
5913
5913
  .iui-table-row{
5914
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-4);
5914
5915
  min-width:100%;
5915
5916
  display:flex;
5916
5917
  }
@@ -6021,6 +6022,8 @@ div.iui-header-breadcrumb-button-icon{
6021
6022
  }
6022
6023
  .iui-table-body .iui-table-row.iui-loading,
6023
6024
  .iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true]{
6025
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-4);
6026
+ --_iui-table-cell-image-filter:grayscale(100%);
6024
6027
  color:var(--iui-color-foreground-4);
6025
6028
  }
6026
6029
  .iui-table-body .iui-table-row.iui-loading img,
@@ -6031,7 +6034,7 @@ div.iui-header-breadcrumb-button-icon{
6031
6034
  .iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,
6032
6035
  .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg:not(.iui-radial),
6033
6036
  .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar{
6034
- filter:grayscale(100%);
6037
+ filter:var(--_iui-table-cell-image-filter);
6035
6038
  }
6036
6039
  .iui-table-body .iui-table-row.iui-loading{
6037
6040
  font-style:italic;
@@ -6056,8 +6059,11 @@ div.iui-header-breadcrumb-button-icon{
6056
6059
  .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content *::selection{
6057
6060
  background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-5));
6058
6061
  }
6059
- .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon svg{
6060
- fill:var(--iui-color-foreground-positive);
6062
+ .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon{
6063
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-positive);
6064
+ }
6065
+ .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
6066
+ --_iui-table-cell-image-filter:none;
6061
6067
  }
6062
6068
  .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,
6063
6069
  .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content{
@@ -6072,8 +6078,11 @@ div.iui-header-breadcrumb-button-icon{
6072
6078
  .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content *::selection{
6073
6079
  background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-5));
6074
6080
  }
6075
- .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon svg{
6076
- fill:var(--iui-color-foreground-warning);
6081
+ .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon{
6082
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-warning);
6083
+ }
6084
+ .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
6085
+ --_iui-table-cell-image-filter:none;
6077
6086
  }
6078
6087
  .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,
6079
6088
  .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content{
@@ -6088,8 +6097,11 @@ div.iui-header-breadcrumb-button-icon{
6088
6097
  .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content *::selection{
6089
6098
  background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-5));
6090
6099
  }
6091
- .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon svg{
6092
- fill:var(--iui-color-foreground-negative);
6100
+ .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon{
6101
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-negative);
6102
+ }
6103
+ .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
6104
+ --_iui-table-cell-image-filter:none;
6093
6105
  }
6094
6106
 
6095
6107
  .iui-table-header-actions-container{
package/css/table.css CHANGED
@@ -27,6 +27,7 @@
27
27
  flex-shrink:0;
28
28
  width:var(--iui-size-m);
29
29
  height:var(--iui-size-m);
30
+ fill:var(--_iui-table-cell-icon-fill);
30
31
  }
31
32
  .iui-table .iui-table-cell-start-icon{
32
33
  margin-right:var(--iui-size-xs);
@@ -158,17 +159,17 @@
158
159
  }
159
160
  .iui-table-header .iui-table-sort{
160
161
  opacity:0;
161
- fill:var(--iui-color-foreground-4);
162
162
  }
163
163
  .iui-table-header .iui-sorted{
164
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-2);
164
165
  background-color:var(--iui-color-background-4);
165
166
  }
166
167
  .iui-table-header .iui-sorted .iui-table-sort{
167
168
  opacity:1;
168
- fill:var(--iui-color-foreground-2);
169
169
  }
170
170
 
171
171
  .iui-table-row{
172
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-4);
172
173
  min-width:100%;
173
174
  display:flex;
174
175
  }
@@ -279,6 +280,8 @@
279
280
  }
280
281
  .iui-table-body .iui-table-row.iui-loading,
281
282
  .iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true]{
283
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-4);
284
+ --_iui-table-cell-image-filter:grayscale(100%);
282
285
  color:var(--iui-color-foreground-4);
283
286
  }
284
287
  .iui-table-body .iui-table-row.iui-loading img,
@@ -289,7 +292,7 @@
289
292
  .iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,
290
293
  .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg:not(.iui-radial),
291
294
  .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar{
292
- filter:grayscale(100%);
295
+ filter:var(--_iui-table-cell-image-filter);
293
296
  }
294
297
  .iui-table-body .iui-table-row.iui-loading{
295
298
  font-style:italic;
@@ -314,8 +317,11 @@
314
317
  .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content *::selection{
315
318
  background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-5));
316
319
  }
317
- .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon svg{
318
- fill:var(--iui-color-foreground-positive);
320
+ .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon{
321
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-positive);
322
+ }
323
+ .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
324
+ --_iui-table-cell-image-filter:none;
319
325
  }
320
326
  .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,
321
327
  .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content{
@@ -330,8 +336,11 @@
330
336
  .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content *::selection{
331
337
  background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-5));
332
338
  }
333
- .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon svg{
334
- fill:var(--iui-color-foreground-warning);
339
+ .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon{
340
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-warning);
341
+ }
342
+ .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
343
+ --_iui-table-cell-image-filter:none;
335
344
  }
336
345
  .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,
337
346
  .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content{
@@ -346,8 +355,11 @@
346
355
  .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content *::selection{
347
356
  background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-5));
348
357
  }
349
- .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon svg{
350
- fill:var(--iui-color-foreground-negative);
358
+ .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon{
359
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-negative);
360
+ }
361
+ .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
362
+ --_iui-table-cell-image-filter:none;
351
363
  }
352
364
 
353
365
  .iui-table-header-actions-container{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/itwinui-css",
3
- "version": "1.0.0-dev.8",
3
+ "version": "1.0.0-dev.9",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "main": "css/all.css",