@itwin/itwinui-css 0.41.0 → 0.41.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.
Files changed (5) hide show
  1. package/css/all.css +12 -12
  2. package/css/inputs.css +12 -12
  3. package/package.json +1 -1
  4. package/scss/inputs/classes.scss +2 -2
  5. package/scss/inputs/labeled-inputs.scss +3 -3
package/css/all.css CHANGED
@@ -2526,7 +2526,7 @@ html.iui-theme-dark{
2526
2526
  -ms-grid-columns:auto 1fr;
2527
2527
  grid-template:'label label' 'inputs inputs' / auto 1fr;
2528
2528
  cursor:default; }
2529
- .iui-input-container.iui-inline-icon:not(.iui-inline-label) .iui-input-icon{
2529
+ .iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{
2530
2530
  -ms-grid-row:2;
2531
2531
  -ms-grid-column:2; }
2532
2532
  .iui-input-container.iui-inline-icon > .iui-input,
@@ -2539,7 +2539,7 @@ html.iui-theme-dark{
2539
2539
  -ms-grid-rows:auto auto auto;
2540
2540
  -ms-grid-columns:auto 1fr;
2541
2541
  grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; }
2542
- .iui-input-container.iui-with-message:not(.iui-inline-icon) .iui-input-icon{
2542
+ .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
2543
2543
  margin-top:3px; }
2544
2544
  .iui-input-container .iui-input,
2545
2545
  .iui-input-container .iui-textarea,
@@ -2580,7 +2580,7 @@ html.iui-theme-dark{
2580
2580
  -ms-grid-rows:auto auto;
2581
2581
  -ms-grid-columns:auto auto 1fr;
2582
2582
  grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; }
2583
- .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) .iui-input-icon{
2583
+ .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
2584
2584
  -ms-grid-row:2;
2585
2585
  -ms-grid-column:2; }
2586
2586
  .iui-input-container.iui-inline-label.iui-with-message .iui-message{
@@ -2614,7 +2614,7 @@ html.iui-theme-dark{
2614
2614
  margin-left:4px;
2615
2615
  color:#D30A0A;
2616
2616
  color:var(--iui-color-foreground-negative); }
2617
- .iui-input-container .iui-input-icon{
2617
+ .iui-input-container > .iui-input-icon{
2618
2618
  -ms-grid-row:3;
2619
2619
  -ms-grid-column:1;
2620
2620
  display:flex;
@@ -2625,7 +2625,7 @@ html.iui-theme-dark{
2625
2625
  align-self:center;
2626
2626
  fill:rgba(0, 0, 0, 0.4);
2627
2627
  fill:var(--iui-icons-color); }
2628
- .iui-input-container .iui-input-icon:not(:last-child){
2628
+ .iui-input-container > .iui-input-icon:not(:last-child){
2629
2629
  margin-right:4px; }
2630
2630
  .iui-input-container .iui-message{
2631
2631
  -ms-grid-row:3;
@@ -2645,7 +2645,7 @@ html.iui-theme-dark{
2645
2645
  -ms-grid-column-span:1; }
2646
2646
  .iui-input-container.iui-inline-label > .iui-label.iui-required{
2647
2647
  margin-right:6px; }
2648
- .iui-input-container.iui-inline-icon .iui-input-icon{
2648
+ .iui-input-container.iui-inline-icon > .iui-input-icon{
2649
2649
  -ms-grid-row:1;
2650
2650
  -ms-grid-column:3;
2651
2651
  grid-area:inputs;
@@ -2653,7 +2653,7 @@ html.iui-theme-dark{
2653
2653
  justify-self:end;
2654
2654
  margin:0 12px 0 0;
2655
2655
  position:relative; }
2656
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-button{
2656
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{
2657
2657
  height:100%;
2658
2658
  width:-webkit-fit-content;
2659
2659
  width:-moz-fit-content;
@@ -2661,7 +2661,7 @@ html.iui-theme-dark{
2661
2661
  margin-right:0;
2662
2662
  border-top-left-radius:0;
2663
2663
  border-bottom-left-radius:0; }
2664
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable{
2664
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{
2665
2665
  align-items:center;
2666
2666
  height:90%;
2667
2667
  margin-right:1px;
@@ -2669,19 +2669,19 @@ html.iui-theme-dark{
2669
2669
  cursor:pointer;
2670
2670
  background-position:center;
2671
2671
  transition:background 0.4s ease-out; }
2672
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable:hover{
2672
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:hover{
2673
2673
  background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%; }
2674
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable:active{
2674
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:active{
2675
2675
  background-color:var(--iui-color-background-2);
2676
2676
  background-size:100%;
2677
2677
  transition:background 0s; }
2678
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable svg{
2678
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{
2679
2679
  width:16px;
2680
2680
  height:16px;
2681
2681
  fill:rgba(0, 0, 0, 0.4);
2682
2682
  fill:var(--iui-icons-color);
2683
2683
  transition:transform 0.2s ease-out; }
2684
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable.iui-open svg{
2684
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{
2685
2685
  transform:rotate(180deg); }
2686
2686
  .iui-input-container.iui-positive *::-moz-selection{
2687
2687
  background-color:rgba(83, 162, 26, 0.4);
package/css/inputs.css CHANGED
@@ -13,7 +13,7 @@
13
13
  -ms-grid-columns:auto 1fr;
14
14
  grid-template:'label label' 'inputs inputs' / auto 1fr;
15
15
  cursor:default; }
16
- .iui-input-container.iui-inline-icon:not(.iui-inline-label) .iui-input-icon{
16
+ .iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{
17
17
  -ms-grid-row:2;
18
18
  -ms-grid-column:2; }
19
19
  .iui-input-container.iui-inline-icon > .iui-input,
@@ -26,7 +26,7 @@
26
26
  -ms-grid-rows:auto auto auto;
27
27
  -ms-grid-columns:auto 1fr;
28
28
  grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; }
29
- .iui-input-container.iui-with-message:not(.iui-inline-icon) .iui-input-icon{
29
+ .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
30
30
  margin-top:3px; }
31
31
  .iui-input-container .iui-input,
32
32
  .iui-input-container .iui-textarea,
@@ -67,7 +67,7 @@
67
67
  -ms-grid-rows:auto auto;
68
68
  -ms-grid-columns:auto auto 1fr;
69
69
  grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; }
70
- .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) .iui-input-icon{
70
+ .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
71
71
  -ms-grid-row:2;
72
72
  -ms-grid-column:2; }
73
73
  .iui-input-container.iui-inline-label.iui-with-message .iui-message{
@@ -101,7 +101,7 @@
101
101
  margin-left:4px;
102
102
  color:#D30A0A;
103
103
  color:var(--iui-color-foreground-negative); }
104
- .iui-input-container .iui-input-icon{
104
+ .iui-input-container > .iui-input-icon{
105
105
  -ms-grid-row:3;
106
106
  -ms-grid-column:1;
107
107
  display:flex;
@@ -112,7 +112,7 @@
112
112
  align-self:center;
113
113
  fill:rgba(0, 0, 0, 0.4);
114
114
  fill:var(--iui-icons-color); }
115
- .iui-input-container .iui-input-icon:not(:last-child){
115
+ .iui-input-container > .iui-input-icon:not(:last-child){
116
116
  margin-right:4px; }
117
117
  .iui-input-container .iui-message{
118
118
  -ms-grid-row:3;
@@ -132,7 +132,7 @@
132
132
  -ms-grid-column-span:1; }
133
133
  .iui-input-container.iui-inline-label > .iui-label.iui-required{
134
134
  margin-right:6px; }
135
- .iui-input-container.iui-inline-icon .iui-input-icon{
135
+ .iui-input-container.iui-inline-icon > .iui-input-icon{
136
136
  -ms-grid-row:1;
137
137
  -ms-grid-column:3;
138
138
  grid-area:inputs;
@@ -140,7 +140,7 @@
140
140
  justify-self:end;
141
141
  margin:0 12px 0 0;
142
142
  position:relative; }
143
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-button{
143
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{
144
144
  height:100%;
145
145
  width:-webkit-fit-content;
146
146
  width:-moz-fit-content;
@@ -148,7 +148,7 @@
148
148
  margin-right:0;
149
149
  border-top-left-radius:0;
150
150
  border-bottom-left-radius:0; }
151
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable{
151
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{
152
152
  align-items:center;
153
153
  height:90%;
154
154
  margin-right:1px;
@@ -156,19 +156,19 @@
156
156
  cursor:pointer;
157
157
  background-position:center;
158
158
  transition:background 0.4s ease-out; }
159
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable:hover{
159
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:hover{
160
160
  background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%; }
161
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable:active{
161
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:active{
162
162
  background-color:var(--iui-color-background-2);
163
163
  background-size:100%;
164
164
  transition:background 0s; }
165
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable svg{
165
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{
166
166
  width:16px;
167
167
  height:16px;
168
168
  fill:rgba(0, 0, 0, 0.4);
169
169
  fill:var(--iui-icons-color);
170
170
  transition:transform 0.2s ease-out; }
171
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable.iui-open svg{
171
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{
172
172
  transform:rotate(180deg); }
173
173
  .iui-input-container.iui-positive *::-moz-selection{
174
174
  background-color:rgba(83, 162, 26, 0.4);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/itwinui-css",
3
- "version": "0.41.0",
3
+ "version": "0.41.1",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "main": "src/index.scss",
package/scss/inputs/classes.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  @include iui-input-container-label;
10
10
  }
11
11
 
12
- .iui-input-icon {
12
+ > .iui-input-icon {
13
13
  @include iui-input-icon;
14
14
  }
15
15
 
@@ -24,7 +24,7 @@
24
24
  }
25
25
 
26
26
  &.iui-inline-icon {
27
- .iui-input-icon {
27
+ > .iui-input-icon {
28
28
  @include iui-input-icon-inline;
29
29
  }
30
30
  }
package/scss/inputs/labeled-inputs.scss CHANGED
@@ -13,7 +13,7 @@
13
13
  'label label'
14
14
  'inputs inputs' / auto 1fr;
15
15
 
16
- &.iui-inline-icon:not(.iui-inline-label) .iui-input-icon {
16
+ &.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon {
17
17
  // stylelint-disable -- fix position in IE
18
18
  -ms-grid-row: 2;
19
19
  -ms-grid-column: 2;
@@ -38,7 +38,7 @@
38
38
  'icon message' / auto 1fr;
39
39
 
40
40
  // add margin to the icon if it is below input
41
- &:not(.iui-inline-icon) .iui-input-icon {
41
+ &:not(.iui-inline-icon) > .iui-input-icon {
42
42
  margin-top: $iui-component-offset;
43
43
  }
44
44
  }
@@ -105,7 +105,7 @@
105
105
  'label inputs inputs'
106
106
  '. icon message' / auto auto 1fr;
107
107
 
108
- &:not(.iui-inline-icon) .iui-input-icon {
108
+ &:not(.iui-inline-icon) > .iui-input-icon {
109
109
  // stylelint-disable -- fix position in IE
110
110
  -ms-grid-row: 2;
111
111
  -ms-grid-column: 2;