@itwin/itwinui-css 1.11.1 → 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.
- package/CHANGELOG.md +12 -0
- package/css/all.css +1 -1
- package/css/expandable-block.css +1 -1
- package/css/tabs.css +1 -1
- package/package.json +2 -2
package/css/expandable-block.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-expandable-block{--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon);--_iui-expandable-block-border:1px solid var(--_iui-expandable-block-border-color);--_iui-expandable-block-border-color:var(--iui-color-border);--_iui-expandable-block-background-color:var(--iui-color-background);--_iui-expandable-block-content-padding:var(--iui-size-s);--_iui-expandable-block-header-background-color-disabled:var(--iui-color-background-disabled);--_iui-expandable-block-header-background-color-hover:var(--iui-color-background-hover);--_iui-expandable-block-header-focus-offset:-2px;--_iui-expandable-block-header-focus-thickness:2px;--_iui-expandable-block-expander-icon-size:var(--iui-size-m);--_iui-expandable-block-header-gap:var(--iui-size-s);--_iui-expandable-block-header-padding:var(--iui-size-s);width:100%;border-radius:var(--iui-border-radius-1);flex-direction:column;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-expanded){--_iui-expandable-block-header-bottom-border-radius:0}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-expanded){--_iui-expandable-block-expander-icon-transform:rotate(90deg)}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header{vertical-align:baseline;gap:var(--_iui-expandable-block-header-gap);padding:0;padding:var(--_iui-expandable-block-header-padding);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--iui-color-text);line-height:inherit;text-align:left;background-color:var(--_iui-expandable-block-background-color);border:none;border:var(--_iui-expandable-block-border);border-radius:inherit;border-bottom-left-radius:var(--_iui-expandable-block-header-bottom-border-radius,inherit);border-bottom-right-radius:var(--_iui-expandable-block-header-bottom-border-radius,inherit);transition:background-color var(--iui-duration-1)ease-out;align-items:center;margin:0;font-family:inherit;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:focus-visible{outline:var(--_iui-expandable-block-header-focus-thickness)solid var(--iui-color-border-accent);outline-offset:var(--_iui-expandable-block-header-focus-offset)}@supports not selector(*:focus-visible){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:focus{outline:var(--_iui-expandable-block-header-focus-thickness)solid var(--iui-color-border-accent);outline-offset:var(--_iui-expandable-block-header-focus-offset)}}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header{--_iui-expandable-block-expander-icon-fill:CanvasText}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:where(:hover){--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-hover);--_iui-expandable-block-header-caption-color:var(--iui-color-text-hover);--_iui-expandable-block-header-label-color:var(--iui-color-text-hover);background-color:var(--_iui-expandable-block-header-background-color-hover)}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:where(:hover){--_iui-expandable-block-expander-icon-fill:Highlight;--_iui-expandable-block-header-caption-color:Highlight;--_iui-expandable-block-header-label-color:Highlight;border-color:Highlight}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[disabled],:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:disabled,:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[aria-disabled=true]{--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-disabled);--_iui-expandable-block-header-caption-color:var(--iui-color-text-disabled);--_iui-expandable-block-header-label-color:var(--iui-color-text-disabled);cursor:not-allowed;background-color:var(--_iui-expandable-block-header-background-color-disabled);border-color:var(--iui-color-border-disabled)}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[disabled],:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:disabled,:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[aria-disabled=true]{--_iui-expandable-block-expander-icon-fill:GrayText;--_iui-expandable-block-header-caption-color:GrayText;--_iui-expandable-block-header-label-color:GrayText;border-color:GrayText}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header>.iui-icon{width:var(--iui-size-m);height:var(--iui-size-m);width:var(--_iui-expandable-block-expander-icon-size);height:var(--_iui-expandable-block-expander-icon-size);fill:var(--_iui-expandable-block-expander-icon-fill);transform:var(--_iui-expandable-block-expander-icon-transform
|
|
5
|
+
:where(.iui-root, [data-iui-theme]) .iui-expandable-block{--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon);--_iui-expandable-block-expander-icon-transform:none;--_iui-expandable-block-border:1px solid var(--_iui-expandable-block-border-color);--_iui-expandable-block-border-color:var(--iui-color-border);--_iui-expandable-block-background-color:var(--iui-color-background);--_iui-expandable-block-content-padding:var(--iui-size-s);--_iui-expandable-block-header-background-color-disabled:var(--iui-color-background-disabled);--_iui-expandable-block-header-background-color-hover:var(--iui-color-background-hover);--_iui-expandable-block-header-focus-offset:-2px;--_iui-expandable-block-header-focus-thickness:2px;--_iui-expandable-block-expander-icon-size:var(--iui-size-m);--_iui-expandable-block-header-gap:var(--iui-size-s);--_iui-expandable-block-header-padding:var(--iui-size-s);width:100%;border-radius:var(--iui-border-radius-1);flex-direction:column;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-expanded){--_iui-expandable-block-header-bottom-border-radius:0}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-expanded){--_iui-expandable-block-expander-icon-transform:rotate(90deg)}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header{vertical-align:baseline;gap:var(--_iui-expandable-block-header-gap);padding:0;padding:var(--_iui-expandable-block-header-padding);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--iui-color-text);line-height:inherit;text-align:left;background-color:var(--_iui-expandable-block-background-color);border:none;border:var(--_iui-expandable-block-border);border-radius:inherit;border-bottom-left-radius:var(--_iui-expandable-block-header-bottom-border-radius,inherit);border-bottom-right-radius:var(--_iui-expandable-block-header-bottom-border-radius,inherit);transition:background-color var(--iui-duration-1)ease-out;align-items:center;margin:0;font-family:inherit;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:focus-visible{outline:var(--_iui-expandable-block-header-focus-thickness)solid var(--iui-color-border-accent);outline-offset:var(--_iui-expandable-block-header-focus-offset)}@supports not selector(*:focus-visible){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:focus{outline:var(--_iui-expandable-block-header-focus-thickness)solid var(--iui-color-border-accent);outline-offset:var(--_iui-expandable-block-header-focus-offset)}}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header{--_iui-expandable-block-expander-icon-fill:CanvasText}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:where(:hover){--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-hover);--_iui-expandable-block-header-caption-color:var(--iui-color-text-hover);--_iui-expandable-block-header-label-color:var(--iui-color-text-hover);background-color:var(--_iui-expandable-block-header-background-color-hover)}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:where(:hover){--_iui-expandable-block-expander-icon-fill:Highlight;--_iui-expandable-block-header-caption-color:Highlight;--_iui-expandable-block-header-label-color:Highlight;border-color:Highlight}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[disabled],:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:disabled,:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[aria-disabled=true]{--_iui-expandable-block-expander-icon-fill:var(--iui-color-icon-disabled);--_iui-expandable-block-header-caption-color:var(--iui-color-text-disabled);--_iui-expandable-block-header-label-color:var(--iui-color-text-disabled);cursor:not-allowed;background-color:var(--_iui-expandable-block-header-background-color-disabled);border-color:var(--iui-color-border-disabled)}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[disabled],:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header:disabled,:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header[aria-disabled=true]{--_iui-expandable-block-expander-icon-fill:GrayText;--_iui-expandable-block-header-caption-color:GrayText;--_iui-expandable-block-header-label-color:GrayText;border-color:GrayText}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header>.iui-icon{width:var(--iui-size-m);height:var(--iui-size-m);width:var(--_iui-expandable-block-expander-icon-size);height:var(--_iui-expandable-block-expander-icon-size);fill:var(--_iui-expandable-block-expander-icon-fill);transform:var(--_iui-expandable-block-expander-icon-transform);transition:fill var(--iui-duration-1)ease-out;flex-shrink:0;display:flex}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header>.iui-icon{transition:fill var(--iui-duration-1)ease-out,transform var(--iui-duration-1)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block>.iui-header>.iui-status-icon{width:var(--iui-size-m);height:var(--iui-size-m);flex-shrink:0;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content{background-color:var(--_iui-expandable-block-background-color);border-bottom:var(--_iui-expandable-block-border);border-right:var(--_iui-expandable-block-border);border-left:var(--_iui-expandable-block-border);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;overflow:hidden}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-enter{opacity:0}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-enter-active{opacity:1}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-enter-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-exit{opacity:1}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-exit-active{opacity:0}@media (prefers-reduced-motion:no-preference){:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content.iui-exit-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block .iui-expandable-content>div{padding:var(--_iui-expandable-block-content-padding)}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-small){--_iui-expandable-block-expander-icon-size:var(--iui-size-s);--_iui-expandable-block-header-gap:var(--iui-size-xs);--_iui-expandable-block-header-padding:calc(var(--iui-size-s)*.5)var(--iui-size-xs)}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-borderless){--_iui-expandable-block-border:none;--_iui-expandable-block-background-color:transparent;--_iui-expandable-block-content-padding:none;--_iui-expandable-block-header-background-color-disabled:transparent;--_iui-expandable-block-header-background-color-hover:var(--iui-color-background-transparent-hover);--_iui-expandable-block-header-focus-offset:-1px;--_iui-expandable-block-header-focus-thickness:1px}:where(.iui-root, [data-iui-theme]) .iui-expandable-block:where(.iui-borderless):where(.iui-expanded){--_iui-expandable-block-header-bottom-border-radius:inherit}:where(.iui-root, [data-iui-theme]) .iui-expandable-block-label{min-width:0;font-size:var(--iui-font-size-2);color:var(--_iui-expandable-block-header-label-color,inherit);flex-direction:column;flex:auto;display:flex}:where(.iui-root, [data-iui-theme]) .iui-expandable-block-label .iui-title{white-space:nowrap;text-overflow:ellipsis;transition:color var(--iui-duration-1)ease;overflow:hidden}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block-label .iui-title{transition:none}}:where(.iui-root, [data-iui-theme]) .iui-expandable-block-label .iui-caption{white-space:nowrap;text-overflow:ellipsis;transition:color var(--iui-duration-1)ease;font-size:var(--iui-font-size-0);color:var(--_iui-expandable-block-header-caption-color,var(--iui-color-text-muted));overflow:hidden}@media (forced-colors:active){:where(.iui-root, [data-iui-theme]) .iui-expandable-block-label .iui-caption{transition:none}}
|
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.
|
|
3
|
+
"version": "1.11.3",
|
|
4
4
|
"author": "Bentley Systems",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "css/all.css",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"serve": "^14.0.1",
|
|
52
52
|
"stylelint": "^14.2.0",
|
|
53
53
|
"stylelint-config-sass-guidelines": "^9.0.1",
|
|
54
|
-
"vite": "^4.1.
|
|
54
|
+
"vite": "^4.1.5"
|
|
55
55
|
},
|
|
56
56
|
"scripts": {
|
|
57
57
|
"build": "yarn clean && yarn build:css && node ../../scripts/copyrightLinter.js --fix css/* && yarn build:html",
|