@itwin/itwinui-css 0.63.0 → 0.63.2-dev.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 (10) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/css/all.css +10595 -10582
  3. package/css/code.css +2 -0
  4. package/css/dialog.css +3 -1
  5. package/css/tabs.css +6 -0
  6. package/package.json +1 -1
  7. package/scss/classes.scss +50 -46
  8. package/scss/code/codeblock.scss +1 -0
  9. package/scss/dialog/dialog.scss +3 -1
  10. package/scss/tabs/default.scss +8 -0
package/css/code.css CHANGED
@@ -46,6 +46,8 @@
46
46
  }
47
47
  .iui-codeblock > .iui-codeblock-content{
48
48
  margin:0;
49
+ display:-ms-grid;
50
+ display:grid;
49
51
  overflow-x:auto;
50
52
  overflow-y:auto;
51
53
  border-radius:0 0 4px 4px;
package/css/dialog.css CHANGED
@@ -112,18 +112,20 @@
112
112
  }
113
113
 
114
114
  .iui-dialog-title{
115
+ display:flex;
116
+ align-items:center;
115
117
  font-size:inherit;
116
118
  white-space:nowrap;
117
119
  overflow:hidden;
118
120
  text-overflow:ellipsis;
119
121
  line-height:1.5;
122
+ margin-right:auto;
120
123
  }
121
124
 
122
125
  .iui-dialog-title-bar{
123
126
  display:flex;
124
127
  align-items:center;
125
128
  margin-bottom:11px;
126
- justify-content:space-between;
127
129
  box-sizing:border-box;
128
130
  font-size:18px;
129
131
  }
package/css/tabs.css CHANGED
@@ -180,6 +180,9 @@
180
180
  .iui-horizontal .iui-tabs.iui-default ~ .iui-tabs-content{
181
181
  margin-top:-1px;
182
182
  }
183
+ .iui-horizontal .iui-tabs.iui-default :where(.iui-button){
184
+ height:100%;
185
+ }
183
186
 
184
187
  .iui-vertical .iui-tabs.iui-default .iui-tab.iui-active{
185
188
  border-right-color:transparent;
@@ -190,6 +193,9 @@
190
193
  .iui-vertical .iui-tabs.iui-default ~ .iui-tabs-content{
191
194
  margin-left:-1px;
192
195
  }
196
+ .iui-vertical .iui-tabs.iui-default :where(.iui-button){
197
+ width:100%;
198
+ }
193
199
 
194
200
  .iui-tabs.iui-default.iui-large .iui-tab{
195
201
  min-height:49px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/itwinui-css",
3
- "version": "0.63.0",
3
+ "version": "0.63.2-dev.0",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "main": "src/index.scss",
package/scss/classes.scss CHANGED
@@ -1,48 +1,52 @@
1
1
  // Copyright (c) Bentley Systems, Incorporated. All rights reserved.
2
2
  // See LICENSE.md in the project root for license terms and full copyright notice.
3
- @import './style/index';
4
- @import './style/global';
5
- @import './alert/classes';
6
- @import './anchor/classes';
7
- @import './badge/classes';
8
- @import './backdrop/classes';
9
- @import './blockquote/classes';
10
- @import './breadcrumbs/classes';
11
- @import './button/classes';
12
- @import './carousel/classes';
13
- @import './code/classes';
14
- @import './color-picker/classes';
15
- @import './date-picker/classes';
16
- @import './dialog/classes';
17
- @import './expandable-block/classes';
18
- @import './fieldset/classes';
19
- @import './file-upload/classes';
20
- @import './footer/classes';
21
- @import './header/classes';
22
- @import './icon/classes';
23
- @import './information-panel/classes';
24
- @import './inputs/classes';
25
- @import './keyboard/classes';
26
- @import './location-marker/classes';
27
- @import './menu/classes';
28
- @import './non-ideal-state/classes';
29
- @import './notification-marker/classes';
30
- @import './popover/classes';
31
- @import './progress-indicator/classes';
32
- @import './radio-tile/classes';
33
- @import './side-navigation/classes';
34
- @import './skip-to-content/classes';
35
- @import './slider/classes';
36
- @import './surface/classes';
37
- @import './table/classes';
38
- @import './tabs/classes';
39
- @import './tag/classes';
40
- @import './text/classes';
41
- @import './tile/classes';
42
- @import './time-picker/classes';
43
- @import './toast-notification/classes';
44
- @import './toggle-switch/classes';
45
- @import './tooltip/classes';
46
- @import './tree/classes';
47
- @import './user-icon/classes';
48
- @import './wizard/classes';
3
+
4
+ /* stylelint-disable-next-line scss/at-rule-no-unknown */
5
+ @layer itwinui-css-v1 {
6
+ @import './style/index';
7
+ @import './style/global';
8
+ @import './alert/classes';
9
+ @import './anchor/classes';
10
+ @import './badge/classes';
11
+ @import './backdrop/classes';
12
+ @import './blockquote/classes';
13
+ @import './breadcrumbs/classes';
14
+ @import './button/classes';
15
+ @import './carousel/classes';
16
+ @import './code/classes';
17
+ @import './color-picker/classes';
18
+ @import './date-picker/classes';
19
+ @import './dialog/classes';
20
+ @import './expandable-block/classes';
21
+ @import './fieldset/classes';
22
+ @import './file-upload/classes';
23
+ @import './footer/classes';
24
+ @import './header/classes';
25
+ @import './icon/classes';
26
+ @import './information-panel/classes';
27
+ @import './inputs/classes';
28
+ @import './keyboard/classes';
29
+ @import './location-marker/classes';
30
+ @import './menu/classes';
31
+ @import './non-ideal-state/classes';
32
+ @import './notification-marker/classes';
33
+ @import './popover/classes';
34
+ @import './progress-indicator/classes';
35
+ @import './radio-tile/classes';
36
+ @import './side-navigation/classes';
37
+ @import './skip-to-content/classes';
38
+ @import './slider/classes';
39
+ @import './surface/classes';
40
+ @import './table/classes';
41
+ @import './tabs/classes';
42
+ @import './tag/classes';
43
+ @import './text/classes';
44
+ @import './tile/classes';
45
+ @import './time-picker/classes';
46
+ @import './toast-notification/classes';
47
+ @import './toggle-switch/classes';
48
+ @import './tooltip/classes';
49
+ @import './tree/classes';
50
+ @import './user-icon/classes';
51
+ @import './wizard/classes';
52
+ }
package/scss/code/codeblock.scss CHANGED
@@ -28,6 +28,7 @@
28
28
 
29
29
  > .iui-codeblock-content {
30
30
  margin: 0;
31
+ display: grid;
31
32
  overflow-x: auto;
32
33
  overflow-y: auto;
33
34
  border-radius: 0 0 $iui-border-radius $iui-border-radius;
package/scss/dialog/dialog.scss CHANGED
@@ -137,18 +137,20 @@ $iui-dialog-width: 380px;
137
137
  }
138
138
 
139
139
  @mixin iui-dialog-title {
140
+ display: flex;
141
+ align-items: center;
140
142
  font-size: inherit;
141
143
  white-space: nowrap;
142
144
  overflow: hidden;
143
145
  text-overflow: ellipsis;
144
146
  line-height: 1.5;
147
+ margin-right: auto;
145
148
  }
146
149
 
147
150
  @mixin iui-dialog-title-bar {
148
151
  display: flex;
149
152
  align-items: center;
150
153
  margin-bottom: $iui-baseline;
151
- justify-content: space-between;
152
154
  box-sizing: border-box;
153
155
  font-size: $iui-font-size-subheading;
154
156
  }
package/scss/tabs/default.scss CHANGED
@@ -56,6 +56,10 @@
56
56
  ~ .iui-tabs-content {
57
57
  margin-top: -1px;
58
58
  }
59
+
60
+ :where(.iui-button) {
61
+ height: 100%;
62
+ }
59
63
  }
60
64
  }
61
65
 
@@ -72,6 +76,10 @@
72
76
  ~ .iui-tabs-content {
73
77
  margin-left: -1px;
74
78
  }
79
+
80
+ :where(.iui-button) {
81
+ width: 100%;
82
+ }
75
83
  }
76
84
  }
77
85