@itwin/itwinui-css 0.48.0 → 0.49.0

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 (8) hide show
  1. package/css/all.css +13 -0
  2. package/css/color-picker.css +2 -0
  3. package/css/inputs.css +2 -0
  4. package/css/table.css +9 -0
  5. package/package.json +1 -1
  6. package/scss/color-picker/color-picker.scss +2 -0
  7. package/scss/inputs/radio.scss +5 -0
  8. package/scss/table/table.scss +16 -0
package/css/all.css CHANGED
@@ -1282,6 +1282,8 @@ html.iui-theme-dark{
1282
1282
  .iui-color-swatch::after{
1283
1283
  content:'';
1284
1284
  position:absolute;
1285
+ left:0;
1286
+ top:0;
1285
1287
  width:inherit;
1286
1288
  height:inherit;
1287
1289
  border-radius:inherit;
@@ -3461,6 +3463,8 @@ html.iui-theme-dark{
3461
3463
  cursor:wait; }
3462
3464
  .iui-radio:checked{
3463
3465
  --_iui-checkbox-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" ><circle cx="8" cy="8" r="4" /></svg>'); }
3466
+ .iui-radio:not(:checked), .iui-radio:indeterminate{
3467
+ --_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg); }
3464
3468
 
3465
3469
  .iui-radio-tile-container{
3466
3470
  display:inline-flex;
@@ -4851,6 +4855,9 @@ html.iui-theme-dark{
4851
4855
  outline-offset:-1px; } }
4852
4856
  .iui-table-header .iui-cell:not(.iui-slot).iui-actionable{
4853
4857
  cursor:pointer; }
4858
+ .iui-table-header .iui-cell:not(.iui-slot).iui-grabbing{
4859
+ cursor:-webkit-grabbing;
4860
+ cursor:grabbing; }
4854
4861
  .iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button{
4855
4862
  margin-left:4px;
4856
4863
  margin-right:8px; }
@@ -4890,6 +4897,12 @@ html.iui-theme-dark{
4890
4897
  .iui-table-header .iui-cell:not(.iui-slot):focus .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-sort,
4891
4898
  .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-filter-button{
4892
4899
  visibility:visible; }
4900
+ .iui-table-header .iui-reorder-column-right{
4901
+ border-right:2px solid #008BE1;
4902
+ border-right:2px solid var(--iui-color-foreground-primary); }
4903
+ .iui-table-header .iui-reorder-column-left{
4904
+ border-left:2px solid #008BE1;
4905
+ border-left:2px solid var(--iui-color-foreground-primary); }
4893
4906
  .iui-table-header .iui-sort{
4894
4907
  visibility:hidden;
4895
4908
  fill:rgba(0, 0, 0, 0.4);
package/css/color-picker.css CHANGED
@@ -104,6 +104,8 @@
104
104
  .iui-color-swatch::after{
105
105
  content:'';
106
106
  position:absolute;
107
+ left:0;
108
+ top:0;
107
109
  width:inherit;
108
110
  height:inherit;
109
111
  border-radius:inherit;
package/css/inputs.css CHANGED
@@ -970,6 +970,8 @@
970
970
  cursor:wait; }
971
971
  .iui-radio:checked{
972
972
  --_iui-checkbox-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" ><circle cx="8" cy="8" r="4" /></svg>'); }
973
+ .iui-radio:not(:checked), .iui-radio:indeterminate{
974
+ --_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg); }
973
975
 
974
976
  .iui-radio-tile-container{
975
977
  display:inline-flex;
package/css/table.css CHANGED
@@ -63,6 +63,9 @@
63
63
  outline-offset:-1px; } }
64
64
  .iui-table-header .iui-cell:not(.iui-slot).iui-actionable{
65
65
  cursor:pointer; }
66
+ .iui-table-header .iui-cell:not(.iui-slot).iui-grabbing{
67
+ cursor:-webkit-grabbing;
68
+ cursor:grabbing; }
66
69
  .iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button{
67
70
  margin-left:4px;
68
71
  margin-right:8px; }
@@ -102,6 +105,12 @@
102
105
  .iui-table-header .iui-cell:not(.iui-slot):focus .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-sort,
103
106
  .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-filter-button{
104
107
  visibility:visible; }
108
+ .iui-table-header .iui-reorder-column-right{
109
+ border-right:2px solid #008BE1;
110
+ border-right:2px solid var(--iui-color-foreground-primary); }
111
+ .iui-table-header .iui-reorder-column-left{
112
+ border-left:2px solid #008BE1;
113
+ border-left:2px solid var(--iui-color-foreground-primary); }
105
114
  .iui-table-header .iui-sort{
106
115
  visibility:hidden;
107
116
  fill:rgba(0, 0, 0, 0.4);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/itwinui-css",
3
- "version": "0.48.0",
3
+ "version": "0.49.0",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "main": "src/index.scss",
package/scss/color-picker/color-picker.scss CHANGED
@@ -58,6 +58,8 @@ $iui-hover-box-shadow: 0 0 1px $iui-xxs + 1 rgba(var(--iui-color-foreground-body
58
58
  &::after {
59
59
  content: '';
60
60
  position: absolute;
61
+ left: 0;
62
+ top: 0;
61
63
  width: inherit;
62
64
  height: inherit;
63
65
  border-radius: inherit;
package/scss/inputs/radio.scss CHANGED
@@ -14,4 +14,9 @@
14
14
  &:checked {
15
15
  --_iui-checkbox-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" ><circle cx="8" cy="8" r="4" /></svg>');
16
16
  }
17
+
18
+ &:not(:checked),
19
+ &:indeterminate {
20
+ --_iui-checkbox-mask-image: var(--_iui-checkbox-unchecked-svg);
21
+ }
17
22
  }
package/scss/table/table.scss CHANGED
@@ -40,6 +40,10 @@
40
40
  cursor: pointer;
41
41
  }
42
42
 
43
+ &.iui-grabbing {
44
+ cursor: grabbing;
45
+ }
46
+
43
47
  > .iui-filter-button {
44
48
  margin-left: $iui-xs;
45
49
  margin-right: $iui-s;
@@ -99,6 +103,18 @@
99
103
  }
100
104
  }
101
105
 
106
+ .iui-reorder-column-right {
107
+ @include themed {
108
+ border-right: $iui-xxs solid t(iui-color-foreground-primary);
109
+ }
110
+ }
111
+
112
+ .iui-reorder-column-left {
113
+ @include themed {
114
+ border-left: $iui-xxs solid t(iui-color-foreground-primary);
115
+ }
116
+ }
117
+
102
118
  // Sort icon
103
119
  .iui-sort {
104
120
  visibility: hidden;