@itwin/itwinui-css 0.50.1 → 0.53.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 (89) hide show
  1. package/css/alert.css +234 -176
  2. package/css/all.css +8324 -5880
  3. package/css/badge.css +3 -2
  4. package/css/blockquote.css +12 -9
  5. package/css/breadcrumbs.css +110 -87
  6. package/css/button.css +441 -345
  7. package/css/carousel.css +110 -91
  8. package/css/code.css +70 -57
  9. package/css/color-picker.css +164 -113
  10. package/css/date-picker.css +454 -80
  11. package/css/expandable-block.css +213 -161
  12. package/css/fieldset.css +25 -21
  13. package/css/file-upload.css +93 -79
  14. package/css/footer.css +64 -53
  15. package/css/global.css +550 -197
  16. package/css/header.css +485 -367
  17. package/css/icon.css +108 -78
  18. package/css/information-panel.css +181 -137
  19. package/css/inputs.css +1137 -945
  20. package/css/keyboard.css +14 -10
  21. package/css/location-marker.css +69 -59
  22. package/css/menu.css +124 -86
  23. package/css/modal.css +114 -44
  24. package/css/non-ideal-state.css +47 -40
  25. package/css/notification-marker.css +275 -200
  26. package/css/popover.css +10 -8
  27. package/css/progress-indicator.css +316 -238
  28. package/css/reset-global-styles.css +10 -5
  29. package/css/side-navigation.css +193 -144
  30. package/css/skip-to-content.css +42 -28
  31. package/css/slider.css +116 -91
  32. package/css/surface.css +19 -0
  33. package/css/table.css +578 -430
  34. package/css/tabs.css +324 -238
  35. package/css/tag.css +112 -85
  36. package/css/text.css +47 -28
  37. package/css/tile.css +389 -313
  38. package/css/time-picker.css +114 -87
  39. package/css/toast-notification.css +234 -175
  40. package/css/toggle-switch.css +176 -111
  41. package/css/tooltip.css +24 -17
  42. package/css/tree.css +123 -93
  43. package/css/user-icon.css +222 -162
  44. package/css/wizard.css +158 -133
  45. package/package.json +5 -6
  46. package/scss/alert/alert.scss +1 -5
  47. package/scss/carousel/carousel.scss +24 -27
  48. package/scss/classes.scss +1 -0
  49. package/scss/code/codeblock.scss +1 -1
  50. package/scss/color-picker/color-picker.scss +2 -2
  51. package/scss/date-picker/classes.scss +20 -0
  52. package/scss/date-picker/date-picker.scss +194 -33
  53. package/scss/fieldset/fieldset.scss +1 -1
  54. package/scss/header/header.scss +15 -10
  55. package/scss/index.scss +1 -0
  56. package/scss/information-panel/information-panel.scss +10 -3
  57. package/scss/inputs/checkbox.scss +1 -0
  58. package/scss/inputs/labeled-inputs.scss +8 -8
  59. package/scss/inputs/radio.scss +0 -4
  60. package/scss/location-marker/data-rich.scss +1 -1
  61. package/scss/location-marker/me.scss +4 -4
  62. package/scss/menu/classes.scss +2 -1
  63. package/scss/menu/menu.scss +8 -11
  64. package/scss/modal/classes.scss +4 -0
  65. package/scss/modal/modal.scss +82 -7
  66. package/scss/popover/popover.scss +1 -2
  67. package/scss/progress-indicator/linear.scss +3 -11
  68. package/scss/progress-indicator/radial.scss +1 -1
  69. package/scss/side-navigation/side-navigation.scss +5 -5
  70. package/scss/slider/slider.scss +2 -2
  71. package/scss/style/elevation.scss +5 -5
  72. package/scss/style/global.scss +33 -26
  73. package/scss/style/mixins.scss +9 -0
  74. package/scss/style/ripple.scss +1 -1
  75. package/scss/style/speed.scss +1 -0
  76. package/scss/style/theme.scss +248 -65
  77. package/scss/surface/classes.scss +7 -0
  78. package/scss/surface/index.scss +3 -0
  79. package/scss/surface/surface.scss +18 -0
  80. package/scss/table/column-filter.scss +2 -2
  81. package/scss/table/table.scss +26 -17
  82. package/scss/tile/tile.scss +5 -5
  83. package/scss/time-picker/time-picker.scss +2 -2
  84. package/scss/toast-notification/categories.scss +1 -5
  85. package/scss/toggle-switch/classes.scss +4 -0
  86. package/scss/toggle-switch/toggle-switch.scss +141 -162
  87. package/scss/tooltip/tooltip.scss +2 -1
  88. package/scss/user-icon/user-icon.scss +38 -19
  89. package/scss/wizard/wizard.scss +1 -1
package/css/footer.css CHANGED
@@ -10,56 +10,67 @@
10
10
  text-align:center;
11
11
  width:100%;
12
12
  padding:11px 0;
13
- font-size:12px; }
14
- .iui-legal-footer > ul{
15
- list-style-type:none;
16
- margin:0 auto;
17
- padding:0;
18
- display:flex;
19
- justify-content:center;
20
- align-items:center;
21
- flex-wrap:wrap; }
22
- .iui-legal-footer > ul > li{
23
- display:inline-block;
24
- -webkit-user-select:none;
25
- -moz-user-select:none;
26
- -ms-user-select:none;
27
- user-select:none;
28
- white-space:nowrap;
29
- word-break:keep-all;
30
- color:rgba(0, 0, 0, 0.4);
31
- color:var(--iui-text-color-muted); }
32
- .iui-legal-footer > ul > li .iui-separator{
33
- margin:0 8px;
34
- width:1px;
35
- height:11px;
36
- display:inline-table;
37
- background-color:rgba(0, 0, 0, 0.4);
38
- background-color:var(--iui-text-color-muted); }
39
- .iui-legal-footer > ul > li > a{
40
- border-radius:3px;
41
- text-decoration:none;
42
- cursor:pointer;
43
- color:#008BE1;
44
- color:var(--iui-color-foreground-primary); }
45
- .iui-legal-footer > ul > li > a:focus-visible{
46
- outline:1px solid var(--iui-color-foreground-primary);
47
- outline-offset:2px; }
48
- @supports not selector(*:focus-visible){
49
- .iui-legal-footer > ul > li > a:focus{
50
- outline:1px solid var(--iui-color-foreground-primary);
51
- outline-offset:2px; } }
52
- .iui-legal-footer > ul > li > a:hover{
53
- color:#006bae;
54
- color:var(--iui-color-foreground-primary-overlay);
55
- text-decoration:underline; }
56
- .iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{
57
- color:rgba(0, 0, 0, 0.4);
58
- color:var(--iui-text-color-muted); }
59
- .iui-legal-footer > .iui-legal-footer-developer{
60
- display:block;
61
- -webkit-user-select:all;
62
- -moz-user-select:all;
63
- user-select:all;
64
- color:rgba(0, 0, 0, 0.4);
65
- color:var(--iui-text-color-muted); }
13
+ font-size:12px;
14
+ }
15
+ .iui-legal-footer > ul{
16
+ list-style-type:none;
17
+ margin:0 auto;
18
+ padding:0;
19
+ display:flex;
20
+ justify-content:center;
21
+ align-items:center;
22
+ flex-wrap:wrap;
23
+ }
24
+ .iui-legal-footer > ul > li{
25
+ display:inline-block;
26
+ -webkit-user-select:none;
27
+ -moz-user-select:none;
28
+ -ms-user-select:none;
29
+ user-select:none;
30
+ white-space:nowrap;
31
+ word-break:keep-all;
32
+ color:rgba(0, 0, 0, 0.4);
33
+ color:var(--iui-text-color-muted);
34
+ }
35
+ .iui-legal-footer > ul > li .iui-separator{
36
+ margin:0 8px;
37
+ width:1px;
38
+ height:11px;
39
+ display:inline-table;
40
+ background-color:rgba(0, 0, 0, 0.4);
41
+ background-color:var(--iui-text-color-muted);
42
+ }
43
+ .iui-legal-footer > ul > li > a{
44
+ border-radius:3px;
45
+ text-decoration:none;
46
+ cursor:pointer;
47
+ color:#008ae0;
48
+ color:var(--iui-color-foreground-primary);
49
+ }
50
+ .iui-legal-footer > ul > li > a:focus-visible{
51
+ outline:1px solid var(--iui-color-foreground-primary);
52
+ outline-offset:2px;
53
+ }
54
+ @supports not selector(*:focus-visible){
55
+ .iui-legal-footer > ul > li > a:focus{
56
+ outline:1px solid var(--iui-color-foreground-primary);
57
+ outline-offset:2px;
58
+ }
59
+ }
60
+ .iui-legal-footer > ul > li > a:hover{
61
+ color:#006bad;
62
+ color:var(--iui-color-foreground-primary-overlay);
63
+ text-decoration:underline;
64
+ }
65
+ .iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{
66
+ color:rgba(0, 0, 0, 0.4);
67
+ color:var(--iui-text-color-muted);
68
+ }
69
+ .iui-legal-footer > .iui-legal-footer-developer{
70
+ display:block;
71
+ -webkit-user-select:all;
72
+ -moz-user-select:all;
73
+ user-select:all;
74
+ color:rgba(0, 0, 0, 0.4);
75
+ color:var(--iui-text-color-muted);
76
+ }