@itwin/itwinui-css 1.12.5 → 1.12.7
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 +12 -0
- package/LICENSE.md +1 -1
- package/css/all.css +1 -1
- package/css/dialog.css +1 -1
- package/css/progress-indicator.css +1 -1
- package/package.json +1 -1
package/css/dialog.css
CHANGED
|
@@ -2,4 +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
|
-
:where(.iui-root, [data-iui-theme]) .iui-dialog-wrapper{width:100%;height:100%;pointer-events:none;z-index:999;isolation:isolate;position:fixed;top:0;left:0;overflow:hidden;transform:translate(0)}:where(.iui-root, [data-iui-theme]) .iui-dialog-wrapper[data-iui-relative=true]{position:absolute}:where(.iui-root, [data-iui-theme]) .iui-dialog{z-index:999;isolation:isolate;border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-shadow-5);padding:var(--iui-size-s)var(--iui-size-m);pointer-events:auto;background-color:var(--iui-color-background);transition:visibility var(--iui-duration-0)linear,opacity var(--iui-duration-1)ease-out;transition-delay:var(--iui-duration-1),var(--iui-duration-0);position:fixed
|
|
5
|
+
:where(.iui-root, [data-iui-theme]) .iui-dialog-wrapper{width:100%;height:100%;pointer-events:none;z-index:999;isolation:isolate;position:fixed;top:0;left:0;overflow:hidden;transform:translate(0)}:where(.iui-root, [data-iui-theme]) .iui-dialog-wrapper[data-iui-relative=true]{position:absolute}:where(.iui-root, [data-iui-theme]) .iui-dialog{z-index:999;isolation:isolate;border-radius:var(--iui-border-radius-1);box-shadow:var(--iui-shadow-5);padding:var(--iui-size-s)var(--iui-size-m);pointer-events:auto;background-color:var(--iui-color-background);transition:visibility var(--iui-duration-0)linear,opacity var(--iui-duration-1)ease-out;transition-delay:var(--iui-duration-1),var(--iui-duration-0);position:fixed}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-dialog{border:1px solid}}:where(.iui-root, [data-iui-theme]) .iui-dialog:where(:has(.iui-dialog-content),[data-iui-flex=true]){flex-direction:column;display:flex}:where(.iui-root, [data-iui-theme]) .iui-dialog:not(.iui-dialog-visible){visibility:hidden;opacity:0}:where(.iui-root, [data-iui-theme]) .iui-dialog.iui-dialog-visible{transition-delay:var(--iui-duration-0)}:where(.iui-root, [data-iui-theme]) .iui-dialog-default{max-width:max(50%,380px);min-width:min(100%,380px);min-height:7.75rem;max-height:100vh}:where(.iui-root, [data-iui-theme]) .iui-dialog-default:not([data-iui-placement]){top:33%;left:50%;transform:translate(-50%,-33%)}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=top-left]{margin-left:var(--iui-size-s);margin-top:var(--iui-size-m);top:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=top-right]{margin-right:var(--iui-size-s);margin-top:var(--iui-size-m);top:0;right:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=bottom-left]{margin-left:var(--iui-size-s);margin-bottom:var(--iui-size-m);bottom:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-default[data-iui-placement=bottom-right]{margin-right:var(--iui-size-s);margin-bottom:var(--iui-size-m);bottom:0;right:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page{height:100vh;height:100dvh;width:100vw;will-change:transform;border-radius:0;flex-direction:column;display:flex;top:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page:not(.iui-dialog-visible){transform:translateY(100%)}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page{transition:visibility var(--iui-duration-0)linear var(--iui-duration-2),opacity var(--iui-duration-0)linear var(--iui-duration-2),transform var(--iui-duration-1)ease-in}:where(.iui-root, [data-iui-theme]) .iui-dialog-full-page.iui-dialog-visible{transition:transform var(--iui-duration-2)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-dialog-draggable{border:1px solid var(--iui-color-border);flex-direction:column;display:flex}:where(.iui-root, [data-iui-theme]) .iui-dialog-animation-enter{opacity:0;transform:translateY(100%)}:where(.iui-root, [data-iui-theme]) .iui-dialog-animation-enter-active{opacity:1;transform:translateY(0)}:where(.iui-root, [data-iui-theme]) .iui-dialog-title{font-size:inherit;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin-right:auto;line-height:1.5;display:flex;overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-dialog-title-bar{margin-bottom:var(--iui-size-s);font-size:var(--iui-font-size-3);align-items:center;display:flex}:where(.iui-root, [data-iui-theme]) .iui-dialog-title-bar-filled{font-size:var(--iui-font-size-2);padding:calc(var(--iui-size-s)*.5)var(--iui-size-m);margin:calc(0px - var(--iui-size-s))calc(0px - var(--iui-size-m))var(--iui-size-s)calc(0px - var(--iui-size-m));cursor:grab;background-color:var(--iui-color-background-backdrop);border-bottom:1px solid var(--iui-color-border);border-top-left-radius:var(--iui-border-radius-1);border-top-right-radius:var(--iui-border-radius-1)}:where(.iui-root, [data-iui-theme]) .iui-dialog-title-bar-filled:active{cursor:grabbing}:where(.iui-root, [data-iui-theme]) .iui-dialog-content{margin:0 calc(0px - var(--iui-size-m));padding:0 var(--iui-size-m);overflow-y:auto;overflow-y:overlay;max-height:calc(100vh - 6.75rem);max-height:calc(100dvh - 6.75rem);flex-grow:2}:where(.iui-root, [data-iui-theme]) .iui-dialog-button-bar{margin-top:var(--iui-size-s);justify-content:flex-end;align-items:center;gap:var(--iui-size-xs);display:flex}
|
|
@@ -2,4 +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
|
-
@keyframes closeAnimation{0%{opacity:var(--iui-opacity-1)}to{opacity:0}}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear{vertical-align:baseline;text-align:left;border:none;margin:0;padding:0;display:block}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-track{width:100%;height:var(--iui-size-2xs);background-color:var(--iui-color-border);overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-track>.iui-fill{height:100%;vertical-align:top;background-color:var(--iui-color-border-accent);display:inline-block}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-label{width:100%;margin-top:var(--iui-size-2xs);font-size:var(--iui-font-size-0);justify-content:space-between;align-items:center;display:flex;overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-label>:only-child{margin:0 auto}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-label>:last-child:not(:first-child){-webkit-user-select:none;user-select:none}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-label svg{width:var(--iui-size-m);height:var(--iui-size-m);flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-track,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-track>*{background-color:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-label{color:var(--iui-color-text-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-label svg{fill:var(--iui-color-icon-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-label>span::selection,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-label>span ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-negative>.iui-track>*{width:100%;background-color:var(--iui-color-border-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-negative>.iui-label{color:var(--iui-color-text-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-negative>.iui-label svg{fill:var(--iui-color-icon-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-negative>.iui-label>span::selection,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-negative>.iui-label>span ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-track>.iui-determinate{transition:width 2s ease-in-out}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear:not(.iui-negative):not(.iui-positive)>.iui-track>.iui-indeterminate{width:100%;animation:1.5s linear infinite iui-progress-indicator-linear-animate-indeterminate}@keyframes iui-progress-indicator-linear-animate-indeterminate{0%{transform:translate(-60%)scaleX(0)}40%{transform:translate(-40%)scaleX(.4)}to{transform:translate(100%)scaleX(.5)}}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial{--_iui-progress-indicator-radial-size:var(--iui-size-xl);width:var(--_iui-progress-indicator-radial-size);height:var(--_iui-progress-indicator-radial-size);display:inline-block;position:relative}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial>.iui-radial{height:100%;width:100%;position:absolute}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial>.iui-radial>circle.iui-fill{stroke:var(--iui-color-border-accent);fill:none;stroke-width:var(--iui-size-2xs)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial>.iui-radial>circle.iui-track{stroke:var(--iui-color-border);fill:none;stroke-width:var(--iui-size-2xs)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial .iui-inner-content{width:calc(100% - var(--iui-size-xs));height:calc(100% - var(--iui-size-xs));font-size:var(--iui-font-size-0);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial .iui-inner-content svg,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial .iui-inner-content img{width:var(--iui-size-m);height:var(--iui-size-m);fill:var(--iui-color-icon);flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial .iui-inner-content svg:hover,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial .iui-inner-content img:hover{fill:var(--iui-color-icon-hover)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-positive{color:var(--iui-color-text-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-fill,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-track{stroke:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-positive .iui-inner-content svg{fill:var(--iui-color-icon-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-negative{color:var(--iui-color-text-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-negative svg.iui-radial circle.iui-fill{stroke:var(--iui-color-border-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-negative .iui-inner-content svg{fill:var(--iui-color-icon-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-x-small{--_iui-progress-indicator-radial-size:var(--iui-size-m)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-x-small .iui-inner-content{display:none}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-small{--_iui-progress-indicator-radial-size:calc(1.5*var(--iui-size-m))}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-large{--_iui-progress-indicator-radial-size:calc(3*var(--iui-size-m))}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-large .iui-inner-content{font-size:var(--iui-font-size-2)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-large .iui-inner-content svg,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-large .iui-inner-content img{width:calc(1.5*var(--iui-size-m));height:calc(1.5*var(--iui-size-m));flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial{transform:rotate(-90deg)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial circle.iui-fill{stroke-dasharray:88;transition:stroke-dashoffset .5s ease-in-out}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial{animation:2s linear infinite rotate-indeterminate}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial circle.iui-fill{animation:1.5s ease-in-out infinite dash-indeterminate}@keyframes rotate-indeterminate{to{transform:rotate(360deg)}}@keyframes dash-indeterminate{0%{stroke-dasharray:1 88}50%{stroke-dasharray:88 88;stroke-dashoffset:-22px}to{stroke-dasharray:88 88;stroke-dashoffset:-88px}}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-overlay{width:100%;height:100%;z-index:10000;background-color:Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2));justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}@supports (backdrop-filter: blur(5px)){:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-overlay{background-color:Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-overlay .iui-progress-indicator-linear{width:50%;max-width:33vw}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-overlay .iui-overlay-exiting{animation:closeAnimation var(--iui-duration-1)linear}
|
|
5
|
+
@keyframes closeAnimation{0%{opacity:var(--iui-opacity-1)}to{opacity:0}}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear{vertical-align:baseline;text-align:left;border:none;margin:0;padding:0;display:block}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-track{width:100%;height:var(--iui-size-2xs);background-color:var(--iui-color-border);overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-track>.iui-fill{height:100%;vertical-align:top;background-color:var(--iui-color-border-accent);display:inline-block}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-label{width:100%;margin-top:var(--iui-size-2xs);font-size:var(--iui-font-size-0);justify-content:space-between;align-items:center;display:flex;overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-label>:only-child{margin:0 auto}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-label>:last-child:not(:first-child){-webkit-user-select:none;user-select:none}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-label svg{width:var(--iui-size-m);height:var(--iui-size-m);flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-track,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-track>*{background-color:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-label{color:var(--iui-color-text-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-label svg{fill:var(--iui-color-icon-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-label>span::selection,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-positive>.iui-label>span ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-negative>.iui-track>*{width:100%;background-color:var(--iui-color-border-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-negative>.iui-label{color:var(--iui-color-text-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-negative>.iui-label svg{fill:var(--iui-color-icon-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-negative>.iui-label>span::selection,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear.iui-negative>.iui-label>span ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear>.iui-track>.iui-determinate{transition:width 2s ease-in-out}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-linear:not(.iui-negative):not(.iui-positive)>.iui-track>.iui-indeterminate{width:100%;animation:1.5s linear infinite iui-progress-indicator-linear-animate-indeterminate}@keyframes iui-progress-indicator-linear-animate-indeterminate{0%{transform:translate(-60%)scaleX(0)}40%{transform:translate(-40%)scaleX(.4)}to{transform:translate(100%)scaleX(.5)}}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial{--_iui-progress-indicator-radial-size:var(--iui-size-xl);width:var(--_iui-progress-indicator-radial-size);height:var(--_iui-progress-indicator-radial-size);display:inline-block;position:relative}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial>.iui-radial{height:100%;width:100%;display:block;position:absolute}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial>.iui-radial>circle.iui-fill{stroke:var(--iui-color-border-accent);fill:none;stroke-width:var(--iui-size-2xs)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial>.iui-radial>circle.iui-track{stroke:var(--iui-color-border);fill:none;stroke-width:var(--iui-size-2xs)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial .iui-inner-content{width:calc(100% - var(--iui-size-xs));height:calc(100% - var(--iui-size-xs));font-size:var(--iui-font-size-0);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial .iui-inner-content svg,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial .iui-inner-content img{width:var(--iui-size-m);height:var(--iui-size-m);fill:var(--iui-color-icon);flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial .iui-inner-content svg:hover,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial .iui-inner-content img:hover{fill:var(--iui-color-icon-hover)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-positive{color:var(--iui-color-text-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-fill,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-positive svg.iui-radial circle.iui-track{stroke:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-positive .iui-inner-content svg{fill:var(--iui-color-icon-positive)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-negative{color:var(--iui-color-text-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-negative svg.iui-radial circle.iui-fill{stroke:var(--iui-color-border-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-negative .iui-inner-content svg{fill:var(--iui-color-icon-negative)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-x-small{--_iui-progress-indicator-radial-size:var(--iui-size-m)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-x-small .iui-inner-content{display:none}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-small{--_iui-progress-indicator-radial-size:calc(1.5*var(--iui-size-m))}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-large{--_iui-progress-indicator-radial-size:calc(3*var(--iui-size-m))}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-large .iui-inner-content{font-size:var(--iui-font-size-2)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-large .iui-inner-content svg,:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-large .iui-inner-content img{width:calc(1.5*var(--iui-size-m));height:calc(1.5*var(--iui-size-m));flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial{transform:rotate(-90deg)}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-determinate:not(.iui-positive) svg.iui-radial circle.iui-fill{stroke-dasharray:88;transition:stroke-dashoffset .5s ease-in-out}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial{animation:2s linear infinite rotate-indeterminate}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-radial.iui-indeterminate:not(.iui-negative):not(.iui-positive) svg.iui-radial circle.iui-fill{animation:1.5s ease-in-out infinite dash-indeterminate}@keyframes rotate-indeterminate{to{transform:rotate(360deg)}}@keyframes dash-indeterminate{0%{stroke-dasharray:1 88}50%{stroke-dasharray:88 88;stroke-dashoffset:-22px}to{stroke-dasharray:88 88;stroke-dashoffset:-88px}}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-overlay{width:100%;height:100%;z-index:10000;background-color:Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-2));justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}@supports (backdrop-filter: blur(5px)){:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-overlay{background-color:Hsl(var(--iui-color-background-hsl)/var(--iui-opacity-3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-overlay .iui-progress-indicator-linear{width:50%;max-width:33vw}:where(.iui-root, [data-iui-theme]) .iui-progress-indicator-overlay .iui-overlay-exiting{animation:closeAnimation var(--iui-duration-1)linear}
|