@itwin/itwinui-css 1.0.0-dev.8 → 1.0.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.
- package/CHANGELOG.md +39 -969
- package/README.md +50 -29
- package/css/alert.css +1 -387
- package/css/all.css +1 -9049
- package/css/anchor.css +1 -64
- package/css/avatar.css +1 -222
- package/css/backdrop.css +1 -22
- package/css/badge.css +1 -25
- package/css/blockquote.css +1 -22
- package/css/breadcrumbs.css +1 -372
- package/css/button.css +1 -381
- package/css/carousel.css +1 -121
- package/css/checkbox.css +1 -150
- package/css/code.css +1 -81
- package/css/color-picker.css +1 -203
- package/css/date-picker.css +1 -399
- package/css/dialog.css +1 -159
- package/css/expandable-block.css +1 -171
- package/css/fieldset.css +1 -27
- package/css/file-upload.css +1 -78
- package/css/footer.css +1 -91
- package/css/global.css +1 -59
- package/css/header.css +1 -432
- package/css/information-panel.css +1 -189
- package/css/input.css +1 -166
- package/css/keyboard.css +1 -27
- package/css/location-marker.css +1 -114
- package/css/menu.css +1 -171
- package/css/non-ideal-state.css +1 -61
- package/css/progress-indicator.css +1 -299
- package/css/radio-tile.css +1 -187
- package/css/radio.css +1 -157
- package/css/select.css +1 -235
- package/css/side-navigation.css +1 -198
- package/css/skip-to-content.css +1 -61
- package/css/slider.css +1 -258
- package/css/stepper.css +1 -137
- package/css/surface.css +1 -14
- package/css/table.css +1 -705
- package/css/tabs.css +1 -321
- package/css/tag.css +1 -140
- package/css/text.css +1 -115
- package/css/tile.css +1 -488
- package/css/time-picker.css +1 -128
- package/css/toast.css +1 -284
- package/css/toggle-switch.css +1 -212
- package/css/tooltip.css +1 -48
- package/css/tree.css +1 -124
- package/css/utils.css +1 -679
- package/css/workflow-diagram.css +1 -63
- package/package.json +8 -4
package/css/workflow-diagram.css
CHANGED
|
@@ -2,66 +2,4 @@
|
|
|
2
2
|
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
3
|
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
.iui-workflow-diagram{
|
|
6
|
-
margin:0;
|
|
7
|
-
padding:0;
|
|
8
|
-
border:none;
|
|
9
|
-
vertical-align:baseline;
|
|
10
|
-
display:flex;
|
|
11
|
-
justify-content:space-around;
|
|
12
|
-
align-items:flex-start;
|
|
13
|
-
width:100%;
|
|
14
|
-
align-items:center;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.iui-workflow-diagram-step{
|
|
18
|
-
--_iui-workflow-diagram-circle-background-color:var(--iui-color-background-positive);
|
|
19
|
-
--_iui-workflow-diagram-circle-border-color:var(--iui-color-background-positive);
|
|
20
|
-
--_iui-workflow-diagram-circle-border-radius:var(--iui-border-radius-1);
|
|
21
|
-
--_iui-workflow-diagram-circle-text-color:var(--iui-color-foreground-accessory);
|
|
22
|
-
--_iui-workflow-diagram-track-before-color:var(--iui-color-foreground-positive);
|
|
23
|
-
--_iui-workflow-diagram-track-after-color:var(--iui-color-foreground-positive);
|
|
24
|
-
flex:1;
|
|
25
|
-
align-items:center;
|
|
26
|
-
display:flex;
|
|
27
|
-
margin:0;
|
|
28
|
-
padding:0;
|
|
29
|
-
border:none;
|
|
30
|
-
vertical-align:baseline;
|
|
31
|
-
font-size:var(--iui-font-size-0);
|
|
32
|
-
font-weight:var(--iui-font-weight-normal);
|
|
33
|
-
line-height:var(--iui-size-l);
|
|
34
|
-
color:var(--_iui-workflow-diagram-circle-text-color);
|
|
35
|
-
}
|
|
36
|
-
.iui-workflow-diagram-step:first-of-type, .iui-workflow-diagram-step:last-of-type{
|
|
37
|
-
--_iui-workflow-diagram-circle-background-color:var(--iui-color-background-1);
|
|
38
|
-
--_iui-workflow-diagram-circle-border-color:var(--iui-color-foreground-positive);
|
|
39
|
-
--_iui-workflow-diagram-circle-border-radius:var(--iui-size-s);
|
|
40
|
-
--_iui-workflow-diagram-circle-text-color:var(--iui-color-foreground-positive);
|
|
41
|
-
}
|
|
42
|
-
.iui-workflow-diagram-step::before, .iui-workflow-diagram-step::after{
|
|
43
|
-
content:"";
|
|
44
|
-
height:var(--iui-size-3xs);
|
|
45
|
-
flex:1 2 auto;
|
|
46
|
-
}
|
|
47
|
-
.iui-workflow-diagram-step::before{
|
|
48
|
-
background-color:var(--_iui-workflow-diagram-track-before-color);
|
|
49
|
-
}
|
|
50
|
-
.iui-workflow-diagram-step::after{
|
|
51
|
-
background-color:var(--_iui-workflow-diagram-track-after-color);
|
|
52
|
-
}
|
|
53
|
-
.iui-workflow-diagram-step:first-of-type{
|
|
54
|
-
--_iui-workflow-diagram-track-before-color:transparent;
|
|
55
|
-
}
|
|
56
|
-
.iui-workflow-diagram-step:last-of-type{
|
|
57
|
-
--_iui-workflow-diagram-track-after-color:transparent;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.iui-workflow-diagram-content{
|
|
61
|
-
padding:0 var(--iui-size-m);
|
|
62
|
-
font-weight:var(--iui-font-weight-normal);
|
|
63
|
-
text-align:center;
|
|
64
|
-
background-color:var(--_iui-workflow-diagram-circle-background-color);
|
|
65
|
-
border:1px solid var(--_iui-workflow-diagram-circle-border-color);
|
|
66
|
-
border-radius:var(--_iui-workflow-diagram-circle-border-radius);
|
|
67
|
-
}
|
|
5
|
+
.iui-workflow-diagram{vertical-align:baseline;width:100%;border:none;justify-content:space-around;align-items:center;margin:0;padding:0;display:flex}.iui-workflow-diagram-step{--_iui-workflow-diagram-circle-background-color:var(--iui-color-background-positive);--_iui-workflow-diagram-circle-border-color:var(--iui-color-background-positive);--_iui-workflow-diagram-circle-border-radius:var(--iui-border-radius-1);--_iui-workflow-diagram-circle-text-color:var(--iui-color-white);--_iui-workflow-diagram-track-before-color:var(--iui-color-border-positive);--_iui-workflow-diagram-track-after-color:var(--iui-color-border-positive);vertical-align:baseline;font-size:var(--iui-font-size-0);font-weight:var(--iui-font-weight-normal);line-height:var(--iui-size-l);color:var(--_iui-workflow-diagram-circle-text-color);border:none;flex:1;align-items:center;margin:0;padding:0;display:flex}.iui-workflow-diagram-step:first-of-type,.iui-workflow-diagram-step:last-of-type{--_iui-workflow-diagram-circle-background-color:var(--iui-color-background);--_iui-workflow-diagram-circle-border-color:var(--iui-color-border-positive);--_iui-workflow-diagram-circle-border-radius:var(--iui-size-s);--_iui-workflow-diagram-circle-text-color:var(--iui-color-text-positive)}.iui-workflow-diagram-step:before,.iui-workflow-diagram-step:after{content:"";height:var(--iui-size-3xs);flex:1 2 auto}.iui-workflow-diagram-step:before{background-color:var(--_iui-workflow-diagram-track-before-color)}.iui-workflow-diagram-step:after{background-color:var(--_iui-workflow-diagram-track-after-color)}.iui-workflow-diagram-step:first-of-type{--_iui-workflow-diagram-track-before-color:transparent}.iui-workflow-diagram-step:last-of-type{--_iui-workflow-diagram-track-after-color:transparent}.iui-workflow-diagram-content{padding:0 var(--iui-size-m);font-weight:var(--iui-font-weight-normal);text-align:center;background-color:var(--_iui-workflow-diagram-circle-background-color);border:1px solid var(--_iui-workflow-diagram-circle-border-color);border-radius:var(--_iui-workflow-diagram-circle-border-radius)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itwin/itwinui-css",
|
|
3
|
-
"version": "1.0.0
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"author": "Bentley Systems",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "css/all.css",
|
|
@@ -9,6 +9,12 @@
|
|
|
9
9
|
"CHANGELOG.md",
|
|
10
10
|
"LICENSE.md"
|
|
11
11
|
],
|
|
12
|
+
"exports": {
|
|
13
|
+
".": "./css/all.css",
|
|
14
|
+
"./all": "./css/all.css",
|
|
15
|
+
"./global": "./css/global.css",
|
|
16
|
+
"./*": "./*"
|
|
17
|
+
},
|
|
12
18
|
"description": "CSS library for building beautiful and well working web UI components within Bentley Systems & iTwin.js applications.",
|
|
13
19
|
"homepage": "https://github.com/iTwin/iTwinUI",
|
|
14
20
|
"keywords": [
|
|
@@ -30,10 +36,8 @@
|
|
|
30
36
|
"autoprefixer": "^10.4.1",
|
|
31
37
|
"backstopjs": "~6.0.4",
|
|
32
38
|
"html-minifier": "^4.0.0",
|
|
39
|
+
"lightningcss": "^1.16.1",
|
|
33
40
|
"npm-run-all": "^4.1.5",
|
|
34
|
-
"postcss": "^8.4.5",
|
|
35
|
-
"postcss-discard-comments": "^5.0.1",
|
|
36
|
-
"postcss-scss": "^4.0.4",
|
|
37
41
|
"sass": "^1.54.4",
|
|
38
42
|
"sass-embedded": "^1.49.9",
|
|
39
43
|
"serve": "^14.0.1",
|