@itwin/itwinui-css 0.63.2-dev.1 → 0.63.3

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+### 0.63.3
+
+- `@layer itwinui-v1` has been renamed to `@layer itwinui.v1`. This allows applications to use the `itwinui` layer name to orchestrate overall layer order.
+
 ### 0.63.2
 
 - All styles are now wrapped in `@layer`. This makes it possible to easily override and prevent conflicts with the next major version. ([#1037](https://www.github.com/iTwin/iTwinUI/pull/1037))

package/css/alert.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-alert{
     margin:0;
     padding:0;

package/css/all.css

@@ -3,7 +3,8 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 @charset "UTF-8";
-@layer itwinui-v1{
+@layer itwinui-v1, itwinui.v1, itwinui.v2, itwinui.v3;
+@layer itwinui.v1{
   html{
     --iui-color-background-1-rgb:255, 255, 255;
     --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));
@@ -686,7 +687,7 @@
     background-color:transparent;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-alert{
     margin:0;
     padding:0;
@@ -957,7 +958,7 @@
     outline-color:var(--iui-color-foreground-primary);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-anchor{
     color:#008ae0;
     -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
@@ -1027,7 +1028,7 @@
     }
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-badge{
     --iui-badge-background-color:#c7ccd1;
     --_iui-badge-text-color:rgba(0, 0, 0, 0.6);
@@ -1054,7 +1055,7 @@
     font-weight:600;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-backdrop{
     z-index:998;
     isolation:isolate;
@@ -1076,7 +1077,7 @@
     transition-delay:0s;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-blockquote{
     margin:0;
     padding:0;
@@ -1103,7 +1104,7 @@
     font-style:normal;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-breadcrumbs{
     margin:0;
     padding:0;
@@ -1539,7 +1540,7 @@
     }
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-button{
     --_iui-button-active-stripe-inset:initial;
     --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
@@ -2029,7 +2030,7 @@
     fill:currentColor;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-carousel{
     overflow:hidden;
     border-radius:4px;
@@ -2159,7 +2160,7 @@
     justify-content:flex-end;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-code{
     margin:0;
     padding:0;
@@ -2251,7 +2252,7 @@
     color:var(--iui-text-color-muted);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-color-picker{
     --iui-color-picker-selected-color:initial;
     --iui-surface-background-color:var(--iui-color-background-1);
@@ -2497,7 +2498,7 @@
     }
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-date-picker{
     --iui-surface-background-color:var(--iui-color-background-1);
     --iui-surface-border-radius:0;
@@ -2986,7 +2987,7 @@
     border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-dialog-wrapper{
     position:relative;
     overflow:hidden;
@@ -3154,7 +3155,7 @@
     opacity:1;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-expandable-block{
     margin:0;
     padding:0;
@@ -3384,7 +3385,7 @@
     padding:0;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-fieldset{
     margin:0;
     padding:0;
@@ -3418,7 +3419,7 @@
     color:var(--iui-text-color-muted);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-file-upload{
     margin:0;
     padding:0;
@@ -3527,7 +3528,7 @@
     fill:var(--iui-icons-color-primary);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-legal-footer{
     margin:0;
     padding:0;
@@ -3628,7 +3629,7 @@
     color:var(--iui-text-color-muted);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-page-header{
     margin:0;
     padding:0;
@@ -4146,7 +4147,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     }
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-icons-default{
     fill:rgba(0, 0, 0, 0.4);
     fill:var(--iui-icons-color);
@@ -4321,7 +4322,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     fill:var(--iui-icons-color-negative);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-information-panel-wrapper{
     position:relative;
     overflow:hidden;
@@ -4520,7 +4521,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     margin-right:6px;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-input-container{
     margin:0;
     padding:0;
@@ -5857,7 +5858,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     --_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-keyboard{
     margin:0;
     padding:0;
@@ -5894,7 +5895,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     box-shadow:0 0 0 var(--iui-color-background-5), 0 0 0 0 rgba(255, 255, 255, var(--iui-opacity-5)) inset;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-location-marker-default{
     margin:0;
     padding:0;
@@ -6007,7 +6008,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     background-color:var(--iui-color-background-primary);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-menu{
     --iui-surface-background-color:var(--iui-color-background-1);
     --iui-surface-border-radius:0;
@@ -6182,7 +6183,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     background-color:var(--iui-color-background-border);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-non-ideal-state{
     margin:0;
     padding:0;
@@ -6245,7 +6246,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     margin:0 4px;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-notification-primary{
     position:relative;
   }
@@ -6536,7 +6537,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     }
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-popover.tippy-box{
     all:revert;
   }
@@ -6548,7 +6549,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     all:revert;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-progress-indicator-linear{
     margin:0;
     padding:0;
@@ -6939,7 +6940,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
             animation:closeAnimation 0.2s linear;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-radio-tile{
     cursor:pointer;
     -webkit-tap-highlight-color:rgba(0, 138, 224, 0.1);
@@ -7154,7 +7155,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     color:var(--iui-text-color-muted);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-side-navigation{
     display:inline-flex;
     flex:0 0 auto;
@@ -7378,7 +7379,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     height:100%;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-skip-to-content-link{
     background-color:rgba(0, 0, 0, 0.8);
     background-color:rgba(0, 0, 0, var(--iui-opacity-2));
@@ -7444,7 +7445,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     }
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-slider-horizontal{
     min-height:22px;
   }
@@ -7720,7 +7721,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     fill:var(--iui-icons-color-negative);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-surface{
     --iui-surface-background-color:var(--iui-color-background-1);
     --iui-surface-border-radius:0;
@@ -7737,7 +7738,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     }
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-table{
     margin:0;
     padding:0;
@@ -8506,7 +8507,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     margin-right:8px;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-tabs-wrapper{
     display:flex;
     position:relative;
@@ -8864,7 +8865,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     }
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-tag{
     -webkit-user-select:all;
        -moz-user-select:all;
@@ -9025,7 +9026,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     background-color:var(--iui-color-background-3);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-text-headline{
     margin:0;
     padding:0;
@@ -9144,7 +9145,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     margin:0 0 22px;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-tile{
     margin:0;
     padding:0;
@@ -9738,7 +9739,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     border-width:0;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-time-picker{
     margin:0;
     padding:0;
@@ -9878,7 +9879,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     }
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-toast-wrapper{
     pointer-events:none;
     position:fixed;
@@ -10204,7 +10205,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     color:var(--iui-color-foreground-warning-overlay);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-toggle-switch-wrapper{
     margin:0;
     padding:0;
@@ -10437,7 +10438,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     }
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-tooltip-container{
     width:-webkit-fit-content;
     width:-moz-fit-content;
@@ -10494,7 +10495,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     border:1px solid rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4));
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-tree{
     margin:0;
     padding:0;
@@ -10644,7 +10645,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     color:var(--iui-text-color-placeholder);
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-user-icon{
     margin:0;
     padding:0;
@@ -10888,7 +10889,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
     margin-left:12px;
   }
 }
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-wizard{
     margin:0;
     padding:0;

package/css/anchor.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-anchor{
     color:#008ae0;
     -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);

package/css/backdrop.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-backdrop{
     z-index:998;
     isolation:isolate;

package/css/badge.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-badge{
     --iui-badge-background-color:#c7ccd1;
     --_iui-badge-text-color:rgba(0, 0, 0, 0.6);

package/css/blockquote.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-blockquote{
     margin:0;
     padding:0;

package/css/breadcrumbs.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-breadcrumbs{
     margin:0;
     padding:0;

package/css/button.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-button{
     --_iui-button-active-stripe-inset:initial;
     --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));

package/css/carousel.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-carousel{
     overflow:hidden;
     border-radius:4px;

package/css/code.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-code{
     margin:0;
     padding:0;

package/css/color-picker.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-color-picker{
     --iui-color-picker-selected-color:initial;
     --iui-surface-background-color:var(--iui-color-background-1);

package/css/date-picker.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-date-picker{
     --iui-surface-background-color:var(--iui-color-background-1);
     --iui-surface-border-radius:0;

package/css/dialog.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-dialog-wrapper{
     position:relative;
     overflow:hidden;

package/css/expandable-block.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-expandable-block{
     margin:0;
     padding:0;

package/css/fieldset.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-fieldset{
     margin:0;
     padding:0;

package/css/file-upload.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-file-upload{
     margin:0;
     padding:0;

package/css/footer.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-legal-footer{
     margin:0;
     padding:0;

package/css/global.css

@@ -2,7 +2,8 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui-v1, itwinui.v1, itwinui.v2, itwinui.v3;
+@layer itwinui.v1{
   html{
     --iui-color-background-1-rgb:255, 255, 255;
     --iui-color-background-1:rgb(var(--iui-color-background-1-rgb));

package/css/header.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-page-header{
     margin:0;
     padding:0;

package/css/icon.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-icons-default{
     fill:rgba(0, 0, 0, 0.4);
     fill:var(--iui-icons-color);

package/css/information-panel.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-information-panel-wrapper{
     position:relative;
     overflow:hidden;

package/css/inputs.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-input-container{
     margin:0;
     padding:0;

package/css/keyboard.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-keyboard{
     margin:0;
     padding:0;

package/css/location-marker.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-location-marker-default{
     margin:0;
     padding:0;

package/css/menu.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-menu{
     --iui-surface-background-color:var(--iui-color-background-1);
     --iui-surface-border-radius:0;

package/css/non-ideal-state.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-non-ideal-state{
     margin:0;
     padding:0;

package/css/notification-marker.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-notification-primary{
     position:relative;
   }

package/css/popover.css

@@ -2,7 +2,7 @@
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-@layer itwinui-v1{
+@layer itwinui.v1{
   .iui-popover.tippy-box{
     all:revert;
   }