@itwin/itwinui-css 1.11.2 → 1.11.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/all.css +1 -1
  3. package/css/tabs.css +1 -1
  4. package/package.json +1 -1
package/css/tabs.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-tabs-wrapper{display:grid;position:relative}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal{grid-template-columns:1fr auto;grid-template-areas:"tabs tabs-actions""tabs-content tabs-content"}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs{display:flex}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs.iui-borderless{min-height:calc( var(--iui-size-s)*3 + var(--iui-size-xs))}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs[data-iui-overflow=true]{overflow-x:overlay}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=start]{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 0% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 0% 95%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=center]{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=end]{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 100%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 100%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tab:after{width:100%;height:0}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tab.iui-active:after{height:var(--iui-size-3xs)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical{height:100%;grid-template:"tabs tabs-content"1fr"tabs-actions tabs-content"/auto 1fr}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs li,:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs .iui-tab{width:100%;white-space:nowrap}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs~.iui-tabs-content{flex-grow:1;overflow:auto}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs[data-iui-overflow=true]{overflow-y:overlay;min-width:min-content}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=start]{-webkit-mask-image:linear-gradient(#0000 0%,#000 0% 95%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 0% 95%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=center]{-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 5% 95%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=end]{-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 100%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 5% 100%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tab:after{width:0;height:100%}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tab.iui-active:after{width:var(--iui-size-3xs)}:where(.iui-root, [data-iui-theme]) .iui-tabs-actions-wrapper{flex-direction:column;grid-area:tabs-actions;justify-content:center;display:flex}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) .iui-tabs-actions-wrapper{margin-left:var(--iui-size-s)}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) .iui-tabs-actions-wrapper:before,:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) .iui-tabs-actions-wrapper:after{content:"";flex:1}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) :where(.iui-tabs.iui-default)+.iui-tabs-actions-wrapper:after{min-height:var(--iui-size-2xs)}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) :where(.iui-tabs.iui-borderless)+.iui-tabs-actions-wrapper:after{min-height:var(--iui-size-xs)}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-vertical) .iui-tabs-actions-wrapper{margin-top:var(--iui-size-s);padding:0 var(--iui-size-xs)}:where(.iui-root, [data-iui-theme]) .iui-tabs-actions{display:flex}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) .iui-tabs-actions{align-items:center;column-gap:var(--iui-size-xs)}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-vertical) .iui-tabs-actions{align-items:stretch;row-gap:var(--iui-size-xs);flex-direction:column}:where(.iui-root, [data-iui-theme]) .iui-tabs-content{grid-area:tabs-content}:where(.iui-root, [data-iui-theme]) .iui-tabs{vertical-align:baseline;-webkit-user-select:none;user-select:none;border:none;margin:0;padding:0;list-style:none;position:relative}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab{vertical-align:baseline;font-family:inherit;font-size:var(--iui-font-size-1);min-height:calc(var(--iui-size-m)*2.5);height:100%;cursor:pointer;color:var(--iui-color-text);transition:background-color var(--iui-duration-1)ease-out;border:none;align-items:center;margin:0;padding:0;display:flex;position:relative}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab.iui-active{color:var(--iui-color-text-accent)}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab.iui-active .iui-tab-icon{fill:currentColor}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab.iui-active .iui-tab-description{color:inherit}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab[disabled]{cursor:not-allowed;color:var(--iui-color-text-disabled)}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab[disabled] .iui-tab-description{color:inherit}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab[disabled] .iui-tab-icon{fill:var(--iui-color-icon-disabled)}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab-icon{width:var(--iui-size-m);height:var(--iui-size-m);fill:var(--iui-color-icon);transition:fill var(--iui-duration-1)ease-out;flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab-icon+.iui-tab-label{margin-left:var(--iui-size-xs)}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab-description{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted);display:none}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-green .iui-tab:focus{outline-color:var(--iui-color-text-positive)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-green .iui-tab.iui-active{color:var(--iui-color-text-positive)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-green .iui-tab.iui-active .iui-tab-icon{fill:currentColor}:where(.iui-root, [data-iui-theme]) .iui-tabs[data-iui-overflow=true] .iui-tab{white-space:nowrap}:where(.iui-root, [data-iui-theme]) .iui-tabs~.iui-tabs-content{padding-top:var(--iui-size-s);padding-bottom:var(--iui-size-s)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab:after{content:"";background-color:var(--iui-color-border-accent);position:absolute}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-active:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default.iui-green .iui-tab:after{background-color:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab{padding:var(--iui-size-2xs)var(--iui-size-m);background-color:var(--iui-color-background-backdrop);border:1px solid var(--iui-color-border)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab:after{top:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab:hover,:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab.iui-active{background-color:var(--iui-color-background)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab[disabled]{background-color:var(--iui-color-background-disabled)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab:focus{outline-offset:-2px;outline-width:2px}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-default .iui-tab.iui-active{border-bottom-color:#0000}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-default :not(:first-child) .iui-tab{border-left:none}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-default~.iui-tabs-content{margin-top:-1px}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-default :where(.iui-button){height:100%}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-default .iui-tab.iui-active{border-right-color:#0000}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-default :not(:first-child) .iui-tab{border-top:none}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-default~.iui-tabs-content{margin-left:-1px}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-default :where(.iui-button){width:100%}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default.iui-large .iui-tab{min-height:calc(var(--iui-size-m)*3.5)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default.iui-large .iui-tab-description{display:-webkit-box}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default.iui-green .iui-tab:after{background-color:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default~.iui-tabs-content{padding-left:var(--iui-size-m);padding-right:var(--iui-size-m);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless .iui-tab{padding-block:var(--iui-size-2xs);padding-inline:calc(var(--iui-size-s)*2);background-color:#0000}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless .iui-tab:after{bottom:0;right:0}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless .iui-tab:hover{background-color:var(--iui-color-background-transparent-hover)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless .iui-tab.iui-active{background-color:var(--iui-color-background-accent-muted)}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-borderless~.iui-tabs-content{margin-top:calc(0px - var(--iui-size-3xs));border-top:var(--iui-size-3xs)solid var(--iui-color-border)}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-borderless~.iui-tabs-content{margin-left:calc(0px - var(--iui-size-3xs));padding-left:var(--iui-size-s);padding-right:var(--iui-size-s);border-left:var(--iui-size-3xs)solid var(--iui-color-border)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless.iui-green .iui-active{background-color:var(--iui-color-background-positive-muted)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless.iui-large .iui-tab{min-height:calc(var(--iui-size-m)*3.5)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless.iui-large .iui-tab-description{display:-webkit-box}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless .iui-tab[disabled]:hover{background-color:#0000}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill{justify-content:space-evenly;gap:var(--iui-size-3xs)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill>li{flex:1 1 0}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill.iui-green .iui-tab:hover{background-color:var(--iui-color-background-transparent-hover)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill.iui-green .iui-tab.iui-active:hover{background-color:var(--iui-color-background-positive-muted)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill .iui-tab{padding:var(--iui-size-2xs);width:100%;border-radius:var(--iui-border-radius-1);background-color:#0000;justify-content:center}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill .iui-tab:after{bottom:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill .iui-tab:hover{background-color:var(--iui-color-background-transparent-hover)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill .iui-tab.iui-active:hover{background-color:var(--iui-color-background-accent-muted)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill .iui-tab[disabled]:hover{background-color:#0000}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-animated:after{content:" ";background-color:var(--iui-color-border-accent);position:absolute}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-animated.iui-green:after{background-color:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-animated:after{top:calc(100% - var(--iui-size-3xs));height:var(--iui-size-3xs);left:var(--stripe-left);width:var(--stripe-width)}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-animated:after{transition:width var(--iui-duration-1)ease-out,left var(--iui-duration-1)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-animated:after{left:calc(100% - var(--iui-size-3xs));width:var(--iui-size-3xs);top:var(--stripe-top);height:var(--stripe-height)}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-animated:after{transition:top var(--iui-duration-1)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-not-animated .iui-tab:after{content:"";background-color:var(--iui-color-border-accent);position:absolute}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-not-animated .iui-active:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-not-animated.iui-green .iui-tab:after{background-color:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-tab-label{text-align:left;max-width:60ch}:where(.iui-root, [data-iui-theme]) .iui-tab-label>*{text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
5
+ :where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper{display:grid;position:relative}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal{grid-template:"tabs tabs-actions""tabs-content tabs-content"1fr/1fr auto}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs{display:flex}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs.iui-borderless{min-height:calc( var(--iui-size-s)*3 + var(--iui-size-xs))}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs[data-iui-overflow=true]{overflow-x:overlay}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=start]{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 0% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 0% 95%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=center]{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=end]{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 100%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 100%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tab:after{width:100%;height:0}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-horizontal .iui-tab.iui-active:after{height:var(--iui-size-3xs)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical{height:100%;grid-template:"tabs tabs-content"1fr"tabs-actions tabs-content"/auto 1fr}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs li,:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs .iui-tab{width:100%;white-space:nowrap}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs~.iui-tabs-content{flex-grow:1;overflow:auto}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs[data-iui-overflow=true]{overflow-y:overlay;min-width:min-content}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=start]{-webkit-mask-image:linear-gradient(#0000 0%,#000 0% 95%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 0% 95%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=center]{-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 5% 95%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tabs[data-iui-overflow=true][data-iui-scroll-placement=end]{-webkit-mask-image:linear-gradient(#0000 0%,#000 5% 100%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 5% 100%,#0000 100%)}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tab:after{width:0;height:100%}:where(.iui-root, [data-iui-theme]) .iui-tabs-wrapper.iui-vertical .iui-tab.iui-active:after{width:var(--iui-size-3xs)}:where(.iui-root, [data-iui-theme]) .iui-tabs-actions-wrapper{flex-direction:column;grid-area:tabs-actions;justify-content:center;display:flex}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) .iui-tabs-actions-wrapper{margin-left:var(--iui-size-s)}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) .iui-tabs-actions-wrapper:before,:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) .iui-tabs-actions-wrapper:after{content:"";flex:1}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) :where(.iui-tabs.iui-default)+.iui-tabs-actions-wrapper:after{min-height:var(--iui-size-2xs)}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) :where(.iui-tabs.iui-borderless)+.iui-tabs-actions-wrapper:after{min-height:var(--iui-size-xs)}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-vertical) .iui-tabs-actions-wrapper{margin-top:var(--iui-size-s);padding:0 var(--iui-size-xs)}:where(.iui-root, [data-iui-theme]) .iui-tabs-actions{display:flex}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-horizontal) .iui-tabs-actions{align-items:center;column-gap:var(--iui-size-xs)}:where(.iui-root, [data-iui-theme]) :where(.iui-tabs-wrapper.iui-vertical) .iui-tabs-actions{align-items:stretch;row-gap:var(--iui-size-xs);flex-direction:column}:where(.iui-root, [data-iui-theme]) .iui-tabs-content{grid-area:tabs-content}:where(.iui-root, [data-iui-theme]) .iui-tabs{vertical-align:baseline;-webkit-user-select:none;user-select:none;border:none;margin:0;padding:0;list-style:none;position:relative}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab{vertical-align:baseline;font-family:inherit;font-size:var(--iui-font-size-1);min-height:calc(var(--iui-size-m)*2.5);height:100%;cursor:pointer;color:var(--iui-color-text);transition:background-color var(--iui-duration-1)ease-out;border:none;align-items:center;margin:0;padding:0;display:flex;position:relative}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab.iui-active{color:var(--iui-color-text-accent)}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab.iui-active .iui-tab-icon{fill:currentColor}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab.iui-active .iui-tab-description{color:inherit}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab[disabled]{cursor:not-allowed;color:var(--iui-color-text-disabled)}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab[disabled] .iui-tab-description{color:inherit}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab[disabled] .iui-tab-icon{fill:var(--iui-color-icon-disabled)}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab-icon{width:var(--iui-size-m);height:var(--iui-size-m);fill:var(--iui-color-icon);transition:fill var(--iui-duration-1)ease-out;flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab-icon+.iui-tab-label{margin-left:var(--iui-size-xs)}:where(.iui-root, [data-iui-theme]) .iui-tabs .iui-tab-description{font-size:var(--iui-font-size-0);color:var(--iui-color-text-muted);display:none}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-green .iui-tab:focus{outline-color:var(--iui-color-text-positive)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-green .iui-tab.iui-active{color:var(--iui-color-text-positive)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-green .iui-tab.iui-active .iui-tab-icon{fill:currentColor}:where(.iui-root, [data-iui-theme]) .iui-tabs[data-iui-overflow=true] .iui-tab{white-space:nowrap}:where(.iui-root, [data-iui-theme]) .iui-tabs~.iui-tabs-content{padding-top:var(--iui-size-s);padding-bottom:var(--iui-size-s)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab:after{content:"";background-color:var(--iui-color-border-accent);position:absolute}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-active:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default.iui-green .iui-tab:after{background-color:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab{padding:var(--iui-size-2xs)var(--iui-size-m);background-color:var(--iui-color-background-backdrop);border:1px solid var(--iui-color-border)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab:after{top:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab:hover,:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab.iui-active{background-color:var(--iui-color-background)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab[disabled]{background-color:var(--iui-color-background-disabled)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default .iui-tab:focus{outline-offset:-2px;outline-width:2px}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-default .iui-tab.iui-active{border-bottom-color:#0000}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-default :not(:first-child) .iui-tab{border-left:none}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-default~.iui-tabs-content{margin-top:-1px}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-default :where(.iui-button){height:100%}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-default .iui-tab.iui-active{border-right-color:#0000}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-default :not(:first-child) .iui-tab{border-top:none}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-default~.iui-tabs-content{margin-left:-1px}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-default :where(.iui-button){width:100%}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default.iui-large .iui-tab{min-height:calc(var(--iui-size-m)*3.5)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default.iui-large .iui-tab-description{display:-webkit-box}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default.iui-green .iui-tab:after{background-color:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-default~.iui-tabs-content{padding-left:var(--iui-size-m);padding-right:var(--iui-size-m);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless .iui-tab{padding-block:var(--iui-size-2xs);padding-inline:calc(var(--iui-size-s)*2);background-color:#0000}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless .iui-tab:after{bottom:0;right:0}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless .iui-tab:hover{background-color:var(--iui-color-background-transparent-hover)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless .iui-tab.iui-active{background-color:var(--iui-color-background-accent-muted)}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-borderless~.iui-tabs-content{margin-top:calc(0px - var(--iui-size-3xs));border-top:var(--iui-size-3xs)solid var(--iui-color-border)}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-borderless~.iui-tabs-content{margin-left:calc(0px - var(--iui-size-3xs));padding-left:var(--iui-size-s);padding-right:var(--iui-size-s);border-left:var(--iui-size-3xs)solid var(--iui-color-border)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless.iui-green .iui-active{background-color:var(--iui-color-background-positive-muted)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless.iui-large .iui-tab{min-height:calc(var(--iui-size-m)*3.5)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless.iui-large .iui-tab-description{display:-webkit-box}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-borderless .iui-tab[disabled]:hover{background-color:#0000}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill{justify-content:space-evenly;gap:var(--iui-size-3xs)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill>li{flex:1 1 0}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill.iui-green .iui-tab:hover{background-color:var(--iui-color-background-transparent-hover)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill.iui-green .iui-tab.iui-active:hover{background-color:var(--iui-color-background-positive-muted)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill .iui-tab{padding:var(--iui-size-2xs);width:100%;border-radius:var(--iui-border-radius-1);background-color:#0000;justify-content:center}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill .iui-tab:after{bottom:0;left:0}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill .iui-tab:hover{background-color:var(--iui-color-background-transparent-hover)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill .iui-tab.iui-active:hover{background-color:var(--iui-color-background-accent-muted)}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-pill .iui-tab[disabled]:hover{background-color:#0000}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-animated:after{content:" ";background-color:var(--iui-color-border-accent);position:absolute}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-animated.iui-green:after{background-color:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-animated:after{top:calc(100% - var(--iui-size-3xs));height:var(--iui-size-3xs);left:var(--stripe-left);width:var(--stripe-width)}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-horizontal .iui-tabs.iui-animated:after{transition:width var(--iui-duration-1)ease-out,left var(--iui-duration-1)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-animated:after{left:calc(100% - var(--iui-size-3xs));width:var(--iui-size-3xs);top:var(--stripe-top);height:var(--stripe-height)}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-vertical .iui-tabs.iui-animated:after{transition:top var(--iui-duration-1)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-not-animated .iui-tab:after{content:"";background-color:var(--iui-color-border-accent);position:absolute}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-not-animated .iui-active:after{transition:width var(--iui-duration-1)ease,height var(--iui-duration-1)ease}}:where(.iui-root, [data-iui-theme]) .iui-tabs.iui-not-animated.iui-green .iui-tab:after{background-color:var(--iui-color-border-positive)}:where(.iui-root, [data-iui-theme]) .iui-tab-label{text-align:left;max-width:60ch}:where(.iui-root, [data-iui-theme]) .iui-tab-label>*{text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itwin/itwinui-css",
3
- "version": "1.11.2",
3
+ "version": "1.11.3",
4
4
  "author": "Bentley Systems",
5
5
  "license": "MIT",
6
6
  "main": "css/all.css",