@itwin/itwinui-css 0.44.0 → 0.44.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.
- package/css/all.css +18 -12
- package/css/button.css +8 -3
- package/css/inputs.css +10 -9
- package/package.json +8 -7
- package/scss/button/default.scss +11 -6
- package/scss/inputs/select.scss +1 -0
package/css/all.css
CHANGED
|
@@ -734,11 +734,16 @@ html.iui-theme-dark{
|
|
|
734
734
|
padding-right:4px; }
|
|
735
735
|
.iui-button.iui-default.iui-dropdown.iui-large{
|
|
736
736
|
padding-right:12px; }
|
|
737
|
-
.iui-button.iui-default.iui-active{
|
|
738
|
-
|
|
737
|
+
.iui-button.iui-default.iui-active:enabled{
|
|
738
|
+
position:relative;
|
|
739
739
|
color:#008BE1;
|
|
740
|
-
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
|
|
741
740
|
color:var(--iui-color-foreground-primary); }
|
|
741
|
+
.iui-button.iui-default.iui-active:enabled::before{
|
|
742
|
+
content:'';
|
|
743
|
+
position:absolute;
|
|
744
|
+
inset:0;
|
|
745
|
+
background-color:rgba(0, 139, 225, 0.1);
|
|
746
|
+
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
742
747
|
.iui-button.iui-default[disabled], .iui-button.iui-default:disabled{
|
|
743
748
|
cursor:not-allowed;
|
|
744
749
|
background:#EEF0F3;
|
|
@@ -2447,8 +2452,8 @@ html.iui-theme-dark{
|
|
|
2447
2452
|
vertical-align:baseline;
|
|
2448
2453
|
display:-ms-grid;
|
|
2449
2454
|
display:grid;
|
|
2450
|
-
-ms-grid-rows:auto auto;
|
|
2451
|
-
-ms-grid-columns:auto 1fr;
|
|
2455
|
+
-ms-grid-rows: auto auto;
|
|
2456
|
+
-ms-grid-columns: auto 1fr;
|
|
2452
2457
|
grid-template:'label label' 'inputs inputs' / auto 1fr;
|
|
2453
2458
|
cursor:default; }
|
|
2454
2459
|
.iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{
|
|
@@ -2461,8 +2466,8 @@ html.iui-theme-dark{
|
|
|
2461
2466
|
.iui-input-container.iui-inline-icon > .iui-textarea:last-child{
|
|
2462
2467
|
padding-right:12px; }
|
|
2463
2468
|
.iui-input-container.iui-with-message{
|
|
2464
|
-
-ms-grid-rows:auto auto auto;
|
|
2465
|
-
-ms-grid-columns:auto 1fr;
|
|
2469
|
+
-ms-grid-rows: auto auto auto;
|
|
2470
|
+
-ms-grid-columns: auto 1fr;
|
|
2466
2471
|
grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; }
|
|
2467
2472
|
.iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
|
|
2468
2473
|
margin-top:3px; }
|
|
@@ -2487,8 +2492,8 @@ html.iui-theme-dark{
|
|
|
2487
2492
|
.iui-input-container .iui-radio{
|
|
2488
2493
|
min-height:22px; }
|
|
2489
2494
|
.iui-input-container.iui-inline-label{
|
|
2490
|
-
-ms-grid-rows:auto;
|
|
2491
|
-
-ms-grid-columns:auto 1fr auto;
|
|
2495
|
+
-ms-grid-rows: auto;
|
|
2496
|
+
-ms-grid-columns: auto 1fr auto;
|
|
2492
2497
|
grid-template:'label inputs icon' / auto 1fr auto; }
|
|
2493
2498
|
div.iui-input-container.iui-inline-label{
|
|
2494
2499
|
-ms-grid-columns:auto min-content auto; }
|
|
@@ -2502,8 +2507,8 @@ html.iui-theme-dark{
|
|
|
2502
2507
|
-ms-grid-row:1;
|
|
2503
2508
|
-ms-grid-column:3; }
|
|
2504
2509
|
.iui-input-container.iui-inline-label.iui-with-message{
|
|
2505
|
-
-ms-grid-rows:auto auto;
|
|
2506
|
-
-ms-grid-columns:auto auto 1fr;
|
|
2510
|
+
-ms-grid-rows: auto auto;
|
|
2511
|
+
-ms-grid-columns: auto auto 1fr;
|
|
2507
2512
|
grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; }
|
|
2508
2513
|
.iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
|
|
2509
2514
|
-ms-grid-row:2;
|
|
@@ -2944,7 +2949,8 @@ html.iui-theme-dark{
|
|
|
2944
2949
|
display:flex;
|
|
2945
2950
|
flex-direction:column;
|
|
2946
2951
|
position:relative;
|
|
2947
|
-
width:100%;
|
|
2952
|
+
width:100%;
|
|
2953
|
+
min-width:0; }
|
|
2948
2954
|
.iui-select > .iui-select-button{
|
|
2949
2955
|
margin:0;
|
|
2950
2956
|
padding:0;
|
package/css/button.css
CHANGED
|
@@ -94,11 +94,16 @@
|
|
|
94
94
|
padding-right:4px; }
|
|
95
95
|
.iui-button.iui-default.iui-dropdown.iui-large{
|
|
96
96
|
padding-right:12px; }
|
|
97
|
-
.iui-button.iui-default.iui-active{
|
|
98
|
-
|
|
97
|
+
.iui-button.iui-default.iui-active:enabled{
|
|
98
|
+
position:relative;
|
|
99
99
|
color:#008BE1;
|
|
100
|
-
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
|
|
101
100
|
color:var(--iui-color-foreground-primary); }
|
|
101
|
+
.iui-button.iui-default.iui-active:enabled::before{
|
|
102
|
+
content:'';
|
|
103
|
+
position:absolute;
|
|
104
|
+
inset:0;
|
|
105
|
+
background-color:rgba(0, 139, 225, 0.1);
|
|
106
|
+
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
102
107
|
.iui-button.iui-default[disabled], .iui-button.iui-default:disabled{
|
|
103
108
|
cursor:not-allowed;
|
|
104
109
|
background:#EEF0F3;
|
package/css/inputs.css
CHANGED
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
vertical-align:baseline;
|
|
10
10
|
display:-ms-grid;
|
|
11
11
|
display:grid;
|
|
12
|
-
-ms-grid-rows:auto auto;
|
|
13
|
-
-ms-grid-columns:auto 1fr;
|
|
12
|
+
-ms-grid-rows: auto auto;
|
|
13
|
+
-ms-grid-columns: auto 1fr;
|
|
14
14
|
grid-template:'label label' 'inputs inputs' / auto 1fr;
|
|
15
15
|
cursor:default; }
|
|
16
16
|
.iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
.iui-input-container.iui-inline-icon > .iui-textarea:last-child{
|
|
24
24
|
padding-right:12px; }
|
|
25
25
|
.iui-input-container.iui-with-message{
|
|
26
|
-
-ms-grid-rows:auto auto auto;
|
|
27
|
-
-ms-grid-columns:auto 1fr;
|
|
26
|
+
-ms-grid-rows: auto auto auto;
|
|
27
|
+
-ms-grid-columns: auto 1fr;
|
|
28
28
|
grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; }
|
|
29
29
|
.iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
|
|
30
30
|
margin-top:3px; }
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
.iui-input-container .iui-radio{
|
|
50
50
|
min-height:22px; }
|
|
51
51
|
.iui-input-container.iui-inline-label{
|
|
52
|
-
-ms-grid-rows:auto;
|
|
53
|
-
-ms-grid-columns:auto 1fr auto;
|
|
52
|
+
-ms-grid-rows: auto;
|
|
53
|
+
-ms-grid-columns: auto 1fr auto;
|
|
54
54
|
grid-template:'label inputs icon' / auto 1fr auto; }
|
|
55
55
|
div.iui-input-container.iui-inline-label{
|
|
56
56
|
-ms-grid-columns:auto min-content auto; }
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
-ms-grid-row:1;
|
|
65
65
|
-ms-grid-column:3; }
|
|
66
66
|
.iui-input-container.iui-inline-label.iui-with-message{
|
|
67
|
-
-ms-grid-rows:auto auto;
|
|
68
|
-
-ms-grid-columns:auto auto 1fr;
|
|
67
|
+
-ms-grid-rows: auto auto;
|
|
68
|
+
-ms-grid-columns: auto auto 1fr;
|
|
69
69
|
grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; }
|
|
70
70
|
.iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
|
|
71
71
|
-ms-grid-row:2;
|
|
@@ -506,7 +506,8 @@
|
|
|
506
506
|
display:flex;
|
|
507
507
|
flex-direction:column;
|
|
508
508
|
position:relative;
|
|
509
|
-
width:100%;
|
|
509
|
+
width:100%;
|
|
510
|
+
min-width:0; }
|
|
510
511
|
.iui-select > .iui-select-button{
|
|
511
512
|
margin:0;
|
|
512
513
|
padding:0;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itwin/itwinui-css",
|
|
3
|
-
"version": "0.44.
|
|
3
|
+
"version": "0.44.1",
|
|
4
4
|
"author": "Bentley Systems",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "src/index.scss",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"createComponent": "node ./scripts/createComponent.js",
|
|
50
50
|
"postcss-processing": "postcss lib/css -d lib/css --no-map && yarn print \"Finished post-processing CSS.\"",
|
|
51
51
|
"clean": "rimraf ./lib ./backstop/results/bitmaps_test",
|
|
52
|
-
"lint": "stylelint \"src/**/*.scss\"
|
|
52
|
+
"lint": "stylelint \"src/**/*.scss\"",
|
|
53
53
|
"lint:copyright": "node scripts/copyrightLinter.js",
|
|
54
54
|
"approve": "backstop --config=./backstop/backstop.js approve",
|
|
55
55
|
"test": "yarn build && yarn test:ci",
|
|
@@ -69,13 +69,13 @@
|
|
|
69
69
|
"husky": "=4",
|
|
70
70
|
"lint-staged": "^11.2.6",
|
|
71
71
|
"node-sass": "^5.0.0",
|
|
72
|
-
"postcss": "^8.
|
|
72
|
+
"postcss": "^8.4.5",
|
|
73
73
|
"postcss-cli": "^8.3.1",
|
|
74
|
-
"postcss-discard-comments": "^
|
|
74
|
+
"postcss-discard-comments": "^5.0.1",
|
|
75
75
|
"prettier": "^2.4.1",
|
|
76
76
|
"rimraf": "^3.0.2",
|
|
77
|
-
"stylelint": "^
|
|
78
|
-
"stylelint-config-sass-guidelines": "^
|
|
77
|
+
"stylelint": "^14.2.0",
|
|
78
|
+
"stylelint-config-sass-guidelines": "^9.0.1"
|
|
79
79
|
},
|
|
80
80
|
"resolutions": {
|
|
81
81
|
"braces": "^2.3.1",
|
|
@@ -85,6 +85,7 @@
|
|
|
85
85
|
"glob-parent": "^5.1.2",
|
|
86
86
|
"jpeg-js": "^0.4.3",
|
|
87
87
|
"set-value": "^4.1.0",
|
|
88
|
-
"ansi-regex": "^5.0.1"
|
|
88
|
+
"ansi-regex": "^5.0.1",
|
|
89
|
+
"node-fetch": "^2.6.7"
|
|
89
90
|
}
|
|
90
91
|
}
|
package/scss/button/default.scss
CHANGED
|
@@ -37,15 +37,20 @@
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
&.iui-active {
|
|
40
|
+
&.iui-active:enabled {
|
|
41
|
+
position: relative;
|
|
41
42
|
@include themed {
|
|
42
|
-
background: linear-gradient(
|
|
43
|
-
rgba(t(iui-color-foreground-primary-rgb), t(iui-opacity-6)),
|
|
44
|
-
rgba(t(iui-color-foreground-primary-rgb), t(iui-opacity-6))
|
|
45
|
-
),
|
|
46
|
-
linear-gradient(t(iui-color-background-1), t(iui-color-background-1));
|
|
47
43
|
color: t(iui-color-foreground-primary);
|
|
48
44
|
}
|
|
45
|
+
|
|
46
|
+
&::before {
|
|
47
|
+
content: '';
|
|
48
|
+
position: absolute;
|
|
49
|
+
inset: 0;
|
|
50
|
+
@include themed {
|
|
51
|
+
background-color: rgba(t(iui-color-foreground-primary-rgb), t(iui-opacity-6));
|
|
52
|
+
}
|
|
53
|
+
}
|
|
49
54
|
}
|
|
50
55
|
|
|
51
56
|
&[disabled],
|