@itwin/itwinui-css 1.0.0-dev.0 → 1.0.0-dev.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+### [0.63.1](https://www.github.com/iTwin/iTwinUI/compare/v0.63.0...v0.63.1) (2022-08-11)
+
+### Fixes
+
+* **Codeblock:** Striping with horizontal scroll ([#730](https://www.github.com/iTwin/iTwinUI/issues/730)) ([d2de81c](https://www.github.com/iTwin/iTwinUI/commit/d2de81caa0d77ebe4c3398fa733bdf27295a9981))
+* **Dialog:** Changed `space-between` inside title bar ([#729](https://www.github.com/iTwin/iTwinUI/issues/729)) ([c6e6dc9](https://www.github.com/iTwin/iTwinUI/commit/c6e6dc977c2791d4ac4ef7498b3495cd5ef6d5c6))
+* **Tabs:** Add max size for button within tab list ([#703](https://www.github.com/iTwin/iTwinUI/issues/703)) ([e6d5d1f](https://www.github.com/iTwin/iTwinUI/commit/e6d5d1f660dd4deee808831680915980f4032c57))
+
+## [0.63.0](https://www.github.com/iTwin/iTwinUI/compare/v0.62.0...v0.63.0) (2022-08-01)
+
+### What's new
+
+* **Footer:** Footer refactor for better customization ([#717](https://www.github.com/iTwin/iTwinUI/issues/717)) ([aa04c38](https://www.github.com/iTwin/iTwinUI/commit/aa04c38fabecaafebe35e5ad42934e5544139094))
+
+
+### Fixes
+
+* **Table:** Zebra stripes content no longer goes on top of stick column ([#727](https://www.github.com/iTwin/iTwinUI/issues/727)) ([152bede](https://www.github.com/iTwin/iTwinUI/commit/152bede43af3ae6b922d4b14dc01c693f7c81366))
+
+## [0.62.0](https://www.github.com/iTwin/iTwinUI/compare/v0.61.0...v0.62.0) (2022-07-27)
+
+### What's new
+
+* **Slider:** Add vertical slider ([#707](https://www.github.com/iTwin/iTwinUI/issues/707)) ([2e9b150](https://www.github.com/iTwin/iTwinUI/commit/2e9b15026a7201be9e431ec0e6243436bb9d6f2a))
+* **Tile:** Add new status states ([#689](https://www.github.com/iTwin/iTwinUI/issues/689)) ([db53ee8](https://www.github.com/iTwin/iTwinUI/commit/db53ee8839589cc51c7095794698375a616527c6))
+
 ## [0.61.0](https://www.github.com/iTwin/iTwinUI/compare/v0.60.0...v0.61.0) (2022-06-28)
 
 ### What's new

package/css/alert.css

@@ -54,7 +54,7 @@
   left:0;
 }
 .iui-alert-positive .iui-alert-icon{
-  fill:var(--iui-icons-color-positive);
+  fill:var(--iui-icon-color-positive);
 }
 .iui-alert-positive .iui-alert-message::-moz-selection, .iui-alert-positive .iui-alert-message *::-moz-selection{
   background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
@@ -118,7 +118,7 @@
   left:0;
 }
 .iui-alert-negative .iui-alert-icon{
-  fill:var(--iui-icons-color-negative);
+  fill:var(--iui-icon-color-negative);
 }
 .iui-alert-negative .iui-alert-message::-moz-selection, .iui-alert-negative .iui-alert-message *::-moz-selection{
   background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
@@ -182,7 +182,7 @@
   left:0;
 }
 .iui-alert-warning .iui-alert-icon{
-  fill:var(--iui-icons-color-warning);
+  fill:var(--iui-icon-color-warning);
 }
 .iui-alert-warning .iui-alert-message::-moz-selection, .iui-alert-warning .iui-alert-message *::-moz-selection{
   background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
@@ -246,7 +246,7 @@
   left:0;
 }
 .iui-alert-informational .iui-alert-icon{
-  fill:var(--iui-icons-color-primary);
+  fill:var(--iui-icon-color-primary);
 }
 .iui-alert-informational .iui-alert-message::-moz-selection, .iui-alert-informational .iui-alert-message *::-moz-selection{
   background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
@@ -277,28 +277,15 @@
 }
 
 .iui-alert-icon{
-  fill:var(--iui-icons-color);
-  display:inline-flex;
+  display:flex;
+  flex-shrink:0;
   width:16px;
   height:16px;
-  flex-shrink:0;
   margin-left:16px;
 }
-.iui-alert-icon.iui-informational{
-  fill:var(--iui-icons-color-primary);
-}
-.iui-alert-icon.iui-positive{
-  fill:var(--iui-icons-color-positive);
-}
-.iui-alert-icon.iui-warning{
-  fill:var(--iui-icons-color-warning);
-}
-.iui-alert-icon.iui-negative{
-  fill:var(--iui-icons-color-negative);
-}
 
 .iui-alert-message{
-  margin:11px 16px;
+  margin:12px 16px;
 }
 
 .iui-alert-link{
@@ -328,7 +315,7 @@
   justify-content:center;
   position:relative;
   border-radius:4px;
-  line-height:22px;
+  line-height:24px;
   font-size:14px;
   font-weight:400;
   -webkit-user-select:none;
@@ -347,18 +334,18 @@
   -webkit-tap-highlight-color:transparent;
   text-decoration:none;
   --_iui-button-gap:8px;
-  --_iui-button-height:38px;
+  --_iui-button-height:40px;
   --_iui-button-padding-inline:16px;
   --_iui-button-text-color:var(--iui-text-color);
   --_iui-button-background-color:transparent;
   --_iui-button-border-color:transparent;
-  --_iui-button-icon-margin-x:3px;
+  --_iui-button-icon-margin-x:4px;
   --_iui-button-gap:8px;
-  --_iui-button-height:38px;
+  --_iui-button-height:40px;
   --_iui-button-padding-inline:16px;
   --_iui-button-padding-inline:8px;
   --_iui-button-gap:4px;
-  --_iui-button-height:27px;
+  --_iui-button-height:28px;
   --_iui-button-padding-inline:8px;
   --_iui-button-padding-inline:2px;
   margin-left:auto;
@@ -389,12 +376,14 @@
 }
 
 .iui-alert-button-icon{
+  display:flex;
+  flex-shrink:0;
   width:16px;
   height:16px;
   transition:fill 0.2s ease-out;
   fill:currentColor;
-  margin-left:3px;
-  margin-right:3px;
+  margin-left:4px;
+  margin-right:4px;
 }
 .iui-alert-button-icon:only-child{
   margin-left:var(--_iui-button-icon-margin-x);