@itwin/itwinui-css 0.51.0 → 0.53.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 (77) hide show
  1. package/css/alert.css +44 -44
  2. package/css/all.css +1797 -982
  3. package/css/badge.css +1 -1
  4. package/css/blockquote.css +2 -2
  5. package/css/breadcrumbs.css +12 -12
  6. package/css/button.css +40 -39
  7. package/css/carousel.css +24 -36
  8. package/css/code.css +5 -5
  9. package/css/color-picker.css +14 -10
  10. package/css/date-picker.css +402 -46
  11. package/css/expandable-block.css +19 -19
  12. package/css/fieldset.css +4 -4
  13. package/css/file-upload.css +11 -11
  14. package/css/footer.css +2 -2
  15. package/css/global.css +539 -208
  16. package/css/header.css +50 -38
  17. package/css/icon.css +24 -24
  18. package/css/information-panel.css +15 -8
  19. package/css/inputs.css +72 -72
  20. package/css/keyboard.css +4 -4
  21. package/css/location-marker.css +9 -9
  22. package/css/menu.css +25 -12
  23. package/css/modal.css +65 -6
  24. package/css/notification-marker.css +28 -28
  25. package/css/progress-indicator.css +32 -32
  26. package/css/side-navigation.css +18 -18
  27. package/css/skip-to-content.css +1 -1
  28. package/css/slider.css +13 -13
  29. package/css/surface.css +19 -0
  30. package/css/table.css +78 -74
  31. package/css/tabs.css +23 -23
  32. package/css/tag.css +4 -4
  33. package/css/text.css +1 -1
  34. package/css/tile.css +35 -35
  35. package/css/time-picker.css +15 -15
  36. package/css/toast-notification.css +34 -34
  37. package/css/tooltip.css +3 -1
  38. package/css/tree.css +7 -7
  39. package/css/user-icon.css +50 -28
  40. package/css/wizard.css +26 -26
  41. package/package.json +1 -1
  42. package/scss/button/button-group.scss +5 -3
  43. package/scss/button/classes.scss +4 -0
  44. package/scss/carousel/carousel.scss +22 -28
  45. package/scss/classes.scss +1 -0
  46. package/scss/color-picker/color-picker.scss +2 -2
  47. package/scss/date-picker/classes.scss +20 -0
  48. package/scss/date-picker/date-picker.scss +194 -33
  49. package/scss/fieldset/fieldset.scss +1 -1
  50. package/scss/header/header.scss +15 -10
  51. package/scss/index.scss +1 -0
  52. package/scss/information-panel/information-panel.scss +10 -3
  53. package/scss/menu/classes.scss +2 -1
  54. package/scss/menu/menu.scss +8 -11
  55. package/scss/modal/classes.scss +8 -0
  56. package/scss/modal/modal.scss +81 -6
  57. package/scss/progress-indicator/linear.scss +1 -1
  58. package/scss/progress-indicator/radial.scss +1 -1
  59. package/scss/side-navigation/side-navigation.scss +5 -5
  60. package/scss/slider/slider.scss +2 -2
  61. package/scss/style/elevation.scss +5 -5
  62. package/scss/style/global.scss +32 -21
  63. package/scss/style/mixins.scss +1 -1
  64. package/scss/style/ripple.scss +1 -1
  65. package/scss/style/speed.scss +1 -0
  66. package/scss/style/theme.scss +248 -65
  67. package/scss/surface/classes.scss +7 -0
  68. package/scss/surface/index.scss +3 -0
  69. package/scss/surface/surface.scss +18 -0
  70. package/scss/table/column-filter.scss +2 -2
  71. package/scss/table/table.scss +3 -3
  72. package/scss/tile/tile.scss +5 -5
  73. package/scss/time-picker/time-picker.scss +2 -2
  74. package/scss/tooltip/tooltip.scss +2 -1
  75. package/scss/user-icon/sizes.scss +8 -0
  76. package/scss/user-icon/user-icon.scss +40 -21
  77. package/scss/wizard/wizard.scss +1 -1
package/css/file-upload.css CHANGED
@@ -29,8 +29,8 @@
29
29
  -ms-user-select:none;
30
30
  user-select:none;
31
31
  padding:6px 12px;
32
- background-color:#F8F9FB;
33
- border:1px solid #F8F9FB;
32
+ background-color:#f9f9fb;
33
+ border:1px solid #f9f9fb;
34
34
  background-color:var(--iui-color-background-2);
35
35
  border:1px solid var(--iui-color-background-2);
36
36
  }
@@ -54,22 +54,22 @@
54
54
  }
55
55
  .iui-file-upload > .iui-content > svg.iui-informational,
56
56
  .iui-file-upload > .iui-content .iui-template-icon.iui-informational{
57
- fill:#008BE1;
57
+ fill:#008ae0;
58
58
  fill:var(--iui-icons-color-primary);
59
59
  }
60
60
  .iui-file-upload > .iui-content > svg.iui-positive,
61
61
  .iui-file-upload > .iui-content .iui-template-icon.iui-positive{
62
- fill:#53A21A;
62
+ fill:#53a21a;
63
63
  fill:var(--iui-icons-color-positive);
64
64
  }
65
65
  .iui-file-upload > .iui-content > svg.iui-warning,
66
66
  .iui-file-upload > .iui-content .iui-template-icon.iui-warning{
67
- fill:#F18B12;
67
+ fill:#f18d13;
68
68
  fill:var(--iui-icons-color-warning);
69
69
  }
70
70
  .iui-file-upload > .iui-content > svg.iui-negative,
71
71
  .iui-file-upload > .iui-content .iui-template-icon.iui-negative{
72
- fill:#D30A0A;
72
+ fill:#d10a0a;
73
73
  fill:var(--iui-icons-color-negative);
74
74
  }
75
75
  .iui-file-upload > .iui-content:only-child{
@@ -78,7 +78,7 @@
78
78
  flex-direction:row;
79
79
  }
80
80
  .iui-file-upload > .iui-content:only-child:focus-within{
81
- outline:2px solid #008BE1;
81
+ outline:2px solid #008ae0;
82
82
  outline-offset:-2px;
83
83
  outline:2px solid var(--iui-color-foreground-primary);
84
84
  outline-offset:-2px;
@@ -90,9 +90,9 @@
90
90
  font-weight:700;
91
91
  }
92
92
  .iui-file-upload.iui-drag > .iui-content{
93
- background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
94
- border-color:#008BE1;
95
- color:#008BE1;
93
+ background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
94
+ border-color:#008ae0;
95
+ color:#008ae0;
96
96
  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));
97
97
  border-color:var(--iui-color-foreground-primary);
98
98
  color:var(--iui-color-foreground-primary);
@@ -100,6 +100,6 @@
100
100
  }
101
101
  .iui-file-upload.iui-drag > .iui-content > svg,
102
102
  .iui-file-upload.iui-drag > .iui-content .iui-template-icon{
103
- fill:#008BE1;
103
+ fill:#008ae0;
104
104
  fill:var(--iui-icons-color-primary);
105
105
  }
package/css/footer.css CHANGED
@@ -44,7 +44,7 @@
44
44
  border-radius:3px;
45
45
  text-decoration:none;
46
46
  cursor:pointer;
47
- color:#008BE1;
47
+ color:#008ae0;
48
48
  color:var(--iui-color-foreground-primary);
49
49
  }
50
50
  .iui-legal-footer > ul > li > a:focus-visible{
@@ -58,7 +58,7 @@
58
58
  }
59
59
  }
60
60
  .iui-legal-footer > ul > li > a:hover{
61
- color:#006bae;
61
+ color:#006bad;
62
62
  color:var(--iui-color-foreground-primary-overlay);
63
63
  text-decoration:underline;
64
64
  }