@itwin/itwinui-react 3.6.1 → 3.6.2
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 +6 -0
- package/package.json +1 -1
- package/styles.css +3 -3
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
package/styles.css
CHANGED
|
@@ -417,7 +417,7 @@
|
|
|
417
417
|
}
|
|
418
418
|
|
|
419
419
|
@layer itwinui.v3{
|
|
420
|
-
._iui3-button{vertical-align:baseline;vertical-align:middle;border-radius:var(--iui-border-radius-1);font-family:inherit;line-height:1.2;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;border:none;border:1px solid var(--_iui-button-border-color);background:var(--_iui-button-background-color);color:var(--_iui-button-text-color);justify-content:center;align-items:center;gap:var(--_iui-button-gap);min-block-size:var(--_iui-button-min-height);min-inline-size:var(--_iui-button-min-height);padding:0;padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;-webkit-tap-highlight-color:transparent;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:var(--iui-color-background);--_iui-button-border-color:var(--iui-color-border-foreground);--_iui-button-icon-fill:var(--iui-color-icon);flex-shrink:0;margin:0;text-decoration:none;display:inline-flex;position:relative}._iui3-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-button:hover,._iui3-button:active{--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-hover);--_iui-button-border-color:var(--iui-color-border-foreground-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-button:focus{outline-offset:-2px;outline-width:2px}._iui3-button:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);cursor:not-allowed;outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-button[data-iui-size=small]{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height-small)}._iui3-button[data-iui-size=large]{font-size:var(--iui-font-size-2);--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-l);--_iui-button-min-height:var(--iui-component-height-large)}._iui3-button[data-iui-variant=borderless]{--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-padding-inline:var(--iui-size-xs)}._iui3-button[data-iui-variant=borderless]:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-button[data-iui-variant=borderless]:where(:focus){outline-offset:-1px;outline-width:1px}._iui3-button[data-iui-variant=borderless]:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-button[data-iui-variant=borderless][data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3-button[data-iui-variant=borderless][data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3-button[data-iui-variant=borderless][data-iui-size=small]{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height-small);--_iui-button-padding-inline:var(--iui-size-2xs)}._iui3-button[data-iui-variant=borderless][data-iui-size=large]{font-size:var(--iui-font-size-2);--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-l);--_iui-button-min-height:var(--iui-component-height-large);--_iui-button-padding-inline:var(--iui-size-s)}._iui3-button[data-iui-active=true]{--_iui-button-active-stripe-inset-block:initial;--_iui-button-active-stripe-inset-inline:initial;--_iui-button-active-stripe-background:var(--iui-color-border-accent);--_iui-button-text-color:var(--iui-color-text-accent);--_iui-button-icon-fill:var(--iui-color-icon-accent);--_iui-button-background-color:var(--iui-color-background-accent-muted)}._iui3-button[data-iui-active=true]:after{content:"";inset-block:var(--_iui-button-active-stripe-inset-block);inset-inline:var(--_iui-button-active-stripe-inset-inline);background:var(--_iui-button-active-stripe-background);position:absolute}._iui3-button[data-iui-active=true]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-active-stripe-background:var(--iui-color-icon-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-button[data-iui-active=true][data-iui-variant=borderless]{--_iui-button-background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3-button[data-iui-active=true]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled)}._iui3-button[data-iui-variant=high-visibility]{--_iui-button-background-color:var(--iui-color-background-accent);--_iui-button-text-color:var(--iui-color-white);--_iui-button-border-color:var(--_iui-button-background-color);--_iui-button-icon-fill:var(--iui-color-white)}._iui3-button[data-iui-variant=high-visibility]:hover,._iui3-button[data-iui-variant=high-visibility]:active{--_iui-button-background-color:var(--iui-color-background-accent-hover)}._iui3-button[data-iui-variant=high-visibility]:focus{outline-color:var(--iui-color-white);outline-offset:-3px;outline-width:1px}._iui3-button[data-iui-variant=high-visibility]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-button[data-iui-variant=cta]{--_iui-button-background-color:var(--iui-color-background-positive);--_iui-button-text-color:var(--iui-color-white);--_iui-button-border-color:var(--_iui-button-background-color);--_iui-button-icon-fill:var(--iui-color-white)}._iui3-button[data-iui-variant=cta]:hover,._iui3-button[data-iui-variant=cta]:active{--_iui-button-background-color:var(--iui-color-background-positive-hover)}._iui3-button[data-iui-variant=cta]:focus{outline-color:var(--iui-color-white);outline-offset:-3px;outline-width:1px}._iui3-button[data-iui-variant=cta]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-button[data-iui-variant=idea]{--_iui-button-background-color:var(--iui-color-background-accent);--_iui-button-text-color:var(--iui-color-white);--_iui-button-border-color:var(--_iui-button-background-color);--_iui-button-icon-fill:var(--iui-color-white);border-radius:var(--iui-border-radius-round);box-shadow:var(--iui-shadow-5);position:fixed;inset-block-end:var(--iui-size-s);inset-inline-end:var(--iui-size-m)}._iui3-button[data-iui-variant=idea]:hover,._iui3-button[data-iui-variant=idea]:active{--_iui-button-background-color:var(--iui-color-background-accent-hover)}._iui3-button[data-iui-variant=idea]:focus{outline-color:var(--iui-color-white);outline-offset:-3px;outline-width:1px}._iui3-button[data-iui-variant=idea]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-button-icon{display:inline-flex}._iui3-button-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transition:fill var(--iui-duration-1)ease-out;fill:var(--_iui-button-icon-fill,currentColor);flex-shrink:0;display:flex}._iui3-button-dropdown{padding-inline-end:calc(var(--iui-size-xs) - 1px)}._iui3-button-dropdown[data-iui-size=small]{padding-inline-end:calc(var(--iui-size-2xs) - 1px)}._iui3-button-dropdown[data-iui-size=large]{padding-inline-end:calc(var(--iui-size-s) - 1px)}._iui3-button-split{isolation:isolate;align-items:center;display:inline-flex}._iui3-button-split :where(._iui3-button:first-child){border-start-end-radius:0;border-end-end-radius:0}._iui3-button-split :where(._iui3-button:first-child)[data-iui-variant=high-visibility],._iui3-button-split :where(._iui3-button:first-child)[data-iui-variant=cta]{border-inline-end-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-button-split :where(._iui3-button:first-child):hover{z-index:1}._iui3-button-split :where(._iui3-button:first-child):is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-inline-end-color:var(--iui-color-border-subtle);z-index:-1}._iui3-button-split :where(._iui3-button:last-child){--_iui-button-padding-inline:var(--iui-size-2xs);min-inline-size:unset;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}._iui3-button-split :where(._iui3-button:last-child)[data-iui-variant=high-visibility],._iui3-button-split :where(._iui3-button:last-child)[data-iui-variant=cta]{border-inline-start-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-button-split :where(._iui3-button:last-child):where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-inline-start-color:var(--iui-color-border-subtle);z-index:-1}._iui3-button-split :where(._iui3-button:last-child)[data-iui-size=small]{--_iui-button-padding-inline:var(--iui-size-3xs)}._iui3-button-split :where(._iui3-button:last-child)[data-iui-size=large]{--_iui-button-padding-inline:var(--iui-size-xs)}._iui3-button-group:where(:not([data-iui-orientation=vertical])){isolation:isolate;pointer-events:none;align-items:center;display:inline-flex}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]{pointer-events:all;position:relative}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input){--_iui-button-active-stripe-inset-block:var(--iui-size-3xs)calc(100% - var(--iui-size-2xs));--_iui-button-active-stripe-inset-inline:var(--iui-size-3xs)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):hover{z-index:1}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):is(._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):where(:disabled,._iui3-disabled,[aria-disabled=true])){z-index:-1}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus:where([aria-disabled=true]),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within:where([aria-disabled=true]){z-index:2}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container):before{border-radius:0;transition-duration:0s}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):hover,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):focus,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container):before:hover,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container):before:focus{transition-duration:var(--iui-duration-1)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:first-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:first-child):where(._iui3-input-flex-container):before{border-start-start-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:last-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:last-child):where(._iui3-input-flex-container):before{border-start-end-radius:var(--iui-border-radius-1);border-end-end-radius:var(--iui-border-radius-1)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]+*{margin-inline-start:-1px}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:not(:first-child):not([data-iui-variant=borderless])):where(:disabled,._iui3-disabled,[aria-disabled=true]){border-inline-start-color:var(--iui-color-border-subtle)}._iui3-button-group:where([data-iui-orientation=vertical]){isolation:isolate;pointer-events:none;flex-direction:column;align-items:center;max-block-size:100%;display:inline-flex}._iui3-button-group:where([data-iui-orientation=vertical])>[class]{pointer-events:all;position:relative}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input){--_iui-button-active-stripe-inset-block:var(--iui-size-3xs);--_iui-button-active-stripe-inset-inline:var(--iui-size-3xs)calc(100% - var(--iui-size-2xs))}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):hover{z-index:1}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):is(._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):where(:disabled,._iui3-disabled,[aria-disabled=true])){z-index:-1}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus:where([aria-disabled=true]),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within:where([aria-disabled=true]){z-index:2}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container):before{border-radius:0;transition-duration:0s}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):hover,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):focus,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container):before:hover,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container):before:focus{transition-duration:var(--iui-duration-1)}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:first-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:first-child):where(._iui3-input-flex-container):before{border-start-start-radius:var(--iui-border-radius-1);border-start-end-radius:var(--iui-border-radius-1)}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:last-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:last-child):where(._iui3-input-flex-container):before{border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3-button-group:where([data-iui-orientation=vertical])>[class]+*{margin-block-start:-1px}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:not(:first-child):not([data-iui-variant=borderless])):where(:disabled,._iui3-disabled,[aria-disabled=true]){border-block-start-color:var(--iui-color-border-subtle)}._iui3-button-group-overflow-x{inline-size:100%}._iui3-carousel{border-radius:var(--iui-border-radius-1);display:grid;overflow:hidden}._iui3-carousel:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:4px}._iui3-carousel-slider{gap:var(--iui-size-xs);scroll-snap-type:x mandatory;scrollbar-width:none;order:-1;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}._iui3-carousel-slider::-webkit-scrollbar{display:none}._iui3-carousel-slider-item{scroll-snap-align:center;flex-shrink:0;inline-size:100%}._iui3-carousel-slider-item:focus-visible{outline-offset:-2px}._iui3-carousel-navigation{block-size:calc(var(--iui-size-s)*3);border-block-start:var(--iui-size-3xs)solid var(--iui-color-border);align-items:center;display:flex}._iui3-carousel-navigation-left,._iui3-carousel-navigation-right{flex:1;align-items:center;display:flex}._iui3-carousel-navigation-dots{vertical-align:baseline;max-inline-size:calc(var(--iui-size-2xl)*4);border-radius:var(--iui-border-radius-1);white-space:nowrap;scrollbar-width:none;border:none;margin:0;padding:0;overflow-x:auto}._iui3-carousel-navigation-dots::-webkit-scrollbar{display:none}._iui3-carousel-navigation-dots:has(:focus-visible){outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(:has(+ *)){._iui3-carousel-navigation-dots:focus-within{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-carousel-navigation-dot{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height-small);cursor:pointer;block-size:var(--_iui-button-height);padding-inline:var(--_iui-button-padding-inline);background-color:#0000;border:none}._iui3-carousel-navigation-dot:hover:after{background-color:var(--iui-color-icon-muted-hover)}._iui3-carousel-navigation-dot:after{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);content:"";background-color:var(--iui-color-icon-muted);box-shadow:inset 0 0 0 0 var(--iui-color-background);border:1px solid #0000;border-radius:50%;flex-shrink:0;display:flex}._iui3-carousel-navigation-dot._iui3-first:after{transform:scale(.5)}._iui3-carousel-navigation-dot._iui3-second:after{transform:scale(.75)}._iui3-carousel-navigation-dot._iui3-active:after{background-color:var(--iui-color-icon-accent);border-color:var(--iui-color-icon-accent);box-shadow:inset 0 0 0 1px var(--iui-color-background)}
|
|
420
|
+
._iui3-button{vertical-align:baseline;vertical-align:middle;border-radius:var(--iui-border-radius-1);font-family:inherit;line-height:1.2;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;border:none;border:1px solid var(--_iui-button-border-color);background:var(--_iui-button-background-color);color:var(--_iui-button-text-color);justify-content:center;align-items:center;gap:var(--_iui-button-gap);min-block-size:var(--_iui-button-min-height);min-inline-size:var(--_iui-button-min-height);padding:0;padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;-webkit-tap-highlight-color:transparent;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:var(--iui-color-background);--_iui-button-border-color:var(--iui-color-border-foreground);--_iui-button-icon-fill:var(--iui-color-icon);flex-shrink:0;margin:0;text-decoration:none;display:inline-flex;position:relative}._iui3-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-button:hover,._iui3-button:active{--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-hover);--_iui-button-border-color:var(--iui-color-border-foreground-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-button:focus{outline-offset:-2px;outline-width:2px}._iui3-button:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);cursor:not-allowed;outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-button[data-iui-size=small]{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height-small)}._iui3-button[data-iui-size=large]{font-size:var(--iui-font-size-2);--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-l);--_iui-button-min-height:var(--iui-component-height-large)}._iui3-button[data-iui-variant=borderless]{--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-padding-inline:var(--iui-size-xs)}._iui3-button[data-iui-variant=borderless]:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}._iui3-button[data-iui-variant=borderless]:where(:focus){outline-offset:-1px;outline-width:1px}._iui3-button[data-iui-variant=borderless]:where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-button[data-iui-variant=borderless][data-iui-shift=left]{margin-inline-start:calc(-1*var(--_iui-button-padding-inline))}._iui3-button[data-iui-variant=borderless][data-iui-shift=right]{margin-inline-end:calc(-1*var(--_iui-button-padding-inline))}._iui3-button[data-iui-variant=borderless][data-iui-size=small]{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height-small);--_iui-button-padding-inline:var(--iui-size-2xs)}._iui3-button[data-iui-variant=borderless][data-iui-size=large]{font-size:var(--iui-font-size-2);--_iui-button-gap:var(--iui-size-s);--_iui-button-padding-block:var(--iui-size-xs);--_iui-button-padding-inline:var(--iui-size-l);--_iui-button-min-height:var(--iui-component-height-large);--_iui-button-padding-inline:var(--iui-size-s)}._iui3-button[data-iui-active=true]{--_iui-button-active-stripe-inset-block:initial;--_iui-button-active-stripe-inset-inline:initial;--_iui-button-active-stripe-background:var(--iui-color-border-accent);--_iui-button-text-color:var(--iui-color-text-accent);--_iui-button-icon-fill:var(--iui-color-icon-accent);--_iui-button-background-color:var(--iui-color-background-accent-muted)}._iui3-button[data-iui-active=true]:after{content:"";inset-block:var(--_iui-button-active-stripe-inset-block);inset-inline:var(--_iui-button-active-stripe-inset-inline);background:var(--_iui-button-active-stripe-background);position:absolute}._iui3-button[data-iui-active=true]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-active-stripe-background:var(--iui-color-icon-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled)}._iui3-button[data-iui-active=true][data-iui-variant=borderless]{--_iui-button-background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6))}._iui3-button[data-iui-active=true]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled)}._iui3-button[data-iui-variant=high-visibility]{--_iui-button-background-color:var(--iui-color-background-accent);--_iui-button-text-color:var(--iui-color-white);--_iui-button-border-color:var(--_iui-button-background-color);--_iui-button-icon-fill:var(--iui-color-white)}._iui3-button[data-iui-variant=high-visibility]:hover,._iui3-button[data-iui-variant=high-visibility]:active{--_iui-button-background-color:var(--iui-color-background-accent-hover)}._iui3-button[data-iui-variant=high-visibility]:focus{outline-color:var(--iui-color-white);outline-offset:-3px;outline-width:1px}._iui3-button[data-iui-variant=high-visibility]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-button[data-iui-variant=cta]{--_iui-button-background-color:var(--iui-color-background-positive);--_iui-button-text-color:var(--iui-color-white);--_iui-button-border-color:var(--_iui-button-background-color);--_iui-button-icon-fill:var(--iui-color-white)}._iui3-button[data-iui-variant=cta]:hover,._iui3-button[data-iui-variant=cta]:active{--_iui-button-background-color:var(--iui-color-background-positive-hover)}._iui3-button[data-iui-variant=cta]:focus{outline-color:var(--iui-color-white);outline-offset:-3px;outline-width:1px}._iui3-button[data-iui-variant=cta]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-button[data-iui-variant=idea]{--_iui-button-background-color:var(--iui-color-background-accent);--_iui-button-text-color:var(--iui-color-white);--_iui-button-border-color:var(--_iui-button-background-color);--_iui-button-icon-fill:var(--iui-color-white);border-radius:var(--iui-border-radius-round);box-shadow:var(--iui-shadow-5);position:fixed;inset-block-end:var(--iui-size-s);inset-inline-end:var(--iui-size-m)}._iui3-button[data-iui-variant=idea]:hover,._iui3-button[data-iui-variant=idea]:active{--_iui-button-background-color:var(--iui-color-background-accent-hover)}._iui3-button[data-iui-variant=idea]:focus{outline-color:var(--iui-color-white);outline-offset:-3px;outline-width:1px}._iui3-button[data-iui-variant=idea]:is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){--_iui-button-background-color:var(--iui-color-background-disabled);--_iui-button-border-color:var(--iui-color-border-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled);outline-offset:-1px;outline-width:1px;outline-color:var(--iui-color-text-accent)}._iui3-button-icon{display:inline-flex}._iui3-button-icon svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);transition:fill var(--iui-duration-1)ease-out;fill:var(--_iui-button-icon-fill,currentColor);flex-shrink:0;display:flex}._iui3-button-dropdown{padding-inline-end:calc(var(--iui-size-xs) - 1px)}._iui3-button-dropdown[data-iui-size=small]{padding-inline-end:calc(var(--iui-size-2xs) - 1px)}._iui3-button-dropdown[data-iui-size=large]{padding-inline-end:calc(var(--iui-size-s) - 1px)}._iui3-button-split{isolation:isolate;align-items:center;display:inline-flex}._iui3-button-split :where(._iui3-button:first-child){border-start-end-radius:0;border-end-end-radius:0}._iui3-button-split :where(._iui3-button:first-child)[data-iui-variant=high-visibility],._iui3-button-split :where(._iui3-button:first-child)[data-iui-variant=cta]{border-inline-end-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-button-split :where(._iui3-button:first-child):hover{z-index:1}._iui3-button-split :where(._iui3-button:first-child):is([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-inline-end-color:var(--iui-color-border-subtle);z-index:-1}._iui3-button-split :where(._iui3-button:last-child){--_iui-button-padding-inline:var(--iui-size-2xs);min-inline-size:unset;border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}._iui3-button-split :where(._iui3-button:last-child)[data-iui-variant=high-visibility],._iui3-button-split :where(._iui3-button:last-child)[data-iui-variant=cta]{border-inline-start-color:rgba(255,255,255,var(--iui-opacity-4))}._iui3-button-split :where(._iui3-button:last-child):where([disabled],:disabled,[aria-disabled=true],[data-iui-disabled=true]){border-inline-start-color:var(--iui-color-border-subtle);z-index:-1}._iui3-button-split :where(._iui3-button:last-child)[data-iui-size=small]{--_iui-button-padding-inline:var(--iui-size-3xs)}._iui3-button-split :where(._iui3-button:last-child)[data-iui-size=large]{--_iui-button-padding-inline:var(--iui-size-xs)}._iui3-button-group:where(:not([data-iui-orientation=vertical])){isolation:isolate;pointer-events:none;align-items:center;display:inline-flex}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]{pointer-events:all;position:relative}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input){--_iui-button-active-stripe-inset-block:var(--iui-size-3xs)calc(100% - var(--iui-size-2xs));--_iui-button-active-stripe-inset-inline:var(--iui-size-3xs)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):hover{z-index:1}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):is(._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):where(:disabled,._iui3-disabled,[aria-disabled=true])){z-index:-1}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus:where([aria-disabled=true]),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within:where([aria-disabled=true]){z-index:2}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container):before{border-radius:0;transition-duration:0s}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):hover,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):focus,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container):before:hover,._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(._iui3-input-flex-container):before:focus{transition-duration:var(--iui-duration-1)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:first-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:first-child):where(._iui3-input-flex-container):before{border-start-start-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:last-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:last-child):where(._iui3-input-flex-container):before{border-start-end-radius:var(--iui-border-radius-1);border-end-end-radius:var(--iui-border-radius-1)}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]+*{margin-inline-start:-1px}._iui3-button-group:where(:not([data-iui-orientation=vertical]))>[class]:where(:not(:first-child):not([data-iui-variant=borderless])):where(:disabled,._iui3-disabled,[aria-disabled=true]){border-inline-start-color:var(--iui-color-border-subtle)}._iui3-button-group:where([data-iui-orientation=vertical]){isolation:isolate;pointer-events:none;flex-direction:column;align-items:center;max-block-size:100%;display:inline-flex}._iui3-button-group:where([data-iui-orientation=vertical])>[class]{pointer-events:all;position:relative}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input){--_iui-button-active-stripe-inset-block:var(--iui-size-3xs);--_iui-button-active-stripe-inset-inline:var(--iui-size-3xs)calc(100% - var(--iui-size-2xs))}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):hover{z-index:1}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):is(._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):where(:disabled,._iui3-disabled,[aria-disabled=true])){z-index:-1}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus:where([aria-disabled=true]),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-button,._iui3-input):focus-within:where([aria-disabled=true]){z-index:2}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container):before{border-radius:0;transition-duration:0s}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):hover,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))):focus,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container):before:hover,._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(._iui3-input-flex-container):before:focus{transition-duration:var(--iui-duration-1)}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:first-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:first-child):where(._iui3-input-flex-container):before{border-start-start-radius:var(--iui-border-radius-1);border-start-end-radius:var(--iui-border-radius-1)}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:last-child):where(._iui3-input-flex-container,._iui3-input,._iui3-button:where(:not([data-iui-variant=borderless]))),._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:last-child):where(._iui3-input-flex-container):before{border-end-end-radius:var(--iui-border-radius-1);border-end-start-radius:var(--iui-border-radius-1)}._iui3-button-group:where([data-iui-orientation=vertical])>[class]+*{margin-block-start:-1px}._iui3-button-group:where([data-iui-orientation=vertical])>[class]:where(:not(:first-child):not([data-iui-variant=borderless])):where(:disabled,._iui3-disabled,[aria-disabled=true]){border-block-start-color:var(--iui-color-border-subtle)}._iui3-button-group-overflow-x{inline-size:100%}._iui3-carousel{border-radius:var(--iui-border-radius-1);display:grid;overflow:hidden}._iui3-carousel:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:4px}._iui3-carousel-slider{gap:var(--iui-size-xs);scroll-snap-type:x mandatory;scrollbar-width:none;order:-1;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}._iui3-carousel-slider::-webkit-scrollbar{display:none}._iui3-carousel-slider-item{scroll-snap-align:center;flex-shrink:0;inline-size:100%}._iui3-carousel-slider-item:focus-visible{outline-offset:-2px}._iui3-carousel-navigation{block-size:calc(var(--iui-size-s)*3);border-block-start:var(--iui-size-3xs)solid var(--iui-color-border);align-items:center;display:flex}._iui3-carousel-navigation-left,._iui3-carousel-navigation-right{flex:1;align-items:center;display:flex}._iui3-carousel-navigation-dots{vertical-align:baseline;max-inline-size:calc(var(--iui-size-2xl)*4);border-radius:var(--iui-border-radius-1);white-space:nowrap;scrollbar-width:none;border:none;margin:0;padding:0;overflow-x:auto}._iui3-carousel-navigation-dots::-webkit-scrollbar{display:none}._iui3-carousel-navigation-dots:has(:focus-visible){outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(:has(+ *)){._iui3-carousel-navigation-dots:focus-within{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}}._iui3-carousel-navigation-dot{cursor:pointer;block-size:var(--iui-component-height-small);padding-inline:var(--iui-size-xs);background-color:#0000;border:none}._iui3-carousel-navigation-dot:hover:after{background-color:var(--iui-color-icon-muted-hover)}._iui3-carousel-navigation-dot:after{inline-size:var(--iui-size-s);block-size:var(--iui-size-s);content:"";background-color:var(--iui-color-icon-muted);box-shadow:inset 0 0 0 0 var(--iui-color-background);border:1px solid #0000;border-radius:50%;flex-shrink:0;display:flex}._iui3-carousel-navigation-dot._iui3-first:after{transform:scale(.5)}._iui3-carousel-navigation-dot._iui3-second:after{transform:scale(.75)}._iui3-carousel-navigation-dot._iui3-active:after{background-color:var(--iui-color-icon-accent);border-color:var(--iui-color-icon-accent);box-shadow:inset 0 0 0 1px var(--iui-color-background)}
|
|
421
421
|
}
|
|
422
422
|
|
|
423
423
|
@layer itwinui.v3{@media (forced-colors:active){._iui3-carousel-navigation-dot._iui3-active:after{border-width:var(--iui-size-xs)}}
|
|
@@ -700,14 +700,14 @@
|
|
|
700
700
|
}
|
|
701
701
|
|
|
702
702
|
@layer itwinui.v3{
|
|
703
|
-
._iui3-progress-indicator-radial :is(svg,img){inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--iui-color-icon);flex-shrink:0;display:flex}._iui3-progress-indicator-radial[data-iui-status=positive]{color:var(--iui-color-text-positive)}._iui3-progress-indicator-radial[data-iui-status=positive]:after{background-color:var(--iui-color-border-positive)}._iui3-progress-indicator-radial[data-iui-status=positive] :is(svg,img){fill:var(--iui-color-icon-positive)}._iui3-progress-indicator-radial[data-iui-status=negative]{color:var(--iui-color-text-negative)}._iui3-progress-indicator-radial[data-iui-status=negative]:after{background-color:var(--iui-color-border-negative)}._iui3-progress-indicator-radial[data-iui-status=negative] :is(svg,img){fill:var(--iui-color-icon-negative)}._iui3-progress-indicator-radial[data-iui-status=warning]{color:var(--iui-color-text-warning)}._iui3-progress-indicator-radial[data-iui-status=warning]:after{background-color:var(--iui-color-border-warning)}._iui3-progress-indicator-radial[data-iui-status=warning] :is(svg,img){fill:var(--iui-color-icon-warning)}._iui3-progress-indicator-radial[data-iui-size=x-small]{--_iui-progress-indicator-radial-size:var(--iui-size-m)}._iui3-progress-indicator-radial[data-iui-size=x-small]:before,._iui3-progress-indicator-radial[data-iui-size=x-small]:after{border-width:var(--iui-size-3xs)}._iui3-progress-indicator-radial[data-iui-size=x-small]>*{display:none}._iui3-progress-indicator-radial[data-iui-size=small]{--_iui-progress-indicator-radial-size:calc(1.5*var(--iui-size-m))}._iui3-progress-indicator-radial[data-iui-size=small]:before,._iui3-progress-indicator-radial[data-iui-size=small]:after{border-width:calc(var(--iui-size-3xs)*1.5)}._iui3-progress-indicator-radial[data-iui-size=large]{--_iui-progress-indicator-radial-size:calc(3*var(--iui-size-m));font-size:var(--iui-font-size-2)}._iui3-progress-indicator-radial[data-iui-size=large]:before,._iui3-progress-indicator-radial[data-iui-size=large]:after{border-width:calc(var(--iui-size-2xs)*1.5)}._iui3-progress-indicator-radial[data-iui-size=large] :is(svg,img){inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));flex-shrink:0;display:flex}._iui3-progress-indicator-radial:where(:not([data-iui-indeterminate=true])):after{-webkit-mask-image:conic-gradient(#000 var(--iui-progress-percentage,100%),#0000 var(--iui-progress-percentage,100%)),linear-gradient(#000 0 0);mask-image:conic-gradient(#000 var(--iui-progress-percentage,100%),#0000 var(--iui-progress-percentage,100%)),linear-gradient(#000 0 0)}._iui3-progress-indicator-radial:where([data-iui-indeterminate=true]):after{animation:.8s cubic-bezier(.6,.4,.4,.6) infinite _iui3-
|
|
703
|
+
._iui3-progress-indicator-radial :is(svg,img){inline-size:var(--iui-size-m);block-size:var(--iui-size-m);fill:var(--iui-color-icon);flex-shrink:0;display:flex}._iui3-progress-indicator-radial[data-iui-status=positive]{color:var(--iui-color-text-positive)}._iui3-progress-indicator-radial[data-iui-status=positive]:after{background-color:var(--iui-color-border-positive)}._iui3-progress-indicator-radial[data-iui-status=positive] :is(svg,img){fill:var(--iui-color-icon-positive)}._iui3-progress-indicator-radial[data-iui-status=negative]{color:var(--iui-color-text-negative)}._iui3-progress-indicator-radial[data-iui-status=negative]:after{background-color:var(--iui-color-border-negative)}._iui3-progress-indicator-radial[data-iui-status=negative] :is(svg,img){fill:var(--iui-color-icon-negative)}._iui3-progress-indicator-radial[data-iui-status=warning]{color:var(--iui-color-text-warning)}._iui3-progress-indicator-radial[data-iui-status=warning]:after{background-color:var(--iui-color-border-warning)}._iui3-progress-indicator-radial[data-iui-status=warning] :is(svg,img){fill:var(--iui-color-icon-warning)}._iui3-progress-indicator-radial[data-iui-size=x-small]{--_iui-progress-indicator-radial-size:var(--iui-size-m)}._iui3-progress-indicator-radial[data-iui-size=x-small]:before,._iui3-progress-indicator-radial[data-iui-size=x-small]:after{border-width:var(--iui-size-3xs)}._iui3-progress-indicator-radial[data-iui-size=x-small]>*{display:none}._iui3-progress-indicator-radial[data-iui-size=small]{--_iui-progress-indicator-radial-size:calc(1.5*var(--iui-size-m))}._iui3-progress-indicator-radial[data-iui-size=small]:before,._iui3-progress-indicator-radial[data-iui-size=small]:after{border-width:calc(var(--iui-size-3xs)*1.5)}._iui3-progress-indicator-radial[data-iui-size=large]{--_iui-progress-indicator-radial-size:calc(3*var(--iui-size-m));font-size:var(--iui-font-size-2)}._iui3-progress-indicator-radial[data-iui-size=large]:before,._iui3-progress-indicator-radial[data-iui-size=large]:after{border-width:calc(var(--iui-size-2xs)*1.5)}._iui3-progress-indicator-radial[data-iui-size=large] :is(svg,img){inline-size:calc(1.5*var(--iui-size-m));block-size:calc(1.5*var(--iui-size-m));flex-shrink:0;display:flex}._iui3-progress-indicator-radial:where(:not([data-iui-indeterminate=true])):after{-webkit-mask-image:conic-gradient(#000 var(--iui-progress-percentage,100%),#0000 var(--iui-progress-percentage,100%)),linear-gradient(#000 0 0);mask-image:conic-gradient(#000 var(--iui-progress-percentage,100%),#0000 var(--iui-progress-percentage,100%)),linear-gradient(#000 0 0)}._iui3-progress-indicator-radial:where([data-iui-indeterminate=true]):after{animation:.8s cubic-bezier(.6,.4,.4,.6) infinite _iui3-uj4hjtc;-webkit-mask-image:conic-gradient(#0000,#000),linear-gradient(#000 0 0);mask-image:conic-gradient(#0000,#000),linear-gradient(#000 0 0)}@keyframes _iui3-uj4hjtc{to{transform:rotate(360deg)}}._iui3-progress-indicator-linear-label{font-size:var(--iui-font-size-0);color:var(--_iui-progress-indicator-linear-label-color);--iui-svg-fill:var(--_iui-progress-indicator-linear-label-fill);justify-content:space-between;align-items:center;display:flex}._iui3-progress-indicator-linear-label>:only-child{margin-inline:auto}._iui3-progress-indicator-linear{gap:var(--iui-size-2xs);display:grid}._iui3-progress-indicator-linear:before{content:"";block-size:var(--iui-size-2xs);background-color:var(--iui-color-border);background-image:linear-gradient(90deg,var(--_iui-progress-indicator-track-fill,var(--iui-color-border-accent))0% 100%);background-repeat:no-repeat;background-size:var(--iui-progress-percentage,100%)100%;forced-color-adjust:none}
|
|
704
704
|
}
|
|
705
705
|
|
|
706
706
|
@layer itwinui.v3{@media (forced-colors:active){._iui3-progress-indicator-linear:before{background-color:#0000;background-image:linear-gradient(90deg,CanvasText 0% 100%);border:.5px solid}}
|
|
707
707
|
}
|
|
708
708
|
|
|
709
709
|
@layer itwinui.v3{
|
|
710
|
-
._iui3-progress-indicator-linear[data-iui-status=positive]{--_iui-progress-indicator-track-fill:var(--iui-color-border-positive);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-positive);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-positive)}._iui3-progress-indicator-linear[data-iui-status=positive]::selection,._iui3-progress-indicator-linear[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear[data-iui-status=negative]{--_iui-progress-indicator-track-fill:var(--iui-color-border-negative);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-negative);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-negative)}._iui3-progress-indicator-linear[data-iui-status=negative]::selection,._iui3-progress-indicator-linear[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear[data-iui-status=warning]{--_iui-progress-indicator-track-fill:var(--iui-color-border-warning);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-warning);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-warning)}._iui3-progress-indicator-linear[data-iui-status=warning]::selection,._iui3-progress-indicator-linear[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear:where([data-iui-animated=true]:not([data-iui-indeterminate=true])):before{transition:background-size 1s ease-in-out}._iui3-progress-indicator-linear:where([data-iui-indeterminate=true]):before{animation:1.5s linear infinite _iui3-
|
|
710
|
+
._iui3-progress-indicator-linear[data-iui-status=positive]{--_iui-progress-indicator-track-fill:var(--iui-color-border-positive);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-positive);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-positive)}._iui3-progress-indicator-linear[data-iui-status=positive]::selection,._iui3-progress-indicator-linear[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear[data-iui-status=negative]{--_iui-progress-indicator-track-fill:var(--iui-color-border-negative);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-negative);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-negative)}._iui3-progress-indicator-linear[data-iui-status=negative]::selection,._iui3-progress-indicator-linear[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear[data-iui-status=warning]{--_iui-progress-indicator-track-fill:var(--iui-color-border-warning);--_iui-progress-indicator-linear-label-color:var(--iui-color-text-warning);--_iui-progress-indicator-linear-label-fill:var(--iui-color-icon-warning)}._iui3-progress-indicator-linear[data-iui-status=warning]::selection,._iui3-progress-indicator-linear[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}._iui3-progress-indicator-linear:where([data-iui-animated=true]:not([data-iui-indeterminate=true])):before{transition:background-size 1s ease-in-out}._iui3-progress-indicator-linear:where([data-iui-indeterminate=true]):before{animation:1.5s linear infinite _iui3-uj4hjtj}@keyframes _iui3-uj4hjtj{0%{background-position:-60% 0;background-size:30% 100%}40%{background-position:-40% 0;background-size:40% 100%}to{background-position:200% 0;background-size:50% 100%}}._iui3-radio-wrapper{vertical-align:baseline;font-size:var(--iui-font-size-1);-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--iui-color-text);align-items:center;gap:var(--iui-size-xs);border:none;inline-size:-moz-fit-content;inline-size:fit-content;margin:0;padding:0;display:flex;position:relative}._iui3-radio-wrapper._iui3-loading{cursor:progress;color:var(--iui-color-text-disabled);font-style:italic}._iui3-radio-wrapper>._iui3-checkbox-label,._iui3-radio-wrapper>._iui3-radio-label{line-height:var(--iui-size-l)}._iui3-radio-wrapper>._iui3-checkbox-label svg,._iui3-radio-wrapper>._iui3-radio-label svg{inline-size:var(--iui-size-m);block-size:var(--iui-size-m);vertical-align:middle;fill:var(--iui-color-icon);flex-shrink:0;display:flex}._iui3-radio-wrapper._iui3-disabled{cursor:not-allowed;color:var(--iui-color-text-disabled)}._iui3-radio-wrapper._iui3-disabled svg{fill:var(--iui-color-icon-disabled)}._iui3-radio-wrapper._iui3-positive{color:var(--iui-color-text-positive)}._iui3-radio-wrapper._iui3-warning{color:var(--iui-color-text-warning)}._iui3-radio-wrapper._iui3-negative{color:var(--iui-color-text-negative)}._iui3-radio{--_iui-checkbox-checkmark-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m6.5 12.5-4.5-4.5 1.5-1.5 3 3 6-6 1.5 1.5z\" /></svg>");--_iui-checkbox-indeterminate-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m2.75 6.875h10.5v2.25h-10.5z\" /></svg>");--_iui-checkbox-unchecked-svg:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 16 16\"></svg>");--_iui-checkbox-svg-color:var(--iui-color-icon-accent);--_iui-checkbox-border-color:var(--iui-color-border-foreground);--_iui-checkbox-background-color:var(--iui-color-background);--_iui-checkbox-mask-image:initial;inline-size:var(--iui-size-m);block-size:var(--iui-size-m);appearance:none;border-radius:var(--iui-border-radius-1);background-color:var(--_iui-checkbox-background-color);cursor:pointer;transition:outline-color var(--iui-duration-1)ease-out;outline:solid 1px var(--_iui-checkbox-border-color);outline-offset:-1px;border-radius:50%;flex-shrink:0;margin:0;display:flex;position:relative}._iui3-radio:before{content:"";inset:calc((var(--iui-checkbox-target-size,24px) - 16px)/-2);position:absolute}._iui3-radio:after{content:"";background-color:var(--_iui-checkbox-svg-color);-webkit-mask:var(--_iui-checkbox-mask-image)no-repeat center;mask:var(--_iui-checkbox-mask-image)no-repeat center;position:absolute;inset:0}._iui3-radio:not(:checked){--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3-radio:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-indeterminate-svg)}._iui3-radio:hover{--_iui-checkbox-border-color:var(--iui-color-border-foreground-hover)}._iui3-radio:focus-visible{outline:2px solid var(--iui-color-border-accent);outline-offset:-1px}._iui3-radio:disabled{--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-border-color:var(--iui-color-border-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled);cursor:not-allowed}._iui3-radio._iui3-checkbox-visibility{--_iui-checkbox-checkmark-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m8 2.99051a8.81883 8.81883 0 0 0 -8 4.95062 8.74664 8.74664 0 0 0 8 5.06836 8.63266 8.63266 0 0 0 8-5.06836 8.83631 8.83631 0 0 0 -8-4.95062zm-1.31445 1.86981a1.47663 1.47663 0 1 1 -1.47663 1.47668 1.47665 1.47665 0 0 1 1.47663-1.47668zm1.31445 6.64917a7.17486 7.17486 0 0 1 -6.30475-3.55237 7.4952 7.4952 0 0 1 2.81475-2.6336 3.83956 3.83956 0 1 0 6.98126.00244 7.522 7.522 0 0 1 2.81774 2.63916 7.09785 7.09785 0 0 1 -6.309 3.54437z\" /></svg>");--_iui-checkbox-indeterminate-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m8 3v7.9a4.01179 4.01179 0 0 0 4-4 6.7509 6.7509 0 0 0 -.2-1.4l.1.1a6.89429 6.89429 0 0 1 2.4 2.4 8.39088 8.39088 0 0 1 -2.3 2.3 6.89412 6.89412 0 0 1 -3.9 1.2c-.03345 0-.06653-.00677-.1-.0072v1.5072a8.90686 8.90686 0 0 0 8-5 8.90686 8.90686 0 0 0 -8-5z\" opacity=\".33\" /><path d=\"m8 0a1 1 0 0 0 -1 1v2.07135a8.91637 8.91637 0 0 0 -7 4.92865 8.91637 8.91637 0 0 0 7 4.92865v2.07135a1 1 0 0 0 2 0v-14a1 1 0 0 0 -1-1zm-1.5 4.9a1.55426 1.55426 0 0 1 .5.087v2.81451a1.40746 1.40746 0 0 1 -.5.09849 1.538 1.538 0 0 1 -1.5-1.5 1.53794 1.53794 0 0 1 1.5-1.5zm-2.3 5.4a6.97279 6.97279 0 0 1 -2.5-2.3 6.89429 6.89429 0 0 1 2.4-2.4c.1 0 .1-.1.2-.1a3.194 3.194 0 0 0 -.3 1.4 4.0047 4.0047 0 0 0 3 3.857v.65289a6.37491 6.37491 0 0 1 -2.8-1.10989z\" /></svg>");--_iui-checkbox-unchecked-svg:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"m1.70671 12.879 11.17218-11.17219 1.4142 1.4142-11.17218 11.17218zm.99329-1.679 1.1-1.1a5.06317 5.06317 0 0 1 -2-2.1 7.48268 7.48268 0 0 1 6.2-3.5 4.86877 4.86877 0 0 1 1.2.1l1.3-1.3a10.07431 10.07431 0 0 0 -2.5-.3 8.84129 8.84129 0 0 0 -8 5 8.42455 8.42455 0 0 0 2.7 3.2zm10.7-6.4-1.1 1.1a7.08625 7.08625 0 0 1 2 2.1 7.50323 7.50323 0 0 1 -6.2 3.5 8.31665 8.31665 0 0 1 -1.3-.2l-1.3 1.3a8.909 8.909 0 0 0 6.4-.5 9.04344 9.04344 0 0 0 4.1-4.1 9.168 9.168 0 0 0 -2.6-3.2z\" /></svg>");--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;outline-width:1px}._iui3-radio._iui3-checkbox-visibility:where(:not(:checked):not(:indeterminate)){--_iui-checkbox-svg-color:var(--iui-color-icon)}._iui3-radio._iui3-checkbox-visibility:where(:hover){--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:var(--iui-color-background-transparent-hover)}._iui3-radio._iui3-checkbox-visibility:where(:disabled){--_iui-checkbox-svg-color:var(--iui-color-icon-disabled);--_iui-checkbox-background-color:var(--iui-color-background-disabled)}._iui3-radio._iui3-loading{--_iui-checkbox-border-color:transparent;--_iui-checkbox-background-color:transparent;opacity:0;cursor:wait;position:absolute}._iui3-radio:checked{--_iui-checkbox-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" ><circle cx=\"8\" cy=\"8\" r=\"4\" /></svg>")}._iui3-radio:not(:checked),._iui3-radio:indeterminate{--_iui-checkbox-mask-image:var(--_iui-checkbox-unchecked-svg)}._iui3-radio-tile{-webkit-tap-highlight-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6));inline-size:calc(var(--iui-size-xl)*5);padding:var(--iui-size-xs);z-index:1;outline:1px solid var(--iui-color-border);background-color:var(--iui-color-background);transition:outline-color var(--iui-duration-1)ease-out;align-content:center;justify-items:center;display:grid;position:relative}._iui3-radio-tile:where(:hover){z-index:2;outline-color:var(--iui-color-border-hover)}._iui3-radio-tile:where(:hover) ._iui3-radio-tile-icon svg{fill:var(--iui-color-icon-hover)}._iui3-radio-tile:where(:has(input:disabled),[data-iui-disabled=true]){outline-color:var(--iui-color-border-disabled);background-color:var(--iui-color-background-disabled)}._iui3-radio-tile-container{-webkit-user-select:none;user-select:none;isolation:isolate;flex-wrap:wrap;gap:1px;display:inline-flex;position:relative}._iui3-radio-tile-input{z-index:1;appearance:none;cursor:pointer;margin:0;position:absolute;inset:0}._iui3-radio-tile-input:checked{z-index:3;outline:2px solid var(--iui-color-border-accent);outline-offset:-2px}
|
|
711
711
|
}
|
|
712
712
|
|
|
713
713
|
@layer itwinui.v3{@media (forced-colors:active){._iui3-radio-tile-input:checked{outline-color:Highlight}}
|