@itwin/itwinui-css 1.0.0-dev.7 → 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 (5) hide show
  1. package/css/all.css +22 -11
  2. package/css/carousel.css +0 -1
  3. package/css/menu.css +1 -1
  4. package/css/table.css +21 -9
  5. package/package.json +1 -1
package/css/all.css CHANGED
@@ -1614,7 +1614,6 @@ a.iui-breadcrumbs-text:focus{
1614
1614
  padding:0;
1615
1615
  border:none;
1616
1616
  vertical-align:baseline;
1617
- flex:2;
1618
1617
  max-width:calc(var(--iui-size-2xl) * 4);
1619
1618
  border-radius:var(--iui-border-radius-1);
1620
1619
  white-space:nowrap;
@@ -4009,7 +4008,7 @@ div.iui-header-breadcrumb-button-icon{
4009
4008
  .iui-menu.iui-scroll{
4010
4009
  overflow-y:auto;
4011
4010
  overflow-y:overlay;
4012
- --iui-menu-max-height:315px;
4011
+ --iui-menu-max-height:calc((var(--iui-component-height) - 1px) * 8.5);
4013
4012
  }
4014
4013
 
4015
4014
  .iui-menu-item{
@@ -5770,6 +5769,7 @@ div.iui-header-breadcrumb-button-icon{
5770
5769
  flex-shrink:0;
5771
5770
  width:var(--iui-size-m);
5772
5771
  height:var(--iui-size-m);
5772
+ fill:var(--_iui-table-cell-icon-fill);
5773
5773
  }
5774
5774
  .iui-table .iui-table-cell-start-icon{
5775
5775
  margin-right:var(--iui-size-xs);
@@ -5901,17 +5901,17 @@ div.iui-header-breadcrumb-button-icon{
5901
5901
  }
5902
5902
  .iui-table-header .iui-table-sort{
5903
5903
  opacity:0;
5904
- fill:var(--iui-color-foreground-4);
5905
5904
  }
5906
5905
  .iui-table-header .iui-sorted{
5906
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-2);
5907
5907
  background-color:var(--iui-color-background-4);
5908
5908
  }
5909
5909
  .iui-table-header .iui-sorted .iui-table-sort{
5910
5910
  opacity:1;
5911
- fill:var(--iui-color-foreground-2);
5912
5911
  }
5913
5912
 
5914
5913
  .iui-table-row{
5914
+ --_iui-table-cell-icon-fill:var(--iui-color-foreground-4);
5915
5915
  min-width:100%;
5916
5916
  display:flex;
5917
5917
  }
@@ -6022,6 +6022,8 @@ div.iui-header-breadcrumb-button-icon{
6022
6022
  }
6023
6023
  .iui-table-body .iui-table-row.iui-loading,
6024
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%);
6025
6027
  color:var(--iui-color-foreground-4);
6026
6028
  }
6027
6029
  .iui-table-body .iui-table-row.iui-loading img,
@@ -6032,7 +6034,7 @@ div.iui-header-breadcrumb-button-icon{
6032
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,
6033
6035
  .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg:not(.iui-radial),
6034
6036
  .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar{
6035
- filter:grayscale(100%);
6037
+ filter:var(--_iui-table-cell-image-filter);
6036
6038
  }
6037
6039
  .iui-table-body .iui-table-row.iui-loading{
6038
6040
  font-style:italic;
@@ -6057,8 +6059,11 @@ div.iui-header-breadcrumb-button-icon{
6057
6059
  .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content *::selection{
6058
6060
  background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-5));
6059
6061
  }
6060
- .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon svg{
6061
- 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;
6062
6067
  }
6063
6068
  .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,
6064
6069
  .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content{
@@ -6073,8 +6078,11 @@ div.iui-header-breadcrumb-button-icon{
6073
6078
  .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content *::selection{
6074
6079
  background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-5));
6075
6080
  }
6076
- .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon svg{
6077
- 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;
6078
6086
  }
6079
6087
  .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,
6080
6088
  .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content{
@@ -6089,8 +6097,11 @@ div.iui-header-breadcrumb-button-icon{
6089
6097
  .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content *::selection{
6090
6098
  background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-5));
6091
6099
  }
6092
- .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon svg{
6093
- 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;
6094
6105
  }
6095
6106
 
6096
6107
  .iui-table-header-actions-container{
package/css/carousel.css CHANGED
@@ -58,7 +58,6 @@
58
58
  padding:0;
59
59
  border:none;
60
60
  vertical-align:baseline;
61
- flex:2;
62
61
  max-width:calc(var(--iui-size-2xl) * 4);
63
62
  border-radius:var(--iui-border-radius-1);
64
63
  white-space:nowrap;
package/css/menu.css CHANGED
@@ -44,7 +44,7 @@
44
44
  .iui-menu.iui-scroll{
45
45
  overflow-y:auto;
46
46
  overflow-y:overlay;
47
- --iui-menu-max-height:315px;
47
+ --iui-menu-max-height:calc((var(--iui-component-height) - 1px) * 8.5);
48
48
  }
49
49
 
50
50
  .iui-menu-item{
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.7",
3
+ "version": "1.0.0-dev.9",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "main": "css/all.css",